superdoc 1.0.0-beta.8 → 1.0.0

package/dist/chunks/{PdfViewer-DJ7BWUbW.cjs → PdfViewer-C3_5zd7y.cjs}

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

package/dist/chunks/{PdfViewer-BfEwF25T.es.js → PdfViewer-OoqzzuS4.es.js}

@@ -1,5 +1,5 @@
-import { y as defineComponent, z as h, O as Transition, $ as process$1, J as watchEffect, a as computed, r as ref, j as onMounted, W as onUnmounted, b as createElementBlock, o as openBlock, f as createBaseVNode, e as createCommentVNode, u as createVNode, v as unref } from "./vue-CztqUvm1.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-BCZ82zY5.es.js";
+import { y as defineComponent, z as h, O as Transition, a0 as process$1, J as watchEffect, a as computed, r as ref, j as onMounted, W as onUnmounted, b as createElementBlock, o as openBlock, f as createBaseVNode, e as createCommentVNode, u as createVNode, v as unref } from "./vue-Dysv_7z5.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-BwFit1xu.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{eventemitter3-ByBH0NYV.es.js → eventemitter3-CcXAdeql.es.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./jszip-BwsONqK5.es.js";
+import { g as getDefaultExportFromCjs } from "./jszip-5vvIqAEE.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
 function requireEventemitter3() {

package/dist/chunks/{eventemitter3-CFCpOk3d.cjs → eventemitter3-DQmQUge-.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const jszip = require("./jszip-B99MTu59.cjs");
+const jszip = require("./jszip-BdEez1WM.cjs");
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
 function requireEventemitter3() {

package/dist/chunks/{index-BCZ82zY5.es.js → index-BwFit1xu.es.js}

@@ -1,11 +1,11 @@
-import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-MRWI4sfo.es.js";
+import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-Ddl20DOa.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
-import { E as EventEmitter } from "./eventemitter3-ByBH0NYV.es.js";
+import { E as EventEmitter } from "./eventemitter3-CcXAdeql.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
-import { a0 as effectScope, r as ref, X as markRaw, $ as process$1, a1 as toRaw, a as computed, a2 as isRef, a3 as isReactive, E as toRef, i as inject, m as getCurrentInstance, l as watch, v as unref, a4 as hasInjectionContext, M as reactive, q as nextTick, a5 as getCurrentScope, a6 as onScopeDispose, a7 as toRefs, g as global$1, B as shallowRef, N as readonly, j as onMounted, k as onBeforeUnmount, h as onBeforeMount, S as onActivated, p as onDeactivated, D as createTextVNode, F as Fragment, Q as Comment, y as defineComponent, G as provide, I as withDirectives, z as h, U as Teleport, R as renderSlot, V as isVNode, J as watchEffect, O as Transition, a8 as TransitionGroup, A as mergeProps, P as vShow, H as cloneVNode, T as Text, b as createElementBlock, o as openBlock, t as toDisplayString, u as createVNode, C as withCtx, f as createBaseVNode, x as normalizeStyle, e as createCommentVNode, s as createBlock, w as withModifiers, n as normalizeClass, a9 as resolveDirective, d as renderList, c as createApp, Y as resolveDynamicComponent, aa as defineAsyncComponent } from "./vue-CztqUvm1.es.js";
+import { a1 as effectScope, r as ref, X as markRaw, a0 as process$1, a2 as toRaw, a as computed, a3 as isRef, a4 as isReactive, E as toRef, i as inject, m as getCurrentInstance, l as watch, v as unref, a5 as hasInjectionContext, M as reactive, q as nextTick, a6 as getCurrentScope, a7 as onScopeDispose, a8 as toRefs, g as global$1, B as shallowRef, N as readonly, j as onMounted, k as onBeforeUnmount, h as onBeforeMount, S as onActivated, p as onDeactivated, D as createTextVNode, F as Fragment, Q as Comment, y as defineComponent, G as provide, I as withDirectives, z as h, U as Teleport, R as renderSlot, V as isVNode, J as watchEffect, O as Transition, a9 as TransitionGroup, A as mergeProps, P as vShow, H as cloneVNode, T as Text, b as createElementBlock, o as openBlock, t as toDisplayString, u as createVNode, C as withCtx, f as createBaseVNode, x as normalizeStyle, e as createCommentVNode, s as createBlock, w as withModifiers, n as normalizeClass, aa as resolveDirective, d as renderList, c as createApp, Y as resolveDynamicComponent, ab as defineAsyncComponent } from "./vue-Dysv_7z5.es.js";
 import * as Y from "yjs";
 import { Doc, Map as Map$2 } from "yjs";
-import { B as Buffer$2 } from "./jszip-BwsONqK5.es.js";
+import { B as Buffer$2 } from "./jszip-5vvIqAEE.es.js";
 import { v as v4 } from "./uuid-CjlX8hrF.es.js";
 const DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
 const PDF = "application/pdf";
@@ -3235,6 +3235,9 @@ function awarenessHandler(context, { changes = {}, states }) {
   context.emit("awareness-update", payload);
 }
 function createProvider({ config, user, documentId, socket, superdocInstance }) {
+  console.warn(
+    "[superdoc] Internal provider creation is deprecated. Pass { ydoc, provider } to modules.collaboration instead."
+  );
   if (!config.providerType) config.providerType = "superdoc";
   const providers = {
     hocuspocus: () => createHocuspocusProvider({ config, user, documentId, socket, superdocInstance }),
@@ -3291,6 +3294,22 @@ const onDisconnect = (superdocInstance, documentId) => {
 const onDestroy = (superdocInstance, documentId) => {
   console.warn("🔌 [superdoc] Destroyed", documentId);
 };
+function setupAwarenessHandler(provider, superdocInstance, user) {
+  const awareness = provider.awareness;
+  if (!awareness) {
+    console.warn("[superdoc] External provider missing awareness property");
+    return;
+  }
+  if (user && awareness.setLocalStateField) {
+    awareness.setLocalStateField("user", user);
+  }
+  awareness.on("change", (changes = {}) => {
+    awarenessHandler(superdocInstance, {
+      changes,
+      states: awareness.getStates()
+    });
+  });
+}
 const addYComment = (yArray, ydoc, event) => {
   const { comment } = event;
   const yComment = new Map$2(Object.entries(comment));
@@ -3465,6 +3484,7 @@ function useComment(params2) {
   const creatorImage = params2.creatorImage;
   const createdTime = params2.createdTime || Date.now();
   const importedAuthor = ref(params2.importedAuthor || null);
+  const docxCommentJSON = params2.docxCommentJSON || null;
   const commentText = ref(params2.commentText || "");
   const selection = params2.selection ? useSelection(params2.selection) : useSelection({
     documentId: fileId,
@@ -3579,6 +3599,7 @@ function useComment(params2) {
       creatorImage,
       createdTime,
       importedAuthor: importedAuthor.value,
+      docxCommentJSON,
       isInternal: isInternal.value,
       commentText: commentText.value,
       selection: selection ? selection.getValues() : null,
@@ -3617,6 +3638,7 @@ function useComment(params2) {
     resolvedByEmail,
     resolvedByName,
     importedAuthor,
+    docxCommentJSON,
     // Actions
     setText,
     getValues,
@@ -3652,8 +3674,8 @@ function useDocument(params2, superdocConfig) {
   const getPresentationEditor = () => presentationEditorRef.value;
   function initDocumentType({ type: type2, data: data2 }) {
     if (data2?.type) return data2.type;
-    if (type2) return type2 in documentTypes ? documentTypes[type2] : null;
-    throw new Error("Document type not specified for doc:", params2);
+    if (type2) return documentTypes[type2] || type2;
+    throw new Error("Document type not specified");
   }
   const removeComments = () => {
     conversationsBackup.value = conversations.value;
@@ -4198,6 +4220,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       const newComment = useComment({
         fileId: documentId,
         fileType: document2.type,
+        docxCommentJSON: comment.textJson,
         commentId: comment.commentId,
         isInternal: false,
         parentCommentId: comment.parentCommentId,
@@ -4258,7 +4281,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     commentsList.value.forEach((comment) => {
       const values = comment.getValues();
       const richText = values.commentText;
-      const schema = convertHtmlToSchema(richText);
+      const schema = values.docxCommentJSON || convertHtmlToSchema(richText);
       processedComments.push({
         ...values,
         commentJSON: schema
@@ -16445,26 +16468,14 @@ const _sfc_main$9 = {
     const firstGroupRendered = ref(false);
     const verticalOffset = ref(0);
     const commentsRenderKey = ref(0);
+    const measurementTimeoutId = ref(null);
     const getCommentPosition = computed(() => (comment) => {
       if (!floatingCommentsContainer.value) return { top: "0px" };
-      floatingCommentsContainer.value.getBoundingClientRect();
       if (typeof comment.top !== "number" || isNaN(comment.top)) {
         return { display: "none" };
       }
       return { top: `${comment.top}px` };
     });
-    const findScrollParent = (element) => {
-      if (!element) return window;
-      let parent = element.parentNode;
-      while (parent && parent !== document) {
-        const style2 = getComputedStyle(parent);
-        if (/(auto|scroll|overlay)/.test(style2.overflow + style2.overflowY + style2.overflowX)) {
-          return parent;
-        }
-        parent = parent.parentNode;
-      }
-      return window;
-    };
     const handleDialog = (dialog) => {
       if (!dialog) return;
       const { elementRef, commentId } = dialog;
@@ -16472,44 +16483,68 @@ const _sfc_main$9 = {
       nextTick(() => {
         const id = commentId;
         if (renderedSizes.value.some((item) => item.id == id)) return;
-        const editorBounds = props.parent.getBoundingClientRect();
         const comment = getFloatingComments.value.find((c2) => c2.commentId === id || c2.importedId == id);
         const positionKey = id || comment?.importedId;
-        let position = editorCommentPositions.value[positionKey]?.bounds || {};
+        const positionEntry = editorCommentPositions.value[positionKey];
+        const position = positionEntry?.bounds || {};
         if (props.currentDocument.type === "application/pdf") {
           Object.entries(comment.selection?.selectionBounds).forEach(([key, value]) => {
             position[key] = Number(value);
           });
-          position.top += editorBounds.top;
         }
         if (!position) return;
-        const scrollParent = findScrollParent(props.parent);
-        scrollParent === window ? window.scrollY : scrollParent.scrollTop;
         const bounds = elementRef.value?.getBoundingClientRect();
+        const top = Number(position.top);
+        if (!Number.isFinite(top)) return;
         const placement = {
           id,
-          top: position.top - editorBounds.top,
+          top,
           height: bounds.height,
           commentRef: comment,
-          elementRef
+          elementRef,
+          pageIndex: positionEntry?.pageIndex ?? 0
         };
         renderedSizes.value.push(placement);
       });
     };
     const processLocations = async () => {
-      let currentBottom = 0;
-      renderedSizes.value.sort((a, b) => a.top - b.top).forEach((comment) => {
-        if (comment.top <= currentBottom + 15) {
-          comment.top = currentBottom + 15;
-        }
-        currentBottom = comment.top + comment.height;
+      const groupedByPage = renderedSizes.value.reduce((acc, comment) => {
+        const key = comment.pageIndex ?? 0;
+        if (!acc[key]) acc[key] = [];
+        acc[key].push(comment);
+        return acc;
+      }, {});
+      Object.values(groupedByPage).forEach((comments) => {
+        comments.sort((a, b) => a.top - b.top).forEach((comment, idx, arr) => {
+          if (idx === 0) return;
+          const prev = arr[idx - 1];
+          const minTop = prev.top + prev.height + 15;
+          if (comment.top < minTop) {
+            comment.top = minTop;
+          }
+        });
       });
       await nextTick();
       firstGroupRendered.value = true;
     };
     watchEffect(() => {
-      if (renderedSizes.value.length === getFloatingComments.value.length) {
+      if (measurementTimeoutId.value) {
+        clearTimeout(measurementTimeoutId.value);
+        measurementTimeoutId.value = null;
+      }
+      const totalComments = getFloatingComments.value.length;
+      const measuredComments = renderedSizes.value.length;
+      if (totalComments === 0) {
+        return;
+      }
+      if (measuredComments === totalComments) {
         nextTick(processLocations);
+      } else if (measuredComments > 0 && !firstGroupRendered.value) {
+        measurementTimeoutId.value = setTimeout(() => {
+          if (!firstGroupRendered.value && renderedSizes.value.length > 0) {
+            processLocations();
+          }
+        }, 100);
       }
     });
     watch(activeComment, (newVal, oldVal) => {
@@ -16532,6 +16567,12 @@ const _sfc_main$9 = {
         }, 200);
       });
     });
+    onBeforeUnmount(() => {
+      if (measurementTimeoutId.value) {
+        clearTimeout(measurementTimeoutId.value);
+        measurementTimeoutId.value = null;
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "section-wrapper",
@@ -16582,7 +16623,7 @@ const _sfc_main$9 = {
     };
   }
 };
-const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-91de2350"]]);
+const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-eab6fbfa"]]);
 const _sfc_main$8 = {
   __name: "TextField",
   props: {
@@ -17210,7 +17251,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BfEwF25T.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-OoqzzuS4.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17337,6 +17378,13 @@ const _sfc_main = {
       presentationEditor.onTelemetry((telemetryPayload) => {
         proxy.$superdoc.captureLayoutPipelineEvent(telemetryPayload);
       });
+      presentationEditor.on("commentPositions", ({ positions }) => {
+        const commentsConfig = proxy.$superdoc.config.modules?.comments;
+        if (!commentsConfig || commentsConfig === false) return;
+        if (!positions || Object.keys(positions).length === 0) return;
+        const mappedPositions = presentationEditor.getCommentBounds(positions, layers.value);
+        handleEditorLocationsUpdate(mappedPositions);
+      });
     };
     const onEditorDestroy = () => {
       proxy.$superdoc.broadcastEditorDestroy();
@@ -17883,7 +17931,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3fafc837"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c3356b6"]]);
 const createSuperdocVueApp = () => {
   const app = createApp(App);
   const pinia = createPinia();
@@ -18063,7 +18111,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.8";
+    this.version = "1.0.0";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;
@@ -18224,6 +18272,28 @@ class SuperDoc extends EventEmitter {
   async #initCollaboration({ collaboration: collaborationModuleConfig, comments: commentsConfig = {} } = {}) {
     if (!collaborationModuleConfig) return this.config.documents;
     this.isCollaborative = true;
+    const { ydoc: externalYdoc, provider: externalProvider } = collaborationModuleConfig;
+    if (externalYdoc && externalProvider) {
+      this.ydoc = externalYdoc;
+      this.provider = externalProvider;
+      setupAwarenessHandler(externalProvider, this, this.config.user);
+      if (!this.config.documents || this.config.documents.length === 0) {
+        this.config.documents = [
+          {
+            id: v4(),
+            type: DOCX,
+            name: "document.docx"
+          }
+        ];
+      }
+      this.config.documents.forEach((doc) => {
+        doc.ydoc = externalYdoc;
+        doc.provider = externalProvider;
+        doc.role = this.config.role;
+      });
+      initCollaborationComments(this);
+      return this.config.documents;
+    }
     if (collaborationModuleConfig.providerType === "hocuspocus") {
       this.config.socket = new HocuspocusProviderWebsocket({
         url: collaborationModuleConfig.url
@@ -18411,7 +18481,6 @@ class SuperDoc extends EventEmitter {
    */
   addCommentsList(element) {
     if (!this.config?.modules?.comments || this.config.role === "viewer") return;
-    this.#log("🦋 [superdoc] Adding comments list to:", element);
     if (element) this.config.modules.comments.element = element;
     this.commentsList = new SuperComments(this.config.modules?.comments, this);
     if (this.config.onCommentsListChange) this.config.onCommentsListChange({ isRendered: true });
@@ -18474,7 +18543,9 @@ class SuperDoc extends EventEmitter {
       editing: () => this.#setModeEditing(),
       suggesting: () => this.#setModeSuggesting()
     };
-    if (types[type]) types[type]();
+    if (types[type]) {
+      types[type]();
+    }
   }
   /**
    * Set the document mode on a document's editor (PresentationEditor or Editor).
@@ -18546,7 +18617,7 @@ class SuperDoc extends EventEmitter {
   }
   #setModeViewing() {
     this.toolbar.activeEditor = null;
-    this.setTrackedChangesPreferences({ mode: "final", enabled: false });
+    this.setTrackedChangesPreferences({ mode: "original", enabled: false });
     this.superdocStore.documents.forEach((doc) => {
       doc.removeComments();
       this.#applyDocumentMode(doc, "viewing");

package/dist/chunks/{index-DJrRlj1_-HA-nVwDO.es.js → index-CDIpuWy0-DcqcEnVR.es.js}

@@ -1,4 +1,4 @@
-import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-MRWI4sfo.es.js";
+import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-Ddl20DOa.es.js";
 import { V as VFile } from "./index-CvBqQJbG-CvBqQJbG.es.js";
 function bail(error) {
   if (error) {

package/dist/chunks/{index-DJrRlj1_-E5dmStMF.cjs → index-CDIpuWy0-v1ZRfNmH.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./super-editor.es-Bo_fWMy6.cjs");
+const superEditor_es = require("./super-editor.es-CWr0w1Tk.cjs");
 const indexCvBqQJbG = require("./index-CvBqQJbG-Dwm0THD7.cjs");
 function bail(error) {
   if (error) {