@extend-ai/react-docx 0.3.0 → 0.5.0

package/dist/index.cjs

@@ -109,6 +109,7 @@ __export(index_exports, {
   useDocxPagination: () => useDocxPagination,
   useDocxParagraphStyles: () => useDocxParagraphStyles,
   useDocxTrackChanges: () => useDocxTrackChanges,
+  useDocxViewerThumbnails: () => useDocxViewerThumbnails,
   withPart: () => withPart
 });
 module.exports = __toCommonJS(index_exports);
@@ -6611,7 +6612,6 @@ function resolveDocumentLayout(model) {
 }
 
 // src/image-render.ts
-var import_emf_converter = require("emf-converter");
 var import_fast_png = require("fast-png");
 var import_utif = __toESM(require("utif"), 1);
 var TIFF_CONTENT_TYPES = /* @__PURE__ */ new Set(["image/tiff", "image/tif"]);
@@ -6626,9 +6626,6 @@ var EMF_DATA_URI_PREFIXES = ["data:image/emf", "data:image/x-emf"];
 var WMF_DATA_URI_PREFIXES = ["data:image/wmf", "data:image/x-wmf"];
 var UTIF = import_utif.default;
 var convertedTiffSrcCache = /* @__PURE__ */ new Map();
-var convertedMetafileSrcCache = /* @__PURE__ */ new Map();
-var pendingMetafileConversions = /* @__PURE__ */ new Map();
-var renderableImageSourceListeners = /* @__PURE__ */ new Set();
 function normalizeImageContentType(image) {
   return image.contentType?.trim().toLowerCase();
 }
@@ -6669,45 +6666,15 @@ function imageUsesWmfContent(image) {
   const src = normalizeImageSrc(image)?.toLowerCase();
   return Boolean(src && WMF_DATA_URI_PREFIXES.some((prefix) => src.startsWith(prefix)));
 }
