superdoc 1.0.0-beta.88 → 1.0.0-beta.89

package/dist/superdoc.umd.js

@@ -42398,7 +42398,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.88") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.89") {
       return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -67461,7 +67461,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const shouldSkipNodeView = (editor) => {
     return isHeadless(editor);
   };
-  const summaryVersion = "1.0.0-beta.88";
+  const summaryVersion = "1.0.0-beta.89";
   const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
   const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
   function mapAttributes(attrs) {
@@ -68250,7 +68250,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexBLlh97IN),
+        Promise.resolve().then(() => indexDcTrJ8db),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -68455,7 +68455,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.88");
+      console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.89");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -81367,7 +81367,14 @@ ${l}
           let renderedHeight = 0;
           for (let lineIdx = localStartLine; lineIdx < localEndLine && lineIdx < lines.length; lineIdx++) {
             const line = lines[lineIdx];
-            const lineEl = renderLine(block, line, { ...context, section: "body" });
+            const isLastLine = lineIdx === lines.length - 1;
+            const lineEl = renderLine(
+              block,
+              line,
+              { ...context, section: "body" },
+              lineIdx,
+              isLastLine
+            );
             lineEl.style.paddingLeft = "";
             lineEl.style.paddingRight = "";
             lineEl.style.textIndent = "";
@@ -83999,8 +84006,11 @@ ${l}
       const applyFragmentFrameWithSection = (el, frag) => {
         this.applyFragmentFrame(el, frag, context.section);
       };
-      const renderLineForTableCell = (block, line, ctx2) => {
-        return this.renderLine(block, line, ctx2, void 0, void 0, true);
+      const renderLineForTableCell = (block, line, ctx2, lineIndex, isLastLine) => {
+        const lastRun = block.runs.length > 0 ? block.runs[block.runs.length - 1] : null;
+        const paragraphEndsWithLineBreak = lastRun?.kind === "lineBreak";
+        const shouldSkipJustify = isLastLine && !paragraphEndsWithLineBreak;
+        return this.renderLine(block, line, ctx2, void 0, lineIndex, shouldSkipJustify);
       };
       const renderDrawingContentForTableCell = (block) => {
         if (block.drawingKind === "image") {
@@ -84609,9 +84619,10 @@ ${l}
         el.setAttribute("styleid", styleId);
       }
       const alignment2 = block.attrs?.alignment;
-      if (alignment2 === "center" || alignment2 === "right") {
-        el.style.textAlign = alignment2;
-      } else if (alignment2 === "justify") {
+      const effectiveAlignment = alignment2;
+      if (effectiveAlignment === "center" || effectiveAlignment === "right") {
+        el.style.textAlign = effectiveAlignment;
+      } else if (effectiveAlignment === "justify") {
         el.style.textAlign = "left";
       } else {
         el.style.textAlign = "left";
@@ -84673,16 +84684,16 @@ ${l}
       }
       const hasExplicitPositioning = line.segments?.some((seg) => seg.x !== void 0);
       const availableWidth = availableWidthOverride ?? line.maxWidth ?? line.width;
-      const shouldJustify = !skipJustify && alignment2 === "justify" && !hasExplicitPositioning;
+      const shouldJustify = !skipJustify && effectiveAlignment === "justify" && !hasExplicitPositioning;
       if (shouldJustify) {
         const spaceCount = textSlices.reduce(
           (sum, s2) => sum + Array.from(s2).filter((ch) => ch === " " || ch === " ").length,
           0
         );
-        const slack = Math.max(0, availableWidth - line.width);
-        if (spaceCount > 0 && slack > 0) {
-          const extraPerSpace = slack / spaceCount;
-          el.style.wordSpacing = `${extraPerSpace}px`;
+        const slack = availableWidth - line.width;
+        if (spaceCount > 0 && slack !== 0) {
+          const spacingPerSpace = slack / spaceCount;
+          el.style.wordSpacing = `${spacingPerSpace}px`;
         }
       }
       if (hasExplicitPositioning && line.segments) {
@@ -91923,9 +91934,7 @@ ${l}
     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 baseWidth = metrics.width;
       const extra = letterSpacing ? Math.max(0, text2.length - 1) * letterSpacing : 0;
       const width = baseWidth + extra;
       cache$1$1.set(key2, { width });
@@ -92134,7 +92143,8 @@ ${l}
     const isWordLayoutList = Boolean(wordLayout?.marker);
     const suppressFirstLine = block.attrs?.suppressFirstLineIndent === true;
     const rawFirstLineOffset = suppressFirstLine ? 0 : firstLine - hanging;
-    const firstLineOffset = isWordLayoutList ? 0 : rawFirstLineOffset;
+    const clampedFirstLineOffset = Math.max(0, rawFirstLineOffset);
+    const firstLineOffset = isWordLayoutList ? 0 : clampedFirstLineOffset;
     const contentWidth = Math.max(1, maxWidth - indentLeft - indentRight);
     let leftJustifiedMarkerSpace = 0;
     if (wordLayout?.marker) {
@@ -92287,7 +92297,8 @@ ${l}
       if (run2.kind === "break") {
         if (currentLine) {
           const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
-          const completedLine = { ...currentLine, ...metrics };
+          const { spaceCount: _sc, ...lineBase } = currentLine;
+          const completedLine = { ...lineBase, ...metrics };
           addBarTabsToLine(completedLine);
           lines.push(completedLine);
           currentLine = null;
@@ -92348,7 +92359,8 @@ ${l}
           width: 0,
           maxFontSize: lastFontSize,
           maxWidth: nextLineMaxWidth,
-          segments: []
+          segments: [],
+          spaceCount: 0
         };
         tabStopCursor = 0;
         pendingTabAlignment = null;
@@ -92366,7 +92378,8 @@ ${l}
             maxFontSize: 12,
             // Default font size for tabs
             maxWidth: getEffectiveWidth(initialAvailableWidth),
-            segments: []
+            segments: [],
+            spaceCount: 0
           };
         }
         const originX = currentLine.width;
@@ -92415,6 +92428,7 @@ ${l}
             maxFontSize: imageHeight,
             // Use image height for line height calculation
             maxWidth: getEffectiveWidth(initialAvailableWidth),
+            spaceCount: 0,
             segments: [
               {
                 runIndex,
@@ -92430,8 +92444,9 @@ ${l}
         const appliedTabAlign = lastAppliedTabAlign;
         if (currentLine.width + imageWidth > currentLine.maxWidth && currentLine.width > 0) {
           const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
+          const { spaceCount: _sc, ...lineBase } = currentLine;
           const completedLine = {
-            ...currentLine,
+            ...lineBase,
             ...metrics
           };
           addBarTabsToLine(completedLine);
@@ -92447,6 +92462,7 @@ ${l}
             width: imageWidth,
             maxFontSize: imageHeight,
             maxWidth: getEffectiveWidth(contentWidth),
+            spaceCount: 0,
             segments: [
               {
                 runIndex,
@@ -92502,6 +92518,7 @@ ${l}
             width: annotationWidth,
             maxFontSize: annotationHeight,
             maxWidth: getEffectiveWidth(initialAvailableWidth),
+            spaceCount: 0,
             segments: [
               {
                 runIndex,
@@ -92516,8 +92533,9 @@ ${l}
         }
         if (currentLine.width + annotationWidth > currentLine.maxWidth && currentLine.width > 0) {
           const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
+          const { spaceCount: _sc, ...lineBase } = currentLine;
           const completedLine = {
-            ...currentLine,
+            ...lineBase,
             ...metrics
           };
           addBarTabsToLine(completedLine);
@@ -92533,6 +92551,7 @@ ${l}
             width: annotationWidth,
             maxFontSize: annotationHeight,
             maxWidth: getEffectiveWidth(contentWidth),
+            spaceCount: 0,
             segments: [
               {
                 runIndex,
@@ -92588,14 +92607,16 @@ ${l}
               maxFontSize: run2.fontSize,
               maxFontInfo: getFontInfoFromRun(run2),
               maxWidth: getEffectiveWidth(initialAvailableWidth),
-              segments: [{ runIndex, fromChar: spacesStartChar, toChar: spacesEndChar, width: spacesWidth }]
+              segments: [{ runIndex, fromChar: spacesStartChar, toChar: spacesEndChar, width: spacesWidth }],
+              spaceCount: spacesLength
             };
           } else {
             const boundarySpacing = currentLine.width > 0 ? run2.letterSpacing ?? 0 : 0;
             if (currentLine.width + boundarySpacing + spacesWidth > currentLine.maxWidth - WIDTH_FUDGE_PX && currentLine.width > 0) {
               const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
+              const { spaceCount: _sc, ...lineBase } = currentLine;
               const completedLine = {
-                ...currentLine,
+                ...lineBase,
                 ...metrics
               };
               addBarTabsToLine(completedLine);
@@ -92612,7 +92633,8 @@ ${l}
                 maxFontSize: run2.fontSize,
                 maxFontInfo: getFontInfoFromRun(run2),
                 maxWidth: getEffectiveWidth(contentWidth),
-                segments: [{ runIndex, fromChar: spacesStartChar, toChar: spacesEndChar, width: spacesWidth }]
+                segments: [{ runIndex, fromChar: spacesStartChar, toChar: spacesEndChar, width: spacesWidth }],
+                spaceCount: spacesLength
               };
             } else {
               currentLine.toRun = runIndex;
@@ -92621,6 +92643,7 @@ ${l}
               currentLine.maxFontInfo = updateMaxFontInfo(currentLine.maxFontSize, currentLine.maxFontInfo, run2);
               currentLine.maxFontSize = Math.max(currentLine.maxFontSize, run2.fontSize);
               appendSegment(currentLine.segments, runIndex, spacesStartChar, spacesEndChar, spacesWidth);
+              currentLine.spaceCount += spacesLength;
             }
           }
           charPosInRun = spacesEndChar;
@@ -92637,7 +92660,56 @@ ${l}
         for (let wordIndex = 0; wordIndex < words.length; wordIndex++) {
           const word = words[wordIndex];
           if (word === "") {
-            charPosInRun += 1;
+            const spaceStartChar = charPosInRun;
+            const spaceEndChar = charPosInRun + 1;
+            const singleSpaceWidth = measureRunWidth(" ", font, ctx2, run2);
+            if (!currentLine) {
+              currentLine = {
+                fromRun: runIndex,
+                fromChar: spaceStartChar,
+                toRun: runIndex,
+                toChar: spaceEndChar,
+                width: singleSpaceWidth,
+                maxFontSize: run2.fontSize,
+                maxFontInfo: getFontInfoFromRun(run2),
+                maxWidth: getEffectiveWidth(initialAvailableWidth),
+                segments: [{ runIndex, fromChar: spaceStartChar, toChar: spaceEndChar, width: singleSpaceWidth }],
+                spaceCount: 1
+              };
+            } else {
+              const boundarySpacing2 = currentLine.width > 0 ? run2.letterSpacing ?? 0 : 0;
+              if (currentLine.width + boundarySpacing2 + singleSpaceWidth > currentLine.maxWidth - WIDTH_FUDGE_PX && currentLine.width > 0) {
+                const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
+                const { spaceCount: _sc, ...lineBase } = currentLine;
+                const completedLine = { ...lineBase, ...metrics };
+                addBarTabsToLine(completedLine);
+                lines.push(completedLine);
+                tabStopCursor = 0;
+                pendingTabAlignment = null;
+                lastAppliedTabAlign = null;
+                currentLine = {
+                  fromRun: runIndex,
+                  fromChar: spaceStartChar,
+                  toRun: runIndex,
+                  toChar: spaceEndChar,
+                  width: singleSpaceWidth,
+                  maxFontSize: run2.fontSize,
+                  maxFontInfo: getFontInfoFromRun(run2),
+                  maxWidth: getEffectiveWidth(contentWidth),
+                  segments: [{ runIndex, fromChar: spaceStartChar, toChar: spaceEndChar, width: singleSpaceWidth }],
+                  spaceCount: 1
+                };
+              } else {
+                currentLine.toRun = runIndex;
+                currentLine.toChar = spaceEndChar;
+                currentLine.width = roundValue(currentLine.width + boundarySpacing2 + singleSpaceWidth);
+                currentLine.maxFontInfo = updateMaxFontInfo(currentLine.maxFontSize, currentLine.maxFontInfo, run2);
+                currentLine.maxFontSize = Math.max(currentLine.maxFontSize, run2.fontSize);
+                appendSegment(currentLine.segments, runIndex, spaceStartChar, spaceEndChar, singleSpaceWidth);
+                currentLine.spaceCount += 1;
+              }
+            }
+            charPosInRun = spaceEndChar;
             continue;
           }
           const isLastWordInSegment = wordIndex === words.length - 1;
@@ -92658,13 +92730,15 @@ ${l}
               maxFontSize: run2.fontSize,
               maxFontInfo: getFontInfoFromRun(run2),
               maxWidth: getEffectiveWidth(initialAvailableWidth),
-              segments: [{ runIndex, fromChar: wordStartChar, toChar: wordEndNoSpace, width: wordOnlyWidth }]
+              segments: [{ runIndex, fromChar: wordStartChar, toChar: wordEndNoSpace, width: wordOnlyWidth }],
+              spaceCount: 0
             };
             const ls = run2.letterSpacing ?? 0;
             if (!isLastWord && currentLine.width + spaceWidth <= currentLine.maxWidth - WIDTH_FUDGE_PX) {
               currentLine.toChar = wordEndWithSpace;
               currentLine.width = roundValue(currentLine.width + spaceWidth + ls);
               charPosInRun = wordEndWithSpace;
+              currentLine.spaceCount += 1;
             } else {
               charPosInRun = wordEndWithSpace;
             }
@@ -92672,10 +92746,36 @@ ${l}
           }
           const isTocEntry = block.attrs?.isTocEntry;
           const boundarySpacing = currentLine.width > 0 ? run2.letterSpacing ?? 0 : 0;
-          if (currentLine.width + boundarySpacing + wordOnlyWidth > currentLine.maxWidth - WIDTH_FUDGE_PX && currentLine.width > 0 && !isTocEntry) {
+          const justifyAlignment = block.attrs?.alignment === "justify";
+          const totalWidthWithWord = currentLine.width + boundarySpacing + wordCommitWidth + // Safe cast: only TextRuns produce word segments from split(), other run types are handled earlier
+          (isLastWord ? 0 : run2.letterSpacing ?? 0);
+          const availableWidth = currentLine.maxWidth - WIDTH_FUDGE_PX;
+          let shouldBreak = currentLine.width + boundarySpacing + wordOnlyWidth > availableWidth && currentLine.width > 0 && !isTocEntry;
+          let compressedWidth = null;
+          if (shouldBreak && justifyAlignment) {
+            const isParagraphLastWord = isLastWord && runIndex === runsToProcess.length - 1;
+            if (!isParagraphLastWord) {
+              const existingSpaces = currentLine.spaceCount ?? 0;
+              const candidateSpaces = existingSpaces + (isLastWord ? 0 : 1);
+              if (candidateSpaces > 0) {
+                const overflow = totalWidthWithWord - availableWidth;
+                if (overflow > 0) {
+                  const baseSpaceWidth = spaceWidth || measureRunWidth(" ", font, ctx2, run2) || Math.max(1, boundarySpacing);
+                  const perSpaceCompression = overflow / candidateSpaces;
+                  const maxPerSpaceCompression = baseSpaceWidth * 0.25;
+                  if (perSpaceCompression <= maxPerSpaceCompression) {
+                    shouldBreak = false;
+                    compressedWidth = availableWidth;
+                  }
+                }
+              }
+            }
+          }
+          if (shouldBreak) {
             const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
+            const { spaceCount: _sc, ...lineBase } = currentLine;
             const completedLine = {
-              ...currentLine,
+              ...lineBase,
               ...metrics
             };
             addBarTabsToLine(completedLine);
@@ -92691,12 +92791,14 @@ ${l}
               maxFontSize: run2.fontSize,
               maxFontInfo: getFontInfoFromRun(run2),
               maxWidth: getEffectiveWidth(contentWidth),
-              segments: [{ runIndex, fromChar: wordStartChar, toChar: wordEndNoSpace, width: wordOnlyWidth }]
+              segments: [{ runIndex, fromChar: wordStartChar, toChar: wordEndNoSpace, width: wordOnlyWidth }],
+              spaceCount: 0
             };
             if (!isLastWord && currentLine.width + spaceWidth <= currentLine.maxWidth - WIDTH_FUDGE_PX) {
               currentLine.toChar = wordEndWithSpace;
               currentLine.width = roundValue(currentLine.width + spaceWidth + (run2.letterSpacing ?? 0));
               charPosInRun = wordEndWithSpace;
+              currentLine.spaceCount += 1;
             } else {
               charPosInRun = wordEndWithSpace;
             }
@@ -92717,7 +92819,8 @@ ${l}
                 useExplicitXHere ? segmentStartX : void 0
               );
               const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
-              const completedLine = { ...currentLine, ...metrics };
+              const { spaceCount: _sc, ...lineBase } = currentLine;
+              const completedLine = { ...lineBase, ...metrics };
               addBarTabsToLine(completedLine);
               lines.push(completedLine);
               tabStopCursor = 0;
@@ -92730,12 +92833,14 @@ ${l}
             currentLine.toChar = newToChar;
             const useExplicitX = wordIndex === 0 && segmentStartX !== void 0;
             const explicitX = useExplicitX ? segmentStartX : void 0;
-            currentLine.width = roundValue(
-              currentLine.width + boundarySpacing + wordCommitWidth + (isLastWord ? 0 : run2.letterSpacing ?? 0)
-            );
+            const targetWidth = compressedWidth != null ? compressedWidth : currentLine.width + boundarySpacing + wordCommitWidth + (isLastWord ? 0 : run2.letterSpacing ?? 0);
+            currentLine.width = roundValue(targetWidth);
             currentLine.maxFontInfo = updateMaxFontInfo(currentLine.maxFontSize, currentLine.maxFontInfo, run2);
             currentLine.maxFontSize = Math.max(currentLine.maxFontSize, run2.fontSize);
             appendSegment(currentLine.segments, runIndex, wordStartChar, newToChar, wordCommitWidth, explicitX);
+            if (!isLastWord) {
+              currentLine.spaceCount += 1;
+            }
           }
           charPosInRun = isLastWord ? wordEndNoSpace : wordEndWithSpace;
         }
@@ -92758,7 +92863,8 @@ ${l}
               maxFontSize: run2.fontSize,
               maxFontInfo: getFontInfoFromRun(run2),
               maxWidth: getEffectiveWidth(initialAvailableWidth),
-              segments: []
+              segments: [],
+              spaceCount: 0
             };
           }
           const originX = currentLine.width;
@@ -92804,8 +92910,9 @@ ${l}
     }
     if (currentLine) {
       const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
+      const { spaceCount: _sc, ...lineBase } = currentLine;
       const finalLine = {
-        ...currentLine,
+        ...lineBase,
         ...metrics
       };
       addBarTabsToLine(finalLine);
@@ -151515,7 +151622,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.0.0-beta.88";
+      this.version = "1.0.0-beta.89";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -153987,7 +154094,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexBLlh97IN = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexDcTrJ8db = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));