pptx-react-viewer 2.0.0 → 2.1.0

package/dist/{chunk-5XLLRPMV.mjs → chunk-NGE7YQTF.mjs}

@@ -1,5 +1,5 @@
-import { cloneHistorySnapshot, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, partitionTemplateElements, UNGROUPED_SECTION_ID, stopAllPersistentAudio, buildSaveSlides, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-B6NRDUHJ.mjs';
-import { TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, BROADCAST_THROTTLE_MS, createSyncGate, validateRoomId, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, PresentationAnimationController, computeEntranceAnimationDelay, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, collectMediaElements, collectImagePaths, buildInitialGuides, saveAutosaveSnapshot, isTemplateElementId, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, downloadBlob, sanitizeDownloadFilename, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, remapTextToSegments, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, createViewerOptionsStore, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, createTouchGestureRecognizer, isKeyboardOpen, openPptxFile, readBackstageRecentFile, isActionHidden, buildElementClipboardPayload, generatePackageReadme, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, derivePresenceList, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, createPresentationSessionId, resolveTransitionDurationMs, isUrlSafe, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, presenterElapsed, stepPresenterZoom, resetPresenterTimer, togglePresenterTimer, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, groupSlidesBySection, hasCopyableFormat, createBackstagePresentation, cloneElementForPaste, computeScrollDelta, rerouteConnectorsForMovedElements, applyReroutedConnectors, buildPrintHtmlDocument, deleteTableColumn, insertTableColumn, deleteTableRow, insertTableRow, splitCell, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, buildSmartArtPresetData, computeSnapToShape, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid } from './chunk-R2N2UYT7.mjs';
+import { cloneHistorySnapshot, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, partitionTemplateElements, UNGROUPED_SECTION_ID, stopAllPersistentAudio, buildSaveSlides, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-7DQHWPIB.mjs';
+import { TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, PresentationAnimationController, computeEntranceAnimationDelay, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, createCollaborationLivePatcher, publishLiveInlineText, collectMediaElements, collectImagePaths, buildInitialGuides, saveAutosaveSnapshot, isTemplateElementId, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, downloadBlob, sanitizeDownloadFilename, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, remapTextToSegments, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, createViewerOptionsStore, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, createTouchGestureRecognizer, isKeyboardOpen, openPptxFile, readBackstageRecentFile, isActionHidden, buildElementClipboardPayload, generatePackageReadme, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, derivePresenceList, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, createPresentationSessionId, resolveTransitionDurationMs, isUrlSafe, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, presenterElapsed, stepPresenterZoom, resetPresenterTimer, togglePresenterTimer, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, groupSlidesBySection, hasCopyableFormat, createBackstagePresentation, cloneElementForPaste, computeScrollDelta, rerouteConnectorsForMovedElements, applyReroutedConnectors, buildPrintHtmlDocument, deleteTableColumn, insertTableColumn, deleteTableRow, insertTableRow, splitCell, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, buildSmartArtPresetData, computeSnapToShape, publishLiveGeometry, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid } from './chunk-27XBWVO5.mjs';
 import { translationsEn } from './chunk-2X72MOPZ.mjs';
 import { PptxHandler, EncryptedFileError, hasShapeProperties, hasTextProperties, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, guidePxToEmu, mergeShapes, buildThemeColorMap, reResolveSlideColors, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, SvgExporter, rebuildTableStructureInRawXml, updateCellTextStyleInRawXml, updateCellTextInRawXml, updateMergeAttrsInRawXml, elementActionToPptxAction } from './chunk-6YXLGMTN.mjs';
 import { useRef, useState, useEffect, useCallback, useMemo, useSyncExternalStore, useImperativeHandle } from 'react';
@@ -186,6 +186,7 @@ function useYjsProvider({ config }) {
   const [synced, setSynced] = useState(false);
   const cleanupRef = useRef(null);
   const timeoutRef = useRef(null);
+  const departureRef = useRef(null);
   const gateRef = useRef(null);
   if (!gateRef.current) {
     gateRef.current = createSyncGate(() => setSynced(true));
@@ -200,8 +201,15 @@ function useYjsProvider({ config }) {
     cleanupRef.current?.();
     cleanupRef.current = null;
   }, []);
+  const announceDeparture = useCallback(() => {
+    departureRef.current?.announce();
+    departureRef.current?.dispose();
+    departureRef.current = null;
+  }, []);
   const buildCleanup = useCallback(
     (provider, yDoc) => () => {
+      announceDeparture();
+      clearLocalAwareness(provider.awareness);
       provider.destroy();
       yDoc.destroy();
       setDoc(null);
@@ -209,7 +217,7 @@ function useYjsProvider({ config }) {
       setClientId(null);
       setStatus("disconnected");
     },
-    []
+    [announceDeparture]
   );
   const initWebrtc = useCallback(async () => {
     if (!config) {
@@ -226,7 +234,9 @@ function useYjsProvider({ config }) {
       if (config.authToken) {
         opts.password = config.authToken;
       }
-      const provider = new WebrtcProvider(validateRoomId(config.roomId), yDoc, opts);
+      const roomId = validateRoomId(config.roomId);
+      const provider = new WebrtcProvider(roomId, yDoc, opts);
+      departureRef.current = createDepartureChannel(roomId, provider.awareness);
       setDoc(yDoc);
       setAwareness(provider.awareness);
       setClientId(provider.awareness.clientID);
@@ -288,6 +298,7 @@ function useYjsProvider({ config }) {
       const provider = new WebsocketProvider(config.serverUrl, roomId, yDoc, {
         params: config.authToken ? { token: config.authToken } : void 0
       });
+      departureRef.current = createDepartureChannel(roomId, provider.awareness);
       let connected = false;
       const handleStatus = (event) => {
         if (event.status === "connected") {
@@ -326,6 +337,8 @@ function useYjsProvider({ config }) {
           if (!connected) {
             provider.off("status", handleStatus);
             provider.off("sync", handleSynced);
+            announceDeparture();
+            clearLocalAwareness(provider.awareness);
             provider.destroy();
             yDoc.destroy();
             setDoc(null);
@@ -342,6 +355,8 @@ function useYjsProvider({ config }) {
       cleanupRef.current = () => {
         provider.off("status", handleStatus);
         provider.off("sync", handleSynced);
+        announceDeparture();
+        clearLocalAwareness(provider.awareness);
         provider.destroy();
         yDoc.destroy();
         setDoc(null);
@@ -361,12 +376,20 @@ function useYjsProvider({ config }) {
     config?.serverUrl,
     config?.authToken,
     config?.transport,
+    announceDeparture,
     initWebrtc,
     teardown
   ]);
   useEffect(() => {
     init();
-    return teardown;
+    const disposeTeardown = registerCollaborationTeardown({
+      leave: teardown,
+      rejoin: init
+    });
+    return () => {
+      disposeTeardown();
+      teardown();
+    };
   }, [init, teardown]);
   const retry = useCallback(() => {
     init();
@@ -3293,6 +3316,9 @@ function useViewerCoreState(_input) {
   const shapeAdjustmentDragStateRef = useRef(null);
   const marqueeStateRef = useRef(null);
   const isDrawingRef = useRef(false);
+  const livePatcher = useMemo(() => createCollaborationLivePatcher(), []);
+  useEffect(() => () => livePatcher.dispose(), [livePatcher]);
+  const slidesRef = useRef([]);
   const [mode, setMode] = useState("edit");
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
@@ -3320,8 +3346,14 @@ function useViewerCoreState(_input) {
       const resolved = typeof value === "function" ? value(inlineEditingTextRef.current) : value;
       inlineEditingTextRef.current = resolved;
       setInlineEditingTextBase(value);
+      publishLiveInlineText(
+        livePatcher,
+        slidesRef.current[activeSlideIndexRef.current],
+        inlineEditingElementIdRef.current,
+        resolved
+      );
     },
-    []
+    [livePatcher]
   );
   const [editTemplateMode, setEditTemplateMode] = useState(false);
   const [newShapeType, setNewShapeType] = useState("rect");
@@ -3355,6 +3387,7 @@ function useViewerCoreState(_input) {
   const [preMasterMode, setPreMasterMode] = useState("edit");
   const [masterViewTab, setMasterViewTab] = useState("slides");
   const [handoutSlidesPerPage, setHandoutSlidesPerPage] = useState(4);
+  slidesRef.current = slides;
   const derived = useDerivedElementState({
     slides,
     activeSlideIndex,
@@ -3379,6 +3412,7 @@ function useViewerCoreState(_input) {
     shapeAdjustmentDragStateRef,
     marqueeStateRef,
     isDrawingRef,
+    livePatcher,
     mode,
     setMode,
     loading,
@@ -4166,6 +4200,13 @@ function computeAdjustmentValue(startAdjustment, dx, startWidth) {
   const delta = dx / range;
   return Math.max(0, Math.min(1, startAdjustment + delta));
 }
+function resolveLiveTarget(input) {
+  const { livePatcher, editTemplateMode, activeSlide } = input;
+  if (!livePatcher || editTemplateMode || !livePatcher.isActive()) {
+    return void 0;
+  }
+  return { patcher: livePatcher, slideId: activeSlide?.id };
+}
 function processPointerMove(e, input, tracker) {
   const {
     editorScale,
@@ -4214,13 +4255,14 @@ function processPointerMove(e, input, tracker) {
       guides,
       elementLookup,
       tracker,
-      setSnapLines
+      setSnapLines,
+      resolveLiveTarget(input)
     );
     return;
   }
   const rs = resizeStateRef.current;
   if (rs) {
-    processResizeMove(e, rs, editorScale, snapToGrid, gridSpacingPx);
+    processResizeMove(e, rs, editorScale, snapToGrid, gridSpacingPx, resolveLiveTarget(input));
     return;
   }
   const adj = shapeAdjustmentDragStateRef.current;
@@ -4238,7 +4280,7 @@ function processMarqueeMove(e, marquee, canvasStageRef, canvasSize, editorScale,
   marquee.currentY = Math.max(0, Math.min(canvasSize.height, (e.clientY - rect.top) / editorScale));
   setMarqueeSelectionState({ ...marquee });
 }
-function processDragMove(e, drag, editorScale, snapToGrid, snapToShape, gridSpacingPx, editTemplateMode, templateElements, activeSlide, guides, elementLookup, tracker, setSnapLines) {
+function processDragMove(e, drag, editorScale, snapToGrid, snapToShape, gridSpacingPx, editTemplateMode, templateElements, activeSlide, guides, elementLookup, tracker, setSnapLines, live) {
   const dx = (e.clientX - drag.startClientX) / editorScale;
   const dy = (e.clientY - drag.startClientY) / editorScale;
   if (!drag.moved && (Math.abs(dx) > 2 || Math.abs(dy) > 2)) {
@@ -4305,8 +4347,17 @@ function processDragMove(e, drag, editorScale, snapToGrid, snapToShape, gridSpac
       domEl.style.top = `${start.y + appliedDy}px`;
     }
   }
+  if (live) {
+    for (const id of Object.keys(drag.startPositionsById)) {
+      const start = drag.startPositionsById[id];
+      publishLiveGeometry(live.patcher, live.slideId, id, {
+        x: start.x + appliedDx,
+        y: start.y + appliedDy
+      });
+    }
+  }
 }
-function processResizeMove(e, rs, editorScale, snapToGrid, gridSpacingPx) {
+function processResizeMove(e, rs, editorScale, snapToGrid, gridSpacingPx, live) {
   const dx = (e.clientX - rs.startClientX) / editorScale;
   const dy = (e.clientY - rs.startClientY) / editorScale;
   if (!rs.moved && (Math.abs(dx) > 2 || Math.abs(dy) > 2)) {
@@ -4336,6 +4387,14 @@ function processResizeMove(e, rs, editorScale, snapToGrid, gridSpacingPx) {
     rs.domEl.style.width = `${Math.max(geo.width, MIN_ELEMENT_SIZE)}px`;
     rs.domEl.style.height = `${Math.max(geo.height, MIN_ELEMENT_SIZE)}px`;
   }
+  if (live) {
+    publishLiveGeometry(live.patcher, live.slideId, rs.elementId, {
+      x: geo.x,
+      y: geo.y,
+      width: Math.max(geo.width, MIN_ELEMENT_SIZE),
+      height: Math.max(geo.height, MIN_ELEMENT_SIZE)
+    });
+  }
 }
 function processAdjustmentMove(e, adj, editorScale, updateElementById) {
   const dx = (e.clientX - adj.startClientX) / editorScale;
@@ -4369,7 +4428,8 @@ function processPointerUp(input) {
     clearSelection,
     updateSlides,
     updateElementById,
-    markDirty
+    markDirty,
+    livePatcher
   } = input;
   const marquee = marqueeStateRef.current;
   const drag = dragStateRef.current;
@@ -4424,6 +4484,9 @@ function processPointerUp(input) {
     );
   }
   const wasMoved = drag?.moved || rs?.moved || adj?.moved;
+  if (wasMoved) {
+    livePatcher?.flush();
+  }
   marqueeStateRef.current = null;
   dragStateRef.current = null;
   resizeStateRef.current = null;
@@ -4508,7 +4571,8 @@ function usePointerHandlers(input) {
     clearSelection,
     updateSlides,
     updateElementById,
-    markDirty
+    markDirty,
+    livePatcher
   } = input;
   useEffect(() => {
     const tracker = {
@@ -4572,6 +4636,7 @@ function usePointerHandlers(input) {
     updateSlides,
     updateElementById,
     markDirty,
+    livePatcher,
     input
   ]);
 }
@@ -9391,7 +9456,8 @@ function useViewerIntegration(input) {
     clearSelection: editorOps.ops.clearSelection,
     updateSlides: editorOps.ops.updateSlides,
     updateElementById: editorOps.ops.updateElementById,
-    markDirty: history.markDirty
+    markDirty: history.markDirty,
+    livePatcher: state.livePatcher
   });
   const [isEncryptedDialogOpen, setIsEncryptedDialogOpen] = useState(false);
   const [loadVersion, setLoadVersion] = useState(0);
@@ -9976,6 +10042,36 @@ function useFollowMode({
   }, [activeSlideIndex, followedClientId]);
   return { followedClientId, followUser };
 }
+function useCollaborationLivePatch({
+  patcher,
+  doc,
+  isConnected,
+  isSynced = true
+}) {
+  useEffect(() => {
+    if (!doc || !isConnected || !isSynced) {
+      patcher.configure(null, null);
+      return;
+    }
+    let cancelled = false;
+    void (async () => {
+      const Y = await import('./yjs-FKGX4QHS.mjs');
+      if (cancelled) {
+        return;
+      }
+      const factories = {
+        createMap: () => new Y.Map(),
+        createArray: () => new Y.Array(),
+        createText: () => new Y.Text()
+      };
+      patcher.configure(doc, factories);
+    })();
+    return () => {
+      cancelled = true;
+      patcher.configure(null, null);
+    };
+  }, [patcher, doc, isConnected, isSynced]);
+}
 function useLayoutSwitching(input) {
   const { handler, slides, activeSlideIndex, ops, history } = input;
   const [availableLayouts, setAvailableLayouts] = useState([]);
@@ -11022,4 +11118,4 @@ function useResizablePanels() {
   };
 }
 
-export { ACTION_VERB_MAP, MIN_TOUCH_TARGET, computeToolbarVisibility, detectTargetType, downloadBlob2 as downloadBlob, isAudienceTab, parseAudienceNonce, parseEmailUrl, parseSlideFromUrl, renderToCanvas, scopeLayoutOptionsToActiveSlide, useAnimationPlayback, useAnnotationHandlers, useAudienceMode, useAutosave, useBroadcastFollower, useCanvasInteractions, useClipboardHandlers, useCollaborativeHistory, useCollaborativeState, useComments, useContentLifecycle, useDerivedElementState, useDerivedSlideState, useDialogCustomShows, useEditorHistory, useEditorOperations, useElementManipulation, useElementOperations, useExportHandlers, useExportSaveAs, useFindReplace, useFollowMode, useFontInjection, useGroupAlignLayerHandlers, useIOHandlers, useInsertElements, useIsMobile, useKeyboardInsets, useKeyboardShortcutWiring, useKeyboardShortcuts, useLayoutSwitching, useLoadContent, useMergeShapesHandler, useModalDismissDrag, usePointerHandlers, usePresenceTracking, usePresentationAnnotations, usePresentationKeyboard, usePresentationMode, usePresentationSetup, usePresenterWindow, usePrintHandlers, usePropertyHandlers, useRecoveryDetection, useReducedMotion, useRehearsalTimings, useResizablePanels, useSectionOperations, useSerialize, useSheetDismissDrag, useSlideManagement, useSlideNavigation, useSwipeNavigation, useTableOperations, useThemeHandlers, useThemeSwitching, useToolbarVisibility, useTouchGestures, useViewerBuildingBlocks, useViewerCoreState, useViewerDialogs, useViewerIntegration, useViewerOptions, useViewerState, useViewerUIState, useVirtualizedSlides, useYjsDocumentSync, useYjsProvider, useZoomNavigation, useZoomViewport };
+export { ACTION_VERB_MAP, MIN_TOUCH_TARGET, computeToolbarVisibility, detectTargetType, downloadBlob2 as downloadBlob, isAudienceTab, parseAudienceNonce, parseEmailUrl, parseSlideFromUrl, renderToCanvas, scopeLayoutOptionsToActiveSlide, useAnimationPlayback, useAnnotationHandlers, useAudienceMode, useAutosave, useBroadcastFollower, useCanvasInteractions, useClipboardHandlers, useCollaborationLivePatch, useCollaborativeHistory, useCollaborativeState, useComments, useContentLifecycle, useDerivedElementState, useDerivedSlideState, useDialogCustomShows, useEditorHistory, useEditorOperations, useElementManipulation, useElementOperations, useExportHandlers, useExportSaveAs, useFindReplace, useFollowMode, useFontInjection, useGroupAlignLayerHandlers, useIOHandlers, useInsertElements, useIsMobile, useKeyboardInsets, useKeyboardShortcutWiring, useKeyboardShortcuts, useLayoutSwitching, useLoadContent, useMergeShapesHandler, useModalDismissDrag, usePointerHandlers, usePresenceTracking, usePresentationAnnotations, usePresentationKeyboard, usePresentationMode, usePresentationSetup, usePresenterWindow, usePrintHandlers, usePropertyHandlers, useRecoveryDetection, useReducedMotion, useRehearsalTimings, useResizablePanels, useSectionOperations, useSerialize, useSheetDismissDrag, useSlideManagement, useSlideNavigation, useSwipeNavigation, useTableOperations, useThemeHandlers, useThemeSwitching, useToolbarVisibility, useTouchGestures, useViewerBuildingBlocks, useViewerCoreState, useViewerDialogs, useViewerIntegration, useViewerOptions, useViewerState, useViewerUIState, useVirtualizedSlides, useYjsDocumentSync, useYjsProvider, useZoomNavigation, useZoomViewport };