@pixldocs/canvas-renderer 0.5.23 → 0.5.25

package/dist/index.cjs

@@ -9632,10 +9632,6 @@ function PreviewCanvas({
     }
   );
 }
-const PreviewCanvas$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  PreviewCanvas
-}, Symbol.toStringTag, { value: "Module" }));
 function applyThemeToConfig(config, themeOverrides) {
   var _a, _b, _c;
   if (!themeOverrides || Object.keys(themeOverrides).length === 0) return config;
@@ -12068,6 +12064,10 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
+const PixldocsPreview$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  PixldocsPreview
+}, Symbol.toStringTag, { value: "Module" }));
 const inlinedAssetCache = /* @__PURE__ */ new Map();
 function shouldInlineImageUrl(url) {
   if (!url || url.startsWith("data:")) return false;
@@ -12548,7 +12548,7 @@ class PixldocsRenderer {
     }
   }
   async renderPageViaPreviewCanvas(config, pageIndex, pixelRatio, format, quality) {
-    const { PreviewCanvas: PreviewCanvas2 } = await Promise.resolve().then(() => PreviewCanvas$1);
+    const { PixldocsPreview: PixldocsPreview2 } = await Promise.resolve().then(() => PixldocsPreview$1);
     const canvasWidth = config.canvas.width;
     const canvasHeight = config.canvas.height;
     return new Promise((resolve, reject) => {
@@ -12590,8 +12590,8 @@ class PixldocsRenderer {
               return;
             }
             const exportCanvas = document.createElement("canvas");
-            exportCanvas.width = sourceCanvas.width;
-            exportCanvas.height = sourceCanvas.height;
+            exportCanvas.width = Math.round(canvasWidth * pixelRatio);
+            exportCanvas.height = Math.round(canvasHeight * pixelRatio);
             const exportCtx = exportCanvas.getContext("2d");
             if (!exportCtx) {
               cleanup();
@@ -12599,10 +12599,10 @@ class PixldocsRenderer {
               return;
             }
             exportCtx.save();
-            exportCtx.scale(sourceCanvas.width / canvasWidth, sourceCanvas.height / canvasHeight);
+            exportCtx.scale(exportCanvas.width / canvasWidth, exportCanvas.height / canvasHeight);
             this.paintPageBackground(exportCtx, config.pages[pageIndex], canvasWidth, canvasHeight);
             exportCtx.restore();
-            exportCtx.drawImage(sourceCanvas, 0, 0);
+            exportCtx.drawImage(sourceCanvas, 0, 0, exportCanvas.width, exportCanvas.height);
             const mimeType = format === "jpeg" ? "image/jpeg" : format === "webp" ? "image/webp" : "image/png";
             const dataUrl = exportCanvas.toDataURL(mimeType, quality);
             cleanup();
@@ -12615,10 +12615,10 @@ class PixldocsRenderer {
       };
       const root = client.createRoot(container);
       root.render(
-        react.createElement(PreviewCanvas2, {
+        react.createElement(PixldocsPreview2, {
           config,
           pageIndex,
-          zoom: pixelRatio,
+          zoom: 1,
           absoluteZoom: true,
           onReady
         })
@@ -12636,7 +12636,7 @@ class PixldocsRenderer {
   // document space (e.g. 612x792) instead of inflated pixel space.
   captureSvgViaPreviewCanvas(config, pageIndex, canvasWidth, canvasHeight) {
     return new Promise(async (resolve, reject) => {
-      const { PreviewCanvas: PreviewCanvas2 } = await Promise.resolve().then(() => PreviewCanvas$1);
+      const { PixldocsPreview: PixldocsPreview2 } = await Promise.resolve().then(() => PixldocsPreview$1);
       const container = document.createElement("div");
       container.style.cssText = `
         position: fixed; left: -99999px; top: -99999px;
@@ -12717,7 +12717,7 @@ class PixldocsRenderer {
       };
       const root = client.createRoot(container);
       root.render(
-        react.createElement(PreviewCanvas2, {
+        react.createElement(PixldocsPreview2, {
           config,
           pageIndex,
           zoom: 1,