homelab/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2026-08-07 07:14:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(renderer): hide reveal.js controls in editor renderer

Browse Source 
Signed-off-by: Erik Michelson <github@erik.michelson.eu>
This commit is contained in:
Erik Michelson
2026-07-16 22:37:45 +02:00
parent 58593cc4c6
commit da9f1d9b8e
1 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/editor-page/renderer-pane/renderer-pane.tsx
+24 -2
View File
@@ -8,12 +8,17 @@ import { useTrimmedNoteMarkdownContentWithoutFrontmatter } from '../../../hooks/
import { setRendererStatus } from '../../../redux/renderer-status/methods'
import type { RendererIframeProps } from '../../common/renderer-iframe/renderer-iframe'
import { RendererIframe } from '../../common/renderer-iframe/renderer-iframe'
import { RendererType } from '../../render-page/window-post-message-communicator/rendering-message'
import { useSendToRenderer } from '../../render-page/window-post-message-communicator/hooks/use-send-to-renderer'
import {
CommunicationMessageType,
RendererType
} from '../../render-page/window-post-message-communicator/rendering-message'
import { useOnScrollWithLineOffset } from './hooks/use-on-scroll-with-line-offset'
import { useScrollStateWithoutLineOffset } from './hooks/use-scroll-state-without-line-offset'
import { NoteType } from '@hedgedoc/commons'
import React, { Fragment } from 'react'
import React, { Fragment, useMemo } from 'react'
import { FullscreenButton } from '../../render-page/fullscreen-button/fullscreen-button'
import type { RevealOptions } from 'reveal.js'
export type RendererPaneProps = Omit<
RendererIframeProps,
@@ -30,8 +35,25 @@ export type RendererPaneProps = Omit<
export const RendererPane: React.FC<RendererPaneProps> = ({ scrollState, onScroll, ...props }) => {
const trimmedContentLines = useTrimmedNoteMarkdownContentWithoutFrontmatter()
const noteType = useApplicationState((state) => state.noteDetails?.frontmatter.type)
const slideOptions = useApplicationState((state) => state.noteDetails?.frontmatter.slideOptions)
const rendererReady = useApplicationState((state) => state.rendererStatus.rendererReady)
const adjustedOnScroll = useOnScrollWithLineOffset(onScroll ?? null)
const adjustedScrollState = useScrollStateWithoutLineOffset(scrollState ?? null)
const previewSlideOptions = useMemo<RevealOptions | null>(() => {
return noteType === NoteType.SLIDE ? { ...slideOptions, controls: false } : null
}, [noteType, slideOptions])
useSendToRenderer(
useMemo(() => {
return previewSlideOptions === null
? null
: {
type: CommunicationMessageType.SET_SLIDE_OPTIONS,
slideOptions: previewSlideOptions
}
}, [previewSlideOptions]),
rendererReady
)
if (!noteType) {
return null