pptx-react-viewer 2.0.0 → 2.1.0

package/dist/{chunk-OKOJVSKJ.js → chunk-46Z6MNRS.js}

@@ -17591,7 +17591,7 @@ function reconcileComplexFields(ymap, rec, fields) {
     }
   }
 }
-function reconcileTextBody(ymap, rec, factories) {
+function reconcileElementTextBody(ymap, rec, factories) {
   const segments = rec.textSegments;
   const current = ymap.get("textBody");
   if (!Array.isArray(segments)) {
@@ -17617,7 +17617,7 @@ function reconcileElementYMap(ymap, element, factories, assets) {
   const rec = element;
   reconcileScalars(ymap, rec, SCALAR_ELEMENT_KEYS);
   reconcileComplexFields(ymap, rec, COMPLEX_ELEMENT_FIELDS);
-  reconcileTextBody(ymap, rec, factories);
+  reconcileElementTextBody(ymap, rec, factories);
   reconcileAssetFields(rec.id, rec, ymap, assets);
 }
 function mapIdAt(arr, index) {
@@ -17715,6 +17715,175 @@ function reconcileSlidesInYDoc(slides, ydoc, factories, origin = LOCAL_SYNC_ORIG
     });
   }, origin);
 }
+var GEOMETRY_KEYS = ["x", "y", "width", "height", "rotation"];
+var MAX_LIVE_TEXT_LENGTH = 1e5;
+var asMap = (value) => typeof value === "object" && value !== null && typeof value.get === "function" ? value : void 0;
+var asArray = (value) => typeof value === "object" && value !== null && typeof value.get === "function" ? value : void 0;
+function findElementYMap(doc, slideId, elementId) {
+  const slidesArr = doc.getArray(YDOC_SLIDES_KEY);
+  for (let i = 0; i < slidesArr.length; i++) {
+    const slideMap = asMap(slidesArr.get(i));
+    if (!slideMap || slideId !== void 0 && slideMap.get("id") !== slideId) {
+      continue;
+    }
+    const elements = asArray(slideMap.get("elements"));
+    if (!elements) {
+      continue;
+    }
+    for (let j = 0; j < elements.length; j++) {
+      const elementMap = asMap(elements.get(j));
+      if (elementMap && elementMap.get("id") === elementId) {
+        return elementMap;
+      }
+    }
+  }
+  return void 0;
+}
+function applyLivePatch(doc, factories, patch, textPatchLimit) {
+  const ymap = findElementYMap(doc, patch.slideId, patch.elementId);
+  if (!ymap) {
+    return;
+  }
+  if (patch.geometry) {
+    for (const key of GEOMETRY_KEYS) {
+      const next = patch.geometry[key];
+      if (typeof next === "number" && ymap.get(key) !== next) {
+        ymap.set(key, next);
+      }
+    }
+  }
+  if (patch.text) {
+    const { value, source } = patch.text;
+    if (value.length > textPatchLimit) {
+      return;
+    }
+    if (ymap.get("text") !== value) {
+      ymap.set("text", value);
+    }
+    const segments = remapTextToSegments(value, source.textSegments, source.textStyle);
+    reconcileElementTextBody(ymap, { textSegments: segments }, factories);
+  }
+}
+var LIVE_PATCH_THROTTLE_MS = 50;
+function createCollaborationLivePatcher(options = {}) {
+  const throttleMs = options.throttleMs ?? LIVE_PATCH_THROTTLE_MS;
+  const pending = /* @__PURE__ */ new Map();
+  let doc = null;
+  let factories = null;
+  let timer = null;
+  let lastWriteAt = Number.NEGATIVE_INFINITY;
+  const cancelTimer = () => {
+    if (timer !== null) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  };
+  const writePending = () => {
+    const activeDoc = doc;
+    const activeFactories = factories;
+    if (!activeDoc || !activeFactories || pending.size === 0) {
+      pending.clear();
+      return;
+    }
+    const patches = [...pending.values()];
+    pending.clear();
+    lastWriteAt = Date.now();
+    try {
+      activeDoc.transact(() => {
+        for (const patch of patches) {
+          applyLivePatch(activeDoc, activeFactories, patch, MAX_LIVE_TEXT_LENGTH);
+        }
+      }, LOCAL_SYNC_ORIGIN);
+    } catch {
+    }
+  };
+  const schedule = () => {
+    if (timer !== null) {
+      return;
+    }
+    const elapsed = Date.now() - lastWriteAt;
+    if (elapsed >= throttleMs) {
+      writePending();
+      return;
+    }
+    timer = setTimeout(() => {
+      timer = null;
+      writePending();
+    }, throttleMs - elapsed);
+  };
+  const enqueue = (slideId, elementId) => {
+    if (!doc || !factories || !elementId) {
+      return null;
+    }
+    const key = `${slideId ?? ""}\0${elementId}`;
+    let entry = pending.get(key);
+    if (!entry) {
+      entry = { slideId, elementId };
+      pending.set(key, entry);
+    }
+    return entry;
+  };
+  return {
+    configure(nextDoc, nextFactories) {
+      if (nextDoc === doc && nextFactories === factories) {
+        return;
+      }
+      cancelTimer();
+      pending.clear();
+      doc = nextDoc;
+      factories = nextFactories;
+      lastWriteAt = Number.NEGATIVE_INFINITY;
+    },
+    isActive() {
+      return doc !== null && factories !== null;
+    },
+    patchGeometry(slideId, elementId, geometry) {
+      const entry = enqueue(slideId, elementId);
+      if (!entry) {
+        return;
+      }
+      entry.geometry = { ...entry.geometry, ...geometry };
+      schedule();
+    },
+    patchText(slideId, elementId, text, source) {
+      const entry = enqueue(slideId, elementId);
+      if (!entry) {
+        return;
+      }
+      entry.text = { value: text, source: source ?? entry.text?.source ?? {} };
+      schedule();
+    },
+    flush() {
+      cancelTimer();
+      writePending();
+    },
+    dispose() {
+      cancelTimer();
+      pending.clear();
+      doc = null;
+      factories = null;
+    }
+  };
+}
+function publishLiveInlineText(patcher, slide, elementId, text) {
+  if (!patcher || !slide || !elementId || !patcher.isActive()) {
+    return;
+  }
+  const element = slide.elements.find((el) => el.id === elementId);
+  if (!element || !chunkCLNGAVNH_js.hasTextProperties(element)) {
+    return;
+  }
+  patcher.patchText(slide.id, elementId, text, {
+    textSegments: element.textSegments,
+    textStyle: element.textStyle
+  });
+}
+function publishLiveGeometry(patcher, slideId, elementId, geometry) {
+  if (!patcher || !elementId || !patcher.isActive()) {
+    return;
+  }
+  patcher.patchGeometry(slideId, elementId, geometry);
+}
 function createSyncGate(onOpen, graceMs = INITIAL_SYNC_GRACE_MS) {
   let opened = false;
   let timer = null;
@@ -17747,6 +17916,144 @@ function createSyncGate(onOpen, graceMs = INITIAL_SYNC_GRACE_MS) {
     }
   };
 }
