@harbour-enterprises/superdoc 0.13.0-next.3 → 0.13.0-next.4

package/dist/superdoc.es.js

@@ -1,5 +1,5 @@
-import { o as index$1, C as CommentsPluginKey, f as TrackChangesBasePluginKey, E as Editor, l as getRichTextExtensions, d as SuperInput, A as AIWriter, c as SuperEditor, e as SuperToolbar, g as createZip } from "./chunks/super-editor.es-CaiAvJmI.es.js";
-import { a, S, i, n } from "./chunks/super-editor.es-CaiAvJmI.es.js";
+import { o as index$1, C as CommentsPluginKey, f as TrackChangesBasePluginKey, E as Editor, l as getRichTextExtensions, d as SuperInput, A as AIWriter, c as SuperEditor, e as SuperToolbar, g as createZip } from "./chunks/super-editor.es-BLihY9I3.es.js";
+import { a, S, i, n } from "./chunks/super-editor.es-BLihY9I3.es.js";
 import { Y as effectScope, r as ref, Z as markRaw, p as process$1, _ as toRaw, a as computed, $ as isRef, a0 as isReactive, D as toRef, i as inject, q as getCurrentInstance, l as watch, y as unref, a1 as hasInjectionContext, N as reactive, u as nextTick, a2 as getCurrentScope, a3 as onScopeDispose, a4 as toRefs, g as global$1, K as shallowRef, O as readonly, j as onMounted, k as onBeforeUnmount, h as onBeforeMount, U as onActivated, s as onDeactivated, A as createTextVNode, F as Fragment, R as Comment, m as defineComponent, E as provide, I as withDirectives, C as h, V as Teleport, S as renderSlot, W as isVNode, J as watchEffect, P as Transition, G as mergeProps, Q as vShow, H as cloneVNode, T as Text, b as createElementBlock, o as openBlock, t as toDisplayString, x as createVNode, z as withCtx, f as createBaseVNode, B as normalizeStyle, e as createCommentVNode, v as createBlock, w as withModifiers, n as normalizeClass, a5 as resolveDirective, d as renderList, c as createApp, X as onUnmounted, a6 as resolveDynamicComponent } from "./chunks/vue-Bi1uWinj.es.js";
 import { B as Buffer$2 } from "./chunks/jszip-DckFs3A7.es.js";
 import { B as BlankDOCX } from "./chunks/blank-docx-iwdyG9RH.es.js";
@@ -4334,14 +4334,29 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       });
       addComment({ superdoc: superdoc2, comment: newComment });
     });
