pptx-react-viewer 3.21.0 → 4.0.0

package/dist/{chunk-T6V342NP.js → chunk-LAAXFMRE.js}

@@ -12,7 +12,7 @@ var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
 
 // ../core/dist/index.mjs
 
-// ../../node_modules/.bun/emf-converter@2.0.2/node_modules/emf-converter/dist/index.mjs
+// ../../node_modules/.bun/emf-converter@3.0.1/node_modules/emf-converter/dist/index.mjs
 function colorRefToHex(r, g2, b) {
   const toHex4 = (v) => v.toString(16).padStart(2, "0");
   return `#${toHex4(r & 255)}${toHex4(g2 & 255)}${toHex4(b & 255)}`;
@@ -238,6 +238,26 @@ var emfLog = (...args) => {
 };
 var emfWarn = (...args) => {
 };
+var nodeCanvasModule;
+async function ensureNodeCanvasModule() {
+  if (nodeCanvasModule !== void 0) {
+    return nodeCanvasModule;
+  }
+  if (typeof OffscreenCanvas !== "undefined" || typeof document !== "undefined") {
+    nodeCanvasModule = null;
+    return nodeCanvasModule;
+  }
+  if (typeof process === "undefined" || !process.versions?.node) {
+    nodeCanvasModule = null;
+    return nodeCanvasModule;
+  }
+  try {
+    nodeCanvasModule = await import('@napi-rs/canvas');
+  } catch {
+    nodeCanvasModule = null;
+  }
+  return nodeCanvasModule;
+}
 var DEFAULT_DPI_SCALE = 1;
 function createCanvas(width, height, maxWidth, maxHeight, dpiScale = DEFAULT_DPI_SCALE, maxCanvasDimension = MAX_CANVAS_DIMENSION) {
   const effectiveScale = Math.max(1, Math.min(dpiScale, 4));
@@ -274,30 +294,44 @@ function createCanvas(width, height, maxWidth, maxHeight, dpiScale = DEFAULT_DPI
       emfLog(
         `createCanvas: using OffscreenCanvas ${w}\xD7${h2}, scale=(${scaleX.toFixed(3)},${scaleY.toFixed(3)})`
       );
-      const canvas2 = new OffscreenCanvas(w, h2);
-      const ctx2 = canvas2.getContext("2d");
-      if (!ctx2) {
+      const canvas = new OffscreenCanvas(w, h2);
+      const ctx = canvas.getContext("2d");
+      if (!ctx) {
         emfWarn('createCanvas: OffscreenCanvas.getContext("2d") returned null');
         return null;
       }
-      return { canvas: canvas2, ctx: ctx2, scaleX, scaleY };
+      return { canvas, ctx, scaleX, scaleY };
     }
-    if (typeof document === "undefined") {
-      emfWarn("createCanvas: no OffscreenCanvas and no document \u2014 cannot create canvas");
-      return null;
+    if (typeof document !== "undefined") {
+      emfLog(
+        `createCanvas: using HTMLCanvasElement ${w}\xD7${h2}, scale=(${scaleX.toFixed(3)},${scaleY.toFixed(3)})`
+      );
+      const canvas = document.createElement("canvas");
+      canvas.width = w;
+      canvas.height = h2;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) {
+        emfWarn('createCanvas: HTMLCanvasElement.getContext("2d") returned null');
+        return null;
+      }
+      return { canvas, ctx, scaleX, scaleY };
     }
-    emfLog(
-      `createCanvas: using HTMLCanvasElement ${w}\xD7${h2}, scale=(${scaleX.toFixed(3)},${scaleY.toFixed(3)})`
-    );
-    const canvas = document.createElement("canvas");
-    canvas.width = w;
-    canvas.height = h2;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) {
-      emfWarn('createCanvas: HTMLCanvasElement.getContext("2d") returned null');
-      return null;
+    if (nodeCanvasModule) {
+      emfLog(
+        `createCanvas: using @napi-rs/canvas ${w}\xD7${h2}, scale=(${scaleX.toFixed(3)},${scaleY.toFixed(3)})`
+      );
+      const canvas = nodeCanvasModule.createCanvas(w, h2);
+      const ctx = canvas.getContext("2d");
+      if (!ctx) {
+        emfWarn('createCanvas: @napi-rs/canvas getContext("2d") returned null');
+        return null;
+      }
+      return { canvas, ctx, scaleX, scaleY };
     }
-    return { canvas, ctx, scaleX, scaleY };
+    emfWarn(
+      "createCanvas: no OffscreenCanvas, no document, and no @napi-rs/canvas, cannot create canvas"
+    );
+    return null;
   } catch (err) {
     return null;
   }
@@ -326,6 +360,14 @@ function createTempCanvas(width, height) {
     }
     return { canvas, ctx };
   }
+  if (nodeCanvasModule) {
+    const canvas = nodeCanvasModule.createCanvas(width, height);
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      return null;
+    }
+    return { canvas, ctx };
+  }
   return null;
 }
 function rop2Paint(rop2) {
@@ -559,8 +601,31 @@ async function exportCanvasToPngDataUrl(canvas) {
     );
     return canvas.toDataURL("image/png");
   }
