@harbour-enterprises/superdoc 1.3.1-next.3 → 1.4.0-next.1

package/dist/superdoc.umd.js

@@ -36436,7 +36436,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.3.1-next.3") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.4.0-next.1") {
       return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -62252,7 +62252,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return false;
     }
   };
-  const summaryVersion = "1.3.1-next.3";
+  const summaryVersion = "1.4.0-next.1";
   const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
   const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
   function mapAttributes(attrs) {
@@ -64885,7 +64885,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * Process collaboration migrations
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "1.3.1-next.3");
+      console.debug("[checkVersionMigrations] Current editor version", "1.4.0-next.1");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -88612,7 +88612,13 @@ ${l}
     const result = {};
     if (spacing.before != null) result.before = pxToPt(spacing.before);
     if (spacing.after != null) result.after = pxToPt(spacing.after);
-    if (spacing.line != null) result.line = pxToPt(spacing.line);
+    if (spacing.line != null) {
+      if (spacing.lineRule === "auto" && spacing.line > 0 && spacing.line <= MAX_AUTO_LINE_MULTIPLIER) {
+        result.line = spacing.line;
+      } else {
+        result.line = pxToPt(spacing.line);
+      }
+    }
     if (spacing.lineRule) result.lineRule = spacing.lineRule;
     return result;
   };
@@ -88636,8 +88642,13 @@ ${l}
         if (after != null) result.after = after;
       }
       if (rawSpacing.line != null) {
-        const line = ptToPx(spacing.line);
-        if (line != null) result.line = line;
+        const isAutoMultiplier = spacing.lineRule === "auto" && spacing.line != null && spacing.line > 0 && spacing.line <= MAX_AUTO_LINE_MULTIPLIER;
+        if (isAutoMultiplier) {
+          result.line = spacing.line;
+        } else {
+          const line = ptToPx(spacing.line);
+          if (line != null) result.line = line;
+        }
         if (spacing.lineRule) result.lineRule = spacing.lineRule;
       }
     }
@@ -88717,7 +88728,7 @@ ${l}
       if (value > 0 && value <= MAX_AUTO_LINE_MULTIPLIER) {
         return value;
       }
-      return twipsToPx$1(value);
+      return value / 240;
     }
     return twipsToPx$1(value);
   };
@@ -96858,7 +96869,8 @@ ${l}
       return baseLineHeight;
     }
     const raw = spacing.line;
-    const treatAsMultiplier = (spacing.lineRule === "auto" || spacing.lineRule == null) && raw > 0 && raw <= 10;
+    const isAuto = spacing.lineRule === "auto";
+    const treatAsMultiplier = (isAuto || spacing.lineRule == null) && raw > 0 && (isAuto || raw <= 10);
     if (treatAsMultiplier) {
       return raw * baseLineHeight;
     }
@@ -97205,6 +97217,8 @@ ${l}
         debugLabel: options.layoutEngineOptions?.debugLabel,
         layoutMode: options.layoutEngineOptions?.layoutMode ?? "vertical",
         trackedChanges: options.layoutEngineOptions?.trackedChanges,
+        emitCommentPositionsInViewing: options.layoutEngineOptions?.emitCommentPositionsInViewing,
+        enableCommentsInViewing: options.layoutEngineOptions?.enableCommentsInViewing,
         presence: validatedPresence
       };
       this.#trackedChangesOverrides = options.layoutEngineOptions?.trackedChanges;
@@ -97793,6 +97807,33 @@ ${l}
         this.#scheduleRerender();
       }
     }
+    /**
+     * Update viewing-mode comment rendering behavior and re-render if needed.
+     *
+     * @param options - Viewing mode comment options.
+     */
+    setViewingCommentOptions(options = {}) {
+      if (options !== void 0 && (typeof options !== "object" || options === null || Array.isArray(options))) {
+        throw new TypeError("[PresentationEditor] setViewingCommentOptions expects an object or undefined");
+      }
+      let hasChanges = false;
+      if (typeof options.emitCommentPositionsInViewing === "boolean") {
+        if (this.#layoutOptions.emitCommentPositionsInViewing !== options.emitCommentPositionsInViewing) {
+          this.#layoutOptions.emitCommentPositionsInViewing = options.emitCommentPositionsInViewing;
+          hasChanges = true;
+        }
+      }
+      if (typeof options.enableCommentsInViewing === "boolean") {
+        if (this.#layoutOptions.enableCommentsInViewing !== options.enableCommentsInViewing) {
+          this.#layoutOptions.enableCommentsInViewing = options.enableCommentsInViewing;
+          hasChanges = true;
+        }
+      }
+      if (hasChanges) {
+        this.#pendingDocChange = true;
+        this.#scheduleRerender();
+      }
+    }
     /**
      * Toggle the custom context menu at runtime to respect host-level guardrails.
      */
