@harbour-enterprises/superdoc 0.20.0-next.13 → 0.20.0-next.15

package/README.md

@@ -4,7 +4,7 @@
 
 [![Documentation](https://img.shields.io/badge/docs-available-1355ff.svg)](https://docs.superdoc.dev/)
 [![License: AGPL v3](https://img.shields.io/badge/License-AGPL%20v3-1355ff.svg)](https://www.gnu.org/licenses/agpl-3.0)
-[![npm version](https://img.shields.io/npm/v/@harbour-enterprises/superdoc.svg?color=1355ff)](https://www.npmjs.com/package/@harbour-enterprises/superdoc)
+[![npm version](https://img.shields.io/npm/v/superdoc.svg?color=1355ff)](https://www.npmjs.com/package/superdoc)
 [![Discord](https://img.shields.io/badge/discord-join-1355ff)](https://discord.gg/FBeRDqWy)
 
 SuperDoc is a powerful document editor that brings Microsoft Word-level capabilities to your web applications. With real-time collaboration, extensive formatting options, and seamless integration capabilities, SuperDoc makes document editing on the web better for everyone.
@@ -23,14 +23,14 @@ SuperDoc is a powerful document editor that brings Microsoft Word-level capabili
 ### Installation
 
 ```bash
-npm install @harbour-enterprises/superdoc
+npm install superdoc
 ```
 
 ### Basic Usage
 
 ```javascript
-import '@harbour-enterprises/superdoc/style.css';
-import { SuperDoc } from '@harbour-enterprises/superdoc';
+import 'superdoc/style.css';
+import { SuperDoc } from 'superdoc';
 
 const superdoc = new SuperDoc({
   selector: '#superdoc',

package/dist/chunks/{PdfViewer-Beoed5G0.es.js → PdfViewer-D3gJ5ozH.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-OC4NDn1G.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-DiSIyVKk.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-Dh2tr2ag.cjs → PdfViewer-DuEWa8ox.cjs}

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

package/dist/chunks/{index-BFe2eMYK.cjs → index-D2h9q27o.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-4ltXjey_.cjs");
+const superEditor_es = require("./super-editor.es-lzaBZOn2.cjs");
 const vue = require("./vue-DWle4Cai.cjs");
 const jszip = require("./jszip-b7l8QkfH.cjs");
 const blankDocx = require("./blank-docx-CPqX9RF5.cjs");
@@ -4309,7 +4309,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     }
     debounceTimers[commentId] = setTimeout(() => {
       if (superdoc2) {
-        console.debug("[debounceEmit] tracked change update emitting...", event);
         superdoc2.emit("comments-update", event);
       }
       delete debounceTimers[commentId];
@@ -4317,7 +4316,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   };
   const showAddComment = (superdoc2) => {
     const event = { type: COMMENT_EVENTS.PENDING };
-    console.debug("[showAddComment] emitting...", event);
     superdoc2.emit("comments-update", event);
     const selection = { ...superdocStore.activeSelection };
     selection.selectionBounds = { ...selection.selectionBounds };
@@ -4418,7 +4416,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     }
     const event = { type: COMMENT_EVENTS.ADD, comment: newComment.getValues() };
     syncCommentsToClients(superdoc2, event);
-    console.debug("[addComment] emitting...", event);
     superdoc2.emit("comments-update", event);
   };
   const deleteComment = ({ commentId: commentIdToDelete, superdoc: superdoc2 }) => {
@@ -4435,7 +4432,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       comment: comment.getValues(),
       changes: [{ key: "deleted", commentId, fileId }]
     };
-    console.debug("[deleteComment] emitting...", event);
     superdoc2.emit("comments-update", event);
     syncCommentsToClients(superdoc2, event);
   };
@@ -4444,7 +4440,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   };
   const processLoadedDocxComments = async ({ superdoc: superdoc2, editor, comments, documentId }) => {
     const document2 = superdocStore.getDocument(documentId);
-    console.debug("[processLoadedDocxComments] processing comments...", comments);
     comments.forEach((comment) => {
       const htmlContent = getHTmlFromComment(comment.textJson);
       if (!htmlContent && !comment.trackedChange) {
@@ -4546,13 +4541,41 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     });
     return comments;
   });
+  const normalizeCommentForEditor = (node) => {
+    if (!node || typeof node !== "object") return node;
+    const cloneMarks = (marks) => Array.isArray(marks) ? marks.filter(Boolean).map((mark) => ({
+      ...mark,
+      attrs: mark?.attrs ? { ...mark.attrs } : void 0
+    })) : void 0;
+    const cloneAttrs = (attrs) => attrs && typeof attrs === "object" ? { ...attrs } : void 0;
+    if (!Array.isArray(node.content)) {
+      return {
+        type: node.type,
+        ...node.text !== void 0 ? { text: node.text } : {},
+        ...node.attrs ? { attrs: cloneAttrs(node.attrs) } : {},
+        ...node.marks ? { marks: cloneMarks(node.marks) } : {}
+      };
+    }
+    const normalizedChildren = node.content.map((child) => normalizeCommentForEditor(child)).flat().filter(Boolean);
+    if (node.type === "run") {
+      return normalizedChildren;
+    }
+    return {
+      type: node.type,
+      ...node.attrs ? { attrs: cloneAttrs(node.attrs) } : {},
+      ...node.marks ? { marks: cloneMarks(node.marks) } : {},
+      content: normalizedChildren
+    };
+  };
   const getHTmlFromComment = (commentTextJson) => {
     if (!commentTextJson.content?.length) return;
     try {
+      const normalizedContent = normalizeCommentForEditor(commentTextJson);
+      const schemaContent = Array.isArray(normalizedContent) ? normalizedContent[0] : normalizedContent;
       const editor = new superEditor_es.Editor({
         mode: "text",
         isHeadless: true,
-        content: commentTextJson,
+        content: schemaContent,
         loadFromSchema: true,
         extensions: superEditor_es.getRichTextExtensions()
       });
@@ -17386,7 +17409,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-Dh2tr2ag.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DuEWa8ox.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18030,7 +18053,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.0";
+    this.version = "0.20.0-next.13";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-OC4NDn1G.es.js → index-DiSIyVKk.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-cgub83Px.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-4Ig7dBJr.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";
@@ -4292,7 +4292,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     }
     debounceTimers[commentId] = setTimeout(() => {
       if (superdoc2) {
-        console.debug("[debounceEmit] tracked change update emitting...", event);
         superdoc2.emit("comments-update", event);
       }
       delete debounceTimers[commentId];
@@ -4300,7 +4299,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   };
   const showAddComment = (superdoc2) => {
     const event = { type: COMMENT_EVENTS.PENDING };
-    console.debug("[showAddComment] emitting...", event);
     superdoc2.emit("comments-update", event);
     const selection = { ...superdocStore.activeSelection };
     selection.selectionBounds = { ...selection.selectionBounds };
@@ -4401,7 +4399,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     }
     const event = { type: COMMENT_EVENTS.ADD, comment: newComment.getValues() };
     syncCommentsToClients(superdoc2, event);
-    console.debug("[addComment] emitting...", event);
     superdoc2.emit("comments-update", event);
   };
   const deleteComment = ({ commentId: commentIdToDelete, superdoc: superdoc2 }) => {
@@ -4418,7 +4415,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       comment: comment.getValues(),
       changes: [{ key: "deleted", commentId, fileId }]
     };
-    console.debug("[deleteComment] emitting...", event);
     superdoc2.emit("comments-update", event);
     syncCommentsToClients(superdoc2, event);
   };
@@ -4427,7 +4423,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   };
   const processLoadedDocxComments = async ({ superdoc: superdoc2, editor, comments, documentId }) => {
     const document2 = superdocStore.getDocument(documentId);
-    console.debug("[processLoadedDocxComments] processing comments...", comments);
     comments.forEach((comment) => {
       const htmlContent = getHTmlFromComment(comment.textJson);
       if (!htmlContent && !comment.trackedChange) {
@@ -4529,13 +4524,41 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     });
     return comments;
   });
+  const normalizeCommentForEditor = (node) => {
+    if (!node || typeof node !== "object") return node;
+    const cloneMarks = (marks) => Array.isArray(marks) ? marks.filter(Boolean).map((mark) => ({
+      ...mark,
+      attrs: mark?.attrs ? { ...mark.attrs } : void 0
+    })) : void 0;
+    const cloneAttrs = (attrs) => attrs && typeof attrs === "object" ? { ...attrs } : void 0;
+    if (!Array.isArray(node.content)) {
+      return {
+        type: node.type,
+        ...node.text !== void 0 ? { text: node.text } : {},
+        ...node.attrs ? { attrs: cloneAttrs(node.attrs) } : {},
+        ...node.marks ? { marks: cloneMarks(node.marks) } : {}
+      };
+    }
+    const normalizedChildren = node.content.map((child) => normalizeCommentForEditor(child)).flat().filter(Boolean);
+    if (node.type === "run") {
+      return normalizedChildren;
+    }
+    return {
+      type: node.type,
+      ...node.attrs ? { attrs: cloneAttrs(node.attrs) } : {},
+      ...node.marks ? { marks: cloneMarks(node.marks) } : {},
+      content: normalizedChildren
+    };
+  };
   const getHTmlFromComment = (commentTextJson) => {
     if (!commentTextJson.content?.length) return;
     try {
+      const normalizedContent = normalizeCommentForEditor(commentTextJson);
+      const schemaContent = Array.isArray(normalizedContent) ? normalizedContent[0] : normalizedContent;
       const editor = new Editor({
         mode: "text",
         isHeadless: true,
-        content: commentTextJson,
+        content: schemaContent,
         loadFromSchema: true,
         extensions: getRichTextExtensions()
       });
@@ -17369,7 +17392,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-Beoed5G0.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-D3gJ5ozH.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18013,7 +18036,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.20.0";
+    this.version = "0.20.0-next.13";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;