pptx-react-viewer 2.0.0 → 2.2.0

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

@@ -1,6 +1,6 @@
-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 { translationsEn } from './chunk-2X72MOPZ.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-SOHIKHL4.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, createPresentationKeyBuffer, 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, mapPresentationKey, 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-RLK72AOU.mjs';
+import { translationsEn } from './chunk-PZTPX3HK.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';
 import JSZip from 'jszip';
@@ -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();
@@ -1536,53 +1559,18 @@ function useAudienceMode(input) {
     };
   }, [onSetMode, onSetActiveSlideIndex, onSnapshot]);
 }
-
-// src/viewer/hooks/presentation-mode/keyboard-helpers.ts
-function mapKeyToPresentationAction(key, ctrlKey) {
-  if (key === "Escape") {
-    return { action: "exit" };
-  }
-  if (key === "ArrowRight" || key === "PageDown" || key === " ") {
-    return { action: "next" };
-  }
-  if (key === "ArrowLeft" || key === "PageUp") {
-    return { action: "prev" };
-  }
-  if (key === "l" || key === "L") {
-    return { action: "toggleLaser" };
-  }
-  if (key === "p" || key === "P") {
-    return { action: "togglePen" };
-  }
-  if (key === "e" || key === "E") {
-    return { action: "toggleEraser" };
-  }
-  if (key === "b" || key === "B") {
-    return { action: "toggleBlackScreen" };
-  }
-  if (key === "w" || key === "W") {
-    return { action: "toggleWhiteScreen" };
-  }
-  if (key === "m" && ctrlKey) {
-    return { action: "toggleToolbar" };
-  }
-  if (key === "n" || key === "N") {
-    return { action: "togglePresenterView" };
-  }
-  return { action: "none" };
-}
-
-// src/viewer/hooks/presentation-mode/usePresentationKeyboard.ts
 function usePresentationKeyboard(input) {
   const {
     mode,
     movePresentationSlide,
+    navigateToSlide,
+    slideCount,
     onSetMode,
-    onToggleLaser,
-    onTogglePen,
-    onToggleEraser,
+    onSetPointerTool,
+    onEraseAnnotations,
+    onToggleInkMarkup,
     onToggleToolbar,
-    onTogglePresenterView,
+    onShowAllSlides,
     onToggleBlackScreen,
     onToggleWhiteScreen,
     rehearsing,
@@ -1590,18 +1578,20 @@ function usePresentationKeyboard(input) {
     presentationSlideIndex,
     setShowRehearsalSummary
   } = input;
+  const keyBufferRef = useRef(createPresentationKeyBuffer());
   useEffect(() => {
     if (mode !== "present") {
+      keyBufferRef.current = createPresentationKeyBuffer();
       return;
     }
     const handleKeyDown = (event) => {
-      const mapped = mapKeyToPresentationAction(event.key, event.ctrlKey);
+      const mapped = mapPresentationKey(event, keyBufferRef.current);
       if (mapped.action === "none") {
         return;
       }
       event.preventDefault();
       switch (mapped.action) {
-        case "exit":
+        case "end":
           if (rehearsing) {
             recordCurrentSlideTime(presentationSlideIndex);
             setShowRehearsalSummary(true);
@@ -1611,27 +1601,40 @@ function usePresentationKeyboard(input) {
         case "next":
           movePresentationSlide(1);
           return;
-        case "prev":
+        case "previous":
           movePresentationSlide(-1);
           return;
-        case "toggleLaser":
-          onToggleLaser?.();
+        case "first":
+          navigateToSlide(0);
+          return;
+        case "last":
+          navigateToSlide(Math.max(0, slideCount - 1));
+          return;
+        case "goto": {
+          const index = mapped.slideNumber - 1;
+          if (index >= 0 && index < slideCount) {
+            navigateToSlide(index);
+          }
+          return;
+        }
+        case "pointerTool":
+          onSetPointerTool?.(mapped.tool);
           return;
-        case "togglePen":
-          onTogglePen?.();
+        case "eraseAnnotations":
+          onEraseAnnotations?.();
           return;
-        case "toggleEraser":
-          onToggleEraser?.();
+        case "toggleInkMarkup":
+          onToggleInkMarkup?.();
           return;
-        case "toggleToolbar":
+        case "toggleChrome":
           onToggleToolbar?.();
           return;
-        case "togglePresenterView":
-          onTogglePresenterView?.();
-          break;
+        case "showAllSlides":
+          onShowAllSlides?.();
+          return;
         case "toggleBlackScreen":
           onToggleBlackScreen?.();
-          break;
+          return;
         case "toggleWhiteScreen":
           onToggleWhiteScreen?.();
           break;
@@ -1644,12 +1647,14 @@ function usePresentationKeyboard(input) {
   }, [
     mode,
     movePresentationSlide,
+    navigateToSlide,
+    slideCount,
     onSetMode,
-    onToggleLaser,
-    onTogglePen,
-    onToggleEraser,
+    onSetPointerTool,
+    onEraseAnnotations,
+    onToggleInkMarkup,
     onToggleToolbar,
-    onTogglePresenterView,
+    onShowAllSlides,
     onToggleBlackScreen,
     onToggleWhiteScreen,
     rehearsing,
@@ -2101,9 +2106,9 @@ function usePresentationMode(input) {
     onSetMode,
     onSetActiveSlideIndex,
     onPlayActionSound,
-    onToggleLaser,
-    onTogglePen,
-    onToggleEraser,
+    onSetPointerTool,
+    onEraseAnnotations,
+    onToggleInkMarkup,
     onToggleToolbar,
     onSaveRehearsalTimings,
     loopContinuously,
@@ -2118,6 +2123,7 @@ function usePresentationMode(input) {
     setTransitionOverlay(null);
   }, []);
   const [presenterMode, setPresenterMode] = useState(false);
+  const [allSlidesOpen, setAllSlidesOpen] = useState(false);
   const [endOfShowVisible, setEndOfShowVisible] = useState(false);
   const [presentationStartTime, setPresentationStartTime] = useState(null);
   const switchingToPresenterRef = useRef(false);
@@ -2202,6 +2208,8 @@ function usePresentationMode(input) {
     [endOfShowVisible, moveNavigationSlide, onSetMode]
   );
   const { handleZoomClick, zoomReturnSlideIndex, returnToZoomSlide, clearZoomReturn } = useZoomNavigation({ navigateToSlide });
+  const openAllSlides = useCallback(() => setAllSlidesOpen(true), []);
+  const closeAllSlides = useCallback(() => setAllSlidesOpen(false), []);
   const presenterConsole = usePresenterConsole(presentationSlideIndex);
   const {
     openAudienceWindow,
@@ -2274,12 +2282,14 @@ function usePresentationMode(input) {
   usePresentationKeyboard({
     mode,
     movePresentationSlide,
+    navigateToSlide,
+    slideCount: slides.length,
     onSetMode,
-    onToggleLaser,
-    onTogglePen,
-    onToggleEraser,
+    onSetPointerTool,
+    onEraseAnnotations,
+    onToggleInkMarkup,
     onToggleToolbar,
-    onTogglePresenterView: togglePresenterView,
+    onShowAllSlides: openAllSlides,
     onToggleBlackScreen: () => presenterConsole.setBlackout(
       presenterConsole.snapshot.blackout === "black" ? "none" : "black"
     ),
@@ -2379,6 +2389,9 @@ function usePresentationMode(input) {
     clearPresentationTimers,
     runPresentationEntranceAnimations,
     endOfShowVisible,
+    allSlidesOpen,
+    openAllSlides,
+    closeAllSlides,
     movePresentationSlide,
     navigateToSlide,
     handlePresentationAction,
@@ -2439,6 +2452,7 @@ function usePresentationAnnotations(input) {
   const [currentStroke, setCurrentStroke] = useState(null);
   const [laserPosition, setLaserPosition] = useState(null);
   const [toolbarVisible, setToolbarVisible] = useState(false);
+  const [inkMarkupVisible, setInkMarkupVisible] = useState(true);
   const slideAnnotationsRef = useRef(/* @__PURE__ */ new Map());
   const [annotationStrokes, setAnnotationStrokes] = useState([]);
   const [annotationVersion, setAnnotationVersion] = useState(0);
@@ -2624,6 +2638,8 @@ function usePresentationAnnotations(input) {
     laserPosition,
     toolbarVisible,
     setToolbarVisible,
+    inkMarkupVisible,
+    setInkMarkupVisible,
     handlePointerDown,
     handlePointerMove,
     handlePointerUp,
@@ -3293,6 +3309,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 +3339,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 +3380,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 +3405,7 @@ function useViewerCoreState(_input) {
     shapeAdjustmentDragStateRef,
     marqueeStateRef,
     isDrawingRef,
+    livePatcher,
     mode,
     setMode,
     loading,
@@ -4166,6 +4193,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 +4248,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 +4273,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 +4340,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 +4380,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 +4421,8 @@ function processPointerUp(input) {
     clearSelection,
     updateSlides,
     updateElementById,
-    markDirty
+    markDirty,
+    livePatcher
   } = input;
   const marquee = marqueeStateRef.current;
   const drag = dragStateRef.current;
@@ -4424,6 +4477,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 +4564,8 @@ function usePointerHandlers(input) {
     clearSelection,
     updateSlides,
     updateElementById,
-    markDirty
+    markDirty,
+    livePatcher
   } = input;
   useEffect(() => {
     const tracker = {
@@ -4572,6 +4629,7 @@ function usePointerHandlers(input) {
     updateSlides,
     updateElementById,
     markDirty,
+    livePatcher,
     input
   ]);
 }
@@ -8572,9 +8630,10 @@ function usePresentationSetup(input) {
         }
       })();
     },
-    onToggleLaser: () => annotations.setPresentationTool("laser"),
-    onTogglePen: () => annotations.setPresentationTool("pen"),
-    onToggleEraser: () => annotations.setPresentationTool("eraser"),
+    // PowerPoint's Ctrl+A "arrow" is the plain pointer, i.e. no active tool.
+    onSetPointerTool: (tool) => annotations.setPresentationTool(tool === "arrow" ? "none" : tool),
+    onEraseAnnotations: () => annotations.clearAnnotations(),
+    onToggleInkMarkup: () => annotations.setInkMarkupVisible(!annotations.inkMarkupVisible),
     onToggleToolbar: () => annotations.setToolbarVisible(!annotations.toolbarVisible),
     onSaveRehearsalTimings: (timings) => {
       setSlides((prev) => applyRehearsalTimings(prev, timings));
@@ -9391,7 +9450,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 +10036,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 +11112,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 };

package/dist/{chunk-2X72MOPZ.mjs → chunk-PZTPX3HK.mjs}

@@ -375,6 +375,7 @@ var translationsEn = {
   "pptx.presentation.highlighter": "Highlighter",
   "pptx.presentation.eraser": "Eraser",
   "pptx.presentation.laserPointer": "Laser Pointer",
+  "pptx.presentation.pointerTools": "Pointer Options",
   // Selection pane
   "pptx.selectionPane.title": "Selection Pane",
   "pptx.selectionPane.empty": "No elements",
@@ -1101,9 +1102,17 @@ var translationsEn = {
   "pptx.presenter.nextSlide": "Next Slide",
   "pptx.presenter.noSlides": "No slides",
   "pptx.presenter.openAudienceWindow": "Open Audience Window",
-  "pptx.presenter.presenterView": "Presenter View (N)",
+  "pptx.presenter.presenterView": "Presenter View",
   "pptx.presenter.prev": "Prev",
   "pptx.presenter.previousSlide": "Previous Slide",
+  "pptx.presenter.seeAllSlides": "See All Slides",
+  "pptx.presenter.screen": "Screen",
+  "pptx.presenter.blackScreen": "Black Screen",
+  "pptx.presenter.whiteScreen": "White Screen",
+  "pptx.presenter.pointerArrow": "Arrow",
+  "pptx.presenter.pointerPen": "Pen",
+  "pptx.presenter.pointerHighlighter": "Highlighter",
+  "pptx.presenter.eraseAllInk": "Erase All Ink on Slide",
   "pptx.presenter.slideLabel": "Slide {{current}} of {{total}}",
   "pptx.presenter.timerProgress": "Timer Progress",
   // Print dialog