+var COLLAB_LEAVE_MESSAGE = "pptx-viewer:collab-leave";
+function resolveTarget(target) {
+  if (target) {
+    return target;
+  }
+  const scope = globalThis;
+  return scope.window ?? null;
+}
+function isLeaveMessage(data) {
+  if (typeof data === "string") {
+    return data === COLLAB_LEAVE_MESSAGE;
+  }
+  if (typeof data !== "object" || data === null) {
+    return false;
+  }
+  return data.type === COLLAB_LEAVE_MESSAGE;
+}
+function registerCollaborationTeardown(options) {
+  const target = resolveTarget(options.target);
+  if (!target) {
+    return () => {
+    };
+  }
+  const { leave, rejoin } = options;
+  let left = false;
+  const doLeave = () => {
+    if (left) {
+      return;
+    }
+    left = true;
+    leave();
+  };
+  const onPageHide = (event) => {
+    if (event.persisted === true && !rejoin) {
+      return;
+    }
+    doLeave();
+  };
+  const onBeforeUnload = () => {
+    doLeave();
+  };
+  const onPageShow = (event) => {
+    if (event.persisted !== true || !left || !rejoin) {
+      return;
+    }
+    left = false;
+    rejoin();
+  };
+  const onMessage = (event) => {
+    if (isLeaveMessage(event.data)) {
+      doLeave();
+    }
+  };
+  target.addEventListener("pagehide", onPageHide);
+  target.addEventListener("beforeunload", onBeforeUnload);
+  target.addEventListener("pageshow", onPageShow);
+  target.addEventListener("message", onMessage);
+  return () => {
+    target.removeEventListener("pagehide", onPageHide);
+    target.removeEventListener("beforeunload", onBeforeUnload);
+    target.removeEventListener("pageshow", onPageShow);
+    target.removeEventListener("message", onMessage);
+  };
+}
+function clearLocalAwareness(awareness) {
+  awareness?.setLocalState?.(null);
+}
+var DEPARTURE_CHANNEL = "pptx-viewer:collab-departures";
+function removeAwarenessStatesLocally(awareness, clients) {
+  const states = awareness?.states;
+  if (!awareness || !states) {
+    return [];
+  }
+  const removed = [];
+  for (const clientId of clients) {
+    if (states.delete(clientId)) {
+      removed.push(clientId);
+    }
+  }
+  if (removed.length > 0) {
+    const change = { added: [], updated: [], removed };
+    awareness.emit?.("change", [change, "peer-departed"]);
+    awareness.emit?.("update", [change, "peer-departed"]);
+  }
+  return removed;
+}
+function readNotice(data, roomId, selfId) {
+  if (typeof data !== "object" || data === null) {
+    return null;
+  }
+  const notice = data;
+  if (notice.channel !== DEPARTURE_CHANNEL || notice.roomId !== roomId) {
+    return null;
+  }
+  if (typeof notice.clientId !== "number" || notice.clientId === selfId) {
+    return null;
+  }
+  return notice.clientId;
+}
+function defaultFactory(name) {
+  const scope = globalThis;
+  if (!scope.BroadcastChannel) {
+    return null;
+  }
+  return new scope.BroadcastChannel(name);
+}
+function createDepartureChannel(roomId, awareness, factory) {
+  const channel = factory ? factory(DEPARTURE_CHANNEL) : defaultFactory(DEPARTURE_CHANNEL);
+  if (!channel) {
+    return { announce: () => {
+    }, dispose: () => {
+    } };
+  }
+  const selfId = awareness.clientID;
+  channel.onmessage = (event) => {
+    const departed = readNotice(event.data, roomId, selfId);
+    if (departed !== null) {
+      removeAwarenessStatesLocally(awareness, [departed]);
+    }
+  };
+  let closed = false;
+  return {
+    announce: () => {
+      if (closed || typeof selfId !== "number") {
+        return;
+      }
+      channel.postMessage({ channel: DEPARTURE_CHANNEL, roomId, clientId: selfId });
+    },
+    dispose: () => {
+      if (closed) {
+        return;
+      }
+      closed = true;
+      channel.onmessage = null;
+      channel.close();
+    }
+  };
+}
 var POSITION_THRESHOLD = 2;
 var SIZE_THRESHOLD = 2;
 function getElementText(element) {
@@ -27338,6 +27645,7 @@ exports.clampPercent = clampPercent;
 exports.clampUnitInterval = clampUnitInterval;
 exports.clearAllLocalViewerData = clearAllLocalViewerData;
 exports.clearAudienceContent = clearAudienceContent;
+exports.clearLocalAwareness = clearLocalAwareness;
 exports.clearStoredViewerPrefs = clearStoredViewerPrefs;
 exports.cloneElementForPaste = cloneElementForPaste;
 exports.cloneHistorySnapshot = cloneHistorySnapshot;
@@ -27376,7 +27684,9 @@ exports.convertOmmlToMathMl = convertOmmlToMathMl;
 exports.copyFormatFromElement = copyFormatFromElement;
 exports.createBackstagePresentation = createBackstagePresentation;
 exports.createBlankSlide = createBlankSlide;
+exports.createCollaborationLivePatcher = createCollaborationLivePatcher;
 exports.createDefaultChartElement = createDefaultChartElement;
+exports.createDepartureChannel = createDepartureChannel;
 exports.createInitialPresentationSnapshot = createInitialPresentationSnapshot;
 exports.createPresentationSessionId = createPresentationSessionId;
 exports.createPresenterTimer = createPresenterTimer;
@@ -27538,6 +27848,8 @@ exports.presenterElapsed = presenterElapsed;
 exports.pressuresToWidths = pressuresToWidths;
 exports.printPropertiesFrameSlides = printPropertiesFrameSlides;
 exports.printPropertiesSlidesPerPage = printPropertiesSlidesPerPage;
+exports.publishLiveGeometry = publishLiveGeometry;
+exports.publishLiveInlineText = publishLiveInlineText;
 exports.readBackstageRecentFile = readBackstageRecentFile;
 exports.readSlidesFromYDoc = readSlidesFromYDoc;
 exports.readStoredViewerPrefs = readStoredViewerPrefs;
@@ -27546,6 +27858,7 @@ exports.rebuildDrawingShapesIfCleared = rebuildDrawingShapesIfCleared;
 exports.reconcileSlidesInYDoc = reconcileSlidesInYDoc;
 exports.recordProgressPercent = recordProgressPercent;
 exports.rectToCells = rectToCells;
+exports.registerCollaborationTeardown = registerCollaborationTeardown;
 exports.remapTextToSegments = remapTextToSegments;
 exports.removeQuickAccessCommand = removeQuickAccessCommand;
 exports.renameSection = renameSection;

package/dist/{chunk-B6NRDUHJ.mjs → chunk-7DQHWPIB.mjs}

@@ -1,4 +1,4 @@
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, getAnimationInitialStyle, cloneHistorySnapshot, isTemplateElement, clampCropValue, parseMediaCommand, normalizeHexColor, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, computeAutoFitTextStyle, resolveLineHeight, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, colorWithOpacity, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, getRoundRectRadiusPx, substituteFieldText, resolveUnderlineDecorationStyle, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, apply3dEffects, clampUnitInterval, computeColumnBoundaries, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, getPatternSvg, ooxmlDashToCssBorderStyle, cell3DBevelCss, getChartStylePalette, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, resolvePictureBullet, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, resolveFontRefIdx, tintColor2, shadeColor2, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, hexToRgbChannels, chartPartToAttrs } from './chunk-R2N2UYT7.mjs';
+import { SHAPE_PRESET_DEFS, computeValueRangeForChart, getAnimationInitialStyle, cloneHistorySnapshot, isTemplateElement, clampCropValue, parseMediaCommand, normalizeHexColor, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, computeAutoFitTextStyle, resolveLineHeight, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, colorWithOpacity, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, getRoundRectRadiusPx, substituteFieldText, resolveUnderlineDecorationStyle, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, apply3dEffects, clampUnitInterval, computeColumnBoundaries, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, getPatternSvg, ooxmlDashToCssBorderStyle, cell3DBevelCss, getChartStylePalette, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, resolvePictureBullet, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, resolveFontRefIdx, tintColor2, shadeColor2, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, hexToRgbChannels, chartPartToAttrs } from './chunk-27XBWVO5.mjs';
 import { translationsEn } from './chunk-2X72MOPZ.mjs';
 import { hasShapeProperties, isImageLikeElement, hasTextProperties, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, getSubstituteFontFamily, evaluatePresetShape, customGeometryPathsToSvgSubpaths } from './chunk-6YXLGMTN.mjs';
 import { clsx } from 'clsx';
@@ -6250,7 +6250,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-UPDCIMJM.mjs');
+      return await import('./SurfaceChart3DScene-EGMWY4CZ.mjs');
     } catch {
       return { default: FailedToLoad };
     }