@harbour-enterprises/superdoc 1.0.0-beta.7 → 1.0.0-beta.8

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

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

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

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

@@ -1,4 +1,4 @@
-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-CcaD69pQ.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-MRWI4sfo.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-ByBH0NYV.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
@@ -17210,7 +17210,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-hAYAlKzI.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BfEwF25T.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18063,7 +18063,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.7";
+    this.version = "1.0.0-beta.8";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-DV613LhK-CqFLIBmd.cjs → index-DJrRlj1_-E5dmStMF.cjs}

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

package/dist/chunks/{index-DV613LhK-BY095UD2.es.js → index-DJrRlj1_-HA-nVwDO.es.js}

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

package/dist/chunks/{index-CYQjWGo5.cjs → index-DMwWcmrk.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-DmhQckCV.cjs");
+const superEditor_es = require("./super-editor.es-Bo_fWMy6.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-CFCpOk3d.cjs");
 const provider = require("@hocuspocus/provider");
@@ -17227,7 +17227,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-T4fTm1XF.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DJ7BWUbW.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18080,7 +18080,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.7";
+    this.version = "1.0.0-beta.8";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{super-editor.es-DmhQckCV.cjs → super-editor.es-Bo_fWMy6.cjs}

@@ -35580,7 +35580,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.7") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.8") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -52287,7 +52287,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.7";
+const summaryVersion = "1.0.0-beta.8";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -53066,7 +53066,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      Promise.resolve().then(() => require("./index-DV613LhK-CqFLIBmd.cjs")),
+      Promise.resolve().then(() => require("./index-DJrRlj1_-E5dmStMF.cjs")),
       Promise.resolve().then(() => require("./index-DRCvimau-H4Ck3S9a.cjs")),
       Promise.resolve().then(() => require("./index-C_x_N6Uh-Db3CUJMX.cjs")),
       Promise.resolve().then(() => require("./index-D_sWOSiG-BtDZzJ6I.cjs")),
@@ -53271,7 +53271,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.7");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.8");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -56823,8 +56823,6 @@ function calculateTabWidth(params2) {
       const beforeWidth = measureText2 ? measureText2(before) : 0;
       width -= beforeWidth;
     }
