@forevka/wordcanvas 0.7.1 → 0.7.2

package/dist-lib/styleProps-DhqDEfvc.js

@@ -0,0 +1,149 @@
+const l = (e) => Number.isFinite(e) ? e : 0, s = (e) => Math.round(l(e) * 15), d = (e) => Math.round(l(e) * 1.5), z = (e) => Math.round(l(e) * 9525), L = (e) => Math.max(2, Math.round(l(e) * 6)), w = (e) => Math.round(l(e) * 240), c = {
+  "#ffff00": "yellow",
+  "#00ff00": "green",
+  "#00ffff": "cyan",
+  "#ff00ff": "magenta",
+  "#0000ff": "blue",
+  "#ff0000": "red",
+  "#000080": "darkBlue",
+  "#008080": "darkCyan",
+  "#008000": "darkGreen",
+  "#800080": "darkMagenta",
+  "#800000": "darkRed",
+  "#808000": "darkYellow",
+  "#808080": "darkGray",
+  "#c0c0c0": "lightGray",
+  "#000000": "black",
+  "#ffffff": "white"
+}, u = { left: "left", center: "center", right: "right", justify: "both" }, p = { left: "left", center: "center", right: "right", decimal: "decimal" }, g = { dot: "dot", dash: "hyphen", underscore: "underscore" }, f = (e) => e.replace(/^#/, "").toLowerCase();
+function m(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function k(e) {
+  return m(e).replace(/"/g, "&quot;");
+}
+function A(e) {
+  if (!e) return "";
+  let t = "";
+  for (const [i, o] of Object.entries(e))
+    o === void 0 || o === !1 || (t += ` ${i}="${k(String(o))}"`);
+  return t;
+}
+function n(e, t, i) {
+  const o = A(t);
+  return i === void 0 || i === "" ? `<${e}${o}/>` : `<${e}${o}>${i}</${e}>`;
+}
+function F(e) {
+  const t = /^\s|\s$|\s\s/.test(e) || e.includes("	");
+  return n("w:t", t ? { "xml:space": "preserve" } : void 0, m(e));
+}
+const B = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+`, C = {
+  "xmlns:w": "http://schemas.openxmlformats.org/wordprocessingml/2006/main",
+  "xmlns:r": "http://schemas.openxmlformats.org/officeDocument/2006/relationships",
+  "xmlns:wp": "http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing",
+  "xmlns:a": "http://schemas.openxmlformats.org/drawingml/2006/main",
+  "xmlns:pic": "http://schemas.openxmlformats.org/drawingml/2006/picture",
+  "xmlns:w14": "http://schemas.microsoft.com/office/word/2010/wordml",
+  "xmlns:mc": "http://schemas.openxmlformats.org/markup-compatibility/2006"
+};
+function T(e) {
+  const t = (e.fontFamily.split(",")[0] ?? "").trim(), i = [];
+  if (e.charStyleId && i.push(n("w:rStyle", { "w:val": e.charStyleId })), t && i.push(n("w:rFonts", { "w:ascii": t, "w:hAnsi": t, "w:cs": t })), i.push(n("w:b", { "w:val": e.bold ? "1" : "0" })), i.push(n("w:i", { "w:val": e.italic ? "1" : "0" })), e.strikethrough && i.push(n("w:strike", { "w:val": "1" })), e.hidden && i.push(n("w:vanish", { "w:val": "1" })), i.push(n("w:color", { "w:val": f(e.color) })), i.push(n("w:sz", { "w:val": d(e.fontSizePx) })), i.push(n("w:szCs", { "w:val": d(e.fontSizePx) })), i.push(n("w:u", { "w:val": e.underline ? "single" : "none" })), e.letterSpacingPx !== void 0 && i.push(n("w:spacing", { "w:val": s(e.letterSpacingPx) })), e.highlightColor) {
+    const o = c[e.highlightColor.toLowerCase()];
+    o && i.push(n("w:highlight", { "w:val": o }));
+  }
+  return e.verticalAlign && i.push(n("w:vertAlign", { "w:val": e.verticalAlign === "super" ? "superscript" : "subscript" })), n("w:rPr", void 0, i.join(""));
+}
+function M(e) {
+  const t = [];
+  t.push(n("w:spacing", {
+    "w:before": s(e.spaceBeforePx),
+    "w:after": s(e.spaceAfterPx),
+    "w:line": w(e.lineHeight),
+    "w:lineRule": "auto"
+  }));
+  const i = {};
+  if (e.indentLeftPx && (i["w:left"] = s(e.indentLeftPx)), e.indentRightPx && (i["w:right"] = s(e.indentRightPx)), e.indentFirstLinePx > 0 ? i["w:firstLine"] = s(e.indentFirstLinePx) : e.indentFirstLinePx < 0 && (i["w:hanging"] = s(-e.indentFirstLinePx)), Object.keys(i).length > 0 && t.push(n("w:ind", i)), t.push(n("w:jc", { "w:val": u[e.align] })), e.tabStops && e.tabStops.length > 0) {
+    const o = e.tabStops.map(
+      (r) => n("w:tab", {
+        "w:val": r.align ? p[r.align] ?? "left" : "left",
+        "w:pos": s(r.posPx),
+        "w:leader": r.leader && r.leader !== "none" ? g[r.leader] : void 0
+      })
+    ).join("");
+    t.push(n("w:tabs", void 0, o));
+  }
+  return t.join("");
+}
+function v(e) {
+  const t = [];
+  if (e.fontFamily) {
+    const i = (e.fontFamily.split(",")[0] ?? "").trim();
+    i && t.push(n("w:rFonts", { "w:ascii": i, "w:hAnsi": i, "w:cs": i }));
+  }
+  if (e.bold !== void 0 && t.push(n("w:b", { "w:val": e.bold ? "1" : "0" })), e.italic !== void 0 && t.push(n("w:i", { "w:val": e.italic ? "1" : "0" })), e.strikethrough !== void 0 && t.push(n("w:strike", { "w:val": e.strikethrough ? "1" : "0" })), e.color && t.push(n("w:color", { "w:val": f(e.color) })), e.fontSizePx !== void 0) {
+    const i = Math.round(e.fontSizePx * 1.5);
+    t.push(n("w:sz", { "w:val": i })), t.push(n("w:szCs", { "w:val": i }));
+  }
+  if (e.underline !== void 0 && t.push(n("w:u", { "w:val": e.underline ? "single" : "none" })), e.highlightColor) {
+    const i = c[e.highlightColor.toLowerCase()];
+    i && t.push(n("w:highlight", { "w:val": i }));
+  }
+  return e.verticalAlign && t.push(n("w:vertAlign", { "w:val": e.verticalAlign === "super" ? "superscript" : "subscript" })), t.length > 0 ? n("w:rPr", void 0, t.join("")) : "";
+}
+function x(e) {
+  const t = [];
+  e.align && t.push(n("w:jc", { "w:val": u[e.align] ?? "left" }));
+  const i = {};
+  e.spaceBeforePx !== void 0 && (i["w:before"] = s(e.spaceBeforePx)), e.spaceAfterPx !== void 0 && (i["w:after"] = s(e.spaceAfterPx)), e.lineHeight !== void 0 && (i["w:line"] = w(e.lineHeight), i["w:lineRule"] = "auto"), Object.keys(i).length > 0 && t.push(n("w:spacing", i));
+  const o = {};
+  if (e.indentLeftPx !== void 0 && (o["w:left"] = s(e.indentLeftPx)), e.indentRightPx !== void 0 && (o["w:right"] = s(e.indentRightPx)), e.indentFirstLinePx !== void 0 && (e.indentFirstLinePx >= 0 ? o["w:firstLine"] = s(e.indentFirstLinePx) : o["w:hanging"] = s(-e.indentFirstLinePx)), Object.keys(o).length > 0 && t.push(n("w:ind", o)), e.keepWithNext && t.push(n("w:keepNext")), e.keepLinesTogether && t.push(n("w:keepLines")), e.tabStops && e.tabStops.length > 0) {
+    const r = e.tabStops.map(
+      (a) => n("w:tab", {
+        "w:val": a.align ? p[a.align] ?? "left" : "left",
+        "w:pos": s(a.posPx),
+        "w:leader": a.leader && a.leader !== "none" ? g[a.leader] : void 0
+      })
+    ).join("");
+    t.push(n("w:tabs", void 0, r));
+  }
+  return t.length > 0 ? n("w:pPr", void 0, t.join("")) : "";
+}
+function b(e, t) {
+  const i = (o, r) => {
+    if (!r) return "";
+    const a = r.style === "double" ? "double" : r.style === "dashed" ? "dashed" : r.style === "dotted" ? "dotted" : "single";
+    return n("w:" + o, { "w:val": a, "w:sz": L(r.widthPx), "w:space": 0, "w:color": f(r.color) });
+  };
+  return n(e, void 0, i("top", t.top) + i("left", t.left) + i("bottom", t.bottom) + i("right", t.right));
+}
+const P = (e) => n("w:shd", { "w:val": "clear", "w:color": "auto", "w:fill": f(e) });
+function j(e, t) {
+  const i = [];
+  t.borders && i.push(b("w:tcBorders", t.borders)), t.shading && i.push(P(t.shading));
+  const o = i.length > 0 ? n("w:tcPr", void 0, i.join("")) : "";
+  return n("w:tblStylePr", { "w:type": e }, v(t.char ?? {}) + x(t.para ?? {}) + o);
+}
+function R(e) {
+  const t = e.conds.wholeTable ?? {}, i = [];
+  e.rowBandSize !== void 0 && i.push(n("w:tblStyleRowBandSize", { "w:val": e.rowBandSize })), e.colBandSize !== void 0 && i.push(n("w:tblStyleColBandSize", { "w:val": e.colBandSize })), t.borders && i.push(b("w:tblBorders", t.borders)), t.shading && i.push(P(t.shading));
+  const o = i.length > 0 ? n("w:tblPr", void 0, i.join("")) : "", r = Object.entries(e.conds).filter(([h]) => h !== "wholeTable").map(([h, S]) => j(h, S)).join(""), a = n("w:name", { "w:val": e.name }) + (e.basedOn ? n("w:basedOn", { "w:val": e.basedOn }) : "") + v(t.char ?? {}) + x(t.para ?? {}) + o + r;
+  return n("w:style", { "w:type": "table", "w:styleId": e.id }, a);
+}
+export {
+  C as W,
+  B as X,
+  m as a,
+  M as b,
+  z as c,
+  L as d,
+  n as e,
+  v as f,
+  x as g,
+  f as h,
+  R as i,
+  s as p,
+  T as r,
+  F as t
+};

package/dist-lib/stylesheet-B6oczA-L.js

@@ -0,0 +1,141 @@
+import { p as u } from "./browser-p_rkUcqE.js";
+function p(e) {
+  return e.type ?? "paragraph";
+}
+function c(e, t) {
+  return e.styles.find((a) => a.id === t);
+}
+function m(e, t) {
+  const a = [], r = /* @__PURE__ */ new Set();
+  for (let s = c(e, t); s && !r.has(s.id); s = s.basedOn ? c(e, s.basedOn) : void 0)
+    r.add(s.id), a.unshift(s);
+  const o = {}, n = {};
+  for (const s of a)
+    Object.assign(o, d(s.char)), Object.assign(n, d(s.para));
+  return { char: o, para: n };
+}
+function g(e, t) {
+  const a = [], r = /* @__PURE__ */ new Set();
+  for (let n = c(e, t); n && !r.has(n.id); n = n.basedOn ? c(e, n.basedOn) : void 0)
+    r.add(n.id), a.unshift(n);
+  const o = {};
+  for (const n of a) Object.assign(o, d(n.char));
+  return o;
+}
+function b(e, t) {
+  const a = /* @__PURE__ */ new Set();
+  let r = !0;
+  for (; r; ) {
+    r = !1;
+    for (const o of e.styles)
+      a.has(o.id) || o.basedOn !== void 0 && (o.basedOn === t || a.has(o.basedOn)) && (a.add(o.id), r = !0);
+  }
+  return a;
+}
+function O(e, t, a) {
+  return a ? a === t ? !0 : b(e, t).has(a) : !1;
+}
+function y(e) {
+  const t = (a) => Object.entries(d(a)).sort(([r], [o]) => r < o ? -1 : r > o ? 1 : 0);
+  return JSON.stringify([p(e), e.basedOn ?? "", t(e.char), t(e.para)]);
+}
+function S(e) {
+  const t = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+  for (const n of e.styles) {
+    const s = y(n), i = a.get(s);
+    if (i === void 0)
+      a.set(s, n.id);
+    else if (n.id === e.defaultStyleId) {
+      a.set(s, n.id), t.set(i, n.id);
+      for (const [f, l] of t) l === i && t.set(f, n.id);
+    } else
+      t.set(n.id, i);
+  }
+  if (t.size === 0) return { sheet: e, remap: t };
+  const r = (n) => t.get(n) ?? n, o = [];
+  for (const n of e.styles) {
+    if (t.has(n.id)) continue;
+    const s = { ...n };
+    if (s.basedOn !== void 0) {
+      const i = r(s.basedOn);
+      i === s.id ? delete s.basedOn : s.basedOn = i;
+    }
+    o.push(s);
+  }
+  return { sheet: { styles: o, defaultStyleId: r(e.defaultStyleId) }, remap: t };
+}
+function d(e) {
+  const t = {};
+  for (const [a, r] of Object.entries(e))
+    r !== void 0 && (t[a] = r);
+  return t;
+}
+function x(e, t) {
+  return u(e).filter((a) => a.style.namedStyle === t);
+}
+function P() {
+  return {
+    defaultStyleId: "Normal",
+    styles: [
+      {
+        id: "Normal",
+        name: "Normal",
+        char: { fontFamily: "Georgia, serif", fontSizePx: 16, bold: !1, italic: !1, color: "#202124" },
+        para: { ...{ lineHeight: 1.5, spaceBeforePx: 0, spaceAfterPx: 12 }, align: "left", indentFirstLinePx: 0 }
+      },
+      {
+        id: "Title",
+        name: "Title",
+        basedOn: "Normal",
+        char: { fontFamily: "Arial, sans-serif", fontSizePx: 32, bold: !0, color: "#1a1a2e" },
+        para: { align: "center", spaceAfterPx: 4 }
+      },
+      {
+        id: "Subtitle",
+        name: "Subtitle",
+        basedOn: "Normal",
+        char: { italic: !0, color: "#5f6368" },
+        para: { align: "center", spaceAfterPx: 28 }
+      },
+      {
+        id: "Heading1",
+        name: "Heading 1",
+        basedOn: "Normal",
+        char: { fontFamily: "Arial, sans-serif", fontSizePx: 24, bold: !0, color: "#1a1a2e" },
+        para: { spaceBeforePx: 18, spaceAfterPx: 8, keepWithNext: !0 }
+      },
+      {
+        id: "Heading2",
+        name: "Heading 2",
+        basedOn: "Heading1",
+        char: { fontSizePx: 19 },
+        para: { spaceBeforePx: 14, spaceAfterPx: 6 }
+      },
+      {
+        id: "Quote",
+        name: "Quote",
+        basedOn: "Normal",
+        char: { italic: !0, color: "#5f6368" },
+        para: { indentLeftPx: 36, spaceBeforePx: 8, spaceAfterPx: 8 }
+      },
+      {
+        id: "Code",
+        name: "Code",
+        basedOn: "Normal",
+        char: { fontFamily: "Consolas, monospace", fontSizePx: 14, color: "#0b57d0" },
+        para: { lineHeight: 1.35 }
+      }
+    ]
+  };
+}
+export {
+  p as a,
+  m as b,
+  b as c,
+  P as d,
+  S as m,
+  x as p,
+  g as r,
+  c as s,
+  O as w
+};

package/dist-lib/{toc-B6VpkJge.js → toc-Dj57zdz-.js}

@@ -1,4 +1,4 @@
-import { t as b, v as k, y as v } from "./browser-DkKxreJM.js";
+import { t as b, x as k, A as v } from "./browser-p_rkUcqE.js";
 function y(t, e = 0) {
   let i = e;
   return {
@@ -8,13 +8,13 @@ function y(t, e = 0) {
   };
 }
 let h = y("local");
-function E(t, e = 0) {
+function A(t, e = 0) {
   h = y(t, e);
 }
 function g() {
   return h.next();
 }
-function A() {
+function E() {
   return h.siteId;
 }
 const m = (t) => {
@@ -200,9 +200,9 @@ function W(t, e = {}) {
 export {
   T as a,
   B as b,
-  A as c,
+  E as c,
   R as d,
-  E as e,
+  A as e,
   g as f,
   W as g,
   y as h,

package/dist-lib/{webmcp-6WxRNKCc.js → webmcp-CXghUon_.js}

@@ -1,4 +1,4 @@
-import { p as j, c as _, n as F, t as k } from "./browser-DkKxreJM.js";
+import { p as j, d as _, q as F, t as k } from "./browser-p_rkUcqE.js";
 const s = (e) => Math.round(e * 100) / 100;
 function L(e) {
   const o = { font: e.fontFamily, sizePx: e.fontSizePx };
@@ -339,7 +339,7 @@ function Y(e, o = {}, r = {}) {
       if (i && e.search(i).total === 0)
         return e.searchClear(), f(`text not found: ${i}`);
       if (!e.getSelection()) return f("no selection (pass 'find' or select_range first)");
-      const { insertText: l } = await import("./editorApp-DLXMmtu5.js").then((m) => m.c);
+      const { insertText: l } = await import("./editorApp-mTD0YNv-.js").then((m) => m.c);
       return e.dispatch(l(t)), i && e.searchClear(), g("inserted");
     }
   }), a({

package/dist-lib/{wordcanvas-CFqpDK0k.js → wordcanvas-D5DI9ZR1.js}

@@ -1,14 +1,14 @@
-function r(s, e) {
-  const a = e > 0 ? s / e : 1;
-  return { phase: "fonts", loaded: s, total: e, percent: 0.15 + (1 - 0.15) * a };
+function i(a, e) {
+  const t = e > 0 ? a / e : 1;
+  return { phase: "fonts", loaded: a, total: e, percent: 0.15 + (1 - 0.15) * t };
 }
-class o {
+class l {
   handle = null;
   ready;
   handlers = /* @__PURE__ */ new Map();
   constructor(e) {
-    this.ready = new Promise((a) => {
-      const t = {
+    this.ready = new Promise((t) => {
+      const r = {
         container: e.container,
         backendUrl: e.backendUrl,
         // `docId` is the canonical name; fall back to the deprecated `collabId`.
@@ -21,32 +21,58 @@ class o {
         knownUsers: e.knownUsers,
         resolveField: e.resolveField,
         agentTools: e.agentTools,
+        view: e.view,
         onLoadProgress: e.onLoadProgress,
         onReady: (n) => {
-          this.handle = n, a(n);
+          this.handle = n, t(n);
         },
         onEvent: (n) => this.emit(n)
       };
-      e.onLoadProgress?.({ phase: "bundle", percent: 0, loaded: 0, total: 0 }), import("./editorApp-DLXMmtu5.js").then((n) => n.e).then((n) => (e.onLoadProgress?.({ phase: "bundle", percent: 0.15, loaded: 0, total: 0 }), n.mountEditorApp(t)));
+      e.onLoadProgress?.({ phase: "bundle", percent: 0, loaded: 0, total: 0 }), import("./editorApp-mTD0YNv-.js").then((n) => n.e).then((n) => (e.onLoadProgress?.({ phase: "bundle", percent: 0.15, loaded: 0, total: 0 }), n.mountEditorApp(r)));
     });
   }
   /** Subscribe to a collaboration event. Returns an unsubscribe function. */
-  on(e, a) {
-    let t = this.handlers.get(e);
-    return t || this.handlers.set(e, t = /* @__PURE__ */ new Set()), t.add(a), () => this.off(e, a);
+  on(e, t) {
+    let r = this.handlers.get(e);
+    return r || this.handlers.set(e, r = /* @__PURE__ */ new Set()), r.add(t), () => this.off(e, t);
   }
   /** Unsubscribe a handler previously passed to on(). */
-  off(e, a) {
-    this.handlers.get(e)?.delete(a);
+  off(e, t) {
+    this.handlers.get(e)?.delete(t);
   }
   emit(e) {
-    const { type: a, ...t } = e;
-    for (const n of this.handlers.get(a) ?? []) n(t);
+    const { type: t, ...r } = e;
+    for (const n of this.handlers.get(t) ?? []) n(r);
   }
   /** Resolves once the editor is mounted and ready. */
   whenReady() {
     return this.ready;
   }
+  /** Create a child document that shares this editor's live styles, fonts and
+   *  theme. Use it to render a real, document-styled preview of a content slice
+   *  (e.g. a style sample, a field result, or any blocks/fragment/OOXML) onto a
+   *  canvas — instead of an HTML approximation — or to mount a canvas-native
+   *  editor over a slice. Returned synchronously; render() calls before the editor
+   *  is ready are buffered and flush on ready. (mountEditor() requires the editor
+   *  to be ready — await whenReady() first.) */
+  createChild() {
+    let e = null, t = null, r = !1;
+    return this.ready.then((n) => {
+      r || (e = n.createChild(), t?.(), t = null);
+    }), {
+      render: (n, s, o) => {
+        const d = () => e?.render(n, s, o);
+        e ? d() : t = d;
+      },
+      mountEditor: (n, s, o) => {
+        if (!e) throw new Error("WordCanvas.createChild(): await whenReady() before mountEditor()");
+        return e.mountEditor(n, s, o);
+      },
+      destroy: () => {
+        r = !0, e?.destroy(), e = null;
+      }
+    };
+  }
   /** Open a .docx. When online, auto-publishes it and surfaces a share link. */
   async openDocx(e) {
     return (await this.ready).openDocx(e);
@@ -100,14 +126,14 @@ class o {
   /** Add a comment thread anchored to the current selection (a rich-text body;
    *  `mentions` are @-tagged users). Resolves to the thread id, or null if
    *  there's no selection. */
-  async addComment(e, a) {
-    return (await this.ready).addComment(e, a);
+  async addComment(e, t) {
+    return (await this.ready).addComment(e, t);
   }
-  async replyToComment(e, a, t) {
-    (await this.ready).replyToComment(e, a, t);
+  async replyToComment(e, t, r) {
+    (await this.ready).replyToComment(e, t, r);
   }
-  async resolveThread(e, a = !0) {
-    (await this.ready).resolveThread(e, a);
+  async resolveThread(e, t = !0) {
+    (await this.ready).resolveThread(e, t);
   }
   getDocId() {
     return this.handle?.getDocId() ?? null;
@@ -120,6 +146,6 @@ class o {
   }
 }
 export {
-  o as W,
-  r as f
+  l as W,
+  i as f
 };

package/dist-lib/wordcanvas.js

@@ -1,4 +1,4 @@
-import { W as r } from "./wordcanvas-CFqpDK0k.js";
+import { W as r } from "./wordcanvas-D5DI9ZR1.js";
 export {
   r as WordCanvas
 };