+  if (nodeCanvasModule && canvas instanceof nodeCanvasModule.Canvas) {
+    emfLog(
+      `exportCanvasToPngDataUrl: using @napi-rs/canvas toDataURLAsync (${canvas.width}\xD7${canvas.height})`
+    );
+    return canvas.toDataURLAsync();
+  }
   return null;
 }
+async function decodeDeferredImageBytes(bytes, mime) {
+  if (nodeCanvasModule) {
+    const image = await nodeCanvasModule.loadImage(new Uint8Array(bytes));
+    return { drawable: image, width: image.width, height: image.height, close: () => {
+    } };
+  }
+  if (typeof createImageBitmap !== "function") {
+    return null;
+  }
+  const blob = mime !== void 0 ? new Blob([bytes], { type: mime }) : new Blob([bytes]);
+  const bitmap = await createImageBitmap(blob);
+  return { drawable: bitmap, width: bitmap.width, height: bitmap.height, close: () => bitmap.close() };
+}
+function canvasDrawImage(ctx, image, dx, dy, dw, dh) {
+  const draw = ctx.drawImage;
+  draw.call(ctx, image, dx, dy, dw, dh);
+}
 function parseEmfHeader(view) {
   emfLog("parseEmfHeader: byteLength =", view.byteLength);
   if (view.byteLength < 88) {
@@ -1462,7 +1527,8 @@ function handleBitBlt(rCtx, offset, dataOff, recSize) {
         const temp = createTempCanvas(imageData.width, imageData.height);
         if (temp) {
           temp.ctx.putImageData(imageData, 0, 0);
-          ctx.drawImage(
+          canvasDrawImage(
+            ctx,
             temp.canvas,
             gmx(rCtx, dstX),
             gmy(rCtx, dstY),
@@ -1497,7 +1563,8 @@ function handleStretchDibits(rCtx, offset, dataOff, recSize) {
         const temp = createTempCanvas(imageData.width, imageData.height);
         if (temp) {
           temp.ctx.putImageData(imageData, 0, 0);
-          ctx.drawImage(
+          canvasDrawImage(
+            ctx,
             temp.canvas,
             gmx(rCtx, dstX),
             gmy(rCtx, dstY),
@@ -4814,12 +4881,16 @@ async function processDeferredImages(ctx, deferredImages, recursionDepth = 0) {
       if (img.isMetafile) {
         if (recursionDepth >= MAX_METAFILE_RECURSION) {
           emfWarn(
-            `  Deferred image [${idx}]: skipping embedded metafile \u2014 recursion depth ${recursionDepth} >= ${MAX_METAFILE_RECURSION}`
+            `  Deferred image [${idx}]: skipping embedded metafile, recursion depth ${recursionDepth} >= ${MAX_METAFILE_RECURSION}`
           );
           continue;
         }
         emfLog(`  Deferred image [${idx}]: recursively converting embedded metafile...`);
-        const metafileDataUrl = await convertEmfToDataUrl(plainBuffer, void 0, recursionDepth + 1) ?? await convertWmfToDataUrl(plainBuffer, void 0, recursionDepth + 1);
+        const metafileDataUrl = await convertMetafileToDataUrl(
+          plainBuffer,
+          void 0,
+          recursionDepth + 1
+        );
         if (metafileDataUrl) {
           emfLog(
             `  Deferred image [${idx}]: metafile converted, dataUrl length=${metafileDataUrl.length}`
@@ -4832,26 +4903,28 @@ async function processDeferredImages(ctx, deferredImages, recursionDepth = 0) {
           for (let i2 = 0; i2 < byteString.length; i2++) {
             ia[i2] = byteString.charCodeAt(i2);
           }
-          const metaBlob = new Blob([ab], { type: mime });
-          emfLog(
-            `  Deferred image [${idx}]: creating ImageBitmap from ${metaBlob.size} byte blob (${mime})...`
-          );
-          const bitmap = await createImageBitmap(metaBlob);
-          emfLog(`  Deferred image [${idx}]: ImageBitmap created ${bitmap.width}\xD7${bitmap.height}`);
-          ctx.drawImage(bitmap, img.dx, img.dy, img.dw, img.dh);
-          bitmap.close();
+          emfLog(`  Deferred image [${idx}]: decoding ${ab.byteLength} byte image (${mime})...`);
+          const decoded = await decodeDeferredImageBytes(ab, mime);
+          if (decoded) {
+            emfLog(`  Deferred image [${idx}]: decoded ${decoded.width}\xD7${decoded.height}`);
+            canvasDrawImage(ctx, decoded.drawable, img.dx, img.dy, img.dw, img.dh);
+            decoded.close();
+          } else {
+            emfWarn(`  Deferred image [${idx}]: no image decoder available`);
+          }
         } else {
           emfWarn(`  Deferred image [${idx}]: metafile conversion returned null`);
         }
       } else {
-        emfLog(
-          `  Deferred image [${idx}]: creating ImageBitmap from ${plainBuffer.byteLength} byte blob...`
-        );
-        const blob = new Blob([plainBuffer]);
-        const bitmap = await createImageBitmap(blob);
-        emfLog(`  Deferred image [${idx}]: ImageBitmap created ${bitmap.width}\xD7${bitmap.height}`);
-        ctx.drawImage(bitmap, img.dx, img.dy, img.dw, img.dh);
-        bitmap.close();
+        emfLog(`  Deferred image [${idx}]: decoding ${plainBuffer.byteLength} byte image...`);
+        const decoded = await decodeDeferredImageBytes(plainBuffer);
+        if (decoded) {
+          emfLog(`  Deferred image [${idx}]: decoded ${decoded.width}\xD7${decoded.height}`);
+          canvasDrawImage(ctx, decoded.drawable, img.dx, img.dy, img.dw, img.dh);
+          decoded.close();
+        } else {
+          emfWarn(`  Deferred image [${idx}]: no image decoder available`);
+        }
       }
     } catch (imgErr) {
       imgErr instanceof Error ? imgErr.message : String(imgErr);
@@ -4864,10 +4937,35 @@ async function processDeferredImages(ctx, deferredImages, recursionDepth = 0) {
   }
   ctx.setTransform(1, 0, 0, 1, 0, 0);
 }
-async function convertEmfToDataUrl(buffer, options, recursionDepth = 0) {
+async function convertMetafileToDataUrl(buffer, options, recursionDepth = 0) {
+  await ensureNodeCanvasModule();
   if (recursionDepth > MAX_METAFILE_RECURSION) {
     return null;
   }
+  emfLog(`convertMetafileToDataUrl: input buffer ${buffer.byteLength} bytes`);
+  if (buffer.byteLength >= 16) {
+    const hdrBytes = new Uint8Array(buffer, 0, 16);
+    emfLog(
+      `convertMetafileToDataUrl: first 16 bytes: [${Array.from(hdrBytes).map((b) => b.toString(16).padStart(2, "0")).join(" ")}]`
+    );
+  }
+  const view = new DataView(buffer);
+  let emfHeader = null;
+  try {
+    emfHeader = parseEmfHeader(view);
+  } catch (err) {
+    emfWarn(
+      "convertMetafileToDataUrl: parseEmfHeader threw during detection:",
+      err instanceof Error ? err.message : err
+    );
+    emfHeader = null;
+  }
+  if (emfHeader) {
+    return convertEmfInternal(buffer, view, emfHeader, options, recursionDepth);
+  }
+  return convertWmfInternal(buffer, view);
+}
+async function convertEmfInternal(buffer, view, header, options, recursionDepth) {
   const opts = {};
   const dpiScale = opts.dpiScale ?? DEFAULT_DPI_SCALE;
   const effectiveMaxWidth = opts.maxWidth;
@@ -4878,30 +4976,18 @@ async function convertEmfToDataUrl(buffer, options, recursionDepth = 0) {
     fontFamilyMap: opts.fontFamilyMap
   };
   try {
-    emfLog("=== convertEmfToDataUrl START ===");
+    emfLog("=== convertEmfInternal START ===");
     emfLog(
       `Input buffer: ${buffer.byteLength} bytes, maxWidth=${effectiveMaxWidth}, maxHeight=${effectiveMaxHeight}, dpiScale=${dpiScale}`
     );
-    if (buffer.byteLength >= 16) {
-      const hdrBytes = new Uint8Array(buffer, 0, 16);
-      emfLog(
-        `First 16 bytes: [${Array.from(hdrBytes).map((b) => b.toString(16).padStart(2, "0")).join(" ")}]`
-      );
-    }
-    const view = new DataView(buffer);
-    const header = parseEmfHeader(view);
-    if (!header) {
-      emfLog("convertEmfToDataUrl: parseEmfHeader returned null \u2014 returning null");
-      return null;
-    }
     const renderBounds = getRenderableEmfBounds(header);
     if (!renderBounds) {
-      emfLog("convertEmfToDataUrl: getRenderableEmfBounds returned null \u2014 returning null");
+      emfLog("convertEmfInternal: getRenderableEmfBounds returned null, returning null");
       return null;
     }
     const logicalW = renderBounds.right - renderBounds.left;
     const logicalH = renderBounds.bottom - renderBounds.top;
-    emfLog(`convertEmfToDataUrl: logicalSize=${logicalW}\xD7${logicalH}`);
+    emfLog(`convertEmfInternal: logicalSize=${logicalW}\xD7${logicalH}`);
     const setup = createCanvas(
       logicalW,
       logicalH,
@@ -4911,15 +4997,15 @@ async function convertEmfToDataUrl(buffer, options, recursionDepth = 0) {
       opts.maxCanvasDimension
     );
     if (!setup) {
-      emfLog("convertEmfToDataUrl: createCanvas returned null \u2014 returning null");
+      emfLog("convertEmfInternal: createCanvas returned null, returning null");
       return null;
     }
     const { canvas, ctx } = setup;
     emfLog(
-      `convertEmfToDataUrl: canvas created ${canvas.width}\xD7${canvas.height} (dpiScale=${dpiScale})`
+      `convertEmfInternal: canvas created ${canvas.width}\xD7${canvas.height} (dpiScale=${dpiScale})`
     );
     ctx.save();
-    emfLog("convertEmfToDataUrl: starting replayEmfRecords...");
+    emfLog("convertEmfInternal: starting replayEmfRecords...");
     const deferredImages = replayEmfRecords(
       view,
       ctx,
@@ -4929,30 +5015,25 @@ async function convertEmfToDataUrl(buffer, options, recursionDepth = 0) {
       dpiScale,
       replayOptions
     );
-    emfLog(
-      `convertEmfToDataUrl: replayEmfRecords returned ${deferredImages.length} deferred images`
-    );
+    emfLog(`convertEmfInternal: replayEmfRecords returned ${deferredImages.length} deferred images`);
     ctx.restore();
-    await processDeferredImages(ctx, deferredImages);
-    emfLog("convertEmfToDataUrl: exporting canvas to PNG data URL...");
+    await processDeferredImages(ctx, deferredImages, recursionDepth);
+    emfLog("convertEmfInternal: exporting canvas to PNG data URL...");
     const result = await exportCanvasToPngDataUrl(canvas);
     if (result) {
-      emfLog(`convertEmfToDataUrl: SUCCESS \u2014 data URL length=${result.length}`);
+      emfLog(`convertEmfInternal: SUCCESS, data URL length=${result.length}`);
     } else {
-      emfWarn("convertEmfToDataUrl: exportCanvasToPngDataUrl returned null");
+      emfWarn("convertEmfInternal: exportCanvasToPngDataUrl returned null");
     }
-    emfLog("=== convertEmfToDataUrl END ===");
+    emfLog("=== convertEmfInternal END ===");
     return result;
   } catch (err) {
-    emfWarn("convertEmfToDataUrl: EXCEPTION:", err instanceof Error ? err.message : err);
-    console.warn("[pptx-editor] EMF conversion failed:", err instanceof Error ? err.message : err);
+    emfWarn("convertEmfInternal: EXCEPTION:", err instanceof Error ? err.message : err);
+    console.warn("[emf-converter] EMF conversion failed:", err instanceof Error ? err.message : err);
     return null;
   }
 }
-async function convertWmfToDataUrl(buffer, options, recursionDepth = 0) {
-  if (recursionDepth > MAX_METAFILE_RECURSION) {
-    return null;
-  }
+async function convertWmfInternal(buffer, view, options, recursionDepth) {
   const opts = {};
   const dpiScale = opts.dpiScale ?? DEFAULT_DPI_SCALE;
   const effectiveMaxWidth = opts.maxWidth;
@@ -4963,20 +5044,19 @@ async function convertWmfToDataUrl(buffer, options, recursionDepth = 0) {
   };
   try {
     emfLog(
-      "=== convertWmfToDataUrl START ===",
+      "=== convertWmfInternal START ===",
       `buffer=${buffer.byteLength} bytes, dpiScale=${dpiScale}`
     );
-    const view = new DataView(buffer);
     const header = parseWmfHeader(view);
     if (!header) {
-      emfLog("convertWmfToDataUrl: parseWmfHeader returned null");
+      emfLog("convertWmfInternal: parseWmfHeader returned null");
       return null;
     }
     const logicalW = header.boundsRight - header.boundsLeft;
     const logicalH = header.boundsBottom - header.boundsTop;
-    emfLog(`convertWmfToDataUrl: logicalSize=${logicalW}\xD7${logicalH}`);
+    emfLog(`convertWmfInternal: logicalSize=${logicalW}\xD7${logicalH}`);
     if (logicalW <= 0 || logicalH <= 0) {
-      emfLog("convertWmfToDataUrl: invalid dimensions \u2014 returning null");
+      emfLog("convertWmfInternal: invalid dimensions, returning null");
       return null;
     }
     const setup = createCanvas(
@@ -4995,12 +5075,12 @@ async function convertWmfToDataUrl(buffer, options, recursionDepth = 0) {
     replayWmfRecords(view, ctx, header, canvas.width, canvas.height, replayOptions);
     ctx.restore();
     const result = await exportCanvasToPngDataUrl(canvas);
-    emfLog(`convertWmfToDataUrl: result=${result ? `dataUrl len=${result.length}` : "null"}`);
-    emfLog("=== convertWmfToDataUrl END ===");
+    emfLog(`convertWmfInternal: result=${result ? `dataUrl len=${result.length}` : "null"}`);
+    emfLog("=== convertWmfInternal END ===");
     return result;
   } catch (err) {
-    emfWarn("convertWmfToDataUrl: EXCEPTION:", err instanceof Error ? err.message : err);
-    console.warn("[pptx-editor] WMF conversion failed:", err instanceof Error ? err.message : err);
+    emfWarn("convertWmfInternal: EXCEPTION:", err instanceof Error ? err.message : err);
+    console.warn("[emf-converter] WMF conversion failed:", err instanceof Error ? err.message : err);
     return null;
   }
 }
@@ -96143,7 +96223,7 @@ var init_PptxHandlerRuntimeMediaData = __esm({
         try {
           if (ext === "emf" || ext === "wmf") {
             const binaryBuffer = await imageFile2.async("arraybuffer");
-            const converted = ext === "emf" ? await convertEmfToDataUrl(binaryBuffer) : await convertWmfToDataUrl(binaryBuffer);
+            const converted = await convertMetafileToDataUrl(binaryBuffer);
             if (converted) {
               this.imageDataCache.set(imagePath, converted);
               return converted;