wordinweb 0.1.4 → 0.1.6

package/dist/index.d.ts

@@ -1598,6 +1598,14 @@ interface TextMeasurer {
         ascent: number;
         descent: number;
     } | undefined;
+    /** Ink extents (actualBoundingBox*) of `text` in the RESOLVED paint face,
+     * px above/below the baseline. The radical join needs the √ glyph's real
+     * ink — which face paints it (real Cambria Math vs the STIX substitute)
+     * changes the extents, so a baked table can't cover both. */
+    inkBox?(text: string, font: FontSpec): {
+        ascent: number;
+        descent: number;
+    } | undefined;
 }
 
 interface LayoutOptions {

package/dist/index.js

@@ -5157,6 +5157,7 @@ var CanvasMeasurer = class {
     this.widthCache = /* @__PURE__ */ new Map();
     this.metricsCache = /* @__PURE__ */ new Map();
     this.paintBoxCache = /* @__PURE__ */ new Map();
+    this.inkBoxCache = /* @__PURE__ */ new Map();
     this.currentFont = "";
     if (typeof OffscreenCanvas !== "undefined") {
       const c = new OffscreenCanvas(1, 1);
@@ -5200,6 +5201,18 @@ var CanvasMeasurer = class {
     }
     return m ?? void 0;
   }
+  /** Glyph ink extents at 3x (like width()) from the resolved paint face. */
+  inkBox(text, font) {
+    const key = "ink " + fontKey(font) + " " + text;
+    let m = this.inkBoxCache.get(key);
+    if (m === void 0) {
+      this.setFont({ ...font, size: font.size * 3 });
+      const tm = this.ctx.measureText(text);
+      m = tm.actualBoundingBoxAscent !== void 0 && tm.actualBoundingBoxDescent !== void 0 ? { ascent: tm.actualBoundingBoxAscent / 3, descent: tm.actualBoundingBoxDescent / 3 } : null;
+      this.inkBoxCache.set(key, m);
+    }
+    return m ?? void 0;
+  }
   metrics(font) {
     const key = fontKey(font);
     let m = this.metricsCache.get(key);
@@ -5853,14 +5866,12 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
           for (const r of degBox.rules) box.rules.push({ ...r, x1: box.width + r.x1, x2: box.width + r.x2, dy: degDy + r.dy });
           box.width += degBox.width + size * RAD_KERN_AFTER_DEG;
         }
-        let grow = Math.max(1, signInkH / (m.ascent + signDesc));
-        let signAnchor = -signDesc;
-        if (nestedGrown) {
-          const inkTopNat = size * RAD_VARIANTS[0].top / 2048;
-          const inkBotNat = size * RAD_VARIANTS[0].bot / 2048;
-          grow = (paintRuleTop + size * RAD_GROWN_FOOT) / (inkTopNat - inkBotNat);
-          signAnchor = (-size * RAD_GROWN_FOOT - inkBotNat * grow) / (1 - grow);
-        }
+        const signInk = measurer.inkBox?.("\u221A", font);
+        const inkTopNat = signInk ? signInk.ascent : size * RAD_VARIANTS[0].top / 2048;
+        const inkBotNat = signInk ? -signInk.descent : size * RAD_VARIANTS[0].bot / 2048;
+        const signFoot = nestedGrown ? size * RAD_GROWN_FOOT : signDesc;
+        const grow = (paintRuleTop + signFoot) / (inkTopNat - inkBotNat);
+        const signAnchor = grow === 1 ? 0 : (-signFoot - inkBotNat * grow) / (1 - grow);
         const topLevelDisplay = display && breakDepth === 0 && complexRad;
         const signW = measurer.width("\u221A", font);
         box.pieces.push({
@@ -16310,9 +16321,11 @@ function linearizeMath(nodes) {
       case "frac":
         out += group(n.num) + "/" + group(n.den);
         break;
-      case "rad":
-        out += "\u221A" + group(n.e);
+      case "rad": {
+        const deg = n.deg && n.deg.length ? linearizeMath(n.deg) : "";
+        out += deg ? "\u221A[" + deg + "]" + group(n.e) : "\u221A" + group(n.e);
         break;
+      }
       case "nary":
         out += n.chr + (n.sub.length ? "_" + group(n.sub) : "") + (n.sup.length ? "^" + group(n.sup) : "") + group(n.e);
         break;
@@ -16442,10 +16455,12 @@ function parseMathLinear(input) {
   const parseUnit = () => {
     const ch = input[i];
     if (ch === "{") return parseGroup();
-    if (ch === "\u221A") {
+    if (ch === "\u221A" || ch === "\u221B" || ch === "\u221C") {
       i++;
+      let deg = ch === "\u221B" ? [{ t: "run", text: "3" }] : ch === "\u221C" ? [{ t: "run", text: "4" }] : [];
+      if (ch === "\u221A" && input[i] === "[") deg = parseMathLinear(scanDelim("[", "]"));
       const e = input[i] === "{" ? parseGroup() : parseUnit();
-      return [{ t: "rad", e }];
+      return deg.length ? [{ t: "rad", e, deg }] : [{ t: "rad", e }];
     }
     if (NARY_CHRS.has(ch)) return parseNary();
     if (ch in DELIM_CLOSE) return parseDelim(ch);
@@ -16631,7 +16646,11 @@ function ommlToNodes(e) {
   }
   if (ln === "sSup") return [{ t: "sup", base: kids("e"), script: kids("sup") }];
   if (ln === "sSub") return [{ t: "sub", base: kids("e"), script: kids("sub") }];
-  if (ln === "rad") return [{ t: "rad", e: kids("e") }];
+  if (ln === "rad") {
+    const hide = chrAttr("radPr", "degHide", "0");
+    const deg = hide === "1" || hide === "true" || hide === "on" ? [] : kids("deg");
+    return deg.length ? [{ t: "rad", e: kids("e"), deg }] : [{ t: "rad", e: kids("e") }];
+  }
   if (ln === "t") return e.text ? [{ t: "run", text: e.text }] : [];
   const out = [];
   for (const c of e.children) {
@@ -16663,9 +16682,11 @@ function sameStructure(a, b) {
       case "frac":
         if (!sameStructure(x.num, y.num) || !sameStructure(x.den, y.den)) return false;
         break;
-      case "rad":
-        if (!sameStructure(x.e, y.e)) return false;
+      case "rad": {
+        const yy = y;
+        if (!sameStructure(x.e, yy.e) || !sameStructure(x.deg ?? [], yy.deg ?? [])) return false;
         break;
+      }
       case "nary": {
         const yy = y;
         if (x.chr !== yy.chr || !sameStructure(x.sub, yy.sub) || !sameStructure(x.sup, yy.sup) || !sameStructure(x.e, yy.e))
@@ -17563,6 +17584,33 @@ function deepTextNode(el11) {
   while (n && n.nodeType !== Node.TEXT_NODE) n = n.firstChild;
   return n;
 }
+function textElements(el11) {
+  const out = [];
+  const walk = (node) => {
+    if (localName(node.name) === "t") out.push(node);
+    for (const child3 of node.children) walk(child3);
+  };
+  walk(el11);
+  return out;
+}
+function emptyParagraphLike(el11) {
+  const prefix = el11.name.includes(":") ? el11.name.slice(0, el11.name.indexOf(":") + 1) : "";
+  const text = {
+    name: `${prefix}t`,
+    attrs: { "xml:space": "preserve" },
+    children: [],
+    text: ""
+  };
+  return {
+    paragraph: {
+      name: `${prefix}p`,
+      attrs: {},
+      children: [{ name: `${prefix}r`, attrs: {}, children: [text], text: "" }],
+      text: ""
+    },
+    text
+  };
+}
 var _DocxEditor = class _DocxEditor {
   constructor(host) {
     this.host = host;
@@ -17576,7 +17624,7 @@ var _DocxEditor = class _DocxEditor {
      * our own highlight, which kills the flicker and survives toolbar focus). */
     this.selection = null;
     this.selectionRects = [];
-    this.restoreSelectAllPages = null;
+    this.selectedAll = false;
     /** True while a drag-selection is in progress (checked by onMouseUp, which
      * bubbles from the container BEFORE the document-level drag-end listener). */
     this.dragSelecting = false;
@@ -18106,11 +18154,8 @@ var _DocxEditor = class _DocxEditor {
   }
   clearSelection() {
     this.selection = null;
+    this.selectedAll = false;
     this.paintSelection();
-    const restore = this.restoreSelectAllPages;
-    this.restoreSelectAllPages = null;
-    restore?.();
-    this.host.getHandle()?.updateViewport?.();
     this.notifySelection();
   }
   notifySelection() {
@@ -18131,11 +18176,50 @@ var _DocxEditor = class _DocxEditor {
     }
     return boundary;
   }
+  activeTextItems() {
+    const handle = this.host.getHandle();
+    if (!handle) return [];
+    const activeTexts = /* @__PURE__ */ new Set();
+    const collect = (element) => {
+      if (localName(element.name) === "t") activeTexts.add(element);
+      for (const child3 of element.children) collect(child3);
+    };
+    for (const root of this.host.doc.editableRoots()) {
+      const name = localName(root.name);
+      const headerFooter = name === "hdr" || name === "ftr";
+      if (headerFooter === this.inHeaderFooter) collect(root);
+    }
+    const items = handle._pages ? handle._pages.flatMap((page) => page.page.items) : handle.bindings.map((binding) => binding.item);
+    return items.filter(
+      (item) => item.kind === "text" && !!item.src?.t && activeTexts.has(item.src.t)
+    );
+  }
   /** Segments covered by the owned selection, in document paint order. */
   getSelectionSegments() {
     const sel = this.selection;
     const handle = this.host.getHandle();
     if (!sel || !handle) return [];
+    if (this.selectedAll) {
+      const segments2 = [];
+      for (const item of this.activeTextItems()) {
+        const src = item.src;
+        if (item.text.length === 0) continue;
+        const segment = {
+          run: src.run,
+          t: src.t,
+          start: src.offset,
+          end: src.offset + item.text.length,
+          props: item.props
+        };
+        const previous = segments2[segments2.length - 1];
+        if (previous && previous.t === segment.t && segment.start <= previous.end + 1) {
+          previous.end = Math.max(previous.end, segment.end);
+        } else {
+          segments2.push(segment);
+        }
+      }
+      return segments2;
+    }
     let a = this.pointIndex(sel.anchor);
     let f = this.pointIndex(sel.focus);
     if (a === null || f === null) return [];
@@ -18303,6 +18387,7 @@ var _DocxEditor = class _DocxEditor {
       return;
     }
     this.hideCaret();
+    this.selectedAll = false;
     this.selection = { anchor, focus };
     this.paintSelection();
     this.notifySelection();
@@ -18323,21 +18408,16 @@ var _DocxEditor = class _DocxEditor {
     }
   }
   selectAll() {
-    const handle = this.host.getHandle();
-    if (!handle) return;
-    if (handle._virtualized && !this.restoreSelectAllPages) {
-      this.restoreSelectAllPages = handle.materializeAll?.() ?? null;
-    }
-    const editable = handle.bindings.filter(
-      (b) => b.item.src?.t && this.regionOf(b.item.src.t) === (this.inHeaderFooter ? "hf" : "body")
-    );
+    const editable = this.activeTextItems();
     if (editable.length === 0) return;
-    const first = editable[0].item.src;
-    const last = editable[editable.length - 1].item.src;
+    const first = editable[0].src;
+    const lastItem = editable[editable.length - 1];
+    const last = lastItem.src;
     this.hideCaret();
+    this.selectedAll = true;
     this.selection = {
       anchor: { t: first.t, offset: first.offset },
-      focus: { t: last.t, offset: last.offset + editable[editable.length - 1].item.text.length }
+      focus: { t: last.t, offset: last.offset + lastItem.text.length }
     };
     this.paintSelection();
     this.notifySelection();
@@ -18345,6 +18425,7 @@ var _DocxEditor = class _DocxEditor {
   /** Select the given post-edit ranges (used after formatting to persist). */
   selectRanges(ranges) {
     if (ranges.length === 0) return;
+    this.selectedAll = false;
     const first = ranges[0];
     const last = ranges[ranges.length - 1];
     this.selection = {
@@ -18360,10 +18441,19 @@ var _DocxEditor = class _DocxEditor {
     const sel = this.selection;
     const handle = this.host.getHandle();
     if (!sel || !handle) return;
-    let a = this.pointIndex(sel.anchor);
-    let f = this.pointIndex(sel.focus);
+    const activeTexts = this.selectedAll ? new Set(this.activeTextItems().map((item) => item.src.t)) : null;
+    const bindings = activeTexts ? handle.bindings.filter((binding) => !!binding.item.src?.t && activeTexts.has(binding.item.src.t)) : handle.bindings;
+    if (bindings.length === 0) return;
+    let a = this.selectedAll ? 0 : this.pointIndex(sel.anchor);
+    let f = this.selectedAll ? (bindings.length - 1) * 1e6 + bindings[bindings.length - 1].item.text.length : this.pointIndex(sel.focus);
     if (a === null || f === null) return;
-    const [startPt, endPt] = a <= f ? [sel.anchor, sel.focus] : [sel.focus, sel.anchor];
+    const [startPt, endPt] = this.selectedAll ? [
+      { t: bindings[0].item.src.t, offset: bindings[0].item.src.offset },
+      {
+        t: bindings[bindings.length - 1].item.src.t,
+        offset: bindings[bindings.length - 1].item.src.offset + bindings[bindings.length - 1].item.text.length
+      }
+    ] : a <= f ? [sel.anchor, sel.focus] : [sel.focus, sel.anchor];
     if (a > f) [a, f] = [f, a];
     const startIdx = Math.floor(a / 1e6);
     const endIdx = Math.floor(f / 1e6);
@@ -18378,7 +18468,7 @@ var _DocxEditor = class _DocxEditor {
       run = null;
     };
     for (let i = startIdx; i <= endIdx; i++) {
-      const b = handle.bindings[i];
+      const b = bindings[i];
       const item = b.item;
       const src = item.src;
       if (!src?.t) continue;
@@ -18516,8 +18606,6 @@ var _DocxEditor = class _DocxEditor {
     c.removeEventListener("dragover", this.onDragOver);
     c.removeEventListener("drop", this.onDrop);
     this.dismissSuggestionPopover();
-    this.restoreSelectAllPages?.();
-    this.restoreSelectAllPages = null;
     this.hideCaret();
   }
   // ---------- clipboard ----------
@@ -18651,6 +18739,7 @@ var _DocxEditor = class _DocxEditor {
       }
       if (dragging) {
         this.hideCaret();
+        this.selectedAll = false;
         this.selection = {
           anchor: { t: anchor.t, offset: anchor.offset },
           focus: { t: focus.t, offset: focus.offset }
@@ -18682,6 +18771,7 @@ var _DocxEditor = class _DocxEditor {
     const last = lastTextOf(pEl);
     if (!first || !last) return;
     this.hideCaret();
+    this.selectedAll = false;
     this.selection = {
       anchor: { t: first, offset: 0 },
       focus: { t: last, offset: last.text.length }
@@ -18699,6 +18789,7 @@ var _DocxEditor = class _DocxEditor {
     while (e < text.length && isWord(text[e])) e++;
     if (e > s) {
       this.hideCaret();
+      this.selectedAll = false;
       this.selection = { anchor: { t: caret.t, offset: s }, focus: { t: caret.t, offset: e } };
       this.paintSelection();
       this.notifySelection();
@@ -19606,7 +19697,7 @@ var _DocxEditor = class _DocxEditor {
     row.style.cssText = "display:flex;gap:6px;align-items:center;";
     const input = document.createElement("input");
     input.value = original;
-    input.title = "Linear math: x^2, x_i, {a+b}/{2}, \u221A{x}";
+    input.title = "Linear math: x^2, x_i, {a+b}/{2}, \u221A{x}, \u221A[n]{x}";
     input.style.cssText = "width:260px;border:1px solid #dadce0;border-radius:6px;padding:5px 8px;outline:none;font:14px 'Cambria Math','STIX Two Math',serif;transition:border-color .12s,background .12s;";
     const caption = document.createElement("div");
     caption.style.cssText = "font:11px system-ui,sans-serif;color:#5f6368;max-width:300px;";
@@ -19629,7 +19720,7 @@ var _DocxEditor = class _DocxEditor {
         }
       });
     } else {
-      caption.textContent = "Linear math: x^2, x_i, {a+b}/{2}, \u221A{x}. Enter to apply.";
+      caption.textContent = "Linear math: x^2, x_i, {a+b}/{2}, \u221A{x}, \u221A[n]{x}. Enter to apply.";
       const apply = document.createElement("button");
       apply.textContent = "Apply";
       apply.style.cssText = "border:1px solid #dadce0;border-radius:14px;padding:3px 12px;cursor:pointer;background:#1a73e8;color:#fff;";
@@ -20081,9 +20172,10 @@ var _DocxEditor = class _DocxEditor {
   }
   deleteContents(direction) {
     if (direction === void 0) {
+      const selectedAll = this.selectedAll;
       this.host.history?.checkpoint();
       this.removeSelectedText();
-      this.commit();
+      this.commit(false, selectedAll ? "global" : "local");
       return;
     }
     const caret = this.caret;
@@ -20196,6 +20288,24 @@ var _DocxEditor = class _DocxEditor {
   }
   /** Delete the owned selection's text from the XML; caret → start. */
   removeSelectedText() {
+    if (this.selectedAll && !this.inHeaderFooter && !this.suggesting) {
+      const root = this.host.doc.editableRoots()[0];
+      const body = localName(root.name) === "body" ? root : root.children.find((child3) => localName(child3.name) === "body");
+      if (body) {
+        const empty = emptyParagraphLike(body);
+        const sectionProperties = body.children.filter(
+          (child3) => localName(child3.name) === "sectPr"
+        );
+        body.children = [empty.paragraph, ...sectionProperties];
+        this.clearSelection();
+        this.caret = {
+          t: empty.text,
+          run: { type: "run", props: {}, content: [] },
+          offset: 0
+        };
+        return;
+      }
+    }
     const segments = this.getSelectionSegments();
     if (this.suggesting) {
       const ranges = segments.filter((s) => s.t).map((s) => ({ t: s.t, start: s.start, end: s.end }));
@@ -20215,12 +20325,68 @@ var _DocxEditor = class _DocxEditor {
       list.push({ start: seg.start, end: seg.end });
       byT.set(t, list);
     }
+    const fullySelected = /* @__PURE__ */ new Set();
+    for (const [t, ranges] of byT) {
+      const ordered = [...ranges].sort((a, b) => a.start - b.start);
+      let end = 0;
+      for (const range of ordered) {
+        if (range.start > end) break;
+        end = Math.max(end, range.end);
+      }
+      if (end >= t.text.length) fullySelected.add(t);
+    }
+    const paragraphs = /* @__PURE__ */ new Set();
+    for (const t of fullySelected) {
+      const paragraph = paragraphOf(this.host.doc, t);
+      if (paragraph) paragraphs.add(paragraph);
+    }
+    const fullySelectedParagraphs = [...paragraphs].filter((paragraph) => {
+      const texts = textElements(paragraph).filter((text) => text.text.length > 0);
+      return texts.length > 0 && texts.every((text) => fullySelected.has(text));
+    });
+    const fullySelectedTables = /* @__PURE__ */ new Set();
+    for (const paragraph of fullySelectedParagraphs) {
+      const paragraphProperties = paragraph.children.find(
+        (child3) => localName(child3.name) === "pPr"
+      );
+      const paragraphTexts = textElements(paragraph).filter((text) => text.text.length > 0);
+      const style = paragraphProperties?.children.find((child3) => localName(child3.name) === "pStyle");
+      const styleNumbering = resolveParagraphStyleChain(
+        this.host.doc.styles,
+        attr(style, "val"),
+        false
+      ).pPr.numbering;
+      const isList = paragraphTexts.some((text) => listTypeAt(this.host.doc, text)) || !!styleNumbering;
+      if (paragraphProperties && isList) {
+        paragraphProperties.children = paragraphProperties.children.filter(
+          (child3) => localName(child3.name) !== "numPr" && localName(child3.name) !== "pStyle"
+        );
+      }
+      let ancestor = this.host.doc.findParentOf(paragraph);
+      while (ancestor && localName(ancestor.name) !== "tbl") {
+        ancestor = this.host.doc.findParentOf(ancestor);
+      }
+      if (!ancestor) continue;
+      const tableTexts = textElements(ancestor).filter((text) => text.text.length > 0);
+      if (tableTexts.length > 0 && tableTexts.every((text) => fullySelected.has(text))) {
+        fullySelectedTables.add(ancestor);
+      }
+    }
     for (const [t, ranges] of byT) {
       ranges.sort((a, b) => b.start - a.start);
       for (const r of ranges) {
         t.text = t.text.slice(0, r.start) + t.text.slice(r.end);
       }
     }
+    for (const table2 of fullySelectedTables) {
+      const parent = this.host.doc.findParentOf(table2);
+      if (!parent) continue;
+      const empty = emptyParagraphLike(table2);
+      parent.children.splice(parent.children.indexOf(table2), 1, empty.paragraph);
+      if (first && textElements(table2).includes(first.t)) {
+        first = { t: empty.text, run: first.run, offset: 0 };
+      }
+    }
     this.clearSelection();
     if (first) this.caret = first;
   }