-  } else if (alignment2 === "bar") {
-    width = 0;
   }
   if (width < 1) {
     return fallbackWidth();
@@ -61867,14 +61865,14 @@ function measureRunSliceWidth(run2, fromChar, toChar) {
   return metrics.width;
 }
 function lineHeightForRuns(runs, fromRun, toRun) {
-  let maxSize = 0;
+  let maxSize2 = 0;
   for (let i = fromRun; i <= toRun; i += 1) {
     const run2 = runs[i];
     const textRun = run2 && isTextRun(run2) ? run2 : null;
     const size2 = textRun?.fontSize ?? 16;
-    if (size2 > maxSize) maxSize = size2;
+    if (size2 > maxSize2) maxSize2 = size2;
   }
-  return maxSize * 1.2;
+  return maxSize2 * 1.2;
 }
 function remeasureParagraph(block, maxWidth) {
   const runs = block.runs ?? [];
@@ -67477,6 +67475,45 @@ function normalizeRotation(rotation) {
 function degToRad(degrees) {
   return degrees * Math.PI / 180;
 }
+const defaultMaxSize = 5e3;
+let maxSize = defaultMaxSize;
+const cache$1 = /* @__PURE__ */ new Map();
+const makeKey = (text, font, letterSpacing) => {
+  return `${text}|${font}|${letterSpacing || 0}`;
+};
+function getMeasuredTextWidth(text, font, letterSpacing, ctx2) {
+  if (text.length > 32e3) {
+    text = text.substring(0, 32e3);
+  }
+  const key2 = makeKey(text, font, letterSpacing);
+  const hit = cache$1.get(key2);
+  if (hit !== void 0) {
+    cache$1.delete(key2);
+    cache$1.set(key2, hit);
+    return hit.width;
+  }
+  try {
+    ctx2.font = font;
+    const metrics = ctx2.measureText(text);
+    const advanceWidth = metrics.width;
+    const paintedWidth = (metrics.actualBoundingBoxLeft || 0) + (metrics.actualBoundingBoxRight || 0);
+    const baseWidth = Math.max(advanceWidth, paintedWidth);
+    const extra = letterSpacing ? Math.max(0, text.length - 1) * letterSpacing : 0;
+    const width = baseWidth + extra;
+    cache$1.set(key2, { width });
+    evictIfNeeded();
+    return width;
+  } catch {
+    return 0;
+  }
+}
+function evictIfNeeded() {
+  while (cache$1.size > maxSize) {
+    const oldestKey = cache$1.keys().next().value;
+    if (oldestKey === void 0) break;
+    cache$1.delete(oldestKey);
+  }
+}
 const { computeTabStops } = Engines;
 let canvasContext = null;
 const DEFAULT_TAB_INTERVAL_TWIPS = 720;
@@ -67521,8 +67558,7 @@ function measureText(text, font, ctx2, _fontFamily, _letterSpacing) {
   const metrics = ctx2.measureText(text);
   const advanceWidth = metrics.width;
   const paintedWidth = (metrics.actualBoundingBoxLeft || 0) + (metrics.actualBoundingBoxRight || 0);
-  const baseWidth = Math.max(advanceWidth, paintedWidth);
-  return baseWidth;
+  return Math.max(advanceWidth, paintedWidth);
 }
 const MIN_SINGLE_LINE_PX = 12 * 96 / 72;
 function calculateTypographyMetrics(fontSize2, spacing) {
@@ -68103,13 +68139,9 @@ const getPrimaryRun = (paragraph) => {
   };
 };
 const measureRunWidth = (text, font, ctx2, run2) => {
-  const baseWidth = measureText(text, font, ctx2);
-  const letterSpacing = run2.kind !== "tab" ? run2.letterSpacing : void 0;
-  if (!letterSpacing) {
-    return baseWidth;
-  }
-  const extra = Math.max(0, text.length - 1) * letterSpacing;
-  return roundValue(baseWidth + extra);
+  const letterSpacing = run2.kind !== "tab" ? run2.letterSpacing || 0 : 0;
+  const width = getMeasuredTextWidth(text, font, letterSpacing, ctx2);
+  return roundValue(width);
 };
 const appendSegment = (segments, runIndex, fromChar, toChar, width, x2) => {
   if (!segments) return;
@@ -74858,7 +74890,7 @@ function calculateTabStyle(nodeSize2, view, pos, blockParent2, paragraphContext,
     const tabHeight = paragraphContext.tabHeight;
     paragraphContext.accumulatedTabWidth = accumulatedTabWidth + tabWidth;
     return `width: ${tabWidth}px; height: ${tabHeight}; ${extraStyles}`;
-  } catch (error) {
+  } catch {
     return null;
   }
 }
@@ -75952,6 +75984,19 @@ const CommentsMark = Mark2.create({
     return [CommentMarkName, Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
   }
 });
+let cache$2 = /* @__PURE__ */ new WeakMap();
+function getParagraphContext(paragraph, startPos, helpers2, revision, compute) {
+  const cached = cache$2.get(paragraph);
+  if (cached && cached.revision === revision) {
+    return cached.context;
+  }
+  const context = compute(paragraph, startPos, helpers2);
+  cache$2.set(paragraph, { revision, context });
+  return context;
+}
+function clearAllParagraphContexts() {
+  cache$2 = /* @__PURE__ */ new WeakMap();
+}
 const leaderStyles = {
   dot: "border-bottom: 1px dotted black;",
   heavy: "border-bottom: 2px solid black;",
@@ -75968,6 +76013,14 @@ function createLayoutRequest(doc2, paragraphPos, view, helpers2, revision, parag
   if (!paragraphContext) return null;
   const paragraphId = paragraphIdFromPos(paragraphContext.startPos);
   const paragraphNode = paragraphContext.paragraph;
+  const cachedContext = getParagraphContext(
+    paragraphNode,
+    paragraphContext.startPos,
+    helpers2,
+    revision,
+    () => extractParagraphContext(paragraphNode, paragraphContext.startPos, helpers2, paragraphContext.paragraphDepth)
+  );
+  const effectiveContext = cachedContext || paragraphContext;
   const { entries } = flattenParagraph(paragraphNode, paragraphContext.startPos);
   const spans = [];
   let tabIndex = 0;
@@ -75995,13 +76048,13 @@ function createLayoutRequest(doc2, paragraphPos, view, helpers2, revision, parag
       });
     }
   });
-  const tabStops = Array.isArray(paragraphContext.tabStops) ? [...paragraphContext.tabStops] : [];
-  const hangingPx = twipsToPixels(Number(paragraphContext.indent?.hanging) || 0);
-  if (hangingPx > 0 && paragraphContext.indentWidth != null) {
-    tabStops.unshift({ val: "start", pos: paragraphContext.indentWidth + hangingPx, leader: "none" });
+  const tabStops = Array.isArray(effectiveContext.tabStops) ? [...effectiveContext.tabStops] : [];
+  const hangingPx = twipsToPixels(Number(effectiveContext.indent?.hanging) || 0);
+  if (hangingPx > 0 && effectiveContext.indentWidth != null) {
+    tabStops.unshift({ val: "start", pos: effectiveContext.indentWidth + hangingPx, leader: "none" });
   }
-  const paragraphWidth = getBlockNodeWidth(view, paragraphContext.startPos) ?? defaultLineLength;
-  const indentWidth = paragraphContext.indentWidth ?? getIndentWidth(view, paragraphContext.startPos, paragraphContext.indent);
+  const paragraphWidth = getBlockNodeWidth(view, effectiveContext.startPos) ?? defaultLineLength;
+  const indentWidth = effectiveContext.indentWidth ?? getIndentWidth(view, effectiveContext.startPos, effectiveContext.indent);
   return {
     paragraphId,
     revision,
@@ -76009,9 +76062,9 @@ function createLayoutRequest(doc2, paragraphPos, view, helpers2, revision, parag
     defaultTabDistance,
     defaultLineLength,
     indents: {
-      left: twipsToPixels(Number(paragraphContext.indent?.left) || 0),
-      right: twipsToPixels(Number(paragraphContext.indent?.right) || 0),
-      firstLine: twipsToPixels(Number(paragraphContext.indent?.firstLine) || 0),
+      left: twipsToPixels(Number(effectiveContext.indent?.left) || 0),
+      right: twipsToPixels(Number(effectiveContext.indent?.right) || 0),
+      firstLine: twipsToPixels(Number(effectiveContext.indent?.firstLine) || 0),
       hanging: hangingPx
     },
     tabStops,
@@ -76176,31 +76229,58 @@ const TabNode = Node$1.create({
       key: new PluginKey("tabPlugin"),
       state: {
         init() {
-          return { decorations: false, revision: 0 };
+          const initialDecorations = buildInitialDecorations(view.state.doc, view, helpers2, 0);
+          return { decorations: initialDecorations, revision: 0 };
         },
         apply(tr, { decorations, revision }, _oldState, newState) {
-          if (!decorations) {
-            const newDecorations2 = buildDecorations(newState.doc, view, helpers2, 0);
-            return { decorations: newDecorations2, revision: 0 };
-          }
+          const currentDecorations = decorations && decorations.map ? decorations.map(tr.mapping, tr.doc) : DecorationSet.empty;
           if (!tr.docChanged || tr.getMeta("blockNodeInitialUpdate")) {
-            return { decorations, revision };
-          }
-          const nextRevision = revision + 1;
-          const newDecorations = buildDecorations(newState.doc, view, helpers2, nextRevision);
-          return { decorations: newDecorations, revision: nextRevision };
+            return { decorations: currentDecorations, revision };
+          }
+          const affectedParagraphs = getAffectedParagraphStarts(tr, newState);
+          if (affectedParagraphs.size === 0) {
+            return { decorations: currentDecorations, revision };
+          }
+          let nextDecorations = currentDecorations;
+          affectedParagraphs.forEach((pos) => {
+            const paragraph = newState.doc.nodeAt(pos);
+            if (!paragraph || paragraph.type.name !== "paragraph") return;
+            const from2 = pos;
+            const to = pos + paragraph.nodeSize;
+            const existing = nextDecorations.find(from2, to);
+            if (existing?.length) {
+              nextDecorations = nextDecorations.remove(existing);
+            }
+            const paragraphDecorations = buildParagraphDecorations(
+              newState.doc,
+              pos + 1,
+              paragraph,
+              view,
+              helpers2,
+              revision + 1
+            );
+            nextDecorations = nextDecorations.add(newState.doc, paragraphDecorations);
+          });
+          return { decorations: nextDecorations, revision: revision + 1 };
         }
       },
       props: {
         decorations(state2) {
           return this.getState(state2).decorations;
         }
+      },
+      view() {
+        return {
+          destroy() {
+            clearAllParagraphContexts();
+          }
+        };
       }
     });
     return [tabPlugin];
   }
 });
