@harbour-enterprises/superdoc 0.23.0-next.1 → 0.23.0-next.10

package/dist/superdoc.umd.js

@@ -20,7 +20,7 @@
   }
   const Y__namespace = /* @__PURE__ */ _interopNamespaceDefault(Y);
   /**
-  * @vue/shared v3.5.21
+  * @vue/shared v3.5.22
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -915,7 +915,7 @@
       iter._next = iter.next;
       iter.next = () => {
         const result = iter._next();
-        if (result.value) {
+        if (!result.done) {
           result.value = wrapValue(result.value);
         }
         return result;
@@ -1041,7 +1041,8 @@
         return res;
       }
       if (isRef(res)) {
-        return targetIsArray && isIntegerKey(key2) ? res : res.value;
+        const value = targetIsArray && isIntegerKey(key2) ? res : res.value;
+        return isReadonly2 && isObject$3(value) ? readonly(value) : value;
       }
       if (isObject$3(res)) {
         return isReadonly2 ? readonly(res) : reactive(res);
@@ -2214,9 +2215,6 @@
         insert(mainAnchor, container, anchor);
         const mount2 = (container2, anchor2) => {
           if (shapeFlag & 16) {
-            if (parentComponent && parentComponent.isCE) {
-              parentComponent.ce._teleportTarget = container2;
-            }
             mountChildren(
               children,
               container2,
@@ -2238,6 +2236,9 @@
             } else if (namespace2 !== "mathml" && isTargetMathML(target)) {
               namespace2 = "mathml";
             }
+            if (parentComponent && parentComponent.isCE) {
+              (parentComponent.ce._teleportTargets || (parentComponent.ce._teleportTargets = /* @__PURE__ */ new Set())).add(target);
+            }
             if (!disabled) {
               mount2(target, targetAnchor);
               updateCssVars(n2, false);
@@ -3326,11 +3327,12 @@
   }
   function renderSlot(slots, name, props = {}, fallback, noSlotted) {
     if (currentRenderingInstance.ce || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.ce) {
+      const hasProps = Object.keys(props).length > 0;
       return openBlock(), createBlock(
         Fragment$1,
         null,
         [createVNode("slot", props, fallback)],
-        64
+        hasProps ? -2 : 64
       );
     }
     let slot = slots[name];
@@ -6720,34 +6722,31 @@
     return c2;
   };
   function h$1(type2, propsOrChildren, children) {
-    const doCreateVNode = (type22, props, children2) => {
+    try {
       setBlockTracking(-1);
-      try {
-        return createVNode(type22, props, children2);
-      } finally {
-        setBlockTracking(1);
-      }
-    };
-    const l = arguments.length;
-    if (l === 2) {
-      if (isObject$3(propsOrChildren) && !isArray$3(propsOrChildren)) {
-        if (isVNode(propsOrChildren)) {
-          return doCreateVNode(type2, null, [propsOrChildren]);
+      const l = arguments.length;
+      if (l === 2) {
+        if (isObject$3(propsOrChildren) && !isArray$3(propsOrChildren)) {
+          if (isVNode(propsOrChildren)) {
+            return createVNode(type2, null, [propsOrChildren]);
+          }
+          return createVNode(type2, propsOrChildren);
+        } else {
+          return createVNode(type2, null, propsOrChildren);
         }
-        return doCreateVNode(type2, propsOrChildren);
       } else {
-        return doCreateVNode(type2, null, propsOrChildren);
-      }
-    } else {
-      if (l > 3) {
-        children = Array.prototype.slice.call(arguments, 2);
-      } else if (l === 3 && isVNode(children)) {
-        children = [children];
+        if (l > 3) {
+          children = Array.prototype.slice.call(arguments, 2);
+        } else if (l === 3 && isVNode(children)) {
+          children = [children];
+        }
+        return createVNode(type2, propsOrChildren, children);
       }
-      return doCreateVNode(type2, propsOrChildren, children);
+    } finally {
+      setBlockTracking(1);
     }
   }
-  const version$1 = "3.5.21";
+  const version$1 = "3.5.22";
   let policy = void 0;
   const tt = typeof window !== "undefined" && window.trustedTypes;
   if (tt) {
@@ -6953,11 +6952,11 @@
         const resolve2 = () => finishLeave(el, done);
         addTransitionClass(el, leaveFromClass);
         if (!el._enterCancelled) {
-          forceReflow();
+          forceReflow(el);
           addTransitionClass(el, leaveActiveClass);
         } else {
           addTransitionClass(el, leaveActiveClass);
-          forceReflow();
+          forceReflow(el);
         }
         nextFrame(() => {
           if (!el._isLeaving) {
@@ -7100,8 +7099,9 @@
     if (s === "auto") return 0;
     return Number(s.slice(0, -1).replace(",", ".")) * 1e3;
   }
-  function forceReflow() {
-    return document.body.offsetHeight;
+  function forceReflow(el) {
+    const targetDocument = el ? el.ownerDocument : document;
+    return targetDocument.body.offsetHeight;
   }
   function patchClass(el, value, isSVG2) {
     const transitionClasses = el[vtcKey];
@@ -7487,7 +7487,7 @@
         prevChildren.forEach(callPendingCbs);
         prevChildren.forEach(recordPosition);
         const movedChildren = prevChildren.filter(applyTranslation);
-        forceReflow();
+        forceReflow(instance.vnode.el);
         movedChildren.forEach((c2) => {
           const el = c2.el;
           const style2 = el.style;
@@ -12836,6 +12836,19 @@
     };
     return safeRegexTest;
   }
+  var generatorFunction;
+  var hasRequiredGeneratorFunction;
+  function requireGeneratorFunction() {
+    if (hasRequiredGeneratorFunction) return generatorFunction;
+    hasRequiredGeneratorFunction = 1;
+    const cached = (
+      /** @type {GeneratorFunctionConstructor} */
+      function* () {
+      }.constructor
+    );
+    generatorFunction = () => cached;
+    return generatorFunction;
+  }
   var isGeneratorFunction;
   var hasRequiredIsGeneratorFunction;
   function requireIsGeneratorFunction() {
@@ -12848,16 +12861,7 @@
     var getProto2 = requireGetProto();
     var toStr = callBound2("Object.prototype.toString");
     var fnToStr = callBound2("Function.prototype.toString");
-    var getGeneratorFunc = function() {
-      if (!hasToStringTag) {
-        return false;
-      }
-      try {
-        return Function("return function*() {}")();
-      } catch (e) {
-      }
-    };
-    var GeneratorFunction;
+    var getGeneratorFunction = /* @__PURE__ */ requireGeneratorFunction();
     isGeneratorFunction = function isGeneratorFunction2(fn) {
       if (typeof fn !== "function") {
         return false;
@@ -12872,14 +12876,8 @@
       if (!getProto2) {
         return false;
       }
-      if (typeof GeneratorFunction === "undefined") {
-        var generatorFunc = getGeneratorFunc();
-        GeneratorFunction = generatorFunc ? (
-          /** @type {GeneratorFunctionConstructor} */
-          getProto2(generatorFunc)
-        ) : false;
-      }
-      return getProto2(fn) === GeneratorFunction;
+      var GeneratorFunction = getGeneratorFunction();
+      return GeneratorFunction && getProto2(fn) === GeneratorFunction.prototype;
     };
     return isGeneratorFunction;
   }
@@ -39620,7 +39618,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     if (elements) {
       if (name === "w:instrText") {
-        tags.push(elements[0].text);
+        const textContent2 = (elements || []).map((child) => typeof child?.text === "string" ? child.text : "").join("");
+        tags.push(__privateMethod$2(this, _DocxExporter_instances, replaceSpecialCharacters_fn).call(this, textContent2));
       } else if (name === "w:t" || name === "w:delText" || name === "wp:posOffset") {
         try {
           let text = String(elements[0].text);
@@ -49789,8 +49788,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     let $to = parse.doc.resolveNoCache(change.endB - parse.from);
     let $fromA = doc2.resolve(change.start);
     let inlineChange = $from.sameParent($to) && $from.parent.inlineContent && $fromA.end() >= change.endA;
-    let nextSel;
-    if ((ios && view.input.lastIOSEnter > Date.now() - 225 && (!inlineChange || addedNodes.some((n) => n.nodeName == "DIV" || n.nodeName == "P")) || !inlineChange && $from.pos < parse.doc.content.size && (!$from.sameParent($to) || !$from.parent.inlineContent) && !/\S/.test(parse.doc.textBetween($from.pos, $to.pos, "", "")) && (nextSel = Selection.findFrom(parse.doc.resolve($from.pos + 1), 1, true)) && nextSel.head > $from.pos) && view.someProp("handleKeyDown", (f) => f(view, keyEvent(13, "Enter")))) {
+    if ((ios && view.input.lastIOSEnter > Date.now() - 225 && (!inlineChange || addedNodes.some((n) => n.nodeName == "DIV" || n.nodeName == "P")) || !inlineChange && $from.pos < parse.doc.content.size && (!$from.sameParent($to) || !$from.parent.inlineContent) && $from.pos < $to.pos && !/\S/.test(parse.doc.textBetween($from.pos, $to.pos, "", ""))) && view.someProp("handleKeyDown", (f) => f(view, keyEvent(13, "Enter")))) {
       view.input.lastIOSEnter = 0;
       return;
     }
@@ -61934,6 +61932,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     });
     return result;
   }
+  function getStructuredContentTagsByAlias(aliasOrAliases, state2) {
+    const result = findChildren$5(state2.doc, (node) => {
+      const isStructuredContent = ["structuredContent", "structuredContentBlock"].includes(node.type.name);
+      if (Array.isArray(aliasOrAliases)) {
+        return isStructuredContent && aliasOrAliases.includes(node.attrs.alias);
+      } else {
+        return isStructuredContent && node.attrs.alias === aliasOrAliases;
+      }
+    });
+    return result;
+  }
   function getStructuredContentTags(state2) {
     const result = findChildren$5(state2.doc, (node) => {
       return node.type.name === "structuredContent" || node.type.name === "structuredContentBlock";
@@ -61953,6 +61962,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     getStructuredContentBlockTags,
     getStructuredContentInlineTags,
     getStructuredContentTags,
+    getStructuredContentTagsByAlias,
     getStructuredContentTagsById
   }, Symbol.toStringTag, { value: "Module" }));
   const STRUCTURED_CONTENT_NAMES = ["structuredContent", "structuredContentBlock"];
@@ -62041,10 +62051,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           return true;
         },
         /**
-         * Updates a structured content attributes or content.
+         * Updates a single structured content field by its unique ID.
+         * IDs are unique identifiers, so this will update at most one field.
          * If the updated node does not match the schema, it will not be updated.
          * @category Command
-         * @param {string} id
+         * @param {string} id - Unique identifier of the field
          * @param {StructuredContentUpdate} options
          */
         updateStructuredContentById: (id, options = {}) => ({ editor, dispatch, state: state2, tr }) => {
@@ -62084,6 +62095,58 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           }
           return true;
         },
+        /**
+         * Updates all structured content fields with the same alias.
+         * Unlike IDs (which are unique), aliases can be shared across multiple fields.
+         * This will update every field that matches the given alias.
+         * If any updated node does not match the schema, no updates will be applied.
+         * @category Command
+         * @param {string | string[]} alias - Shared identifier for fields (e.g., "customer_name")
+         * @param {StructuredContentUpdate} options
+         */
+        updateStructuredContentByAlias: (alias, options = {}) => ({ editor, dispatch, state: state2, tr }) => {
+          const structuredContentTags = getStructuredContentTagsByAlias(alias, state2);
+          if (!structuredContentTags.length) {
+            return true;
+          }
+          const { schema } = editor;
+          const createContent = (node) => {
+            if (options.text) {
+              return schema.text(options.text);
+            }
+            if (options.html) {
+              const html = htmlHandler(options.html, editor);
+              const doc2 = DOMParser$1.fromSchema(schema).parse(html);
+              return doc2.content;
+            }
+            if (options.json) {
+              return schema.nodeFromJSON(options.json);
+            }
+            return node.content;
+          };
+          for (const { node } of structuredContentTags) {
+            const content = createContent(node);
+            const updatedNode = node.type.create({ ...node.attrs, ...options.attrs }, content, node.marks);
+            try {
+              updatedNode.check();
+            } catch {
+              console.error("Updated node does not conform to the schema");
+              return false;
+            }
+          }
+          if (dispatch) {
+            structuredContentTags.forEach(({ pos, node }) => {
+              const mappedPos = tr.mapping.map(pos);
+              const currentNode = tr.doc.nodeAt(mappedPos);
+              if (currentNode && node.eq(currentNode)) {
+                const content = createContent(node);
+                const updatedNode = node.type.create({ ...node.attrs, ...options.attrs }, content, node.marks);
+                tr.replaceWith(mappedPos, mappedPos + node.nodeSize, updatedNode);
+              }
+            });
+          }
+          return true;
+        },
         /**
          * Removes a structured content.
          * @category Command
@@ -70225,6 +70288,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return formatAttrs;
   }
+  const DEFAULT_MIME_TYPE = "application/octet-stream";
   const simpleHash = (str) => {
     let hash2 = 0;
     for (let i2 = 0; i2 < str.length; i2++) {
@@ -70234,21 +70298,40 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return Math.abs(hash2).toString();
   };
-  const base64ToFile = (base64String) => {
-    const arr = base64String.split(",");
-    const mimeMatch = arr[0].match(/:(.*?);/);
-    const mimeType = mimeMatch ? mimeMatch[1] : "";
-    const data = arr[1];
-    const binaryString = atob(data);
+  const decodeBase64ToBinaryString = (data) => {
+    if (!data) return "";
+    if (typeof atob === "function") {
+      return atob(data);
+    }
+    if (typeof Buffer2 !== "undefined" && typeof Buffer2.from === "function") {
+      return Buffer2.from(data, "base64").toString("binary");
+    }
+    throw new Error("Unable to decode base64 payload in the current environment.");
+  };
+  const extractBase64Meta = (base64String) => {
+    const [meta = "", payload = ""] = base64String.split(",");
+    const mimeMatch = meta.match(/:(.*?);/);
+    const rawMimeType = mimeMatch ? mimeMatch[1] : "";
+    const mimeType = rawMimeType || DEFAULT_MIME_TYPE;
+    const binaryString = decodeBase64ToBinaryString(payload);
     const hash2 = simpleHash(binaryString);
     const extension = mimeType.split("/")[1] || "bin";
     const filename = `image-${hash2}.${extension}`;
+    return { mimeType, binaryString, filename };
+  };
+  const getBase64FileMeta = (base64String) => {
+    const { mimeType, filename } = extractBase64Meta(base64String);
+    return { mimeType, filename };
+  };
+  const base64ToFile = (base64String) => {
+    const { mimeType, binaryString, filename } = extractBase64Meta(base64String);
+    const fileType = mimeType || DEFAULT_MIME_TYPE;
     const bytes = new Uint8Array(binaryString.length);
     for (let i2 = 0; i2 < binaryString.length; i2++) {
       bytes[i2] = binaryString.charCodeAt(i2);
     }
-    const blob = new Blob([bytes], { type: mimeType });
-    return new File([blob], filename, { type: mimeType });
+    const blob = new Blob([bytes], { type: fileType });
+    return new File([blob], filename, { type: fileType });
   };
   const urlToFile = async (url, filename, mimeType) => {
     try {
@@ -70624,6 +70707,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
   }
   const key = new PluginKey("ImageRegistration");
+  const WORD_MEDIA_PREFIX = "word/";
   const ImageRegistrationPlugin = ({ editor }) => {
     const { view } = editor;
     return new Plugin({
@@ -70644,16 +70728,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       },
       appendTransaction: (trs, _oldState, state2) => {
         let foundImages = [];
-        trs.forEach((tr2) => {
-          if (tr2.docChanged) {
-            tr2.steps.forEach((step, index2) => {
+        trs.forEach((tr) => {
+          if (tr.docChanged) {
+            tr.steps.forEach((step, index2) => {
               const stepMap = step.getMap();
               foundImages = foundImages.map(({ node, pos, id }) => {
                 const mappedPos = stepMap.map(pos, -1);
                 return { node, pos: mappedPos, id };
               });
               if (step instanceof ReplaceStep || step instanceof ReplaceAroundStep$1) {
-                (tr2.docs[index2 + 1] || tr2.doc).nodesBetween(
+                (tr.docs[index2 + 1] || tr.doc).nodesBetween(
                   stepMap.map(step.from, -1),
                   stepMap.map(step.to, 1),
                   (node, pos) => {
@@ -70672,22 +70756,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         if (!foundImages || foundImages.length === 0) {
           return null;
         }
-        registerImages(foundImages, editor, view);
-        const tr = state2.tr;
-        let { set } = key.getState(state2);
-        foundImages.slice().sort((a, b2) => a.pos - b2.pos).forEach(({ pos, id }) => {
-          let deco = Decoration.widget(pos, () => document.createElement("placeholder"), {
-            side: -1,
-            id
-          });
-          set = set.add(tr.doc, [deco]);
-        });
-        foundImages.slice().sort((a, b2) => b2.pos - a.pos).forEach(({ node, pos }) => {
-          tr.delete(pos, pos + node.nodeSize);
-        });
-        set = set.map(tr.mapping, tr.doc);
-        tr.setMeta(key, { set });
-        return tr;
+        if (editor.options.isHeadless) {
+          return handleNodePath(foundImages, editor, state2);
+        }
+        return handleBrowserPath(foundImages, editor, view, state2);
       },
       props: {
         decorations(state2) {
@@ -70697,6 +70769,59 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       }
     });
   };
+  const derivePreferredFileName = (src) => {
+    if (typeof src !== "string" || src.length === 0) {
+      return "image.bin";
+    }
+    if (src.startsWith("data:")) {
+      return getBase64FileMeta(src).filename;
+    }
+    const lastSegment = src.split("/").pop() ?? "";
+    const trimmed = lastSegment.split(/[?#]/)[0];
+    return trimmed || "image.bin";
+  };
+  const handleNodePath = (foundImages, editor, state2) => {
+    const { tr } = state2;
+    const mediaStore = editor.storage.image.media ?? {};
+    if (!editor.storage.image.media) {
+      editor.storage.image.media = mediaStore;
+    }
+    const existingFileNames = new Set(Object.keys(mediaStore).map((key2) => key2.split("/").pop()));
+    foundImages.forEach(({ node, pos }) => {
+      const { src } = node.attrs;
+      const preferredFileName = derivePreferredFileName(src);
+      const uniqueFileName = ensureUniqueFileName(preferredFileName, existingFileNames);
+      existingFileNames.add(uniqueFileName);
+      const mediaPath = buildMediaPath(uniqueFileName);
+      mediaStore[mediaPath] = src;
+      const path = mediaPath.startsWith(WORD_MEDIA_PREFIX) ? mediaPath.slice(WORD_MEDIA_PREFIX.length) : mediaPath;
+      const rId = addImageRelationship({ editor, path });
+      tr.setNodeMarkup(pos, void 0, {
+        ...node.attrs,
+        src: mediaPath,
+        rId
+      });
+    });
+    return tr;
+  };
+  const handleBrowserPath = (foundImages, editor, view, state2) => {
+    registerImages(foundImages, editor, view);
+    const tr = state2.tr;
+    let { set } = key.getState(state2);
+    foundImages.slice().sort((a, b2) => a.pos - b2.pos).forEach(({ pos, id }) => {
+      let deco = Decoration.widget(pos, () => document.createElement("placeholder"), {
+        side: -1,
+        id
+      });
+      set = set.add(tr.doc, [deco]);
+    });
+    foundImages.slice().sort((a, b2) => b2.pos - a.pos).forEach(({ node, pos }) => {
+      tr.delete(pos, pos + node.nodeSize);
+    });
+    set = set.map(tr.mapping, tr.doc);
+    tr.setMeta(key, { set });
+    return tr;
+  };
   const findPlaceholder = (state2, id) => {
     let { set } = key.getState(state2);
     let found2 = set?.find(null, null, (spec) => spec.id === id);
@@ -77814,6 +77939,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return actualBreak;
   }
   const onImageLoad = (editor) => {
+    if (typeof requestAnimationFrame !== "function") return;
     requestAnimationFrame(() => {
       const newTr = editor.view.state.tr;
       newTr.setMeta("forceUpdatePagination", true);
@@ -79025,7 +79151,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       };
       const handleInputSubmit = () => {
         const value = inlineTextInput.value;
-        const cleanValue = value.replace(/[^0-9]/g, "");
+        const cleanValue = value.match(/^\d+(\.5)?$/) ? value : Math.floor(parseFloat(value)).toString();
         emit2("textSubmit", cleanValue);
         inlineTextInput.value = cleanValue;
       };
@@ -79107,7 +79233,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       };
     }
   };
-  const ToolbarButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$4$2, [["__scopeId", "data-v-303b3245"]]);
+  const ToolbarButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$4$2, [["__scopeId", "data-v-cea02a58"]]);
   const _hoisted_1$2$2 = {
     class: "toolbar-separator",
     role: "separator",
@@ -97456,6 +97582,9 @@ ${reason}`);
       documentUsers.value = configUsers || [];
       Object.assign(user, configUser);
       Object.assign(modules, configModules);
+      if (!Object.prototype.hasOwnProperty.call(modules, "comments")) {
+        modules.comments = {};
+      }
       if (!configDocs?.length && !config2.modules.collaboration) {
         const newDoc = await getFileObject(BlankDOCX, "blank.docx", DOCX);
         const newDocConfig = {
@@ -111046,6 +111175,11 @@ ${style2}
       const { proxy } = getCurrentInstance();
       commentsStore.proxy = proxy;
       const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
+      const commentsModuleConfig = computed(() => {
+        const config2 = modules.comments;
+        if (config2 === false || config2 == null) return null;
+        return config2;
+      });
       const layers = ref$1(null);
       const commentsLayer = ref$1(null);
       const toolsMenuPosition = reactive({ top: null, right: "-25px", zIndex: 101 });
@@ -111193,7 +111327,7 @@ ${style2}
           rulers: doc2.rulers,
           isInternal: proxy.$superdoc.config.isInternal,
           annotations: proxy.$superdoc.config.annotations,
-          isCommentsEnabled: proxy.$superdoc.config.modules?.comments,
+          isCommentsEnabled: Boolean(commentsModuleConfig.value),
           isAiEnabled: proxy.$superdoc.config.modules?.ai,
           slashMenuConfig: proxy.$superdoc.config.modules?.slashMenu,
           onBeforeCreate: onEditorBeforeCreate,
@@ -111224,7 +111358,8 @@ ${style2}
         return options;
       };
       const onEditorCommentLocationsUpdate = ({ allCommentIds: activeThreadId, allCommentPositions }) => {
-        if (!proxy.$superdoc.config.modules?.comments) return;
+        const commentsConfig = proxy.$superdoc.config.modules?.comments;
+        if (!commentsConfig || commentsConfig === false) return;
         handleEditorLocationsUpdate(allCommentPositions, activeThreadId);
       };
       const onEditorCommentsUpdate = (params2 = {}) => {
@@ -111246,7 +111381,7 @@ ${style2}
           proxy.$superdoc.config.onTransaction({ editor, transaction, duration: duration2 });
         }
       };
-      const isCommentsEnabled = computed(() => "comments" in modules);
+      const isCommentsEnabled = computed(() => Boolean(commentsModuleConfig.value));
       const showCommentsSidebar = computed(() => {
         return pendingComment.value || getFloatingComments.value?.length > 0 && isReady.value && layers.value && isCommentsEnabled.value && !isCommentsListVisible.value;
       });
@@ -111256,13 +111391,14 @@ ${style2}
       });
       computed(() => {
         if (!isCommentsEnabled.value) return false;
-        !getConfig?.readOnly && selectionPosition.value;
+        return !getConfig.value?.readOnly && selectionPosition.value;
       });
       watch(showCommentsSidebar, (value) => {
         proxy.$superdoc.broadcastSidebarToggle(value);
       });
       const scrollToComment = (commentId) => {
-        if (!proxy.$superdoc.config?.modules?.comments) return;
+        const commentsConfig = proxy.$superdoc.config?.modules?.comments;
+        if (!commentsConfig || commentsConfig === false) return;
         const element = document.querySelector(`[data-thread-id=${commentId}]`);
         if (element) {
           element.scrollIntoView({ behavior: "smooth", block: "start" });
@@ -111270,7 +111406,8 @@ ${style2}
         }
       };
       onMounted(() => {
-        if (isCommentsEnabled.value && !modules.comments.readOnly) {
+        const config2 = commentsModuleConfig.value;
+        if (config2 && !config2.readOnly) {
           document.addEventListener("mousedown", handleDocumentMouseDown);
         }
       });
@@ -111392,6 +111529,7 @@ ${style2}
       };
       const shouldShowSelection = computed(() => {
         const config2 = proxy.$superdoc.config.modules?.comments;
+        if (!config2 || config2 === false) return false;
         return !config2.readOnly;
       });
       const handleSuperEditorPageMarginsChange = (doc2, params2) => {
@@ -111558,7 +111696,7 @@ ${style2}
       };
     }
   };
-  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3f71b1bf"]]);
+  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-45f44b6e"]]);
   const createSuperdocVueApp = () => {
     const app = createApp(App);
     const pinia = createPinia();
@@ -111657,6 +111795,10 @@ ${style2}
         ...this.config,
         ...config2
       };
+      this.config.modules = this.config.modules || {};
+      if (!Object.prototype.hasOwnProperty.call(this.config.modules, "comments")) {
+        this.config.modules.comments = {};
+      }
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
@@ -111791,7 +111933,8 @@ ${style2}
         this.superdocStore.setExceptionHandler((payload) => this.emit("exception", payload));
       }
       this.superdocStore.init(this.config);
-      this.commentsStore.init(this.config.modules.comments);
+      const commentsModuleConfig = this.config.modules.comments;
+      this.commentsStore.init(commentsModuleConfig && commentsModuleConfig !== false ? commentsModuleConfig : {});
     }
     #initListeners() {
       this.on("editorBeforeCreate", this.config.onEditorBeforeCreate);
@@ -112141,15 +112284,8 @@ ${style2}
     }
     /**
      * Export the superdoc to a file
-     * @param {Object} params
-     * @param {string[]} [params.exportType]
-     * @param {string} [params.commentsType]
-     * @param {string} [params.exportedName]
-     * @param {Array} [params.additionalFiles]
-     * @param {Array} [params.additionalFileNames]
-     * @param {boolean} [params.isFinalDoc]
-     * @param {boolean} [params.triggerDownload] Whether to trigger the download of the exported file
-     * @returns {Promise<void | Blob>} Returns void if triggerDownload is false, otherwise returns the exported file
+     * @param {ExportParams} params - Export configuration
+     * @returns {Promise<void | Blob>}
      */
     async export({
       exportType = ["docx"],