@@ -100145,7 +100186,7 @@ ${l}
           } : void 0;
           const atomNodeTypes = getAtomNodeTypes(this.#editor?.schema ?? null);
           const positionMap2 = this.#editor?.state?.doc && docJson ? buildPositionMapFromPmDoc(this.#editor.state.doc, docJson) : null;
-          const commentsEnabled = this.#documentMode !== "viewing";
+          const commentsEnabled = this.#documentMode !== "viewing" || this.#layoutOptions.enableCommentsInViewing === true;
           const result = toFlowBlocks(docJson, {
             mediaFiles: this.#editor?.storage?.image?.media,
             emitSectionBreaks: true,
@@ -100285,7 +100326,8 @@ ${l}
         const payload = { layout, blocks: blocks2, measures, metrics };
         this.emit("layoutUpdated", payload);
         this.emit("paginationUpdate", payload);
-        if (this.#documentMode !== "viewing") {
+        const allowViewingCommentPositions = this.#layoutOptions.emitCommentPositionsInViewing === true;
+        if (this.#documentMode !== "viewing" || allowViewingCommentPositions) {
           const commentPositions = this.#collectCommentPositions();
           const positionKeys = Object.keys(commentPositions);
           if (positionKeys.length > 0) {
@@ -141442,6 +141484,11 @@ ${reason}`);
       allowResolve: true,
       showResolved: false
     });
+    const viewingVisibility = reactive({
+      documentMode: "editing",
+      commentsVisible: false,
+      trackChangesVisible: false
+    });
     const isDebugging = false;
     const debounceTimers = {};
     const COMMENT_EVENTS = comments_module_events;
@@ -141468,6 +141515,7 @@ ${reason}`);
     const isFloatingCommentsReady = ref(false);
     const generalCommentIds = ref([]);
     const pendingComment = ref(null);
+    const isViewingMode = computed(() => viewingVisibility.documentMode === "viewing");
     const init2 = (config2 = {}) => {
       const updatedConfig = { ...commentsConfig, ...config2 };
       Object.assign(commentsConfig, updatedConfig);
@@ -141480,6 +141528,17 @@ ${reason}`);
       if (id === void 0 || id === null) return null;
       return commentsList.value.find((c2) => c2.commentId == id || c2.importedId == id);
     };
+    const getThreadParent = (comment2) => {
+      if (!comment2?.parentCommentId) return comment2;
+      return getComment(comment2.parentCommentId);
+    };
+    const isThreadVisible = (comment2) => {
+      if (!isViewingMode.value) return true;
+      const parent = getThreadParent(comment2);
+      if (!parent && comment2?.parentCommentId) return false;
+      const isTrackedChange = Boolean(parent?.trackedChange);
+      return isTrackedChange ? viewingVisibility.trackChangesVisible : viewingVisibility.commentsVisible;
+    };
     const setActiveComment = (superdoc, id) => {
       if (id === void 0 || id === null) {
         activeComment.value = null;
@@ -141581,6 +141640,7 @@ ${reason}`);
       const resolvedComments = [];
       const childCommentMap = /* @__PURE__ */ new Map();
       commentsList.value.forEach((comment2) => {
+        if (!isThreadVisible(comment2)) return;
         if (comment2.resolvedTime) {
           resolvedComments.push(comment2);
         } else if (!comment2.parentCommentId && !comment2.resolvedTime) {
@@ -141789,6 +141849,17 @@ ${reason}`);
       });
       return comments;
     });
+    const setViewingVisibility = ({ documentMode, commentsVisible, trackChangesVisible } = {}) => {
+      if (typeof documentMode === "string") {
+        viewingVisibility.documentMode = documentMode;
+      }
+      if (typeof commentsVisible === "boolean") {
+        viewingVisibility.commentsVisible = commentsVisible;
+      }
+      if (typeof trackChangesVisible === "boolean") {
+        viewingVisibility.trackChangesVisible = trackChangesVisible;
+      }
+    };
     const normalizeCommentForEditor = (node2) => {
       if (!node2 || typeof node2 !== "object") return node2;
       const cloneMarks = (marks) => Array.isArray(marks) ? marks.filter(Boolean).map((mark2) => ({
@@ -141868,6 +141939,7 @@ ${reason}`);
       getFloatingComments,
       // Actions
       init: init2,
+      setViewingVisibility,
       getComment,
       setActiveComment,
       getCommentLocation,
@@ -142857,7 +142929,7 @@ ${reason}`);
       const superdocStore = useSuperdocStore();
       const commentsStore = useCommentsStore();
       const { COMMENT_EVENTS } = commentsStore;
-      const { documentsWithConverations, activeComment, floatingCommentsOffset, commentsList } = storeToRefs(commentsStore);
+      const { documentsWithConverations, activeComment, floatingCommentsOffset, getGroupedComments } = storeToRefs(commentsStore);
       const { documents, activeZoom } = storeToRefs(superdocStore);
       const { proxy } = getCurrentInstance();
       const emit2 = __emit;
@@ -142919,7 +142991,7 @@ ${reason}`);
         emit2("highlight-click", comment2);
       };
       const getCurrentComments = computed(() => {
-        return commentsList.value.filter((c2) => !c2.parentCommentId).filter((c2) => c2.selection && c2.selection.selectionBounds?.top).filter((c2) => !c2.resolvedTime).filter((c2) => c2.selection?.source !== "super-editor");
+        return getGroupedComments.value?.parentComments.filter((c2) => c2.selection && c2.selection.selectionBounds?.top).filter((c2) => !c2.resolvedTime).filter((c2) => c2.selection?.source !== "super-editor");
       });
       watch(activeComment, (newVal) => {
         if (!newVal) return;
@@ -142947,7 +143019,7 @@ ${reason}`);
       };
     }
   };
-  const CommentsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-d019784c"]]);
+  const CommentsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-7d21d613"]]);
   const _hoisted_1$9 = { class: "sidebar-container calculation-container" };
   const _hoisted_2$3 = ["id"];
   const _sfc_main$a = {
@@ -143789,6 +143861,16 @@ ${reason}`);
       const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
       const { uiFontFamily } = useUiFontFamily();
       const isViewingMode = () => proxy?.$superdoc?.config?.documentMode === "viewing";
+      const isViewingCommentsVisible = computed(
+        () => isViewingMode() && proxy?.$superdoc?.config?.comments?.visible === true
+      );
+      const isViewingTrackChangesVisible = computed(
+        () => isViewingMode() && proxy?.$superdoc?.config?.trackChanges?.visible === true
+      );
+      const shouldRenderCommentsInViewing = computed(() => {
+        if (!isViewingMode()) return true;
+        return isViewingCommentsVisible.value || isViewingTrackChangesVisible.value;
+      });
       const commentsModuleConfig = computed(() => {
         const config2 = modules.comments;
         if (config2 === false || config2 == null) return null;
@@ -143883,7 +143965,7 @@ ${reason}`);
           const commentsConfig = proxy.$superdoc.config.modules?.comments;
           if (!commentsConfig || commentsConfig === false) return;
           if (!positions || Object.keys(positions).length === 0) return;
-          if (isViewingMode()) {
+          if (!shouldRenderCommentsInViewing.value) {
             commentsStore.clearEditorCommentPositions?.();
             return;
           }
@@ -144078,7 +144160,9 @@ ${reason}`);
           layoutEngineOptions: useLayoutEngine ? {
             ...proxy.$superdoc.config.layoutEngineOptions || {},
             debugLabel: proxy.$superdoc.config.layoutEngineOptions?.debugLabel ?? doc2.name ?? doc2.id,
-            zoom: (activeZoom.value ?? 100) / 100
+            zoom: (activeZoom.value ?? 100) / 100,
+            emitCommentPositionsInViewing: isViewingMode() && shouldRenderCommentsInViewing.value,
+            enableCommentsInViewing: isViewingCommentsVisible.value
           } : void 0,
           permissionResolver: (payload = {}) => proxy.$superdoc.canPerformPermission({
             role: proxy.$superdoc.config.role,
@@ -144091,7 +144175,7 @@ ${reason}`);
       const onEditorCommentLocationsUpdate = (doc2, { allCommentIds: activeThreadId, allCommentPositions } = {}) => {
         const commentsConfig = proxy.$superdoc.config.modules?.comments;
         if (!commentsConfig || commentsConfig === false) return;
-        if (isViewingMode()) {
+        if (!shouldRenderCommentsInViewing.value) {
           commentsStore.clearEditorCommentPositions?.();
           return;
         }
@@ -144150,7 +144234,7 @@ ${reason}`);
       };
       const isCommentsEnabled = computed(() => Boolean(commentsModuleConfig.value));
       const showCommentsSidebar = computed(() => {
-        if (isViewingMode()) return false;
+        if (!shouldRenderCommentsInViewing.value) return false;
         return pendingComment.value || getFloatingComments.value?.length > 0 && isReady.value && layers.value && isCommentsEnabled.value && !isCommentsListVisible.value;
       });
       const showToolsFloatingMenu = computed(() => {
@@ -144492,7 +144576,7 @@ ${reason}`);
       };
     }
   };
-  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5196811d"]]);
+  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-78737564"]]);
   const createSuperdocVueApp = () => {
     const app = createApp(App);
     const pinia = createPinia();
@@ -144598,6 +144682,8 @@ ${reason}`);
       title: "SuperDoc",
       conversations: [],
       isInternal: false,
+      comments: { visible: false },
+      trackChanges: { visible: false },
       // toolbar config
       toolbar: null,
       // Optional DOM element to render the toolbar in
@@ -144647,6 +144733,16 @@ ${reason}`);
         ...this.config,
         ...config2
       };
+      if (!this.config.comments || typeof this.config.comments !== "object") {
+        this.config.comments = { visible: false };
+      } else if (typeof this.config.comments.visible !== "boolean") {
+        this.config.comments.visible = false;
+      }
+      if (!this.config.trackChanges || typeof this.config.trackChanges !== "object") {
+        this.config.trackChanges = { visible: false };
+      } else if (typeof this.config.trackChanges.visible !== "boolean") {
+        this.config.trackChanges.visible = false;
+      }
       const incomingUser = this.config.user;
       if (!incomingUser || typeof incomingUser !== "object") {
         this.config.user = { ...DEFAULT_USER };
@@ -144664,9 +144760,10 @@ ${reason}`);
       }
       if (!this.config.layoutEngineOptions.trackedChanges) {
         const isViewingMode = this.config.documentMode === "viewing";
+        const viewingTrackedChangesVisible = isViewingMode && this.config.trackChanges?.visible === true;
         this.config.layoutEngineOptions.trackedChanges = {
-          mode: isViewingMode ? "final" : "review",
-          enabled: !isViewingMode
+          mode: isViewingMode ? viewingTrackedChangesVisible ? "review" : "original" : "review",
+          enabled: true
         };
       }
       this.config.modules = this.config.modules || {};
@@ -144676,7 +144773,7 @@ ${reason}`);
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.3.1-next.3";
+      this.version = "1.4.0-next.1";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -144813,6 +144910,7 @@ ${reason}`);
       this.superdocStore.init(this.config);
       const commentsModuleConfig = this.config.modules.comments;
       this.commentsStore.init(commentsModuleConfig && commentsModuleConfig !== false ? commentsModuleConfig : {});
+      this.#syncViewingVisibility();
     }
     #initListeners() {
       this.on("editorBeforeCreate", this.config.onEditorBeforeCreate);
@@ -145114,6 +145212,7 @@ ${reason}`);
       if (!type) return;
       type = type.toLowerCase();
       this.config.documentMode = type;
+      this.#syncViewingVisibility();
       const types2 = {
         viewing: () => this.#setModeViewing(),
         editing: () => this.#setModeEditing(),
@@ -145193,10 +145292,20 @@ ${reason}`);
     }
     #setModeViewing() {
       this.toolbar.activeEditor = null;
-      this.setTrackedChangesPreferences({ mode: "original", enabled: true });
-      this.commentsStore?.clearEditorCommentPositions?.();
+      const commentsVisible = this.config.comments?.visible === true;
+      const trackChangesVisible = this.config.trackChanges?.visible === true;
+      this.setTrackedChangesPreferences(
+        trackChangesVisible ? { mode: "review", enabled: true } : { mode: "original", enabled: true }
+      );
+      if (!commentsVisible && !trackChangesVisible) {
+        this.commentsStore?.clearEditorCommentPositions?.();
+      }
       this.superdocStore.documents.forEach((doc2) => {
-        doc2.removeComments();
+        if (commentsVisible || trackChangesVisible) {
+          doc2.restoreComments();
+        } else {
+          doc2.removeComments();
+        }
         this.#applyDocumentMode(doc2, "viewing");
       });
       if (this.toolbar) {
@@ -145204,6 +145313,31 @@ ${reason}`);
         this.toolbar.updateToolbarState();
       }
     }
+    #syncViewingVisibility() {
+      const commentsVisible = this.config.comments?.visible === true;
+      const trackChangesVisible = this.config.trackChanges?.visible === true;
+      const isViewingMode = this.config.documentMode === "viewing";
+      const shouldRenderCommentsInViewing = commentsVisible || trackChangesVisible;
+      if (this.commentsStore?.setViewingVisibility) {
+        this.commentsStore.setViewingVisibility({
+          documentMode: this.config.documentMode,
+          commentsVisible,
+          trackChangesVisible
+        });
+      }
+      const docs = this.superdocStore?.documents;
+      if (Array.isArray(docs) && docs.length > 0) {
+        docs.forEach((doc2) => {
+          const presentationEditor = typeof doc2.getPresentationEditor === "function" ? doc2.getPresentationEditor() : null;
+          if (presentationEditor?.setViewingCommentOptions) {
+            presentationEditor.setViewingCommentOptions({
+              emitCommentPositionsInViewing: isViewingMode && shouldRenderCommentsInViewing,
+              enableCommentsInViewing: isViewingMode && commentsVisible
+            });
+          }
+        });
+      }
+    }
     /**
      * Search for text or regex in the active editor
      * @param {string | RegExp} text The text or regex to search for