-function buildDecorations(doc2, view, helpers2, revision) {
+function buildInitialDecorations(doc2, view, helpers2, revision) {
   const decorations = [];
   doc2.descendants((node, pos) => {
     if (node.type.name !== "paragraph") return;
@@ -76221,6 +76301,37 @@ function buildDecorations(doc2, view, helpers2, revision) {
   });
   return DecorationSet.create(doc2, decorations);
 }
+function buildParagraphDecorations(doc2, paragraphContentPos, paragraphNode, view, helpers2, revision) {
+  const request = createLayoutRequest(doc2, paragraphContentPos, view, helpers2, revision);
+  if (!request) return [];
+  const result = calculateTabLayout(request, void 0, view);
+  return applyLayoutResult(result, paragraphNode, paragraphContentPos - 1);
+}
+function getAffectedParagraphStarts(tr, newState) {
+  const affected = /* @__PURE__ */ new Set();
+  tr.steps.forEach((step, index2) => {
+    if (step.from == null && step.to == null) return;
+    let fromPos = step.from;
+    let toPos = step.to;
+    if (typeof fromPos !== "number" || typeof toPos !== "number") return;
+    for (let i = index2; i < tr.steps.length; i++) {
+      const stepMap = tr.steps[i].getMap();
+      fromPos = stepMap.map(fromPos, -1);
+      toPos = stepMap.map(toPos, 1);
+    }
+    if (fromPos < 0 || toPos < 0 || fromPos > newState.doc.content.size || toPos > newState.doc.content.size) {
+      return;
+    }
+    newState.doc.nodesBetween(fromPos, toPos, (node, pos) => {
+      if (node.type.name === "paragraph") {
+        affected.add(pos);
+        return false;
+      }
+      return true;
+    });
+  });
+  return affected;
+}
 const LineBreak = Node$1.create({
   name: "lineBreak",
   group: "inline",