mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-23 19:47:03 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Throw error if no communicator was found in a react context

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2021-06-17 18:02:16 +02:00
parent 57f46f489b
commit 31ca77ebfa
6 changed files with 58 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/render-page/hooks/use-image-click-handler.ts
View file

@ -8,16 +8,14 @@ import React, { useCallback } from 'react'
import { ImageClickHandler } from '../../markdown-renderer/replace-components/image/image-replacer'
import { IframeRendererToEditorCommunicator } from '../iframe-renderer-to-editor-communicator'
export const useImageClickHandler = (
iframeCommunicator: IframeRendererToEditorCommunicator | undefined
): ImageClickHandler => {
export const useImageClickHandler = (iframeCommunicator: IframeRendererToEditorCommunicator): ImageClickHandler => {
return useCallback(
(event: React.MouseEvent<HTMLImageElement, MouseEvent>) => {
const image = event.target as HTMLImageElement
if (image.src === '') {
return
}
iframeCommunicator?.sendClickedImageUrl({
iframeCommunicator.sendClickedImageUrl({
src: image.src,
alt: image.alt,
title: image.title

24
src/components/render-page/iframe-markdown-renderer.tsx
View file

@ -26,17 +26,17 @@ export const IframeMarkdownRenderer: React.FC = () => {
const countWordsInRenderedDocument = useCallback(() => {
const documentContainer = document.querySelector('.markdown-body')
if (!documentContainer) {
iframeCommunicator?.sendWordCountCalculated(0)
iframeCommunicator.sendWordCountCalculated(0)
return
}
const wordCount = countWords(documentContainer)
iframeCommunicator?.sendWordCountCalculated(wordCount)
iframeCommunicator.sendWordCountCalculated(wordCount)
}, [iframeCommunicator])
useEffect(() => iframeCommunicator?.onSetBaseConfiguration(setBaseConfiguration), [iframeCommunicator])
useEffect(() => iframeCommunicator?.onSetMarkdownContent(setMarkdownContent), [iframeCommunicator])
useEffect(() => iframeCommunicator?.onSetDarkMode(setDarkMode), [iframeCommunicator])
useEffect(() => iframeCommunicator?.onSetScrollState(setScrollState), [iframeCommunicator, scrollState])
useEffect(() => iframeCommunicator.onSetBaseConfiguration(setBaseConfiguration), [iframeCommunicator])
useEffect(() => iframeCommunicator.onSetMarkdownContent(setMarkdownContent), [iframeCommunicator])
useEffect(() => iframeCommunicator.onSetDarkMode(setDarkMode), [iframeCommunicator])
useEffect(() => iframeCommunicator.onSetScrollState(setScrollState), [iframeCommunicator, scrollState])
useEffect(
() => iframeCommunicator?.onGetWordCount(countWordsInRenderedDocument),
[iframeCommunicator, countWordsInRenderedDocument]
@ -44,33 +44,33 @@ export const IframeMarkdownRenderer: React.FC = () => {
const onTaskCheckedChange = useCallback(
(lineInMarkdown: number, checked: boolean) => {
iframeCommunicator?.sendTaskCheckBoxChange(lineInMarkdown, checked)
iframeCommunicator.sendTaskCheckBoxChange(lineInMarkdown, checked)
},
[iframeCommunicator]
)
const onFirstHeadingChange = useCallback(
(firstHeading?: string) => {
iframeCommunicator?.sendFirstHeadingChanged(firstHeading)
iframeCommunicator.sendFirstHeadingChanged(firstHeading)
},
[iframeCommunicator]
)
const onMakeScrollSource = useCallback(() => {
iframeCommunicator?.sendSetScrollSourceToRenderer()
iframeCommunicator.sendSetScrollSourceToRenderer()
}, [iframeCommunicator])
const onFrontmatterChange = useCallback(
(frontmatter?: NoteFrontmatter) => {
setNoteFrontmatter(frontmatter)
iframeCommunicator?.sendSetFrontmatter(frontmatter)
iframeCommunicator.sendSetFrontmatter(frontmatter)
},
[iframeCommunicator]
)
const onScroll = useCallback(
(scrollState: ScrollState) => {
iframeCommunicator?.sendSetScrollState(scrollState)
iframeCommunicator.sendSetScrollState(scrollState)
},
[iframeCommunicator]
)
@ -79,7 +79,7 @@ export const IframeMarkdownRenderer: React.FC = () => {
const onHeightChange = useCallback(
(height: number) => {
iframeCommunicator?.sendHeightChange(height)
iframeCommunicator.sendHeightChange(height)
},
[iframeCommunicator]
)