@extend-ai/react-docx 0.6.0 → 0.6.1

package/dist/index.cjs

@@ -7799,107 +7799,6 @@ function parseParagraphsFromClipboard(input) {
   }
 }
 
-// src/docx-import-worker-client.ts
-var import_meta = {};
-var cachedWorker;
-var cachedWorkerUnavailable = false;
-var nextRequestId = 1;
-function resolveWorker() {
-  if (cachedWorkerUnavailable) {
-    return void 0;
-  }
-  if (cachedWorker) {
-    return cachedWorker;
-  }
-  if (typeof window === "undefined" || typeof Worker === "undefined" || typeof URL === "undefined") {
-    cachedWorkerUnavailable = true;
-    return void 0;
-  }
-  try {
-    const workerUrl = new URL(
-      "./docx-import-worker.ts",
-      import_meta.url
-    );
-    cachedWorker = new Worker(workerUrl, {
-      type: "module",
-      name: "docx-import"
-    });
-    return cachedWorker;
-  } catch {
-    cachedWorkerUnavailable = true;
-    cachedWorker = void 0;
-    return void 0;
-  }
-}
-async function importDocxOnMainThread(buffer) {
-  const pkg = await parseDocx(buffer);
-  const model = buildDocModel(pkg);
-  return { pkg, model };
-}
-async function importDocxViaWorker(buffer) {
-  const worker = resolveWorker();
-  if (!worker) {
-    return importDocxOnMainThread(buffer);
-  }
-  const requestId = nextRequestId;
-  nextRequestId += 1;
-  return new Promise((resolve, reject) => {
-    const handleMessage = (event) => {
-      const data = event.data;
-      if (!data || data.requestId !== requestId) {
-        return;
-      }
-      worker.removeEventListener("message", handleMessage);
-      worker.removeEventListener("error", handleError);
-      worker.removeEventListener("messageerror", handleMessageError);
-      if (data.type === "imported") {
-        resolve({ pkg: data.pkg, model: data.model });
-      } else {
-        reject(new Error(data.message));
-      }
-    };
-    const handleError = (event) => {
-      worker.removeEventListener("message", handleMessage);
-      worker.removeEventListener("error", handleError);
-      worker.removeEventListener("messageerror", handleMessageError);
-      const message = event instanceof ErrorEvent && event.message ? event.message : "DOCX import worker crashed";
-      try {
-        worker.terminate();
-      } catch {
-      }
-      if (cachedWorker === worker) {
-        cachedWorker = void 0;
-      }
-      reject(new Error(message));
-    };
-    const handleMessageError = () => {
-      handleError(new Event("messageerror"));
-    };
-    worker.addEventListener("message", handleMessage);
-    worker.addEventListener("error", handleError);
-    worker.addEventListener("messageerror", handleMessageError);
-    const request = {
-      type: "import",
-      requestId,
-      buffer
-    };
-    try {
-      worker.postMessage(request, [buffer]);
-    } catch (error) {
-      worker.removeEventListener("message", handleMessage);
-      worker.removeEventListener("error", handleError);
-      worker.removeEventListener("messageerror", handleMessageError);
-      if (typeof console !== "undefined") {
-        console.warn(
-          "DOCX import worker postMessage failed; falling back to main thread.",
-          error
-        );
-      }
-      importDocxOnMainThread(buffer).then(resolve, reject);
-    }
-  });
-}
-
 // ../serializer/src/index.ts
 var REL_TYPE_IMAGE = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/image";
 var REL_TYPE_HYPERLINK = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/hyperlink";
