superdoc 1.0.0-beta.7 → 1.0.0-beta.8

package/dist/superdoc.umd.js

@@ -35581,7 +35581,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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);
     }
     /**
@@ -60069,7 +60069,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   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) {
@@ -60848,7 +60848,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexDV613LhK),
+        Promise.resolve().then(() => indexDJrRlj1_),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -61053,7 +61053,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * 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");
@@ -64605,8 +64605,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         const beforeWidth = measureText2 ? measureText2(before) : 0;
         width -= beforeWidth;
       }
-    } else if (alignment2 === "bar") {
-      width = 0;
     }
     if (width < 1) {
       return fallbackWidth();
@@ -69649,14 +69647,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return metrics.width;
   }
   function lineHeightForRuns(runs2, fromRun, toRun) {
-    let maxSize = 0;
+    let maxSize2 = 0;
     for (let i2 = fromRun; i2 <= toRun; i2 += 1) {
       const run2 = runs2[i2];
       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 runs2 = block.runs ?? [];
@@ -75259,6 +75257,45 @@ ${l}
   function degToRad(degrees) {
     return degrees * Math.PI / 180;
   }
+  const defaultMaxSize = 5e3;
+  let maxSize = defaultMaxSize;
+  const cache$1$1 = /* @__PURE__ */ new Map();
+  const makeKey = (text2, font, letterSpacing) => {
+    return `${text2}|${font}|${letterSpacing || 0}`;
+  };
+  function getMeasuredTextWidth(text2, font, letterSpacing, ctx2) {
+    if (text2.length > 32e3) {
+      text2 = text2.substring(0, 32e3);
+    }
+    const key2 = makeKey(text2, font, letterSpacing);
+    const hit = cache$1$1.get(key2);
+    if (hit !== void 0) {
+      cache$1$1.delete(key2);
+      cache$1$1.set(key2, hit);
+      return hit.width;
+    }
+    try {
+      ctx2.font = font;
+      const metrics = ctx2.measureText(text2);
+      const advanceWidth = metrics.width;
+      const paintedWidth = (metrics.actualBoundingBoxLeft || 0) + (metrics.actualBoundingBoxRight || 0);
+      const baseWidth = Math.max(advanceWidth, paintedWidth);
+      const extra = letterSpacing ? Math.max(0, text2.length - 1) * letterSpacing : 0;
+      const width = baseWidth + extra;
+      cache$1$1.set(key2, { width });
+      evictIfNeeded();
+      return width;
+    } catch {
+      return 0;
+    }
+  }
+  function evictIfNeeded() {
+    while (cache$1$1.size > maxSize) {
+      const oldestKey = cache$1$1.keys().next().value;
+      if (oldestKey === void 0) break;
+      cache$1$1.delete(oldestKey);
+    }
+  }
   const { computeTabStops } = Engines;
   let canvasContext = null;
   const DEFAULT_TAB_INTERVAL_TWIPS = 720;
@@ -75303,8 +75340,7 @@ ${l}
     const metrics = ctx2.measureText(text2);
     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) {
@@ -75885,13 +75921,9 @@ ${l}
     };
   };
   const measureRunWidth = (text2, font, ctx2, run2) => {
-    const baseWidth = measureText(text2, font, ctx2);
-    const letterSpacing = run2.kind !== "tab" ? run2.letterSpacing : void 0;
-    if (!letterSpacing) {
-      return baseWidth;
-    }
-    const extra = Math.max(0, text2.length - 1) * letterSpacing;
-    return roundValue(baseWidth + extra);
+    const letterSpacing = run2.kind !== "tab" ? run2.letterSpacing || 0 : 0;
+    const width = getMeasuredTextWidth(text2, font, letterSpacing, ctx2);
+    return roundValue(width);
   };
   const appendSegment = (segments, runIndex, fromChar, toChar, width, x2) => {
     if (!segments) return;
@@ -82640,7 +82672,7 @@ ${l}
       const tabHeight = paragraphContext.tabHeight;
       paragraphContext.accumulatedTabWidth = accumulatedTabWidth + tabWidth;
       return `width: ${tabWidth}px; height: ${tabHeight}; ${extraStyles}`;
-    } catch (error) {
+    } catch {
       return null;
     }
   }
@@ -83734,6 +83766,19 @@ ${l}
       return [CommentMarkName, Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
     }
   });
+  let cache$2 = /* @__PURE__ */ new WeakMap();
+  function getParagraphContext(paragraph2, startPos, helpers2, revision, compute) {
+    const cached = cache$2.get(paragraph2);
+    if (cached && cached.revision === revision) {
+      return cached.context;
+    }
+    const context = compute(paragraph2, startPos, helpers2);
+    cache$2.set(paragraph2, { 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;",
@@ -83750,6 +83795,14 @@ ${l}
     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;
@@ -83777,13 +83830,13 @@ ${l}
         });
       }
     });
-    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,
@@ -83791,9 +83844,9 @@ ${l}
       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,
@@ -83958,31 +84011,58 @@ ${l}
         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 paragraph2 = newState.doc.nodeAt(pos);
+              if (!paragraph2 || paragraph2.type.name !== "paragraph") return;
+              const from2 = pos;
+              const to = pos + paragraph2.nodeSize;
+              const existing = nextDecorations.find(from2, to);
+              if (existing?.length) {
+                nextDecorations = nextDecorations.remove(existing);
+              }
+              const paragraphDecorations = buildParagraphDecorations(
+                newState.doc,
+                pos + 1,
+                paragraph2,
+                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((node2, pos) => {
       if (node2.type.name !== "paragraph") return;
@@ -84003,6 +84083,37 @@ ${l}
     });
     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 i2 = index2; i2 < tr.steps.length; i2++) {
+        const stepMap = tr.steps[i2].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, (node2, pos) => {
+        if (node2.type.name === "paragraph") {
+          affected.add(pos);
+          return false;
+        }
+        return true;
+      });
+    });
+    return affected;
+  }
   const LineBreak = Node$1.create({
     name: "lineBreak",
     group: "inline",
@@ -131530,7 +131641,7 @@ ${style2}
       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 = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -133973,7 +134084,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexDV613LhK = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexDJrRlj1_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));