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

package/dist/chunks/{super-editor.es-CcaD69pQ.es.js → super-editor.es-MRWI4sfo.es.js}

@@ -35563,7 +35563,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);
   }
   /**
@@ -52270,7 +52270,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) {
@@ -53049,7 +53049,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-DV613LhK-BY095UD2.es.js"),
+      import("./index-DJrRlj1_-HA-nVwDO.es.js"),
       import("./index-DRCvimau-Cw339678.es.js"),
       import("./index-C_x_N6Uh-DJn8hIEt.es.js"),
       import("./index-D_sWOSiG-DE96TaT5.es.js"),
@@ -53254,7 +53254,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");
@@ -56806,8 +56806,6 @@ function calculateTabWidth(params2) {
       const beforeWidth = measureText2 ? measureText2(before) : 0;
       width -= beforeWidth;
     }
-  } else if (alignment2 === "bar") {
-    width = 0;
   }
   if (width < 1) {
     return fallbackWidth();
@@ -61850,14 +61848,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 ?? [];
@@ -67460,6 +67458,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;
@@ -67504,8 +67541,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) {
@@ -68086,13 +68122,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;
@@ -74841,7 +74873,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;
   }
 }
@@ -75935,6 +75967,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;",
@@ -75951,6 +75996,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;
@@ -75978,13 +76031,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,
@@ -75992,9 +76045,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,
@@ -76159,31 +76212,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;
@@ -76204,6 +76284,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",

package/dist/super-editor/ai-writer.es.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, onUnmounted, computed, createElementBlock, openBlock, withModifiers, createElementVNode, withDirectives, unref, vModelText, createCommentVNode, nextTick } from "vue";
-import { T as TextSelection } from "./chunks/converter-BM6gXTRC.js";
-import { _ as _export_sfc } from "./chunks/editor-RPTrfArg.js";
+import { T as TextSelection } from "./chunks/converter-CflxlFnM.js";
+import { _ as _export_sfc } from "./chunks/editor-B9V7oJbW.js";
 const DEFAULT_API_ENDPOINT = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights";
 const SYSTEM_PROMPT = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
 async function baseInsightsFetch(payload, options = {}) {

package/dist/super-editor/chunks/{converter-BM6gXTRC.js → converter-CflxlFnM.js}

@@ -35844,7 +35844,7 @@ const _SuperConverter = class _SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.0.0-beta.7") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.0.0-beta.8") {
     return _SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/super-editor/chunks/{docx-zipper-fwXPJGKu.js → docx-zipper-DKWL4mo2.js}

@@ -1,4 +1,4 @@
-import { p as process$1, aI as commonjsGlobal, B as Buffer, aJ as getDefaultExportFromCjs, aK as getContentTypesFromXml, aL as xmljs } from "./converter-BM6gXTRC.js";
+import { p as process$1, aI as commonjsGlobal, B as Buffer, aJ as getDefaultExportFromCjs, aK as getContentTypesFromXml, aL as xmljs } from "./converter-CflxlFnM.js";
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }