hedgedoc/src/components/render-page/iframe-renderer-to-editor-communicator.ts

/*
 * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
 *
 * SPDX-License-Identifier: AGPL-3.0-only
 */

import { NoteFrontmatter } from '../editor-page/note-frontmatter/note-frontmatter'
import { ScrollState } from '../editor-page/synced-scroll/scroll-props'
import { IframeCommunicator } from './iframe-communicator'
import {
  BaseConfiguration,
  EditorToRendererIframeMessage,
  ImageDetails,
  RendererToEditorIframeMessage,
  RenderIframeMessageType
} from './rendering-message'

export class IframeRendererToEditorCommunicator extends IframeCommunicator<
  RendererToEditorIframeMessage,
  EditorToRendererIframeMessage
> {
  private onSetMarkdownContentHandler?: (markdownContent: string) => void
  private onSetDarkModeHandler?: (darkModeActivated: boolean) => void
  private onSetScrollStateHandler?: (scrollState: ScrollState) => void
  private onSetBaseConfigurationHandler?: (baseConfiguration: BaseConfiguration) => void

  public onSetBaseConfiguration(handler?: (baseConfiguration: BaseConfiguration) => void): void {
    this.onSetBaseConfigurationHandler = handler
  }

  public onSetMarkdownContent(handler?: (markdownContent: string) => void): void {
    this.onSetMarkdownContentHandler = handler
  }

  public onSetDarkMode(handler?: (darkModeActivated: boolean) => void): void {
    this.onSetDarkModeHandler = handler
  }

  public onSetScrollState(handler?: (scrollState: ScrollState) => void): void {
    this.onSetScrollStateHandler = handler
  }

  public sendRendererReady(): void {
    this.sendMessageToOtherSide({
      type: RenderIframeMessageType.RENDERER_READY
    })
  }

  public sendTaskCheckBoxChange(lineInMarkdown: number, checked: boolean): void {
    this.sendMessageToOtherSide({
      type: RenderIframeMessageType.ON_TASK_CHECKBOX_CHANGE,
      checked,
      lineInMarkdown
    })
  }

  public sendFirstHeadingChanged(firstHeading: string | undefined): void {
    this.sendMessageToOtherSide({
      type: RenderIframeMessageType.ON_FIRST_HEADING_CHANGE,
      firstHeading
    })
  }

  public sendSetScrollSourceToRenderer(): void {
    this.sendMessageToOtherSide({
      type: RenderIframeMessageType.SET_SCROLL_SOURCE_TO_RENDERER
    })
  }

  public sendSetFrontmatter(frontmatter: NoteFrontmatter | undefined): void {
    this.sendMessageToOtherSide({
      type: RenderIframeMessageType.ON_SET_FRONTMATTER,
      frontmatter: frontmatter
    })
  }

  public sendSetScrollState(scrollState: ScrollState): void {
    this.sendMessageToOtherSide({
      type: RenderIframeMessageType.SET_SCROLL_STATE,
      scrollState
    })
  }

  public sendClickedImageUrl(details: ImageDetails): void {
    this.sendMessageToOtherSide({
      type: RenderIframeMessageType.IMAGE_CLICKED,
      details: details
    })
  }

  public sendHeightChange(height: number): void {
    this.sendMessageToOtherSide({
      type: RenderIframeMessageType.ON_HEIGHT_CHANGE,
      height
    })
  }

  protected handleEvent(event: MessageEvent<EditorToRendererIframeMessage>): boolean | undefined {
    const renderMessage = event.data
    switch (renderMessage.type) {
      case RenderIframeMessageType.SET_MARKDOWN_CONTENT:
        this.onSetMarkdownContentHandler?.(renderMessage.content)
        return false
      case RenderIframeMessageType.SET_DARKMODE:
        this.onSetDarkModeHandler?.(renderMessage.activated)
        return false
      case RenderIframeMessageType.SET_SCROLL_STATE:
        this.onSetScrollStateHandler?.(renderMessage.scrollState)
        return false
      case RenderIframeMessageType.SET_BASE_CONFIGURATION:
        this.onSetBaseConfigurationHandler?.(renderMessage.baseConfiguration)
        return false
    }
  }
}