@@ -9430,10 +9329,12 @@ function reconcilePageCountCandidateToTargetCountByScalingHeight(options) {
 
 // src/pretext-layout.ts
 var import_pretext = require("@chenglou/pretext");
-var PREPARED_TEXT_CACHE_MAX_ENTRIES = 512;
-var LAYOUT_CACHE_MAX_ENTRIES = 256;
+var PREPARED_TEXT_CACHE_MAX_ENTRIES = 8192;
+var LAYOUT_CACHE_MAX_ENTRIES = 4096;
+var LINE_COUNT_CACHE_MAX_ENTRIES = 16384;
 var preparedTextByKey = /* @__PURE__ */ new Map();
 var layoutByKey = /* @__PURE__ */ new Map();
+var lineCountByKey = /* @__PURE__ */ new Map();
 var fragmentOffsetAdvancesByFragment = /* @__PURE__ */ new WeakMap();
 var graphemeOffsetsByText = /* @__PURE__ */ new Map();
 var measureCanvas;
@@ -9442,6 +9343,24 @@ var graphemeSegmenter;
 function canUsePretext() {
   return typeof OffscreenCanvas !== "undefined" || typeof document !== "undefined";
 }
+function getCachedValue(cache, key) {
+  const cached = cache.get(key);
+  if (cached === void 0) {
+    return void 0;
+  }
+  cache.delete(key);
+  cache.set(key, cached);
+  return cached;
+}
+function trimCache(cache, maxEntries) {
+  while (cache.size > maxEntries) {
+    const firstKey = cache.keys().next().value;
+    if (firstKey === void 0) {
+      break;
+    }
+    cache.delete(firstKey);
+  }
+}
 function getMeasureContext() {
   if (!canUsePretext()) {
     return void 0;
@@ -9628,7 +9547,7 @@ function prepareCached(text, font, wordBreak = "normal") {
     return void 0;
   }
   const cacheKey = `${font}\0${wordBreak}\0${text}`;
-  const cached = preparedTextByKey.get(cacheKey);
+  const cached = getCachedValue(preparedTextByKey, cacheKey);
   if (cached) {
     return cached;
   }
@@ -9638,13 +9557,7 @@ function prepareCached(text, font, wordBreak = "normal") {
       wordBreak
     });
     preparedTextByKey.set(cacheKey, prepared);
-    while (preparedTextByKey.size > PREPARED_TEXT_CACHE_MAX_ENTRIES) {
-      const firstKey = preparedTextByKey.keys().next().value;
-      if (!firstKey) {
-        break;
-      }
-      preparedTextByKey.delete(firstKey);
-    }
+    trimCache(preparedTextByKey, PREPARED_TEXT_CACHE_MAX_ENTRIES);
     return prepared;
   } catch {
     return void 0;
@@ -9655,13 +9568,21 @@ function measurePretextPlainTextLineCount(text, font, containerWidthPx, options)
     return 0;
   }
   const wordBreak = options?.wordBreak ?? "normal";
+  const safeWidth = Math.max(1, Math.round(containerWidthPx));
+  const cacheKey = `line-count\0${font}\0${wordBreak}\0${safeWidth}\0${text}`;
+  const cached = getCachedValue(lineCountByKey, cacheKey);
+  if (cached !== void 0) {
+    return cached;
+  }
   const prepared = prepareCached(text, font, wordBreak);
   if (!prepared) {
     return void 0;
   }
   try {
-    const safeWidth = Math.max(1, Math.round(containerWidthPx));
-    return (0, import_pretext.measureLineStats)(prepared, safeWidth).lineCount;
+    const lineCount = (0, import_pretext.measureLineStats)(prepared, safeWidth).lineCount;
+    lineCountByKey.set(cacheKey, lineCount);
+    trimCache(lineCountByKey, LINE_COUNT_CACHE_MAX_ENTRIES);
+    return lineCount;
   } catch {
     return void 0;
   }
@@ -9921,7 +9842,7 @@ function layoutTextWithPretextAroundExclusions(text, font, containerWidthPx, lin
     safeLineHeightPx,
     normalizedExclusions
   );
-  const cachedLayout = layoutByKey.get(cacheKey);
+  const cachedLayout = getCachedValue(layoutByKey, cacheKey);
   if (cachedLayout) {
     return cachedLayout;
   }
@@ -9995,13 +9916,7 @@ function layoutTextWithPretextAroundExclusions(text, font, containerWidthPx, lin
     exclusions: normalizedExclusions
   };
   layoutByKey.set(cacheKey, nextLayout);
-  while (layoutByKey.size > LAYOUT_CACHE_MAX_ENTRIES) {
-    const firstKey = layoutByKey.keys().next().value;
-    if (!firstKey) {
-      break;
-    }
-    layoutByKey.delete(firstKey);
-  }
+  trimCache(layoutByKey, LAYOUT_CACHE_MAX_ENTRIES);
   return nextLayout;
 }
 function layoutItemsWithPretextAroundExclusions(text, items, containerWidthPx, lineHeightPx, exclusions, fallbackFont) {
@@ -10053,7 +9968,7 @@ function layoutItemsWithPretextAroundExclusions(text, items, containerWidthPx, l
     safeLineHeightPx,
     normalizedExclusions
   );
-  const cachedLayout = layoutByKey.get(cacheKey);
+  const cachedLayout = getCachedValue(layoutByKey, cacheKey);
   if (cachedLayout) {
     return cachedLayout;
   }
@@ -10167,13 +10082,7 @@ function layoutItemsWithPretextAroundExclusions(text, items, containerWidthPx, l
     exclusions: normalizedExclusions
   };
   layoutByKey.set(cacheKey, nextLayout);
-  while (layoutByKey.size > LAYOUT_CACHE_MAX_ENTRIES) {
-    const firstKey = layoutByKey.keys().next().value;
-    if (!firstKey) {
-      break;
-    }
-    layoutByKey.delete(firstKey);
-  }
+  trimCache(layoutByKey, LAYOUT_CACHE_MAX_ENTRIES);
   return nextLayout;
 }
 function resolveOffsetAtPoint(layout, x, y) {
@@ -10466,6 +10375,8 @@ var INITIAL_PAGINATION_PAGE_COUNT_OSCILLATION_DISTINCT_THRESHOLD = 2;
 var INITIAL_PAGINATION_PAGE_COUNT_OSCILLATION_CHANGE_THRESHOLD = 4;
 var INITIAL_PAGINATION_BACKGROUND_REFINEMENT_DELAY_MS = 96;
 var DEFAULT_PAGE_VIRTUALIZATION_OVERSCAN = 2;
+var LARGE_TABLE_PAGE_VIRTUALIZATION_OVERSCAN = 0;
+var LARGE_TABLE_PAGE_ADJACENT_RENDER_COUNT = 1;
 var DEFAULT_PAGE_VIRTUALIZATION_SETTLE_DELAY_MS = 350;
 var ENABLE_TABLE_ROW_SLICING = true;
 var TOP_AND_BOTTOM_VERTICAL_DRAG_SNAP_PX = 10;
@@ -15303,12 +15214,37 @@ function estimateTabLeaderWrappedLineCountForParagraph(paragraph, maxLineWidthPx
     paragraphBaseFontPx
   );
 }
