wordinweb 0.1.19 → 0.1.21

package/dist/chunk-7D4SUZUM.js

@@ -0,0 +1,38 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export {
+  __require,
+  __commonJS,
+  __toESM
+};
+//# sourceMappingURL=chunk-7D4SUZUM.js.map

package/dist/chunk-7D4SUZUM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.ts

@@ -1530,6 +1530,8 @@ interface TextItem {
      * the bookmark's page number (Word recomputes PAGEREF on open; the docx
      * cached result is stale in real TOCs). */
     pageRef?: string;
+    /** DOCX bookmarks that begin on this text item. */
+    bookmarks?: string[];
     /** Source m:oMath element when this text is a piece of an equation. */
     mathSrc?: XmlElement;
     href?: string;

package/dist/index.js

@@ -1,34 +1,8 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-var __commonJS = (cb, mod2) => function __require2() {
-  return mod2 || (0, cb[__getOwnPropNames(cb)[0]])((mod2 = { exports: {} }).exports, mod2), mod2.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod2, isNodeMode, target) => (target = mod2 != null ? __create(__getProtoOf(mod2)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod2 || !mod2.__esModule ? __defProp(target, "default", { value: mod2, enumerable: true }) : target,
-  mod2
-));
+import {
+  __commonJS,
+  __require,
+  __toESM
+} from "./chunk-7D4SUZUM.js";
 
 // (disabled):fs
 var require_fs = __commonJS({
@@ -14453,6 +14427,7 @@ var Engine = class {
       }
       floatOffset = clearBannerForLine(line2, li, floatOffset);
       this.y += floatOffset;
+      const lineItemStart = this.cur.items.length;
       this.emitLine(line2, this.cur, this.colX, this.y);
       if (props.tabs) {
         for (const t of props.tabs) {
@@ -14474,12 +14449,16 @@ var Engine = class {
       if (li === 0 && para.bookmarks) {
         const pg = this.cur.physIndex === -1 ? this.lastRealPage : this.cur;
         if (pg) {
+          const target = this.cur.physIndex === -1 ? void 0 : this.cur.items.slice(lineItemStart).find((item) => item.kind === "text");
+          const targets = [];
           for (const bm of para.bookmarks) {
             if (!this.bookmarkPages.has(bm)) {
               this.bookmarkPages.set(bm, formatNumber(pg.displayNumber, PAGE_FMT[pg.sp.pageNumberFormat ?? "decimal"] ?? "decimal"));
               this.bookmarkPageIndices.set(bm, pg.physIndex - 1);
+              targets.push(bm);
             }
           }
+          if (target && targets.length > 0) target.bookmarks = targets;
         }
       }
       if (li === 0 && this.styleRefTrack && this.styleRefTrack.size > 0) {
@@ -17440,9 +17419,6 @@ function firstText(el16) {
   return void 0;
 }
 
-// ../core/src/render/dom.ts
-import { convertEmfToDataUrl } from "emf-converter";
-
 // ../core/src/render/tiff.ts
 var TYPE_SIZE = { 1: 1, 2: 1, 3: 2, 4: 4, 5: 8, 6: 1, 7: 1, 8: 2, 9: 4, 10: 8 };
 function decodeTiff(bytes) {
@@ -17650,194 +17626,6 @@ function packBits(input, expected) {
   return out;
 }
 
-// ../core/src/render/wmf.ts
-import * as WmfModule from "wmf";
-var WMF = WmfModule.default ?? WmfModule;
-var META_EOF = 0;
-var META_SETBKCOLOR = 513;
-var META_SETTEXTALIGN = 302;
-var META_MOVETO = 532;
-var META_LINETO = 531;
-var META_POLYLINE = 805;
-var META_ESCAPE = 1574;
-var META_EXTTEXTOUT = 2610;
-var PLACEABLE_KEY = 2596720087;
-var SYMBOL_TEXT = {
-  p: "\u03C0",
-  "\xA5": "\u221E",
-  "\xB6": "\u2202",
-  \u00E5: "\u2211",
-  D: "\u0394"
-};
-function decodeWmfText(text, family) {
-  if (family === "Symbol") {
-    return { text: [...text].map((char) => SYMBOL_TEXT[char] ?? char).join(""), family };
-  }
-  if (family === "\xCB\xCE\xCC\xE5") {
-    return { text: text.replace(/£¨/g, "\uFF08").replace(/£©/g, "\uFF09"), family: "SimSun" };
-  }
-  return { text, family };
-}
-function record(fn, params) {
-  const length = 6 + params.length + (params.length & 1);
-  const out = new Uint8Array(length);
-  const view = new DataView(out.buffer);
-  view.setUint32(0, length / 2, true);
-  view.setUint16(4, fn, true);
-  out.set(params, 6);
-  return out;
-}
-function polyline(from, to) {
-  const params = new Uint8Array(10);
-  const view = new DataView(params.buffer);
-  view.setUint16(0, 2, true);
-  view.setInt16(2, from[0], true);
-  view.setInt16(4, from[1], true);
-  view.setInt16(6, to[0], true);
-  view.setInt16(8, to[1], true);
-  return record(META_POLYLINE, params);
-}
-function textRecord(char, x, y, advance) {
-  const params = new Uint8Array(12);
-  const view = new DataView(params.buffer);
-  view.setInt16(0, y, true);
-  view.setInt16(2, x, true);
-  view.setUint16(4, 1, true);
-  params[8] = char;
-  view.setInt16(10, advance, true);
-  return record(META_EXTTEXTOUT, params);
-}
-function isMathTypeEscape(bytes, offset, length) {
-  if (length < 18) return false;
-  const name = [77, 97, 116, 104, 84, 121, 112, 101];
-  return name.every((value, i) => bytes[offset + 10 + i] === value);
-}
-function hasMathTypeEscapes(bytes) {
-  const view = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
-  let offset = 18;
-  while (offset + 6 <= bytes.length) {
-    const length = view.getUint32(offset, true) * 2;
-    if (length < 6 || offset + length > bytes.length) return false;
-    const fn = view.getUint16(offset + 4, true);
-    if (fn === META_ESCAPE && isMathTypeEscape(bytes, offset, length)) return true;
-    offset += length;
-    if (fn === META_EOF) break;
-  }
-  return false;
-}
-function prepareWmf(input) {
-  let bytes = input;
-  if (bytes.length >= 22 && new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength).getUint32(0, true) === PLACEABLE_KEY) {
-    bytes = bytes.subarray(22);
-  }
-  if (bytes.length < 18) return null;
-  const view = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
-  const mathType = hasMathTypeEscapes(bytes);
-  const parts = [bytes.slice(0, 18)];
-  let offset = 18;
-  let textAlign = 0;
-  let current = [0, 0];
-  let maxRecordWords = 0;
-  const append = (part) => {
-    parts.push(part);
-    maxRecordWords = Math.max(maxRecordWords, part.length / 2);
-  };
-  while (offset + 6 <= bytes.length) {
-    const length = view.getUint32(offset, true) * 2;
-    if (length < 6 || offset + length > bytes.length) return null;
-    const fn = view.getUint16(offset + 4, true);
-    const params = offset + 6;
-    if (fn === META_SETTEXTALIGN) {
-      textAlign = view.getUint16(params, true);
-      append(bytes.slice(offset, offset + length));
-    } else if (fn === META_MOVETO) {
-      current = [view.getInt16(params + 2, true), view.getInt16(params, true)];
-    } else if (fn === META_LINETO) {
-      const next = [view.getInt16(params + 2, true), view.getInt16(params, true)];
-      append(polyline(current, next));
-      current = next;
-    } else if (fn === META_EXTTEXTOUT) {
-      const y = view.getInt16(params, true);
-      const x = view.getInt16(params + 2, true);
-      const count = view.getUint16(params + 4, true);
-      const options = view.getUint16(params + 6, true);
-      let charsAt = params + 8 + (options & 6 ? 8 : 0);
-      const advancesAt = charsAt + count + (count & 1);
-      const hasAdvances = options === 0 && advancesAt + count * 2 <= offset + length;
-      if (hasAdvances) {
-        let position = textAlign & 1 ? current : [x, y];
-        for (let i = 0; i < count; i++) {
-          const advance = view.getInt16(advancesAt + i * 2, true);
-          append(textRecord(bytes[charsAt + i], position[0], position[1], advance));
-          position = [position[0] + advance, position[1]];
-        }
-        if (textAlign & 1) current = position;
-      } else {
-        const copy = bytes.slice(offset, offset + length);
-        if (textAlign & 1) {
-          const copyView = new DataView(copy.buffer, copy.byteOffset, copy.byteLength);
-          copyView.setInt16(6, current[1], true);
-          copyView.setInt16(8, current[0], true);
-        }
-        append(copy);
-      }
-    } else if (fn === META_ESCAPE && mathType) {
-    } else if (fn !== META_SETBKCOLOR) {
-      append(bytes.slice(offset, offset + length));
-    }
-    offset += length;
-    if (fn === META_EOF) break;
-  }
-  const total = parts.reduce((sum2, part) => sum2 + part.length, 0);
-  const out = new Uint8Array(total);
-  let at = 0;
-  for (const part of parts) {
-    out.set(part, at);
-    at += part.length;
-  }
-  const outView = new DataView(out.buffer);
-  outView.setUint32(6, total / 2, true);
-  outView.setUint32(12, maxRecordWords, true);
-  return out;
-}
-function renderWmf(bytes, width, height) {
-  var _a, _b;
-  try {
-    const prepared = prepareWmf(bytes);
-    if (!prepared) return null;
-    const [rawWidth, rawHeight] = WMF.image_size(prepared).map(Math.abs);
-    if (!rawWidth || !rawHeight) return null;
-    const scale = Math.max(1, window.devicePixelRatio || 1);
-    const canvas = document.createElement("canvas");
-    canvas.width = Math.max(1, Math.round(width * scale));
-    canvas.height = Math.max(1, Math.round(height * scale));
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return null;
-    ctx.fillStyle = "#fff";
-    ctx.fillRect(0, 0, canvas.width, canvas.height);
-    ctx.fillStyle = "#000";
-    ctx.scale(canvas.width / rawWidth, canvas.height / rawHeight);
-    const actions = WMF.get_actions(prepared);
-    for (const action of actions) {
-      if (!action.s) continue;
-      delete action.s.Extent;
-      if (action.t === "text" && action.v !== void 0 && action.s.Font) {
-        const decoded = decodeWmfText(action.v, action.s.Font.Name);
-        action.v = decoded.text;
-        action.s.Font.Name = decoded.family;
-      }
-      if (action.t === "poly") {
-        (_a = action.s).Pen ?? (_a.Pen = { Style: 0, Width: 1, Color: 0 });
-        (_b = action.s).Brush ?? (_b.Brush = { Style: 1, Color: 0 });
-      }
-    }
-    WMF.render_canvas(actions, canvas);
-    return canvas.toDataURL("image/png");
-  } catch {
-    return null;
-  }
-}
-
 // ../core/src/render/dom.ts
 function isXmlish(v) {
   return typeof v === "object" && v !== null && "attrs" in v && "children" in v && "name" in v;
@@ -18014,6 +17802,12 @@ function renderPageShell(page, zoom, options) {
   el16.dataset.bodyTop = String(page.bodyTop);
   el16.dataset.bodyBottom = String(page.bodyBottom);
   el16.dataset.columnBands = JSON.stringify(page.columnBands);
+  const bookmarks = {};
+  for (const item of page.items) {
+    if (item.kind !== "text" || !item.bookmarks) continue;
+    for (const name of item.bookmarks) bookmarks[name] = (item.glyphTop ?? item.lineTop) * zoom;
+  }
+  if (Object.keys(bookmarks).length > 0) el16.dataset.bookmarks = JSON.stringify(bookmarks);
   return el16;
 }
 function renderEmptyPageRecord(page, zoom, options) {
@@ -18029,30 +17823,30 @@ function renderEmptyPageRecord(page, zoom, options) {
     mounted: false
   };
 }
-function mountPageRecord(doc, record2, zoom, options) {
-  if (record2.mounted) return;
-  const rendered = renderPageRecord(doc, record2.page, zoom, options);
+function mountPageRecord(doc, record, zoom, options) {
+  if (record.mounted) return;
+  const rendered = renderPageRecord(doc, record.page, zoom, options);
   const surface = rendered.el.firstElementChild;
-  if (surface) record2.el.appendChild(surface);
-  record2.bindings = rendered.bindings;
-  record2.grips = rendered.grips;
-  record2.images = rendered.images;
-  record2.drawings = rendered.drawings;
-  record2.wordarts = rendered.wordarts;
-  record2.urls = rendered.urls;
-  record2.mounted = true;
-}
-function unmountPageRecord(record2) {
-  if (!record2.mounted) return;
-  for (const url of record2.urls) URL.revokeObjectURL(url);
-  record2.el.replaceChildren();
-  record2.bindings = [];
-  record2.grips = [];
-  record2.images = [];
-  record2.drawings = [];
-  record2.wordarts = [];
-  record2.urls = [];
-  record2.mounted = false;
+  if (surface) record.el.appendChild(surface);
+  record.bindings = rendered.bindings;
+  record.grips = rendered.grips;
+  record.images = rendered.images;
+  record.drawings = rendered.drawings;
+  record.wordarts = rendered.wordarts;
+  record.urls = rendered.urls;
+  record.mounted = true;
+}
+function unmountPageRecord(record) {
+  if (!record.mounted) return;
+  for (const url of record.urls) URL.revokeObjectURL(url);
+  record.el.replaceChildren();
+  record.bindings = [];
+  record.grips = [];
+  record.images = [];
+  record.drawings = [];
+  record.wordarts = [];
+  record.urls = [];
+  record.mounted = false;
 }
 function renderToDom(doc, layout, container, options = {}, prev) {
   const zoom = options.zoom ?? 1;
@@ -19018,8 +18812,18 @@ function renderItem(doc, item, urls, interactive) {
         }
       } else if (ext === "wmf") {
         const wmfKey = `wmf:${item.part}:${Math.round(item.width)}x${Math.round(item.height)}`;
-        decoded = docDerivedSrc(doc, wmfKey) ?? renderWmf(bytes, item.width, item.height);
-        if (decoded) setDocDerivedSrc(doc, wmfKey, decoded);
+        const cachedWmf = docDerivedSrc(doc, wmfKey);
+        if (cachedWmf) {
+          decoded = cachedWmf;
+        } else {
+          void import("./wmf-53LMIKNI.js").then(({ renderWmf }) => {
+            const url = renderWmf(bytes, item.width, item.height);
+            if (url) {
+              setDocDerivedSrc(doc, wmfKey, url);
+              img.src = url;
+            }
+          });
+        }
       } else if (ext === "emf") {
         const emfKey = `emf:${item.part}`;
         const cachedEmf = docDerivedSrc(doc, emfKey);
@@ -19027,7 +18831,7 @@ function renderItem(doc, item, urls, interactive) {
           decoded = cachedEmf;
         } else {
           const buf = bytes.buffer.slice(bytes.byteOffset, bytes.byteOffset + bytes.byteLength);
-          void convertEmfToDataUrl(buf).then((url) => {
+          void import("emf-converter").then(({ convertEmfToDataUrl }) => convertEmfToDataUrl(buf)).then((url) => {
             if (url) {
               setDocDerivedSrc(doc, emfKey, url);
               img.src = url;
@@ -19638,17 +19442,22 @@ function renderText(item, interactive) {
   }
   if (item.href) {
     const anchor = el16;
+    const bookmark = item.href.startsWith("#") ? item.href.slice(1) : void 0;
     anchor.href = item.href;
-    anchor.target = "_blank";
-    anchor.rel = "noreferrer noopener";
+    if (!bookmark) {
+      anchor.target = "_blank";
+      anchor.rel = "noreferrer noopener";
+    }
     anchor.title = item.href;
-    if (interactive) {
+    if (interactive || bookmark) {
       anchor.addEventListener("mouseup", (event) => {
         if (event.metaKey || event.ctrlKey) event.stopPropagation();
       });
       anchor.addEventListener("click", (event) => {
         event.preventDefault();
-        if (event.metaKey || event.ctrlKey) {
+        if (bookmark && (!interactive || event.metaKey || event.ctrlKey)) {
+          scrollToBookmark(anchor, bookmark);
+        } else if (!bookmark && (event.metaKey || event.ctrlKey)) {
           window.open(anchor.href, "_blank", "noopener,noreferrer");
         }
       });
@@ -19663,6 +19472,20 @@ function renderText(item, interactive) {
   setItemLayer(el16, item);
   return el16;
 }
+function scrollToBookmark(anchor, bookmark) {
+  const root = anchor.closest(".dxw-pages");
+  const container = root?.parentElement;
+  if (!root || !container) return;
+  for (const page of Array.from(root.children)) {
+    if (!(page instanceof HTMLElement) || !page.dataset.bookmarks) continue;
+    const bookmarks = JSON.parse(page.dataset.bookmarks);
+    const y = bookmarks[bookmark];
+    if (y === void 0) continue;
+    const pageTop = page.getBoundingClientRect().top - container.getBoundingClientRect().top + container.scrollTop;
+    container.scrollTo({ top: Math.max(0, pageTop + y - 24) });
+    return;
+  }
+}
 function renderEdge(x1, y1, x2, y2, border, rotate) {
   const el16 = document.createElement("div");
   el16.dataset.dxwEdge = "1";
@@ -34749,11 +34572,6 @@ function DocxView({
   const applyZoomRef = useRef3(null);
   const onPageCountChangeRef = useRef3(onPageCountChange);
   onPageCountChangeRef.current = onPageCountChange;
-  useEffect3(() => {
-    if (editable && typeof window !== "undefined" && !customElements.get("model-viewer")) {
-      void import("@google/model-viewer");
-    }
-  }, [editable]);
   const recomputeFit = useCallback2(() => {
     const c = containerRef.current;
     if (!c) return;
@@ -34847,6 +34665,9 @@ function DocxView({
       paintedModelVersion = doc.modelVersion;
       const container = containerRef.current;
       if (!container) return 0;
+      if (editable && !customElements.get("model-viewer") && layout.pages.some((page) => page.items.some((item) => item.kind === "image" && item.model3D))) {
+        void import("@google/model-viewer");
+      }
       const { scrollTop, scrollLeft } = container;
       const prev = handle;
       const t2 = perf ? performance.now() : 0;