-    const trackedChanges = index$1.getTrackChanges(editor.state);
-    trackedChanges.forEach(({ mark }) => {
+    setTimeout(() => {
+      createCommentForTrackChanges(editor);
+    }, 0);
+  };
+  const createCommentForTrackChanges = (editor) => {
+    let trackedChanges = index$1.getTrackChanges(editor.state);
+    let isLargeDoc = editor.state.doc.nodeSize >= 1e5;
+    if (isLargeDoc && trackedChanges.length) {
+      trackedChanges = trackedChanges.slice(0, 100);
+    }
+    trackedChanges.forEach(({ mark }, index2) => {
+      console.debug(`Create comment for track change: ${index2}`);
+      const { dispatch } = editor.view;
+      const { tr } = editor.view.state;
       const foundComment = commentsList.value.find((i2) => i2.commentId === mark.attrs.id);
+      const isLastIteration = trackedChanges.length === index2 + 1;
       if (foundComment) {
+        if (isLastIteration) {
+          tr.setMeta(CommentsPluginKey, { type: "force" });
+          dispatch(tr);
+        }
         return;
       }
-      const { dispatch } = editor.view;
-      const { tr } = editor.view.state;
       const markMetaKeys = {
         trackInsert: "insertedMark",
         trackDelete: "deletionMark",
@@ -4349,7 +4364,8 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       };
       const markKeyName = markMetaKeys[mark.type.name];
       if (markKeyName) {
-        tr.setMeta(CommentsPluginKey, { type: "force" });
+        if (isLastIteration) tr.setMeta(CommentsPluginKey, { type: "force" });
+        tr.setMeta(CommentsPluginKey, { type: "forceTrackChanges" });
         tr.setMeta(TrackChangesBasePluginKey, { [markKeyName]: mark });
         dispatch(tr);
       }
@@ -47773,7 +47789,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.13.0-next.3";
+    this.version = "0.13.0-next.4";
     console.debug("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/superdoc.umd.js

@@ -30770,7 +30770,7 @@
         return;
       }
     }
-    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.0-next.3") {
+    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.0-next.4") {
       const customLocation = "docProps/custom.xml";
       if (!docx[customLocation]) {
         docx[customLocation] = generateCustomXml();
@@ -31237,7 +31237,7 @@
   function generateCustomXml() {
     return DEFAULT_CUSTOM_XML;
   }
-  function generateSuperdocVersion(pid = 2, version2 = "0.13.0-next.3") {
+  function generateSuperdocVersion(pid = 2, version2 = "0.13.0-next.4") {
     return {
       type: "element",
       name: "property",
@@ -46759,7 +46759,7 @@
             if (isPaginationInit) shouldUpdate = true;
             const meta = tr.getMeta(CommentsPluginKey);
             const { type: type2 } = meta || {};
-            if (type2 === "force") shouldUpdate = true;
+            if (type2 === "force" || type2 === "forceTrackChanges") shouldUpdate = true;
             if (!isPaginationInit && !shouldUpdate && meta && meta.decorations) {
               return {
                 ...pluginState,
@@ -48614,7 +48614,7 @@
      * @returns {Object | void} Migration results
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "0.13.0-next.3");
+      console.debug("[checkVersionMigrations] Current editor version", "0.13.0-next.4");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -50313,6 +50313,9 @@
         let { doc: doc2, tr } = newState;
         let listsBySyncId = {};
         doc2.descendants((node2, pos) => {
+          if (node2.type.name === "paragraph") {
+            return false;
+          }
           if (node2.type.name === "orderedList" && !!node2.attrs.syncId) {
             let syncId = node2.attrs.syncId;
             if (!listsBySyncId[syncId]) listsBySyncId[syncId] = [];
@@ -50442,6 +50445,9 @@
     let { doc: doc2 } = state2;
     let map2 = /* @__PURE__ */ new Map();
     doc2.descendants((node2, pos) => {
+      if (node2.type.name === "paragraph") {
+        return false;
+      }
       let { attrs } = node2;
       let isListItem = node2.type.name === "listItem";
       let hasListLevel = !!attrs.listLevel?.length;
@@ -50462,6 +50468,9 @@
     let { doc: doc2 } = state2;
     let allItems = [];
     doc2.descendants((node2, pos) => {
+      if (node2.type.name === "paragraph") {
+        return false;
+      }
       let isListItem = node2.type.name === "listItem";
       let $pos = doc2.resolve(pos);
       if (isListItem && $pos.parent === list) {
@@ -50837,7 +50846,15 @@
     let { doc: doc2, storedMarks } = state2;
     let decorations = [];
     if (Array.isArray(storedMarks)) marks.push(...storedMarks);
-    let listItems = findChildren$4(doc2, (node2) => node2.type.name === "listItem");
+    let listItems = [];
+    doc2.descendants((node2, pos) => {
+      if (node2.type.name === "paragraph") {
+        return false;
+      }
+      if (node2.type.name === "listItem") {
+        listItems.push({ node: node2, pos });
+      }
+    });
     if (!listItems.length) {
       return decorations;
     }
@@ -51414,6 +51431,7 @@
             return DecorationSet.create(state2.doc, decorations);
           },
           apply(tr, oldDecorationSet, oldState, newState) {
+            if (!tr.docChanged) return oldDecorationSet;
             const decorations = getDropcapDecorations(newState, view);
             return DecorationSet.create(newState.doc, decorations);
           }
@@ -51430,11 +51448,14 @@
   const getDropcapDecorations = (state2, view) => {
     let decorations = [];
     state2.doc.descendants((node2, pos) => {
-      if (node2.attrs.dropcap?.type === "margin") {
-        const width = getDropcapWidth(view, pos);
-        decorations.push(
-          Decoration.inline(pos, pos + node2.nodeSize, { style: `margin-left: -${width}px;` })
-        );
+      if (node2.type.name === "paragraph") {
+        if (node2.attrs.dropcap?.type === "margin") {
+          const width = getDropcapWidth(view, pos);
+          decorations.push(
+            Decoration.inline(pos, pos + node2.nodeSize, { style: `margin-left: -${width}px;` })
+          );
+        }
+        return false;
       }
     });
     return decorations;
@@ -51670,6 +51691,7 @@
             return DecorationSet.create(state2.doc, decorations);
           },
           apply(tr, oldDecorationSet, oldState, newState) {
+            if (!tr.docChanged) return oldDecorationSet;
             const decorations = getTabDecorations(newState, view);
             return DecorationSet.create(newState.doc, decorations);
           }
@@ -56005,6 +56027,7 @@
           return DecorationSet.empty;
         },
         apply(tr, oldDecorationSet, oldState, newState) {
+          if (!tr.docChanged) return oldDecorationSet;
           const decorations = getImagePositionDecorations(newState, view);
           return DecorationSet.create(newState.doc, decorations);
         }
@@ -80448,14 +80471,29 @@ ${reason}`);
         });
         addComment({ superdoc: superdoc2, comment: newComment });
       });
-      const trackedChanges = index$2.getTrackChanges(editor.state);
-      trackedChanges.forEach(({ mark }) => {
+      setTimeout(() => {
+        createCommentForTrackChanges(editor);
+      }, 0);
+    };
+    const createCommentForTrackChanges = (editor) => {
+      let trackedChanges = index$2.getTrackChanges(editor.state);
+      let isLargeDoc = editor.state.doc.nodeSize >= 1e5;
+      if (isLargeDoc && trackedChanges.length) {
+        trackedChanges = trackedChanges.slice(0, 100);
+      }
+      trackedChanges.forEach(({ mark }, index2) => {
+        console.debug(`Create comment for track change: ${index2}`);
+        const { dispatch } = editor.view;
+        const { tr } = editor.view.state;
         const foundComment = commentsList.value.find((i2) => i2.commentId === mark.attrs.id);
+        const isLastIteration = trackedChanges.length === index2 + 1;
         if (foundComment) {
+          if (isLastIteration) {
+            tr.setMeta(CommentsPluginKey, { type: "force" });
+            dispatch(tr);
+          }
           return;
         }
-        const { dispatch } = editor.view;
-        const { tr } = editor.view.state;
         const markMetaKeys = {
           trackInsert: "insertedMark",
           trackDelete: "deletionMark",
@@ -80463,7 +80501,8 @@ ${reason}`);
         };
         const markKeyName = markMetaKeys[mark.type.name];
         if (markKeyName) {
-          tr.setMeta(CommentsPluginKey, { type: "force" });
+          if (isLastIteration) tr.setMeta(CommentsPluginKey, { type: "force" });
+          tr.setMeta(CommentsPluginKey, { type: "forceTrackChanges" });
           tr.setMeta(TrackChangesBasePluginKey, { [markKeyName]: mark });
           dispatch(tr);
         }
@@ -93238,7 +93277,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.13.0-next.3";
+      this.version = "0.13.0-next.4";
       console.debug("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config.superdocId || v4();
       this.colors = this.config.colors;