+var wrappedLineCountByParagraph = /* @__PURE__ */ new WeakMap();
+function cachedWrappedLineCountForParagraph(paragraph, widthPx) {
+  return wrappedLineCountByParagraph.get(paragraph)?.get(widthPx);
+}
+function rememberWrappedLineCountForParagraph(paragraph, widthPx, lineCount) {
+  let countsByWidth = wrappedLineCountByParagraph.get(paragraph);
+  if (!countsByWidth) {
+    countsByWidth = /* @__PURE__ */ new Map();
+    wrappedLineCountByParagraph.set(paragraph, countsByWidth);
+  }
+  countsByWidth.set(widthPx, lineCount);
+  return lineCount;
+}
 function estimateWrappedLineCountForParagraph(paragraph, availableWidthPx) {
   const paragraphBaseFontPx = paragraphBaseFontSizePx(paragraph);
   const maxLineWidthPx = Math.max(
     paragraphBaseFontPx * 2,
     Math.round(availableWidthPx)
   );
+  const cachedLineCount = cachedWrappedLineCountForParagraph(
+    paragraph,
+    maxLineWidthPx
+  );
+  if (cachedLineCount !== void 0) {
+    return cachedLineCount;
+  }
+  const rememberLineCount = (lineCount2) => rememberWrappedLineCountForParagraph(
+    paragraph,
+    maxLineWidthPx,
+    Math.max(1, Math.round(lineCount2))
+  );
   const tabStopsPx = resolveParagraphTabStopsPx(paragraph);
   const useTabLeaderLayout = paragraphUsesTabLeaders(paragraph);
   const anchoredTabLayout = paragraphAnchoredTabLayout(paragraph);
@@ -15349,7 +15285,7 @@ function estimateWrappedLineCountForParagraph(paragraph, availableWidthPx) {
       return layout?.lineCount;
     })();
     if (pretextPlainLineCount) {
-      return Math.max(1, pretextPlainLineCount);
+      return rememberLineCount(pretextPlainLineCount);
     }
   }
   if (useTabLeaderLayout) {
@@ -15359,7 +15295,7 @@ function estimateWrappedLineCountForParagraph(paragraph, availableWidthPx) {
       paragraphBaseFontPx
     );
     if (tabLeaderLineCount !== void 0) {
-      return tabLeaderLineCount;
+      return rememberLineCount(tabLeaderLineCount);
     }
   }
   let lineCount = 1;
@@ -15477,7 +15413,7 @@ function estimateWrappedLineCountForParagraph(paragraph, availableWidthPx) {
       commitToken(token, child.style);
     }
   }
