pptx-react-viewer 3.20.1 → 3.21.0

package/dist/{chunk-HN5QJSVB.js → chunk-T6V342NP.js}

@@ -185735,105 +185735,90 @@ function presenceToCursors(presence, activeSlideIndex) {
   }
   return cursors;
 }
-function zoomEqual(a, b) {
-  if (a === b) {
-    return true;
-  }
-  if (!a || !b) {
-    return false;
-  }
-  return a.scale === b.scale && a.originX === b.originX && a.originY === b.originY;
-}
-function pointerEqual(a, b) {
-  if (a === b) {
-    return true;
-  }
-  if (!a || !b) {
-    return false;
-  }
-  return a.tool === b.tool && a.x === b.x && a.y === b.y && a.color === b.color;
-}
-function presentationSnapshotsEqual(a, b) {
-  if (a === b) {
-    return true;
-  }
-  return a.slideIndex === b.slideIndex && a.buildStep === b.buildStep && a.blackout === b.blackout && a.paused === b.paused && a.elapsedMs === b.elapsedMs && a.caption === b.caption && a.subtitlesVisible === b.subtitlesVisible && a.inkMarkupVisible === b.inkMarkupVisible && a.inkStrokes === b.inkStrokes && zoomEqual(a.zoom, b.zoom) && pointerEqual(a.pointer, b.pointer);
-}
-function presenceEntriesEqual(a, b) {
-  if (a === b) {
-    return true;
-  }
-  return a.clientId === b.clientId && a.userName === b.userName && a.userColor === b.userColor && a.userAvatar === b.userAvatar && a.role === b.role && a.activeSlideIndex === b.activeSlideIndex && a.cursorX === b.cursorX && a.cursorY === b.cursorY && a.selectedElementId === b.selectedElementId;
-}
-function presenceListsEqual(a, b) {
-  if (a === b) {
-    return true;
-  }
-  if (a.length !== b.length) {
-    return false;
+function observeExternalCollaborationSession(session, onSnapshot) {
+  let active2 = true;
+  let subscribing = true;
+  let previous;
+  let unsubscribe;
+  const notify = () => {
+    if (!active2 || subscribing) {
+      return;
+    }
+    const snapshot = session.getSnapshot();
+    if (previous?.status === snapshot.status && previous.synced === snapshot.synced) {
+      return;
+    }
+    previous = { status: snapshot.status, synced: snapshot.synced };
+    onSnapshot(previous);
+  };
+  const dispose = () => {
+    if (!active2) {
+      return;
+    }
+    active2 = false;
+    unsubscribe?.();
+  };
+  try {
+    unsubscribe = session.subscribe(notify);
+    subscribing = false;
+    notify();
+  } catch (error) {
+    dispose();
+    throw error;
   }
-  return a.every((entry2, index) => {
-    const other = b[index];
-    return other !== void 0 && presenceEntriesEqual(entry2, other);
-  });
+  return dispose;
 }
-function createPresenceProjector() {
-  let lastList = [];
-  let lastCursors = [];
-  let lastActiveSlideIndex;
-  let primed = false;
+function borrowExternalCollaborationAwareness(host) {
+  let disposed = false;
+  let ownsPresence = false;
+  let hadPresence = false;
+  let previousPresence;
+  let lastPresence;
+  const awareness = {
+    clientID: host.clientID,
+    getStates: () => host.getStates(),
+    on: (event, callback) => host.on(event, callback),
+    off: (event, callback) => host.off(event, callback),
+    setLocalStateField: (field, value) => {
+      if (disposed) {
+        return;
+      }
+      const state = host.getLocalState();
+      if (state === null) {
+        return;
+      }
+      if (field === "presence") {
+        if (!ownsPresence || state.presence !== lastPresence) {
+          hadPresence = Object.hasOwn(state, "presence");
+          previousPresence = state.presence;
+        }
+        lastPresence = value;
+        ownsPresence = true;
+      }
+      host.setLocalStateField(field, value);
+    }
+  };
   return {
-    project(states, localClientId, canvasWidth, canvasHeight, localActiveSlideIndex, now) {
-      const list = derivePresenceList(
-        states,
-        localClientId,
-        canvasWidth,
-        canvasHeight,
-        now ?? Date.now()
-      );
-      if (primed && localActiveSlideIndex === lastActiveSlideIndex && presenceListsEqual(lastList, list)) {
-        return { list: lastList, cursors: lastCursors, changed: false };
+    awareness,
+    dispose: () => {
+      if (disposed) {
+        return;
       }
-      lastList = list;
-      lastCursors = presenceToCursors(list, localActiveSlideIndex);
-      lastActiveSlideIndex = localActiveSlideIndex;
-      primed = true;
-      return { list, cursors: lastCursors, changed: true };
-    },
-    reset() {
-      lastList = [];
-      lastCursors = [];
-      lastActiveSlideIndex = void 0;
-      primed = false;
+      disposed = true;
+      const current = host.getLocalState();
+      if (!ownsPresence || current === null || current.presence !== lastPresence) {
+        return;
+      }
+      const restored = { ...current };
+      if (hadPresence) {
+        restored.presence = previousPresence;
+      } else {
+        delete restored.presence;
+      }
+      host.setLocalState(restored);
     }
   };
 }
-var DEFAULT_LOCAL_COLOR = "#6366f1";
-function getUserInitials(name) {
-  const trimmed = name.trim(), parts = trimmed.split(/\s+/u).filter(Boolean), first = parts[0], last = parts[parts.length - 1];
-  if (parts.length >= 2 && first && last) {
-    return (first[0] + last[0]).toUpperCase();
-  }
-  return trimmed.slice(0, 2).toUpperCase();
-}
-function buildActiveSessionUsers(params) {
-  const local = {
-    id: "local",
-    name: params.localUserName,
-    initials: params.localUserInitials?.trim() ? params.localUserInitials.trim().slice(0, 2).toUpperCase() : getUserInitials(params.localUserName),
-    color: params.localUserColor ?? DEFAULT_LOCAL_COLOR,
-    isLocal: true
-  }, remote = params.remoteUsers.map((user) => ({
-    id: String(user.clientId),
-    name: user.userName,
-    initials: getUserInitials(user.userName),
-    color: user.userColor,
-    avatarUrl: user.userAvatar,
-    isLocal: false,
-    slideNumber: user.activeSlideIndex + 1
-  }));
-  return [local, ...remote];
-}
 var YDOC_ASSETS_KEY = "pptx:assets";
 var ASSET_ELEMENT_FIELDS = /* @__PURE__ */ new Set([
   "mediaData",
@@ -186102,8 +186087,14 @@ function decodeDelta(delta) {
       } catch {
       }
     }
-    const isBreakMarker = op2.insert === "\n" && (a.pb === "1" || a.lb === "1");
-    if (!isBreakMarker && op2.insert !== "\u200B") {
+    const isBreakMarker = /^\n+$/u.test(op2.insert) && (a.pb === "1" || a.lb === "1");
+    if (isBreakMarker) {
+      for (let index = 0; index < op2.insert.length; index++) {
+        segments.push(structuredClone(seg));
+      }
+      continue;
+    }
+    if (op2.insert !== "\u200B") {
       seg.text = op2.insert;
     }
     segments.push(seg);
@@ -186429,9 +186420,6 @@ function observeYDocSlides(ydoc, onChange) {
   arr.observeDeep(onChange);
   return () => arr.unobserveDeep(onChange);
 }
-function shouldAutoFollowBroadcaster(input) {
-  return input.localRole === "viewer" && input.broadcasterRole === "owner";
-}
 function isYTextEditable(value) {
   return isYTextLike(value) && typeof value.delete === "function" && typeof value.format === "function";
 }
@@ -186704,6 +186692,231 @@ function reconcileSlidesInYDoc(slides, ydoc, factories, origin = LOCAL_SYNC_ORIG
     });
   }, origin);
 }
+function observeExternalCollaborationReadiness(session, options) {
+  let active2 = true;
+  let established = false;
+  let awaitingJoin = options.sessionIntent === "join";
+  let lastAdopted;
+  let lastReadOnly;
+  let unsubscribe;
+  const canWrite = () => active2 && options.gate.isOpen() && session.getSnapshot().synced && options.role !== "viewer";
+  const notifyReadOnly = () => {
+    const readOnly = !canWrite();
+    if (lastReadOnly !== readOnly) {
+      lastReadOnly = readOnly;
+      options.onReadOnlyChange?.(readOnly);
+    }
+  };
+  const suspend = () => {
+    options.gate.reset();
+    options.livePatcher?.configure(null, null);
+    options.onSuspend?.();
+    notifyReadOnly();
+  };
+  const adopt = (slides) => {
+    const serialized = JSON.stringify(slides);
+    if (serialized !== lastAdopted) {
+      lastAdopted = serialized;
+      options.adoptSlides(slides);
+    }
+  };
+  const refresh = () => {
+    if (!active2) {
+      return;
+    }
+    const snapshot = session.getSnapshot();
+    options.onStatus(snapshot.status);
+    if (!snapshot.synced) {
+      suspend();
+      return;
+    }
+    if (options.gate.isOpen()) {
+      return;
+    }
+    lastAdopted = void 0;
+    const slides = readSlidesFromYDoc(session.doc);
+    if (slides.length > 0) {
+      established = true;
+      awaitingJoin = false;
+      adopt(slides);
+    } else if (established) {
+      adopt(slides);
+    } else if (awaitingJoin) {
+      suspend();
+      return;
+    }
+    options.livePatcher?.configure(
+      options.role === "viewer" ? null : session.doc,
+      options.role === "viewer" ? null : options.factories,
+      // The host owns readiness, so accepted edits cannot wait in our timer.
+      true
+    );
+    options.gate.open();
+    notifyReadOnly();
+    options.onReady?.({ seedEmptyRoom: slides.length === 0 && !established });
+  };
+  const unobserve = observeYDocSlides(session.doc, (_events, transaction) => {
+    if (!active2 || !session.getSnapshot().synced) {
+      return;
+    }
+    const slides = readSlidesFromYDoc(session.doc);
+    if (slides.length > 0) {
+      established = true;
+      awaitingJoin = false;
+    }
+    if (transaction?.origin === LOCAL_SYNC_ORIGIN) {
+      lastAdopted = JSON.stringify(slides);
+      return;
+    }
+    if (!options.gate.isOpen()) {
+      refresh();
+    } else if (slides.length > 0 || established) {
+      adopt(slides);
+    }
+  });
+  const dispose = () => {
+    if (!active2) {
+      return;
+    }
+    active2 = false;
+    unsubscribe?.();
+    unobserve();
+    suspend();
+  };
+  try {
+    unsubscribe = observeExternalCollaborationSession(session, refresh);
+  } catch (error) {
+    dispose();
+    throw error;
+  }
+  return Object.assign(dispose, {
+    refresh,
+    canWrite,
+    handleLoad: (origin) => {
+      if (!active2) {
+        return false;
+      }
+      if (origin === "user") {
+        awaitingJoin = false;
+        refresh();
+      } else if (session.getSnapshot().synced) {
+        const slides = readSlidesFromYDoc(session.doc);
+        if (slides.length > 0) {
+          lastAdopted = void 0;
+          adopt(slides);
+          return true;
+        }
+      }
+      return false;
+    },
+    allowLocalLoad: () => {
+      awaitingJoin = false;
+      refresh();
+    }
+  });
+}
+function zoomEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+  if (!a || !b) {
+    return false;
+  }
+  return a.scale === b.scale && a.originX === b.originX && a.originY === b.originY;
+}
+function pointerEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+  if (!a || !b) {
+    return false;
+  }
+  return a.tool === b.tool && a.x === b.x && a.y === b.y && a.color === b.color;
+}
+function presentationSnapshotsEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+  return a.slideIndex === b.slideIndex && a.buildStep === b.buildStep && a.blackout === b.blackout && a.paused === b.paused && a.elapsedMs === b.elapsedMs && a.caption === b.caption && a.subtitlesVisible === b.subtitlesVisible && a.inkMarkupVisible === b.inkMarkupVisible && a.inkStrokes === b.inkStrokes && zoomEqual(a.zoom, b.zoom) && pointerEqual(a.pointer, b.pointer);
+}
+function presenceEntriesEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+  return a.clientId === b.clientId && a.userName === b.userName && a.userColor === b.userColor && a.userAvatar === b.userAvatar && a.role === b.role && a.activeSlideIndex === b.activeSlideIndex && a.cursorX === b.cursorX && a.cursorY === b.cursorY && a.selectedElementId === b.selectedElementId;
+}
+function presenceListsEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+  if (a.length !== b.length) {
+    return false;
+  }
+  return a.every((entry2, index) => {
+    const other = b[index];
+    return other !== void 0 && presenceEntriesEqual(entry2, other);
+  });
+}
+function createPresenceProjector() {
+  let lastList = [];
+  let lastCursors = [];
+  let lastActiveSlideIndex;
+  let primed = false;
+  return {
+    project(states, localClientId, canvasWidth, canvasHeight, localActiveSlideIndex, now) {
+      const list = derivePresenceList(
+        states,
+        localClientId,
+        canvasWidth,
+        canvasHeight,
+        now ?? Date.now()
+      );
+      if (primed && localActiveSlideIndex === lastActiveSlideIndex && presenceListsEqual(lastList, list)) {
+        return { list: lastList, cursors: lastCursors, changed: false };
+      }
+      lastList = list;
+      lastCursors = presenceToCursors(list, localActiveSlideIndex);
+      lastActiveSlideIndex = localActiveSlideIndex;
+      primed = true;
+      return { list, cursors: lastCursors, changed: true };
+    },
+    reset() {
+      lastList = [];
+      lastCursors = [];
+      lastActiveSlideIndex = void 0;
+      primed = false;
+    }
+  };
+}
+var DEFAULT_LOCAL_COLOR = "#6366f1";
+function getUserInitials(name) {
+  const trimmed = name.trim(), parts = trimmed.split(/\s+/u).filter(Boolean), first = parts[0], last = parts[parts.length - 1];
+  if (parts.length >= 2 && first && last) {
+    return (first[0] + last[0]).toUpperCase();
+  }
+  return trimmed.slice(0, 2).toUpperCase();
+}
+function buildActiveSessionUsers(params) {
+  const local = {
+    id: "local",
+    name: params.localUserName,
+    initials: params.localUserInitials?.trim() ? params.localUserInitials.trim().slice(0, 2).toUpperCase() : getUserInitials(params.localUserName),
+    color: params.localUserColor ?? DEFAULT_LOCAL_COLOR,
+    isLocal: true
+  }, remote = params.remoteUsers.map((user) => ({
+    id: String(user.clientId),
+    name: user.userName,
+    initials: getUserInitials(user.userName),
+    color: user.userColor,
+    avatarUrl: user.userAvatar,
+    isLocal: false,
+    slideNumber: user.activeSlideIndex + 1
+  }));
+  return [local, ...remote];
+}
+function shouldAutoFollowBroadcaster(input) {
+  return input.localRole === "viewer" && input.broadcasterRole === "owner";
+}
 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;
