fix(renderer): merge similar renderer types

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>

frontend/cypress/e2e/intro.spec.ts

@@ -13,7 +13,7 @@ describe('Intro page', () => {
 
   describe('customizable content', () => {
     it('fetches and shows the correct intro page content', () => {
-      cy.getIntroBody().contains('test content')
+      cy.getSimpleRendererBody().contains('test content')
     })
 
     it("won't show anything if no content was found", () => {

frontend/cypress/e2e/motd.spec.ts

@@ -22,8 +22,8 @@ describe('Motd', () => {
       statusCode: 200,
       headers: { 'Last-Modified': MOCK_LAST_MODIFIED }
     })
-    cy.visitHome()
+    cy.visitHistory()
-    cy.getMotdBody().should('contain.html', motdMockHtml)
+    cy.getSimpleRendererBody().should('contain.html', motdMockHtml)
     cy.getByCypressId('motd-dismiss')
       .click()
       .then(() => {

frontend/cypress/support/get-iframe-content.ts

@@ -13,9 +13,7 @@ declare namespace Cypress {
 
     getMarkdownBody(): Chainable<Element>
 
-    getIntroBody(): Chainable<Element>
+    getSimpleRendererBody(): Chainable<Element>
-
-    getMotdBody(): Chainable<Element>
   }
 }
 
@@ -39,10 +37,6 @@ Cypress.Commands.add('getMarkdownBody', () => {
   return cy.getIframeBody(RendererType.DOCUMENT).findByCypressId('markdown-body')
 })
 
-Cypress.Commands.add('getIntroBody', () => {
+Cypress.Commands.add('getSimpleRendererBody', () => {
-  return cy.getIframeBody(RendererType.INTRO).findByCypressId('markdown-body')
+  return cy.getIframeBody(RendererType.SIMPLE).findByCypressId('markdown-body')
-})
-
-Cypress.Commands.add('getMotdBody', () => {
-  return cy.getIframeBody(RendererType.MOTD).findByCypressId('markdown-body')
 })

frontend/src/components/common/motd-modal/__snapshots__/motd-modal.test.tsx.snap

@@ -20,7 +20,7 @@ exports[`motd modal renders a modal if a motd was fetched and can dismiss it 1`]
           data-testid="motd-renderer"
         >
           This is a mock implementation of a iframe renderer. Props: 
-          {"frameClasses":"w-100","rendererType":"motd","markdownContentLines":["very important mock text!"],"adaptFrameHeightToContent":true}
+          {"frameClasses":"w-100","rendererType":"simple","markdownContentLines":["very important mock text!"],"adaptFrameHeightToContent":true}
         </span>
       </div>
       <div

frontend/src/components/common/motd-modal/motd-modal.tsx

@@ -57,7 +57,7 @@ export const MotdModal: React.FC = () => {
         <EditorToRendererCommunicatorContextProvider>
           <RenderIframe
             frameClasses={'w-100'}
-            rendererType={RendererType.MOTD}
+            rendererType={RendererType.SIMPLE}
             markdownContentLines={lines as string[]}
             adaptFrameHeightToContent={true}
           />

frontend/src/components/intro-page/intro-custom-content.tsx

@@ -30,7 +30,7 @@ export const IntroCustomContent: React.FC = () => {
       <RenderIframe
         frameClasses={'w-100 overflow-y-hidden'}
         markdownContentLines={value as string[]}
-        rendererType={RendererType.INTRO}
+        rendererType={RendererType.SIMPLE}
         forcedDarkMode={true}
         adaptFrameHeightToContent={true}
       />

frontend/src/components/render-page/iframe-markdown-renderer.tsx

@@ -146,8 +146,7 @@ export const IframeMarkdownRenderer: React.FC = () => {
             slideOptions={slideOptions}
           />
         )
-      case RendererType.MOTD:
+      case RendererType.SIMPLE:
-      case RendererType.INTRO:
         return (
           <MarkdownDocument
             additionalOuterContainerClasses={'vh-100 bg-light overflow-y-hidden'}

frontend/src/components/render-page/window-post-message-communicator/rendering-message.ts

@@ -129,9 +129,8 @@ export type RendererToEditorMessageType =
 
 export enum RendererType {
   DOCUMENT = 'document',
-  INTRO = 'intro',
+  SIMPLE = 'simple',
-  SLIDESHOW = 'slideshow',
+  SLIDESHOW = 'slideshow'
-  MOTD = 'motd'
 }
 
 export interface BaseConfiguration {