@harbour-enterprises/superdoc 0.21.0 → 0.22.0-next.10

package/dist/chunks/{PdfViewer-D3zo7tPo.es.js → PdfViewer-CJdQmuIm.es.js}

@@ -1,5 +1,5 @@
 import { m as defineComponent, B as h, O as Transition, $ as process$1, I as watchEffect, d as computed, r as ref, j as onMounted, W as onUnmounted, c as createElementBlock, o as openBlock, a as createBaseVNode, f as createCommentVNode, v as createVNode, x as unref } from "./vue-CXxsqYcP.es.js";
-import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-MzW5BVNd.es.js";
+import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-B9sHxXr_.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-OZDJ7gwT.cjs → PdfViewer-DE1NR4Ve.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-DWle4Cai.cjs");
-const superdoc = require("./index-CfYf4T_z.cjs");
+const superdoc = require("./index-nfoifSpX.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{index-MzW5BVNd.es.js → index-B9sHxXr_.es.js}

@@ -1,4 +1,4 @@
-import { q as index$1, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-Bntob7Wd.es.js";
+import { q as index$1, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-_iVPQ8J8.es.js";
 import { a0 as effectScope, r as ref, _ as markRaw, $ as process$1, a1 as toRaw, d as computed, a2 as isRef, a3 as isReactive, C as toRef, i as inject, p as getCurrentInstance, l as watch, x as unref, a4 as hasInjectionContext, M as reactive, s as nextTick, a5 as getCurrentScope, a6 as onScopeDispose, a7 as toRefs, g as global$1, J as shallowRef, N as readonly, j as onMounted, k as onBeforeUnmount, h as onBeforeMount, S as onActivated, q as onDeactivated, z as createTextVNode, F as Fragment, Q as Comment, m as defineComponent, D as provide, H as withDirectives, B as h, U as Teleport, R as renderSlot, V as isVNode, I as watchEffect, O as Transition, a8 as TransitionGroup, E as mergeProps, P as vShow, G as cloneVNode, T as Text, c as createElementBlock, o as openBlock, t as toDisplayString, v as createVNode, y as withCtx, a as createBaseVNode, A as normalizeStyle, f as createCommentVNode, u as createBlock, w as withModifiers, n as normalizeClass, a9 as resolveDirective, e as renderList, b as createApp, X as resolveDynamicComponent, aa as defineAsyncComponent } from "./vue-CXxsqYcP.es.js";
 import { B as Buffer$2 } from "./jszip-B8KIZSNe.es.js";
 import { B as BlankDOCX } from "./blank-docx-iwdyG9RH.es.js";
@@ -4161,7 +4161,7 @@ const groupChanges = (changes) => {
     const c1 = changes[i];
     const c2 = changes[i + 1];
     const c1Key = markMetaKeys[c1.mark.type.name];
-    if (c1 && c2 && c1.to === c2.from) {
+    if (c1 && c2 && c1.to === c2.from && c1.mark.attrs.id === c2.mark.attrs.id) {
       const c2Key = markMetaKeys[c2.mark.type.name];
       grouped.push({
         from: c1.from,
@@ -4206,6 +4206,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   const isCommentsListVisible = ref(false);
   const editorCommentIds = ref([]);
   const editorCommentPositions = ref({});
+  const isCommentHighlighted = ref(false);
   const floatingCommentsOffset = ref(0);
   const sortedConversations = ref([]);
   const visibleConversations = ref([]);
@@ -4484,8 +4485,8 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
         tr.setMeta(CommentsPluginKey, { type: "forceTrackChanges" });
         tr.setMeta(TrackChangesBasePluginKey, trackChangesPayload);
       }
+      dispatch(tr);
     });
-    dispatch(tr);
   };
   const translateCommentsForExport = () => {
     const processedComments = [];
@@ -4555,6 +4556,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     try {
       const normalizedContent = normalizeCommentForEditor(commentTextJson);
       const schemaContent = Array.isArray(normalizedContent) ? normalizedContent[0] : normalizedContent;
+      if (!schemaContent.content.length) return null;
       const editor = new Editor({
         mode: "text",
         isHeadless: true,
@@ -4588,6 +4590,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     commentsParentElement,
     editorCommentPositions,
     hasInitializedLocations,
+    isCommentHighlighted,
     // Floating comments
     floatingCommentsOffset,
     sortedConversations,
@@ -16114,7 +16117,8 @@ const _sfc_main$c = {
       currentCommentText,
       isDebugging,
       editingCommentId,
-      editorCommentPositions
+      editorCommentPositions,
+      isCommentHighlighted
     } = storeToRefs(commentsStore);
     const { activeZoom } = storeToRefs(superdocStore);
     const isInternal = ref(true);
@@ -16176,13 +16180,14 @@ const _sfc_main$c = {
         "track-format",
         "track-format-dec"
       ];
-      if (excludedClasses.some((className) => e.target.classList.contains(className))) return;
+      if (excludedClasses.some((className) => e.target.classList.contains(className)) || isCommentHighlighted.value) return;
       if (activeComment.value === props.comment.commentId) {
         floatingCommentsOffset.value = 0;
         emit("dialog-exit");
       }
       activeComment.value = null;
       commentsStore.setActiveComment(proxy.$superdoc, activeComment.value);
+      isCommentHighlighted.value = false;
     };
     const handleAddComment = () => {
       const options = {
@@ -16395,7 +16400,7 @@ const _sfc_main$c = {
     };
   }
 };
-const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-dc5e6675"]]);
+const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-e07f3426"]]);
 const _hoisted_1$a = { class: "comments-list" };
 const _hoisted_2$5 = { key: 0 };
 const _hoisted_3$3 = { class: "comment-item" };
@@ -17392,7 +17397,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-D3zo7tPo.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-CJdQmuIm.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17418,7 +17423,8 @@ const _sfc_main = {
       getFloatingComments,
       hasSyncedCollaborationComments,
       editorCommentPositions,
-      hasInitializedLocations
+      hasInitializedLocations,
+      isCommentHighlighted
     } = storeToRefs(commentsStore);
     const { showAddComment, handleEditorLocationsUpdate, handleTrackedChangeUpdate } = commentsStore;
     const { proxy } = getCurrentInstance();
@@ -17573,6 +17579,7 @@ const _sfc_main = {
         annotations: proxy.$superdoc.config.annotations,
         isCommentsEnabled: proxy.$superdoc.config.modules?.comments,
         isAiEnabled: proxy.$superdoc.config.modules?.ai,
+        slashMenuConfig: proxy.$superdoc.config.modules?.slashMenu,
         onBeforeCreate: onEditorBeforeCreate,
         onCreate: onEditorCreate,
         onDestroy: onEditorDestroy,
@@ -17612,6 +17619,7 @@ const _sfc_main = {
       nextTick(() => {
         if (pendingComment.value) return;
         commentsStore.setActiveComment(proxy.$superdoc, activeCommentId);
+        isCommentHighlighted.value = true;
       });
       if (typeof proxy.$superdoc.config.onCommentsUpdate === "function") {
         proxy.$superdoc.config.onCommentsUpdate(params2);
@@ -17934,7 +17942,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07532c12"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f71b1bf"]]);
 const createSuperdocVueApp = () => {
   const app = createApp(App);
   const pinia = createPinia();
@@ -18036,7 +18044,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.20.2";
+    this.version = "0.21.0";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;
@@ -18051,6 +18059,9 @@ class SuperDoc extends EventEmitter {
     this.isDev = this.config.isDev || false;
     this.activeEditor = null;
     this.comments = [];
+    if (!this.config.selector) {
+      throw new Error("SuperDoc: selector is required");
+    }
     this.app.mount(this.config.selector);
     this.readyEditors = 0;
     this.isLocked = this.config.isLocked || false;
@@ -18070,6 +18081,16 @@ class SuperDoc extends EventEmitter {
       users: this.users
     };
   }
+  /**
+   * Get the SuperDoc container element
+   * @returns {HTMLElement | null}
+   */
+  get element() {
+    if (typeof this.config.selector === "string") {
+      return document.querySelector(this.config.selector);
+    }
+    return this.config.selector;
+  }
   #patchNaiveUIStyles() {
     const cspNonce = this.config.cspNonce;
     const originalCreateElement = document.createElement;
@@ -18093,10 +18114,16 @@ class SuperDoc extends EventEmitter {
     }
     if (hasDocumentConfig) {
       const normalized = normalizeDocumentEntry(this.config.document);
-      this.config.documents = [normalized];
+      this.config.documents = [
+        {
+          id: v4(),
+          ...normalized
+        }
+      ];
     } else if (hasDocumentUrl) {
       this.config.documents = [
         {
+          id: v4(),
           type: DOCX,
           url: this.config.document,
           name: "document.docx",
@@ -18104,33 +18131,34 @@ class SuperDoc extends EventEmitter {
         }
       ];
     } else if (hasDocumentFile) {
+      const normalized = normalizeDocumentEntry(this.config.document);
       this.config.documents = [
         {
-          type: this.config.document.type,
-          data: this.config.document,
-          name: this.config.document.name,
-          isNewFile: true
+          id: v4(),
+          ...normalized
         }
       ];
     } else if (hasDocumentBlob) {
-      const docType = this.config.document.type || DOCX;
-      let extension = ".docx";
-      if (docType === PDF) {
-        extension = ".pdf";
-      } else if (docType === HTML) {
-        extension = ".html";
-      }
+      const normalized = normalizeDocumentEntry(this.config.document);
       this.config.documents = [
         {
-          type: docType,
-          data: this.config.document,
-          name: `document${extension}`,
-          isNewFile: true
+          id: v4(),
+          ...normalized
         }
       ];
     }
     if (Array.isArray(this.config.documents) && this.config.documents.length > 0) {
-      this.config.documents = this.config.documents.map((d) => normalizeDocumentEntry(d));
+      this.config.documents = this.config.documents.map((d) => {
+        const normalized = normalizeDocumentEntry(d);
+        if (!normalized || typeof normalized !== "object") {
+          return normalized;
+        }
+        const existingId = typeof normalized === "object" && "id" in normalized && normalized.id || d && typeof d === "object" && "id" in d && d.id;
+        return {
+          ...normalized,
+          id: existingId || v4()
+        };
+      });
     }
   }
   #initVueApp() {

package/dist/chunks/{index-CfYf4T_z.cjs → index-nfoifSpX.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-U-GVCd_F.cjs");
+const superEditor_es = require("./super-editor.es-DAP-fnHo.cjs");
 const vue = require("./vue-DWle4Cai.cjs");
 const jszip = require("./jszip-b7l8QkfH.cjs");
 const blankDocx = require("./blank-docx-CPqX9RF5.cjs");
@@ -4178,7 +4178,7 @@ const groupChanges = (changes) => {
     const c1 = changes[i];
     const c2 = changes[i + 1];
     const c1Key = markMetaKeys[c1.mark.type.name];
-    if (c1 && c2 && c1.to === c2.from) {
+    if (c1 && c2 && c1.to === c2.from && c1.mark.attrs.id === c2.mark.attrs.id) {
       const c2Key = markMetaKeys[c2.mark.type.name];
       grouped.push({
         from: c1.from,
@@ -4223,6 +4223,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   const isCommentsListVisible = vue.ref(false);
   const editorCommentIds = vue.ref([]);
   const editorCommentPositions = vue.ref({});
+  const isCommentHighlighted = vue.ref(false);
   const floatingCommentsOffset = vue.ref(0);
   const sortedConversations = vue.ref([]);
   const visibleConversations = vue.ref([]);
@@ -4501,8 +4502,8 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
         tr.setMeta(superEditor_es.CommentsPluginKey, { type: "forceTrackChanges" });
         tr.setMeta(superEditor_es.TrackChangesBasePluginKey, trackChangesPayload);
       }
+      dispatch(tr);
     });
-    dispatch(tr);
   };
   const translateCommentsForExport = () => {
     const processedComments = [];
@@ -4572,6 +4573,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     try {
       const normalizedContent = normalizeCommentForEditor(commentTextJson);
       const schemaContent = Array.isArray(normalizedContent) ? normalizedContent[0] : normalizedContent;
+      if (!schemaContent.content.length) return null;
       const editor = new superEditor_es.Editor({
         mode: "text",
         isHeadless: true,
@@ -4605,6 +4607,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     commentsParentElement,
     editorCommentPositions,
     hasInitializedLocations,
+    isCommentHighlighted,
     // Floating comments
     floatingCommentsOffset,
     sortedConversations,
@@ -16131,7 +16134,8 @@ const _sfc_main$c = {
       currentCommentText,
       isDebugging,
       editingCommentId,
-      editorCommentPositions
+      editorCommentPositions,
+      isCommentHighlighted
     } = storeToRefs(commentsStore);
     const { activeZoom } = storeToRefs(superdocStore);
     const isInternal = vue.ref(true);
@@ -16193,13 +16197,14 @@ const _sfc_main$c = {
         "track-format",
         "track-format-dec"
       ];
-      if (excludedClasses.some((className) => e.target.classList.contains(className))) return;
+      if (excludedClasses.some((className) => e.target.classList.contains(className)) || isCommentHighlighted.value) return;
       if (activeComment.value === props.comment.commentId) {
         floatingCommentsOffset.value = 0;
         emit("dialog-exit");
       }
       activeComment.value = null;
       commentsStore.setActiveComment(proxy.$superdoc, activeComment.value);
+      isCommentHighlighted.value = false;
     };
     const handleAddComment = () => {
       const options = {
@@ -16412,7 +16417,7 @@ const _sfc_main$c = {
     };
   }
 };
-const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-dc5e6675"]]);
+const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-e07f3426"]]);
 const _hoisted_1$a = { class: "comments-list" };
 const _hoisted_2$5 = { key: 0 };
 const _hoisted_3$3 = { class: "comment-item" };
@@ -17409,7 +17414,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-OZDJ7gwT.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DE1NR4Ve.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17435,7 +17440,8 @@ const _sfc_main = {
       getFloatingComments,
       hasSyncedCollaborationComments,
       editorCommentPositions,
-      hasInitializedLocations
+      hasInitializedLocations,
+      isCommentHighlighted
     } = storeToRefs(commentsStore);
     const { showAddComment, handleEditorLocationsUpdate, handleTrackedChangeUpdate } = commentsStore;
     const { proxy } = vue.getCurrentInstance();
@@ -17590,6 +17596,7 @@ const _sfc_main = {
         annotations: proxy.$superdoc.config.annotations,
         isCommentsEnabled: proxy.$superdoc.config.modules?.comments,
         isAiEnabled: proxy.$superdoc.config.modules?.ai,
+        slashMenuConfig: proxy.$superdoc.config.modules?.slashMenu,
         onBeforeCreate: onEditorBeforeCreate,
         onCreate: onEditorCreate,
         onDestroy: onEditorDestroy,
@@ -17629,6 +17636,7 @@ const _sfc_main = {
       vue.nextTick(() => {
         if (pendingComment.value) return;
         commentsStore.setActiveComment(proxy.$superdoc, activeCommentId);
+        isCommentHighlighted.value = true;
       });
       if (typeof proxy.$superdoc.config.onCommentsUpdate === "function") {
         proxy.$superdoc.config.onCommentsUpdate(params2);
@@ -17951,7 +17959,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07532c12"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f71b1bf"]]);
 const createSuperdocVueApp = () => {
   const app = vue.createApp(App);
   const pinia = createPinia();
@@ -18053,7 +18061,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.20.2";
+    this.version = "0.21.0";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;
@@ -18068,6 +18076,9 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.isDev = this.config.isDev || false;
     this.activeEditor = null;
     this.comments = [];
+    if (!this.config.selector) {
+      throw new Error("SuperDoc: selector is required");
+    }
     this.app.mount(this.config.selector);
     this.readyEditors = 0;
     this.isLocked = this.config.isLocked || false;
@@ -18087,6 +18098,16 @@ class SuperDoc extends eventemitter3.EventEmitter {
       users: this.users
     };
   }
+  /**
+   * Get the SuperDoc container element
+   * @returns {HTMLElement | null}
+   */
+  get element() {
+    if (typeof this.config.selector === "string") {
+      return document.querySelector(this.config.selector);
+    }
+    return this.config.selector;
+  }
   #patchNaiveUIStyles() {
     const cspNonce = this.config.cspNonce;
     const originalCreateElement = document.createElement;
@@ -18110,10 +18131,16 @@ class SuperDoc extends eventemitter3.EventEmitter {
     }
     if (hasDocumentConfig) {
       const normalized = normalizeDocumentEntry(this.config.document);
-      this.config.documents = [normalized];
+      this.config.documents = [
+        {
+          id: uuid.v4(),
+          ...normalized
+        }
+      ];
     } else if (hasDocumentUrl) {
       this.config.documents = [
         {
+          id: uuid.v4(),
           type: DOCX,
           url: this.config.document,
           name: "document.docx",
@@ -18121,33 +18148,34 @@ class SuperDoc extends eventemitter3.EventEmitter {
         }
       ];
     } else if (hasDocumentFile) {
+      const normalized = normalizeDocumentEntry(this.config.document);
       this.config.documents = [
         {
-          type: this.config.document.type,
-          data: this.config.document,
-          name: this.config.document.name,
-          isNewFile: true
+          id: uuid.v4(),
+          ...normalized
         }
       ];
     } else if (hasDocumentBlob) {
-      const docType = this.config.document.type || DOCX;
-      let extension = ".docx";
-      if (docType === PDF) {
-        extension = ".pdf";
-      } else if (docType === HTML) {
-        extension = ".html";
-      }
+      const normalized = normalizeDocumentEntry(this.config.document);
       this.config.documents = [
         {
-          type: docType,
-          data: this.config.document,
-          name: `document${extension}`,
-          isNewFile: true
+          id: uuid.v4(),
+          ...normalized
         }
       ];
     }
     if (Array.isArray(this.config.documents) && this.config.documents.length > 0) {
-      this.config.documents = this.config.documents.map((d) => normalizeDocumentEntry(d));
+      this.config.documents = this.config.documents.map((d) => {
+        const normalized = normalizeDocumentEntry(d);
+        if (!normalized || typeof normalized !== "object") {
+          return normalized;
+        }
+        const existingId = typeof normalized === "object" && "id" in normalized && normalized.id || d && typeof d === "object" && "id" in d && d.id;
+        return {
+          ...normalized,
+          id: existingId || uuid.v4()
+        };
+      });
     }
   }
   #initVueApp() {