@@ -186761,6 +186974,7 @@ function createCollaborationLivePatcher(options = {}) {
   let factories = null;
   let timer = null;
   let lastWriteAt = Number.NEGATIVE_INFINITY;
+  let immediate = false;
   const cancelTimer = () => {
     if (timer !== null) {
       clearTimeout(timer);
@@ -186787,6 +187001,10 @@ function createCollaborationLivePatcher(options = {}) {
     }
   };
   const schedule = () => {
+    if (immediate) {
+      writePending();
+      return;
+    }
     if (timer !== null) {
       return;
     }
@@ -186813,14 +187031,15 @@ function createCollaborationLivePatcher(options = {}) {
     return entry2;
   };
   return {
-    configure(nextDoc, nextFactories) {
-      if (nextDoc === doc && nextFactories === factories) {
+    configure(nextDoc, nextFactories, nextImmediate = false) {
+      if (nextDoc === doc && nextFactories === factories && nextImmediate === immediate) {
         return;
       }
       cancelTimer();
       pending.clear();
       doc = nextDoc;
       factories = nextFactories;
+      immediate = nextImmediate;
       lastWriteAt = Number.NEGATIVE_INFINITY;
     },
     isActive() {
@@ -186947,7 +187166,10 @@ function registerCollaborationTeardown(options) {
     doLeave();
   };
   const onBeforeUnload = () => {
-    doLeave();
+    const allowed = typeof options.leaveOnBeforeUnload === "function" ? options.leaveOnBeforeUnload() : options.leaveOnBeforeUnload !== false;
+    if (allowed) {
+      doLeave();
+    }
   };
   const onPageShow = (event) => {
     if (event.persisted !== true || !left || !rejoin) {
@@ -187046,6 +187268,84 @@ function createDepartureChannel(roomId, awareness, factory) {
     }
   };
 }
+var DEFAULT_DEBOUNCE_MS = 5e3;
+function createWriteBackScheduler(deps) {
+  let timer = null;
+  let generation = 0;
+  let unsubscribe = null;
+  function cancel() {
+    generation++;
+    unsubscribe?.();
+    unsubscribe = null;
+    if (timer !== null) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  }
+  function schedule(config) {
+    const isReady = () => config.externalSession?.getSnapshot().synced ?? true;
+    if (!config.onWriteBack || config.role !== "owner" || !deps.getYDoc()) {
+      return;
+    }
+    cancel();
+    if (!isReady()) {
+      return;
+    }
+    const token2 = generation;
+    if (config.externalSession) {
+      const detach2 = config.externalSession.subscribe(() => {
+        if (!isReady()) {
+          cancel();
+        }
+      });
+      if (token2 !== generation || !isReady()) {
+        detach2();
+        return;
+      }
+      unsubscribe = detach2;
+    }
+    const debounceMs = config.writeBackDebounceMs ?? DEFAULT_DEBOUNCE_MS;
+    timer = setTimeout(async () => {
+      timer = null;
+      const ydoc = deps.getYDoc();
+      const isCurrent = () => token2 === generation && isReady() && deps.getYDoc() === ydoc;
+      try {
+        if (!ydoc || !config.onWriteBack || !isReady()) {
+          return;
+        }
+        if (deps.serialize) {
+          const bytes2 = await deps.serialize(isCurrent);
+          if (bytes2 && isCurrent()) {
+            await config.onWriteBack(bytes2);
+          }
+          return;
+        }
+        const sourceBytes = deps.getSourceBytes?.();
+        if (!sourceBytes) {
+          return;
+        }
+        const handler = new exports.PptxHandler();
+        await handler.load(sourceBytes.buffer);
+        if (!isCurrent()) {
+          return;
+        }
+        const slides = readSlidesFromYDoc(ydoc);
+        const merged = deps.mergeTemplateElements ? deps.mergeTemplateElements(slides, deps.getTemplateElements?.() ?? {}) : slides;
+        const bytes = await handler.save(merged, deps.getSaveOptions?.());
+        if (isCurrent()) {
+          await config.onWriteBack(bytes);
+        }
+      } catch {
+      } finally {
+        if (token2 === generation) {
+          unsubscribe?.();
+          unsubscribe = null;
+        }
+      }
+    }, debounceMs);
+  }
+  return { schedule, cancel };
+}
 var POSITION_THRESHOLD = 2;
 var SIZE_THRESHOLD = 2;
 function getElementText(element) {
@@ -208002,6 +208302,7 @@ exports.beginChartValueDrag = beginChartValueDrag;
 exports.beginShapeAdjustment = beginShapeAdjustment;
 exports.bindInlineListParagraph = bindInlineListParagraph;
 exports.bindInlineListRun = bindInlineListRun;
+exports.borrowExternalCollaborationAwareness = borrowExternalCollaborationAwareness;
 exports.bringForward = bringForward;
 exports.bringToFront = bringToFront;
 exports.build3DExtrusionData = build3DExtrusionData;
@@ -208204,6 +208505,7 @@ exports.createTouchGestureRecognizer = createTouchGestureRecognizer;
 exports.createViewerOptionsStore = createViewerOptionsStore;
 exports.createViewerZoomStore = createViewerZoomStore;
 exports.createWheelStepBuffer = createWheelStepBuffer;
+exports.createWriteBackScheduler = createWriteBackScheduler;
 exports.cursorForTool = cursorForTool;
 exports.customGeometryPathsToSvgSubpaths = customGeometryPathsToSvgSubpaths;
 exports.defaultCssVars = defaultCssVars;
@@ -208482,6 +208784,8 @@ exports.normalizeHexColor = normalizeHexColor2;
 exports.normalizeStrokeDashType = normalizeStrokeDashType;
 exports.normalizeTableStyleGuid = normalizeTableStyleGuid;
 exports.notesSegmentsToSpans = notesSegmentsToSpans;
+exports.observeExternalCollaborationReadiness = observeExternalCollaborationReadiness;
+exports.observeExternalCollaborationSession = observeExternalCollaborationSession;
 exports.observeYDocSlides = observeYDocSlides;
 exports.ooxmlGradientAngleToCssDegrees = ooxmlGradientAngleToCssDegrees;
 exports.openNativeEyeDropper = openNativeEyeDropper;