-  return hasVisibleContent ? Math.max(1, lineCount) : 1;
+  return rememberLineCount(hasVisibleContent ? lineCount : 1);
 }
 function paragraphAvailableTextWidthPx(paragraph, availableWidthPx, numberingDefinitions) {
   const safeAvailableWidthPx = Math.max(24, Math.round(availableWidthPx));
@@ -24427,7 +24363,7 @@ function useDocxEditor(options = {}) {
   const [status, setStatus] = React.useState(
     options.initialStatus ?? "Ready"
   );
-  const [isImporting, setIsImporting] = React.useState(false);
+  const isImporting = false;
   const [documentTheme, setDocumentThemeState] = React.useState(options.initialDocumentTheme ?? "light");
   const [showTrackedChanges, setShowTrackedChangesState] = React.useState(options.initialShowTrackedChanges ?? false);
   const [paginationInfo, setPaginationInfo] = React.useState({
@@ -24950,40 +24886,26 @@ function useDocxEditor(options = {}) {
         setStatus("Only .docx files are supported");
         return;
       }
-      setIsImporting(true);
-      setStatus(`Loading ${file.name}\u2026`);
-      await new Promise((resolve) => {
-        if (typeof requestAnimationFrame === "function") {
-          requestAnimationFrame(() => {
-            requestAnimationFrame(() => resolve());
-          });
-        } else {
-          setTimeout(resolve, 0);
-        }
-      });
       try {
         const buffer = await file.arrayBuffer();
-        const { pkg, model: nextModel } = await importDocxViaWorker(buffer);
+        const pkg = await parseDocx(buffer);
         await loadEmbeddedFontsFromPackage(pkg);
-        React.startTransition(() => {
-          setModel(nextModel);
-          setDocumentLoadNonce((current) => current + 1);
-          setHistory({ past: [], future: [] });
-          setHistoryRestoreRequest(void 0);
-          setBasePackage(pkg);
-          setFileName(file.name);
-          setSelection({ kind: "paragraph", nodeIndex: 0 });
-          setActiveTextRangeState(void 0);
-          setPendingRunStyle(void 0);
-          setSelectedFormFieldLocation(void 0);
-        });
+        const nextModel = buildDocModel(pkg);
+        setModel(nextModel);
+        setDocumentLoadNonce((current) => current + 1);
+        setHistory({ past: [], future: [] });
+        setHistoryRestoreRequest(void 0);
+        setBasePackage(pkg);
+        setFileName(file.name);
+        setSelection({ kind: "paragraph", nodeIndex: 0 });
+        setActiveTextRangeState(void 0);
+        setPendingRunStyle(void 0);
+        setSelectedFormFieldLocation(void 0);
         setStatus(`Loaded ${file.name}`);
       } catch (error) {
         setStatus(
           `Failed to load file: ${error instanceof Error ? error.message : "Unknown error"}`
         );
-      } finally {
-        setIsImporting(false);
       }
     },
     [loadEmbeddedFontsFromPackage]
@@ -30782,7 +30704,7 @@ function DocxEditorViewer({
       Number.isFinite(pageVirtualization?.overscan) ? pageVirtualization?.overscan : DEFAULT_PAGE_VIRTUALIZATION_OVERSCAN
     )
   );
-  const pageVirtualizationOverscan = hasLargeTableLayoutSurface && !Number.isFinite(pageVirtualization?.overscan) ? 0 : rawPageVirtualizationOverscan;
+  const pageVirtualizationOverscan = hasLargeTableLayoutSurface && !Number.isFinite(pageVirtualization?.overscan) ? LARGE_TABLE_PAGE_VIRTUALIZATION_OVERSCAN : rawPageVirtualizationOverscan;
   const webdriverActive = typeof navigator !== "undefined" && navigator.webdriver === true;
   const internalPageVirtualizationRequested = pageVirtualization?.enabled !== false && !hasExternalVisiblePageRange && !hideDocumentUntilPaginationSettled && isInitialPaginationSettled && !deferInternalPageVirtualization && !webdriverActive && pageCount > 1;
   React.useEffect(() => {
@@ -30877,8 +30799,39 @@ function DocxEditorViewer({
       endPageIndex
     };
   }, [internalPageVirtualizationEnabled, internalVirtualItems, pageCount]);
+  const internalRenderVisiblePageRange = React.useMemo(() => {
+    if (!internalVisiblePageRange) {
+      return void 0;
+    }
+    if (!hasLargeTableLayoutSurface || Number.isFinite(pageVirtualization?.overscan)) {
+      return internalVisiblePageRange;
+    }
+    const scrollDirection = internalPageVirtualizer.scrollDirection;
+    const renderPreviousPage = scrollDirection !== "backward";
+    const renderNextPage = scrollDirection === "backward";
+    const startPageIndex = clampNumber(
+      internalVisiblePageRange.startPageIndex - (renderPreviousPage ? LARGE_TABLE_PAGE_ADJACENT_RENDER_COUNT : 0),
+      0,
+      pageCount - 1
+    );
+    const endPageIndex = clampNumber(
+      internalVisiblePageRange.endPageIndex + (renderNextPage ? LARGE_TABLE_PAGE_ADJACENT_RENDER_COUNT : 0),
+      startPageIndex,
+      pageCount - 1
+    );
+    return {
+      startPageIndex,
+      endPageIndex
+    };
+  }, [
+    hasLargeTableLayoutSurface,
+    internalPageVirtualizer.scrollDirection,
+    internalVisiblePageRange,
+    pageCount,
+    pageVirtualization?.overscan
+  ]);
   React.useLayoutEffect(() => {
-    if (!internalPageVirtualizationEnabled || !internalVirtualScrollElement || typeof window === "undefined") {
+    if (!internalPageVirtualizationEnabled || !internalVirtualScrollElement || internalVirtualItems.length > 0 || typeof window === "undefined") {
       setObservedVisiblePageRange(
         (current) => current === void 0 ? current : void 0
       );
@@ -30993,12 +30946,13 @@ function DocxEditorViewer({
     };
   }, [
     internalPageVirtualizationEnabled,
+    internalVirtualItems.length,
     internalVirtualScrollElement,
     internalVirtualScrollUsesWindow,
     pageCount,
     pageVirtualizationOverscan
   ]);
-  const effectiveVisiblePageRange = visiblePageRange ?? observedVisiblePageRange ?? internalVisiblePageRange ?? (internalPageVirtualizationPending ? {
+  const effectiveVisiblePageRange = visiblePageRange ?? internalRenderVisiblePageRange ?? observedVisiblePageRange ?? (internalPageVirtualizationPending ? {
     startPageIndex: 0,
     endPageIndex: Math.min(
       pageCount - 1,
@@ -31186,7 +31140,13 @@ function DocxEditorViewer({
         rootElement.querySelectorAll(
           '[data-docx-page-wrapper="true"][data-index]'
         )
-      );
+      ).filter((element) => {
+        const pageIndex = Number.parseInt(
+          element.getAttribute("data-index") ?? "",
+          10
+        );
+        return Number.isFinite(pageIndex) && pageIndex >= visiblePageStartIndex && pageIndex <= visiblePageEndIndex;
+      });
       const nextElements = new Set(pageWrappers);
       observedElements.forEach((element) => {
         if (!nextElements.has(element)) {
@@ -31222,7 +31182,9 @@ function DocxEditorViewer({
     internalPageVirtualizationEnabled,
     internalPageVirtualizer,
     internalVirtualScrollElement,
-    pageCount
+    pageCount,
+    visiblePageEndIndex,
+    visiblePageStartIndex
   ]);
   React.useEffect(() => {
     if (!internalPageVirtualizationEnabled) {
@@ -31735,11 +31697,18 @@ function DocxEditorViewer({
     const nextMeasuredPageDiagnostics = pageNodeSegmentsByPage.map(
       (_, pageIndex) => {
         const pageLayout = pageSectionInfoByIndex[pageIndex]?.layout ?? documentLayout;
-        const pageElement = pageElementsRef.current.get(pageIndex);
         const fallbackHeightPx = Math.max(
           120,
           pageLayout.pageHeightPx - pageLayout.marginsPx.top - pageLayout.marginsPx.bottom
         );
+        const pageIsVisible = pageIndex >= visiblePageStartIndex && pageIndex <= visiblePageEndIndex;
+        if (!pageIsVisible) {
+          return {
+            heightPx: measuredPageContentHeightByIndex?.[pageIndex] ?? fallbackHeightPx,
+            bodyOverrunsFooter: false
+          };
+        }
+        const pageElement = pageElementsRef.current.get(pageIndex);
         if (!pageElement) {
           return {
             heightPx: fallbackHeightPx,
@@ -31932,7 +31901,9 @@ function DocxEditorViewer({
     pageNodeSegmentsByPage,
     pageNodeSegmentIdentityKeysByPage,
     pageSectionInfoByIndex,
-    pageHeaderAndFooterNodes
+    pageHeaderAndFooterNodes,
+    visiblePageEndIndex,
+    visiblePageStartIndex
   ]);
   React.useEffect(() => {
     if (!deferInitialPaginationPaint || isInitialPaginationSettled || disableMeasuredImportPagination) {