@pixldocs/canvas-renderer 0.5.103 → 0.5.104

package/dist/index.d.ts

@@ -256,7 +256,7 @@ export declare function normalizeFontFamily(fontStack: string): string;
  * Package version banner. Bump alongside package.json so we can confirm
  * (via browser:log) that the deployed bundle matches the expected build.
  */
-export declare const PACKAGE_VERSION = "0.5.103";
+export declare const PACKAGE_VERSION = "0.5.104";
 
 export declare interface PageSettings {
     backgroundColor?: string;

package/dist/index.js

@@ -6250,7 +6250,6 @@ function bakeEdgeFade(source, fade) {
     let x = 0, y = 0, rectW = mask.width, rectH = mask.height;
     const STOPS = 64;
     const gamma = 1 / hardness;
-    const seamGuardPx = 2;
     const innerAlpha = (t) => {
       const keepProgress = Math.pow(t, gamma);
       const erase = (1 - amount) * (1 - keepProgress);
@@ -6288,16 +6287,6 @@ function bakeEdgeFade(source, fade) {
     }
     mctx.fillStyle = g;
     mctx.fillRect(x, y, rectW, rectH);
-    {
-      const edgePx = Math.min(seamGuardPx, side === "top" || side === "bottom" ? rectH : rectW);
-      mctx.fillStyle = "rgba(0,0,0,0)";
-      mctx.globalCompositeOperation = "copy";
-      if (side === "top") mctx.fillRect(0, 0, mask.width, edgePx);
-      if (side === "bottom") mctx.fillRect(0, mask.height - edgePx, mask.width, edgePx);
-      if (side === "left") mctx.fillRect(0, 0, edgePx, mask.height);
-      if (side === "right") mctx.fillRect(mask.width - edgePx, 0, edgePx, mask.height);
-      mctx.globalCompositeOperation = "source-over";
-    }
     ctx.globalCompositeOperation = "destination-in";
     ctx.drawImage(mask, 0, 0);
     ctx.globalCompositeOperation = "source-over";
@@ -9714,7 +9703,6 @@ const PageCanvas = forwardRef(
             const eraseAtEdge = 1 - amount;
             const STOPS = 64;
             const gamma = 1 / hardness;
-            const seamGuardPx = 2;
             const addStops = (g) => {
               for (let i = 0; i <= STOPS; i++) {
                 const t = i / STOPS;
@@ -9729,32 +9717,24 @@ const PageCanvas = forwardRef(
               addStops(gradient);
               ctx.fillStyle = gradient;
               ctx.fillRect(x, y, w, band);
-              ctx.fillStyle = "rgba(0,0,0,1)";
-              ctx.fillRect(x, y, w, Math.min(seamGuardPx, band));
             } else if (side === "bottom") {
               const band = Math.max(1, h * size);
               gradient = ctx.createLinearGradient(0, y + h, 0, y + h - band);
               addStops(gradient);
               ctx.fillStyle = gradient;
               ctx.fillRect(x, y + h - band, w, band);
-              ctx.fillStyle = "rgba(0,0,0,1)";
-              ctx.fillRect(x, y + h - Math.min(seamGuardPx, band), w, Math.min(seamGuardPx, band));
             } else if (side === "left") {
               const band = Math.max(1, w * size);
               gradient = ctx.createLinearGradient(x, 0, x + band, 0);
               addStops(gradient);
               ctx.fillStyle = gradient;
               ctx.fillRect(x, y, band, h);
-              ctx.fillStyle = "rgba(0,0,0,1)";
-              ctx.fillRect(x, y, Math.min(seamGuardPx, band), h);
             } else {
               const band = Math.max(1, w * size);
               gradient = ctx.createLinearGradient(x + w, 0, x + w - band, 0);
               addStops(gradient);
               ctx.fillStyle = gradient;
               ctx.fillRect(x + w - band, y, band, h);
-              ctx.fillStyle = "rgba(0,0,0,1)";
-              ctx.fillRect(x + w - Math.min(seamGuardPx, band), y, Math.min(seamGuardPx, band), h);
             }
             ctx.restore();
           };
@@ -13424,7 +13404,7 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
-const PACKAGE_VERSION = "0.5.103";
+const PACKAGE_VERSION = "0.5.104";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;