-function metafileCacheKey(image) {
-  const src = normalizeImageSrc(image);
-  if (src) {
-    return src;
-  }
-  const bytes = image.data;
-  if (!bytes?.byteLength) {
-    return void 0;
-  }
-  const base64 = bytesToBase642(bytes);
-  const contentType = normalizeImageContentType(image) ?? "application/octet-stream";
-  return base64 ? `data:${contentType};base64,${base64}` : void 0;
-}
-function notifyRenderableImageSourceListeners() {
-  renderableImageSourceListeners.forEach((listener) => {
-    try {
-      listener();
-    } catch {
-    }
-  });
-}
 function imageUsesPlaceholderFallback(image) {
-  const contentType = normalizeImageContentType(image);
-  if (!contentType || !PLACEHOLDER_FALLBACK_CONTENT_TYPES.has(contentType)) {
-    return false;
-  }
-  const cacheKey = metafileCacheKey(image);
-  if (!cacheKey) {
-    return true;
-  }
-  return convertedMetafileSrcCache.get(cacheKey) == null;
+  return imageHasMetafileContent(image);
 }
 function unsupportedImageFallbackLabel(image, widthPx, heightPx) {
   const isSmallIcon = (widthPx ?? 0) <= 56 && (heightPx ?? 0) <= 56;
-  const contentType = normalizeImageContentType(image);
-  if (contentType === "image/x-emf" || contentType === "image/emf") {
+  if (imageUsesEmfContent(image)) {
     return isSmallIcon ? "e" : "EMF";
   }
-  if (contentType === "image/x-wmf" || contentType === "image/wmf") {
+  if (imageUsesWmfContent(image)) {
     return isSmallIcon ? "w" : "WMF";
   }
   return isSmallIcon ? "e" : "TIFF";
@@ -6753,13 +6720,6 @@ function toArrayBuffer(bytes) {
   }
   return buffer.slice(byteOffset, byteOffset + byteLength);
 }
-function toStrictArrayBuffer(bytes) {
-  const arrayBuffer = toArrayBuffer(bytes);
-  if (arrayBuffer instanceof ArrayBuffer) {
-    return arrayBuffer;
-  }
-  return Uint8Array.from(bytes).buffer;
-}
 function resolveTiffBytes(image) {
   if (image.data?.byteLength) {
     return image.data;
@@ -6821,37 +6781,6 @@ function resolveRenderableImageSource(image) {
     return void 0;
   }
   if (imageHasMetafileContent(image)) {
-    const cacheKey = metafileCacheKey(image);
-    if (!cacheKey) {
-      return void 0;
-    }
-    if (convertedMetafileSrcCache.has(cacheKey)) {
-      return convertedMetafileSrcCache.get(cacheKey) ?? void 0;
-    }
-    if (!pendingMetafileConversions.has(cacheKey)) {
-      const bytes = resolveTiffBytes(image);
-      if (bytes) {
-        const conversionPromise = (async () => {
-          try {
-            const arrayBuffer = toStrictArrayBuffer(bytes);
-            const converted2 = imageUsesEmfContent(image) ? await (0, import_emf_converter.convertEmfToDataUrl)(arrayBuffer, void 0, void 0, { dpiScale: 1 }) : imageUsesWmfContent(image) ? await (0, import_emf_converter.convertWmfToDataUrl)(arrayBuffer, void 0, void 0, { dpiScale: 1 }) : null;
-            const normalized = converted2 ?? void 0;
-            convertedMetafileSrcCache.set(cacheKey, normalized ?? null);
-            notifyRenderableImageSourceListeners();
-            return normalized;
-          } catch {
-            convertedMetafileSrcCache.set(cacheKey, null);
-            notifyRenderableImageSourceListeners();
-            return void 0;
-          } finally {
-            pendingMetafileConversions.delete(cacheKey);
-          }
-        })();
-        pendingMetafileConversions.set(cacheKey, conversionPromise);
-      } else {
-        convertedMetafileSrcCache.set(cacheKey, null);
-      }
-    }
     return void 0;
   }
   if (!imageHasTiffContent(image)) {
@@ -6874,9 +6803,8 @@ function resolveRenderableImageSource(image) {
   return converted;
 }
 function subscribeRenderableImageSourceUpdates(listener) {
-  renderableImageSourceListeners.add(listener);
+  void listener;
   return () => {
-    renderableImageSourceListeners.delete(listener);
   };
 }
 
@@ -10654,7 +10582,7 @@ var DOC_SURFACE_STYLE_BY_THEME = {
     boxShadow: "0 2px 10px rgba(2, 6, 23, 0.55), 0 1px 2px rgba(2, 6, 23, 0.45)"
   }
 };
-var NIGHT_READER_INVERSION_FILTER = "invert(1) hue-rotate(180deg)";
+var NIGHT_READER_INVERSION_FILTER = "invert(0.95) hue-rotate(180deg) saturate(0.9) brightness(0.9) contrast(0.94)";
 function appendCssFilters(...filters) {
   const resolvedFilters = filters.map((filter) => filter?.trim()).filter((filter) => Boolean(filter));
   return resolvedFilters.length > 0 ? resolvedFilters.join(" ") : void 0;
@@ -27079,8 +27007,15 @@ async function rasterizeDocxViewerPageSurfaceToCanvas(params) {
 function resolveDocxPageThumbnailResolution(options) {
   const safeSourceWidthPx = Math.max(1, Math.round(options.sourceWidthPx));
   const safeSourceHeightPx = Math.max(1, Math.round(options.sourceHeightPx));
-  const widthBoundPx = Number.isFinite(options.maxWidthPx) ? Math.max(1, Math.round(options.maxWidthPx)) : 180;
-  const heightBoundPx = Number.isFinite(options.maxHeightPx) ? Math.max(1, Math.round(options.maxHeightPx)) : Number.POSITIVE_INFINITY;
+  const resolutionBounds = typeof options.resolution === "number" && Number.isFinite(options.resolution) && options.resolution > 0 ? {
+    maxWidthPx: Number(options.resolution),
+    maxHeightPx: Number(options.resolution)
+  } : typeof options.resolution === "object" && options.resolution ? {
+    maxWidthPx: Number.isFinite(options.resolution.maxWidth) && Number(options.resolution.maxWidth) > 0 ? Number(options.resolution.maxWidth) : void 0,
+    maxHeightPx: Number.isFinite(options.resolution.maxHeight) && Number(options.resolution.maxHeight) > 0 ? Number(options.resolution.maxHeight) : void 0
+  } : void 0;
+  const widthBoundPx = Number.isFinite(options.maxWidthPx) ? Math.max(1, Math.round(options.maxWidthPx)) : Number.isFinite(resolutionBounds?.maxWidthPx) ? Math.max(1, Math.round(resolutionBounds?.maxWidthPx)) : 180;
+  const heightBoundPx = Number.isFinite(options.maxHeightPx) ? Math.max(1, Math.round(options.maxHeightPx)) : Number.isFinite(resolutionBounds?.maxHeightPx) ? Math.max(1, Math.round(resolutionBounds?.maxHeightPx)) : Number.POSITIVE_INFINITY;
   const scale = Math.min(
     1,
     widthBoundPx / safeSourceWidthPx,
@@ -27167,6 +27102,7 @@ function useDocxPageThumbnails(editor, options = {}) {
       const resolution = resolveDocxPageThumbnailResolution({
         sourceWidthPx: sourceSize.widthPx,
         sourceHeightPx: sourceSize.heightPx,
+        resolution: options.resolution,
         maxWidthPx: options.maxWidthPx,
         maxHeightPx: options.maxHeightPx,
         pixelRatio: options.pixelRatio
@@ -27197,6 +27133,7 @@ function useDocxPageThumbnails(editor, options = {}) {
       fallbackLayout.pageWidthPx,
       mountedPageElements,
       options.disabled,
+      options.resolution,
       options.maxHeightPx,
       options.maxWidthPx,
       options.pixelRatio,
@@ -27225,6 +27162,7 @@ function useDocxPageThumbnails(editor, options = {}) {
     editor.model,
     mountedPageElements,
     options.disabled,
+    options.resolution,
     options.maxHeightPx,
     options.maxWidthPx,
     options.pixelRatio,
@@ -27242,6 +27180,7 @@ function useDocxPageThumbnails(editor, options = {}) {
       const resolution = resolveDocxPageThumbnailResolution({
         sourceWidthPx: sourceSize.widthPx,
         sourceHeightPx: sourceSize.heightPx,
+        resolution: options.resolution,
         maxWidthPx: options.maxWidthPx,
         maxHeightPx: options.maxHeightPx,
         pixelRatio: options.pixelRatio
@@ -27255,6 +27194,13 @@ function useDocxPageThumbnails(editor, options = {}) {
         isMounted: Boolean(pageElement && pageElement.isConnected),
         status: state?.status ?? (pageElement ? "idle" : "unavailable"),
         error: state?.error,
+        paint: (canvas) => {
+          if (!canvas || options.disabled) {
+            return false;
+          }
+          void renderPageThumbnailToCanvasRef.current(pageIndex, canvas);
+          return true;
+        },
         canvasRef: canvasRefCallbacksRef.current.get(pageIndex) ?? (() => {
           const nextCanvasRef = (canvas) => {
             if (canvas) {
@@ -27277,6 +27223,11 @@ function useDocxPageThumbnails(editor, options = {}) {
           );
           return nextRenderToCanvas;
         })(),
+        aspectRatio: sourceSize.widthPx / Math.max(1, sourceSize.heightPx),
+        contentWidth: sourceSize.widthPx,
+        contentHeight: sourceSize.heightPx,
+        width: resolution.widthPx,
+        height: resolution.heightPx,
         ...resolution
       };
     });
@@ -27285,19 +27236,36 @@ function useDocxPageThumbnails(editor, options = {}) {
     fallbackLayout.pageHeightPx,
     fallbackLayout.pageWidthPx,
     mountedPageElements,
+    options.disabled,
+    options.resolution,
     options.maxHeightPx,
     options.maxWidthPx,
     options.pixelRatio,
     pageThumbnailStates
   ]);
+  const paintThumbnail = React.useCallback(
+    (pageIndex, canvas) => {
+      if (!canvas || options.disabled) {
+        return false;
+      }
+      const thumbnail = thumbnails[pageIndex];
+      if (!thumbnail) {
+        return false;
+      }
+      return thumbnail.paint(canvas);
+    },
+    [options.disabled, thumbnails]
+  );
   return React.useMemo(
     () => ({
+      paintThumbnail,
       thumbnails,
       rerenderAttachedThumbnails
     }),
-    [rerenderAttachedThumbnails, thumbnails]
+    [paintThumbnail, rerenderAttachedThumbnails, thumbnails]
   );
 }
+var useDocxViewerThumbnails = useDocxPageThumbnails;
 function useDocxDocumentTheme(editor) {
   const setDocumentTheme = React.useCallback(
     (theme) => {
@@ -46205,6 +46173,7 @@ function ReactDocxViewer({
   useDocxPagination,
   useDocxParagraphStyles,
   useDocxTrackChanges,
+  useDocxViewerThumbnails,
   withPart
 });
 //# sourceMappingURL=index.cjs.map