@meonode/canvas 1.6.0-beta.1 → 1.6.0-beta.2

package/dist/cjs/canvas/image.canvas.util.d.ts

@@ -1,6 +1,11 @@
 import type { BaseProps, ImageProps, NodeDescriptor } from '../canvas/canvas.type.js';
-import { type CanvasRenderingContext2D } from 'skia-canvas';
+import { type CanvasRenderingContext2D, Image as CanvasImage } from 'skia-canvas';
 import { BoxNode } from '../canvas/layout.canvas.util.js';
+/**
+ * Per-render image cache — keyed by `src|color` for string sources.
+ * Scoped to a single RootNode.render() call; discarded after rendering.
+ */
+export type RenderImageCache = Map<string, Promise<CanvasImage>>;
 /**
  * Renders images with configurable sizing, positioning, and effects.
  * Supports object-fit modes, positioning, border radius, and saturation filters.
@@ -12,12 +17,15 @@ export declare class ImageNode extends BoxNode {
     private naturalHeight;
     private loadingPromise;
     constructor(props: ImageProps);
-    load(): Promise<void>;
+    load(cache?: RenderImageCache): Promise<void>;
+    /**
+     * Fetches and processes the image source into a CanvasImage.
+     * Does not touch node state — pure fetch logic.
+     */
+    private _fetchCanvasImage;
     /**
-     * Loads and processes an image from various sources (URL, file path, or Buffer).
-     * Handles SVG color modifications and sets natural dimensions with an aspect ratio.
-     * @returns Promise that resolves when image loading completes
-     * @throws Error if image loading fails
+     * Loads and processes an image, using the render-scoped cache to avoid
+     * re-fetching the same source within a single render pass.
      */
     private _loadImage;
     getLoadingPromise(): Promise<void>;

package/dist/cjs/canvas/image.canvas.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/image.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACpF,OAAO,EAAE,KAAK,wBAAwB,EAAmC,MAAM,aAAa,CAAA;AAC5F,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAsBxD;;;GAGG;AACH,qBAAa,SAAU,SAAQ,OAAO;IAC5B,KAAK,EAAE,UAAU,GAAG,SAAS,CAAA;IACrC,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,YAAY,CAAI;IACxB,OAAO,CAAC,aAAa,CAAI;IACzB,OAAO,CAAC,cAAc,CAA6B;gBAEvC,KAAK,EAAE,UAAU;IAYtB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAO5B;;;;;OAKG;IACH,OAAO,CAAC,UAAU;IA8GX,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAIzC;;;OAGG;cACgB,cAAc,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAoJrH;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,KAAG,cAGxC,CAAA"}
+{"version":3,"file":"image.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/image.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACpF,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,IAAI,WAAW,EAAa,MAAM,aAAa,CAAA;AAC5F,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAsBxD;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAA;AAEhE;;;GAGG;AACH,qBAAa,SAAU,SAAQ,OAAO;IAC5B,KAAK,EAAE,UAAU,GAAG,SAAS,CAAA;IACrC,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,YAAY,CAAI;IACxB,OAAO,CAAC,aAAa,CAAI;IACzB,OAAO,CAAC,cAAc,CAA6B;gBAEvC,KAAK,EAAE,UAAU;IAYtB,IAAI,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IAOpD;;;OAGG;YACW,iBAAiB;IAmE/B;;;OAGG;IACH,OAAO,CAAC,UAAU;IAgDX,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAIzC;;;OAGG;cACgB,cAAc,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAoJrH;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,KAAG,cAGxC,CAAA"}

package/dist/cjs/canvas/image.canvas.util.js

@@ -41,23 +41,82 @@ class ImageNode extends layout_canvas_util.BoxNode {
             ...props,
         };
     }
-    load() {
+    load(cache) {
         if (!this.loadingPromise) {
-            this.loadingPromise = this._loadImage();
+            this.loadingPromise = this._loadImage(cache);
         }
         return this.loadingPromise;
     }
     /**
-     * Loads and processes an image from various sources (URL, file path, or Buffer).
-     * Handles SVG color modifications and sets natural dimensions with an aspect ratio.
-     * @returns Promise that resolves when image loading completes
-     * @throws Error if image loading fails
+     * Fetches and processes the image source into a CanvasImage.
+     * Does not touch node state — pure fetch logic.
      */
-    _loadImage() {
-        if (this.loadingPromise)
-            return this.loadingPromise;
-        if (this.loadedImage)
-            return Promise.resolve();
+    async _fetchCanvasImage() {
+        const { fileTypeFromBuffer, fileTypeFromFile } = await import('file-type');
+        let finalSource = this.props.src;
+        let isSvg = false;
+        let contentBuffer = null;
+        let detectedMime;
+        if (typeof this.props.src === 'string') {
+            if (this.props.src.startsWith('http')) {
+                const response = await fetch(this.props.src);
+                if (!response.ok) {
+                    throw new Error(`HTTP error ${response.status} fetching image: ${this.props.src}`);
+                }
+                const imageArrayBuffer = await response.arrayBuffer();
+                contentBuffer = Buffer.from(imageArrayBuffer);
+                finalSource = contentBuffer;
+                const fileTypeResult = await fileTypeFromBuffer(contentBuffer);
+                detectedMime = fileTypeResult?.mime;
+                isSvg = detectedMime === 'image/svg+xml';
+                if ((!detectedMime || detectedMime === 'application/xml') && contentBuffer.toString('utf-8').includes('<svg')) {
+                    isSvg = true;
+                }
+            }
+            else {
+                finalSource = this.props.src;
+                const filePath = this.props.src;
+                try {
+                    const fileTypeResult = await fileTypeFromFile(filePath);
+                    detectedMime = fileTypeResult?.mime;
+                    isSvg = detectedMime === 'image/svg+xml';
+                    if ((!detectedMime || detectedMime === 'application/xml') && filePath.toLowerCase().endsWith('.svg')) {
+                        isSvg = true;
+                    }
+                }
+                catch {
+                    isSvg = filePath.toLowerCase().endsWith('.svg');
+                }
+                if (isSvg && this.props.color) {
+                    try {
+                        contentBuffer = await fs.promises.readFile(filePath);
+                    }
+                    catch {
+                        isSvg = false;
+                        contentBuffer = null;
+                    }
+                }
+            }
+        }
+        else {
+            contentBuffer = this.props.src;
+            finalSource = contentBuffer;
+            const fileTypeResult = await fileTypeFromBuffer(contentBuffer);
+            detectedMime = fileTypeResult?.mime;
+            isSvg = detectedMime === 'image/svg+xml';
+        }
+        if (isSvg && this.props.color && contentBuffer) {
+            const svgString = contentBuffer.toString('utf-8');
+            const modifiedSvgString = svgString.replace(/fill="[^"]*"/g, `fill="${this.props.color}"`);
+            finalSource = modifiedSvgString !== svgString ? Buffer.from(modifiedSvgString) : contentBuffer;
+        }
+        return skiaCanvas.loadImage(finalSource);
+    }
+    /**
+     * Loads and processes an image, using the render-scoped cache to avoid
+     * re-fetching the same source within a single render pass.
+     */
+    _loadImage(cache) {
         if (!this.props.src) {
             const aspectRatioFromProps = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : undefined;
             this.node.setAspectRatio(aspectRatioFromProps);
@@ -67,71 +126,19 @@ class ImageNode extends layout_canvas_util.BoxNode {
         }
         return new Promise(resolve => {
             const load = async () => {
-                const { fileTypeFromBuffer, fileTypeFromFile } = await import('file-type');
-                let finalSource = this.props.src;
-                let isSvg = false;
-                let contentBuffer = null;
-                let detectedMime;
                 try {
-                    if (typeof this.props.src === 'string') {
-                        if (this.props.src.startsWith('http')) {
-                            const response = await fetch(this.props.src);
-                            if (!response.ok) {
-                                throw new Error(`HTTP error ${response.status} fetching image: ${this.props.src}`);
-                            }
-                            const imageArrayBuffer = await response.arrayBuffer();
-                            contentBuffer = Buffer.from(imageArrayBuffer);
-                            finalSource = contentBuffer;
-                            const fileTypeResult = await fileTypeFromBuffer(contentBuffer);
-                            detectedMime = fileTypeResult?.mime;
-                            isSvg = detectedMime === 'image/svg+xml';
-                            if ((!detectedMime || detectedMime === 'application/xml') && contentBuffer.toString('utf-8').includes('<svg')) {
-                                isSvg = true;
-                            }
-                        }
-                        else {
-                            finalSource = this.props.src;
-                            const filePath = this.props.src;
-                            try {
-                                const fileTypeResult = await fileTypeFromFile(filePath);
-                                detectedMime = fileTypeResult?.mime;
-                                isSvg = detectedMime === 'image/svg+xml';
-                                if ((!detectedMime || detectedMime === 'application/xml') && filePath.toLowerCase().endsWith('.svg')) {
-                                    isSvg = true;
-                                }
-                            }
-                            catch {
-                                isSvg = filePath.toLowerCase().endsWith('.svg');
-                            }
-                            if (isSvg && this.props.color) {
-                                try {
-                                    contentBuffer = await fs.promises.readFile(filePath);
-                                }
-                                catch {
-                                    isSvg = false;
-                                    contentBuffer = null;
-                                }
-                            }
+                    let imagePromise;
+                    if (cache && typeof this.props.src === 'string') {
+                        const cacheKey = this.props.color ? `${this.props.src}|${this.props.color}` : this.props.src;
+                        if (!cache.has(cacheKey)) {
+                            cache.set(cacheKey, this._fetchCanvasImage());
                         }
+                        imagePromise = cache.get(cacheKey);
                     }
                     else {
-                        contentBuffer = this.props.src;
-                        finalSource = contentBuffer;
-                        const fileTypeResult = await fileTypeFromBuffer(contentBuffer);
-                        detectedMime = fileTypeResult?.mime;
-                        isSvg = detectedMime === 'image/svg+xml';
-                    }
-                    if (isSvg && this.props.color && contentBuffer) {
-                        const svgString = contentBuffer.toString('utf-8');
-                        const modifiedSvgString = svgString.replace(/fill="[^"]*"/g, `fill="${this.props.color}"`);
-                        if (modifiedSvgString !== svgString) {
-                            finalSource = Buffer.from(modifiedSvgString);
-                        }
-                        else {
-                            finalSource = contentBuffer;
-                        }
+                        imagePromise = this._fetchCanvasImage();
                     }
-                    const img = await skiaCanvas.loadImage(finalSource);
+                    const img = await imagePromise;
                     this.loadedImage = img;
                     this.naturalWidth = img.width;
                     this.naturalHeight = img.height;

package/dist/cjs/canvas/image.canvas.util.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.canvas.util.js","sources":["../../../../src/canvas/image.canvas.util.ts"],"sourcesContent":["import type { BaseProps, ImageProps, NodeDescriptor } from '@/canvas/canvas.type.js'\nimport { type CanvasRenderingContext2D, Image as CanvasImage, loadImage } from 'skia-canvas'\nimport { BoxNode } from '@/canvas/layout.canvas.util.js'\nimport { drawRoundedRectPath, parseBorderRadius } from '@/canvas/canvas.helper.js'\nimport { promises as fs } from 'fs'\nimport { Style } from '@/constant/common.const.js'\n\n/**\n * Calculates pixel offset for image positioning based on percentage or pixel values.\n * This handles centering, edge alignment, and percentage-based positioning.\n */\nfunction calculateOffsetFromValue(positionValue: number | `${number}%` | undefined, availableSpace: number): number {\n  const value = positionValue ?? '50%'\n  if (typeof value === 'number') {\n    return value\n  }\n  if (typeof value === 'string' && value.endsWith('%')) {\n    const percentage = parseFloat(value) / 100\n    return availableSpace * percentage\n  }\n  console.warn(`[ImageNode] Invalid objectPosition value format: ${value}. Defaulting to 50%.`)\n  return availableSpace * 0.5\n}\n\n/**\n * Renders images with configurable sizing, positioning, and effects.\n * Supports object-fit modes, positioning, border radius, and saturation filters.\n */\nexport class ImageNode extends BoxNode {\n  declare props: ImageProps & BaseProps\n  private loadedImage: CanvasImage | null = null\n  private naturalWidth = 0\n  private naturalHeight = 0\n  private loadingPromise: Promise<void> | null = null\n\n  constructor(props: ImageProps) {\n    super({ name: 'Image', ...props, children: undefined })\n\n    this.props = {\n      objectFit: 'fill',\n      overflow: Style.Overflow.Hidden,\n      saturate: 1,\n      objectPosition: { Left: '50%', Top: '50%' },\n      ...props,\n    }\n  }\n\n  public load(): Promise<void> {\n    if (!this.loadingPromise) {\n      this.loadingPromise = this._loadImage()\n    }\n    return this.loadingPromise\n  }\n\n  /**\n   * Loads and processes an image from various sources (URL, file path, or Buffer).\n   * Handles SVG color modifications and sets natural dimensions with an aspect ratio.\n   * @returns Promise that resolves when image loading completes\n   * @throws Error if image loading fails\n   */\n  private _loadImage(): Promise<void> {\n    if (this.loadingPromise) return this.loadingPromise\n    if (this.loadedImage) return Promise.resolve()\n\n    if (!this.props.src) {\n      const aspectRatioFromProps = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : undefined\n      this.node.setAspectRatio(aspectRatioFromProps)\n      this.naturalWidth = 0\n      this.naturalHeight = 0\n\n      return Promise.resolve()\n    }\n\n    return new Promise(resolve => {\n      const load = async () => {\n        const { fileTypeFromBuffer, fileTypeFromFile } = await import('file-type')\n        let finalSource: string | Buffer = this.props.src\n        let isSvg = false\n        let contentBuffer: Buffer | null = null\n        let detectedMime: string | undefined\n\n        try {\n          if (typeof this.props.src === 'string') {\n            if (this.props.src.startsWith('http')) {\n              const response = await fetch(this.props.src)\n              if (!response.ok) {\n                throw new Error(`HTTP error ${response.status} fetching image: ${this.props.src}`)\n              }\n              const imageArrayBuffer = await response.arrayBuffer()\n              contentBuffer = Buffer.from(imageArrayBuffer)\n              finalSource = contentBuffer\n\n              const fileTypeResult = await fileTypeFromBuffer(contentBuffer)\n              detectedMime = fileTypeResult?.mime\n              isSvg = detectedMime === 'image/svg+xml'\n\n              if ((!detectedMime || detectedMime === 'application/xml') && contentBuffer.toString('utf-8').includes('<svg')) {\n                isSvg = true\n              }\n            } else {\n              finalSource = this.props.src\n              const filePath = this.props.src\n\n              try {\n                const fileTypeResult = await fileTypeFromFile(filePath)\n                detectedMime = fileTypeResult?.mime\n                isSvg = detectedMime === 'image/svg+xml'\n\n                if ((!detectedMime || detectedMime === 'application/xml') && filePath.toLowerCase().endsWith('.svg')) {\n                  isSvg = true\n                }\n              } catch {\n                isSvg = filePath.toLowerCase().endsWith('.svg')\n              }\n\n              if (isSvg && this.props.color) {\n                try {\n                  contentBuffer = await fs.readFile(filePath)\n                } catch {\n                  isSvg = false\n                  contentBuffer = null\n                }\n              }\n            }\n          } else {\n            contentBuffer = this.props.src\n            finalSource = contentBuffer\n\n            const fileTypeResult = await fileTypeFromBuffer(contentBuffer)\n            detectedMime = fileTypeResult?.mime\n            isSvg = detectedMime === 'image/svg+xml'\n          }\n\n          if (isSvg && this.props.color && contentBuffer) {\n            const svgString = contentBuffer.toString('utf-8')\n            const modifiedSvgString = svgString.replace(/fill=\"[^\"]*\"/g, `fill=\"${this.props.color}\"`)\n\n            if (modifiedSvgString !== svgString) {\n              finalSource = Buffer.from(modifiedSvgString)\n            } else {\n              finalSource = contentBuffer\n            }\n          }\n\n          const img = await loadImage(finalSource as never)\n          this.loadedImage = img\n          this.naturalWidth = img.width\n          this.naturalHeight = img.height\n\n          const calculatedAspectRatio = this.naturalWidth > 0 && this.naturalHeight > 0 ? this.naturalWidth / this.naturalHeight : undefined\n\n          const finalAspectRatio = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : calculatedAspectRatio\n\n          this.node.setAspectRatio(finalAspectRatio)\n\n          this.props.onLoad?.()\n          resolve()\n        } catch (error: any) {\n          this.naturalWidth = 0\n          this.naturalHeight = 0\n          const finalAspectRatioOnError = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : undefined\n          this.node.setAspectRatio(finalAspectRatioOnError)\n          this.props.onError?.(error)\n          resolve()\n        }\n      }\n      load()\n    })\n  }\n\n  public getLoadingPromise(): Promise<void> {\n    return this.loadingPromise ?? this.load()\n  }\n\n  /**\n   * Renders the image with correct sizing, clipping, and positioning.\n   * Handles object-fit, object-position, and visual effects like saturation.\n   */\n  protected override _renderContent(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number) {\n    super._renderContent(ctx, x, y, width, height)\n\n    if (!this.loadedImage || width <= 0 || height <= 0) return\n    const img = this.loadedImage\n    const imgW = this.naturalWidth\n    const imgH = this.naturalHeight\n    if (imgW <= 0 || imgH <= 0) return\n\n    // Calculate content box accounting for padding and borders\n    const paddingLeft = this.node.getComputedPadding(Style.Edge.Left)\n    const paddingTop = this.node.getComputedPadding(Style.Edge.Top)\n    const paddingRight = this.node.getComputedPadding(Style.Edge.Right)\n    const paddingBottom = this.node.getComputedPadding(Style.Edge.Bottom)\n    const borderLeft = this.node.getComputedBorder(Style.Edge.Left)\n    const borderTop = this.node.getComputedBorder(Style.Edge.Top)\n    const borderRight = this.node.getComputedBorder(Style.Edge.Right)\n    const borderBottom = this.node.getComputedBorder(Style.Edge.Bottom)\n    const contentX = x + borderLeft + paddingLeft\n    const contentY = y + borderTop + paddingTop\n    const contentWidth = Math.max(0, width - borderLeft - paddingLeft - borderRight - paddingRight)\n    const contentHeight = Math.max(0, height - borderTop - paddingTop - borderBottom - paddingBottom)\n\n    if (contentWidth <= 0 || contentHeight <= 0) return\n\n    // Apply clipping for border radius\n    ctx.save()\n    const outerRadii = parseBorderRadius(this.props.borderRadius)\n    const innerBorderRadii = {\n      TopLeft: Math.max(0, outerRadii.TopLeft - borderTop),\n      TopRight: Math.max(0, outerRadii.TopRight - borderTop),\n      BottomRight: Math.max(0, outerRadii.BottomRight - borderBottom),\n      BottomLeft: Math.max(0, outerRadii.BottomLeft - borderBottom),\n    }\n    const contentRadii = {\n      TopLeft: Math.max(0, innerBorderRadii.TopLeft - Math.max(paddingLeft, paddingTop)),\n      TopRight: Math.max(0, innerBorderRadii.TopRight - Math.max(paddingRight, paddingTop)),\n      BottomRight: Math.max(0, innerBorderRadii.BottomRight - Math.max(paddingRight, paddingBottom)),\n      BottomLeft: Math.max(0, innerBorderRadii.BottomLeft - Math.max(paddingLeft, paddingBottom)),\n    }\n    drawRoundedRectPath(ctx, contentX, contentY, contentWidth, contentHeight, contentRadii)\n    ctx.clip()\n\n    // Calculate image dimensions based on object-fit\n    const nodeRatio = contentWidth / contentHeight\n    const imgRatio = imgW / imgH\n    const objectFit = this.props.objectFit\n    let dw = contentWidth\n    let dh = contentHeight\n\n    if (objectFit === 'contain') {\n      if (imgRatio > nodeRatio) {\n        dw = contentWidth\n        dh = contentWidth / imgRatio\n      } else {\n        dh = contentHeight\n        dw = contentHeight * imgRatio\n      }\n    } else if (objectFit === 'cover') {\n      if (imgRatio > nodeRatio) {\n        dh = contentHeight\n        dw = contentHeight * imgRatio\n      } else {\n        dw = contentWidth\n        dh = contentWidth / imgRatio\n      }\n    } else if (objectFit === 'none') {\n      dw = imgW\n      dh = imgH\n    } else if (objectFit === 'scale-down') {\n      if (imgW <= contentWidth && imgH <= contentHeight) {\n        dw = imgW\n        dh = imgH\n      } else {\n        if (imgRatio > nodeRatio) {\n          dw = contentWidth\n          dh = contentWidth / imgRatio\n        } else {\n          dh = contentHeight\n          dw = contentHeight * imgRatio\n        }\n      }\n    }\n\n    // Calculate image position based on object-position\n    const sx = 0\n    const sy = 0\n    const sw = imgW\n    const sh = imgH\n\n    const availableWidth = contentWidth - dw\n    const availableHeight = contentHeight - dh\n    const posProps = this.props.objectPosition || {}\n    const horizontalValue = posProps.Left !== undefined ? posProps.Left : posProps.Right !== undefined ? posProps.Right : '50%'\n    const verticalValue = posProps.Top !== undefined ? posProps.Top : posProps.Bottom !== undefined ? posProps.Bottom : '50%'\n\n    let offsetX = calculateOffsetFromValue(horizontalValue, availableWidth)\n    let offsetY = calculateOffsetFromValue(verticalValue, availableHeight)\n\n    if (posProps.Left === undefined && posProps.Right !== undefined) {\n      offsetX = availableWidth - offsetX\n    }\n    if (posProps.Top === undefined && posProps.Bottom !== undefined) {\n      offsetY = availableHeight - offsetY\n    }\n\n    const dx = contentX + offsetX\n    const dy = contentY + offsetY\n\n    // Draw image with filters\n    ctx.save()\n    try {\n      if (this.props.dropShadow) {\n        const shadow = this.props.dropShadow\n        const shadowBlur = Math.max(shadow.offsetX ?? 0, shadow.offsetY ?? 0)\n        ctx.shadowOffsetX = shadow.offsetX ?? 0\n        ctx.shadowOffsetY = shadow.offsetY ?? 0\n        ctx.shadowBlur = Math.max(0, shadow.blur ?? shadowBlur)\n        ctx.shadowColor = shadow.color ?? 'black'\n      }\n\n      const saturateValue = this.props.saturate ?? 1\n      let filterString = ''\n      if (saturateValue !== 1) {\n        filterString += `saturate(${saturateValue * 100}%) `\n      }\n\n      if (filterString) {\n        const currentFilter = ctx.filter && ctx.filter !== 'none' ? ctx.filter + ' ' : ''\n        ctx.filter = currentFilter + filterString.trim()\n      }\n\n      const finalDX = Math.floor(dx)\n      const finalDY = Math.floor(dy)\n      const finalDW = Math.ceil(dw + (dx - finalDX))\n      const finalDH = Math.ceil(dh + (dy - finalDY))\n\n      if (finalDW > 0 && finalDH > 0) {\n        ctx.drawImage(img, sx, sy, sw, sh, finalDX, finalDY, finalDW, finalDH)\n      }\n    } catch (drawError) {\n      console.error('[ImageNode] Error drawing image:', drawError)\n    } finally {\n      ctx.restore()\n    }\n\n    ctx.restore()\n  }\n}\n\n/**\n * Factory function to create ImageNode instances\n */\nexport const Image = (props: ImageProps): NodeDescriptor => ({\n  __type: 'Image',\n  props: props as Omit<ImageProps, 'onLoad' | 'onError'>,\n})\n"],"names":["BoxNode","Style","fs","loadImage","parseBorderRadius","drawRoundedRectPath"],"mappings":"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"}
+{"version":3,"file":"image.canvas.util.js","sources":["../../../../src/canvas/image.canvas.util.ts"],"sourcesContent":["import type { BaseProps, ImageProps, NodeDescriptor } from '@/canvas/canvas.type.js'\nimport { type CanvasRenderingContext2D, Image as CanvasImage, loadImage } from 'skia-canvas'\nimport { BoxNode } from '@/canvas/layout.canvas.util.js'\nimport { drawRoundedRectPath, parseBorderRadius } from '@/canvas/canvas.helper.js'\nimport { promises as fs } from 'fs'\nimport { Style } from '@/constant/common.const.js'\n\n/**\n * Calculates pixel offset for image positioning based on percentage or pixel values.\n * This handles centering, edge alignment, and percentage-based positioning.\n */\nfunction calculateOffsetFromValue(positionValue: number | `${number}%` | undefined, availableSpace: number): number {\n  const value = positionValue ?? '50%'\n  if (typeof value === 'number') {\n    return value\n  }\n  if (typeof value === 'string' && value.endsWith('%')) {\n    const percentage = parseFloat(value) / 100\n    return availableSpace * percentage\n  }\n  console.warn(`[ImageNode] Invalid objectPosition value format: ${value}. Defaulting to 50%.`)\n  return availableSpace * 0.5\n}\n\n/**\n * Per-render image cache — keyed by `src|color` for string sources.\n * Scoped to a single RootNode.render() call; discarded after rendering.\n */\nexport type RenderImageCache = Map<string, Promise<CanvasImage>>\n\n/**\n * Renders images with configurable sizing, positioning, and effects.\n * Supports object-fit modes, positioning, border radius, and saturation filters.\n */\nexport class ImageNode extends BoxNode {\n  declare props: ImageProps & BaseProps\n  private loadedImage: CanvasImage | null = null\n  private naturalWidth = 0\n  private naturalHeight = 0\n  private loadingPromise: Promise<void> | null = null\n\n  constructor(props: ImageProps) {\n    super({ name: 'Image', ...props, children: undefined })\n\n    this.props = {\n      objectFit: 'fill',\n      overflow: Style.Overflow.Hidden,\n      saturate: 1,\n      objectPosition: { Left: '50%', Top: '50%' },\n      ...props,\n    }\n  }\n\n  public load(cache?: RenderImageCache): Promise<void> {\n    if (!this.loadingPromise) {\n      this.loadingPromise = this._loadImage(cache)\n    }\n    return this.loadingPromise\n  }\n\n  /**\n   * Fetches and processes the image source into a CanvasImage.\n   * Does not touch node state — pure fetch logic.\n   */\n  private async _fetchCanvasImage(): Promise<CanvasImage> {\n    const { fileTypeFromBuffer, fileTypeFromFile } = await import('file-type')\n    let finalSource: string | Buffer = this.props.src\n    let isSvg = false\n    let contentBuffer: Buffer | null = null\n    let detectedMime: string | undefined\n\n    if (typeof this.props.src === 'string') {\n      if (this.props.src.startsWith('http')) {\n        const response = await fetch(this.props.src)\n        if (!response.ok) {\n          throw new Error(`HTTP error ${response.status} fetching image: ${this.props.src}`)\n        }\n        const imageArrayBuffer = await response.arrayBuffer()\n        contentBuffer = Buffer.from(imageArrayBuffer)\n        finalSource = contentBuffer\n\n        const fileTypeResult = await fileTypeFromBuffer(contentBuffer)\n        detectedMime = fileTypeResult?.mime\n        isSvg = detectedMime === 'image/svg+xml'\n\n        if ((!detectedMime || detectedMime === 'application/xml') && contentBuffer.toString('utf-8').includes('<svg')) {\n          isSvg = true\n        }\n      } else {\n        finalSource = this.props.src\n        const filePath = this.props.src\n\n        try {\n          const fileTypeResult = await fileTypeFromFile(filePath)\n          detectedMime = fileTypeResult?.mime\n          isSvg = detectedMime === 'image/svg+xml'\n\n          if ((!detectedMime || detectedMime === 'application/xml') && filePath.toLowerCase().endsWith('.svg')) {\n            isSvg = true\n          }\n        } catch {\n          isSvg = filePath.toLowerCase().endsWith('.svg')\n        }\n\n        if (isSvg && this.props.color) {\n          try {\n            contentBuffer = await fs.readFile(filePath)\n          } catch {\n            isSvg = false\n            contentBuffer = null\n          }\n        }\n      }\n    } else {\n      contentBuffer = this.props.src\n      finalSource = contentBuffer\n\n      const fileTypeResult = await fileTypeFromBuffer(contentBuffer)\n      detectedMime = fileTypeResult?.mime\n      isSvg = detectedMime === 'image/svg+xml'\n    }\n\n    if (isSvg && this.props.color && contentBuffer) {\n      const svgString = contentBuffer.toString('utf-8')\n      const modifiedSvgString = svgString.replace(/fill=\"[^\"]*\"/g, `fill=\"${this.props.color}\"`)\n      finalSource = modifiedSvgString !== svgString ? Buffer.from(modifiedSvgString) : contentBuffer\n    }\n\n    return loadImage(finalSource as never)\n  }\n\n  /**\n   * Loads and processes an image, using the render-scoped cache to avoid\n   * re-fetching the same source within a single render pass.\n   */\n  private _loadImage(cache?: RenderImageCache): Promise<void> {\n    if (!this.props.src) {\n      const aspectRatioFromProps = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : undefined\n      this.node.setAspectRatio(aspectRatioFromProps)\n      this.naturalWidth = 0\n      this.naturalHeight = 0\n      return Promise.resolve()\n    }\n\n    return new Promise(resolve => {\n      const load = async () => {\n        try {\n          let imagePromise: Promise<CanvasImage>\n\n          if (cache && typeof this.props.src === 'string') {\n            const cacheKey = this.props.color ? `${this.props.src}|${this.props.color}` : this.props.src\n            if (!cache.has(cacheKey)) {\n              cache.set(cacheKey, this._fetchCanvasImage())\n            }\n            imagePromise = cache.get(cacheKey)!\n          } else {\n            imagePromise = this._fetchCanvasImage()\n          }\n\n          const img = await imagePromise\n          this.loadedImage = img\n          this.naturalWidth = img.width\n          this.naturalHeight = img.height\n\n          const calculatedAspectRatio = this.naturalWidth > 0 && this.naturalHeight > 0 ? this.naturalWidth / this.naturalHeight : undefined\n          const finalAspectRatio = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : calculatedAspectRatio\n\n          this.node.setAspectRatio(finalAspectRatio)\n          this.props.onLoad?.()\n          resolve()\n        } catch (error: any) {\n          this.naturalWidth = 0\n          this.naturalHeight = 0\n          const finalAspectRatioOnError = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : undefined\n          this.node.setAspectRatio(finalAspectRatioOnError)\n          this.props.onError?.(error)\n          resolve()\n        }\n      }\n      load()\n    })\n  }\n\n  public getLoadingPromise(): Promise<void> {\n    return this.loadingPromise ?? this.load()\n  }\n\n  /**\n   * Renders the image with correct sizing, clipping, and positioning.\n   * Handles object-fit, object-position, and visual effects like saturation.\n   */\n  protected override _renderContent(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number) {\n    super._renderContent(ctx, x, y, width, height)\n\n    if (!this.loadedImage || width <= 0 || height <= 0) return\n    const img = this.loadedImage\n    const imgW = this.naturalWidth\n    const imgH = this.naturalHeight\n    if (imgW <= 0 || imgH <= 0) return\n\n    // Calculate content box accounting for padding and borders\n    const paddingLeft = this.node.getComputedPadding(Style.Edge.Left)\n    const paddingTop = this.node.getComputedPadding(Style.Edge.Top)\n    const paddingRight = this.node.getComputedPadding(Style.Edge.Right)\n    const paddingBottom = this.node.getComputedPadding(Style.Edge.Bottom)\n    const borderLeft = this.node.getComputedBorder(Style.Edge.Left)\n    const borderTop = this.node.getComputedBorder(Style.Edge.Top)\n    const borderRight = this.node.getComputedBorder(Style.Edge.Right)\n    const borderBottom = this.node.getComputedBorder(Style.Edge.Bottom)\n    const contentX = x + borderLeft + paddingLeft\n    const contentY = y + borderTop + paddingTop\n    const contentWidth = Math.max(0, width - borderLeft - paddingLeft - borderRight - paddingRight)\n    const contentHeight = Math.max(0, height - borderTop - paddingTop - borderBottom - paddingBottom)\n\n    if (contentWidth <= 0 || contentHeight <= 0) return\n\n    // Apply clipping for border radius\n    ctx.save()\n    const outerRadii = parseBorderRadius(this.props.borderRadius)\n    const innerBorderRadii = {\n      TopLeft: Math.max(0, outerRadii.TopLeft - borderTop),\n      TopRight: Math.max(0, outerRadii.TopRight - borderTop),\n      BottomRight: Math.max(0, outerRadii.BottomRight - borderBottom),\n      BottomLeft: Math.max(0, outerRadii.BottomLeft - borderBottom),\n    }\n    const contentRadii = {\n      TopLeft: Math.max(0, innerBorderRadii.TopLeft - Math.max(paddingLeft, paddingTop)),\n      TopRight: Math.max(0, innerBorderRadii.TopRight - Math.max(paddingRight, paddingTop)),\n      BottomRight: Math.max(0, innerBorderRadii.BottomRight - Math.max(paddingRight, paddingBottom)),\n      BottomLeft: Math.max(0, innerBorderRadii.BottomLeft - Math.max(paddingLeft, paddingBottom)),\n    }\n    drawRoundedRectPath(ctx, contentX, contentY, contentWidth, contentHeight, contentRadii)\n    ctx.clip()\n\n    // Calculate image dimensions based on object-fit\n    const nodeRatio = contentWidth / contentHeight\n    const imgRatio = imgW / imgH\n    const objectFit = this.props.objectFit\n    let dw = contentWidth\n    let dh = contentHeight\n\n    if (objectFit === 'contain') {\n      if (imgRatio > nodeRatio) {\n        dw = contentWidth\n        dh = contentWidth / imgRatio\n      } else {\n        dh = contentHeight\n        dw = contentHeight * imgRatio\n      }\n    } else if (objectFit === 'cover') {\n      if (imgRatio > nodeRatio) {\n        dh = contentHeight\n        dw = contentHeight * imgRatio\n      } else {\n        dw = contentWidth\n        dh = contentWidth / imgRatio\n      }\n    } else if (objectFit === 'none') {\n      dw = imgW\n      dh = imgH\n    } else if (objectFit === 'scale-down') {\n      if (imgW <= contentWidth && imgH <= contentHeight) {\n        dw = imgW\n        dh = imgH\n      } else {\n        if (imgRatio > nodeRatio) {\n          dw = contentWidth\n          dh = contentWidth / imgRatio\n        } else {\n          dh = contentHeight\n          dw = contentHeight * imgRatio\n        }\n      }\n    }\n\n    // Calculate image position based on object-position\n    const sx = 0\n    const sy = 0\n    const sw = imgW\n    const sh = imgH\n\n    const availableWidth = contentWidth - dw\n    const availableHeight = contentHeight - dh\n    const posProps = this.props.objectPosition || {}\n    const horizontalValue = posProps.Left !== undefined ? posProps.Left : posProps.Right !== undefined ? posProps.Right : '50%'\n    const verticalValue = posProps.Top !== undefined ? posProps.Top : posProps.Bottom !== undefined ? posProps.Bottom : '50%'\n\n    let offsetX = calculateOffsetFromValue(horizontalValue, availableWidth)\n    let offsetY = calculateOffsetFromValue(verticalValue, availableHeight)\n\n    if (posProps.Left === undefined && posProps.Right !== undefined) {\n      offsetX = availableWidth - offsetX\n    }\n    if (posProps.Top === undefined && posProps.Bottom !== undefined) {\n      offsetY = availableHeight - offsetY\n    }\n\n    const dx = contentX + offsetX\n    const dy = contentY + offsetY\n\n    // Draw image with filters\n    ctx.save()\n    try {\n      if (this.props.dropShadow) {\n        const shadow = this.props.dropShadow\n        const shadowBlur = Math.max(shadow.offsetX ?? 0, shadow.offsetY ?? 0)\n        ctx.shadowOffsetX = shadow.offsetX ?? 0\n        ctx.shadowOffsetY = shadow.offsetY ?? 0\n        ctx.shadowBlur = Math.max(0, shadow.blur ?? shadowBlur)\n        ctx.shadowColor = shadow.color ?? 'black'\n      }\n\n      const saturateValue = this.props.saturate ?? 1\n      let filterString = ''\n      if (saturateValue !== 1) {\n        filterString += `saturate(${saturateValue * 100}%) `\n      }\n\n      if (filterString) {\n        const currentFilter = ctx.filter && ctx.filter !== 'none' ? ctx.filter + ' ' : ''\n        ctx.filter = currentFilter + filterString.trim()\n      }\n\n      const finalDX = Math.floor(dx)\n      const finalDY = Math.floor(dy)\n      const finalDW = Math.ceil(dw + (dx - finalDX))\n      const finalDH = Math.ceil(dh + (dy - finalDY))\n\n      if (finalDW > 0 && finalDH > 0) {\n        ctx.drawImage(img, sx, sy, sw, sh, finalDX, finalDY, finalDW, finalDH)\n      }\n    } catch (drawError) {\n      console.error('[ImageNode] Error drawing image:', drawError)\n    } finally {\n      ctx.restore()\n    }\n\n    ctx.restore()\n  }\n}\n\n/**\n * Factory function to create ImageNode instances\n */\nexport const Image = (props: ImageProps): NodeDescriptor => ({\n  __type: 'Image',\n  props: props as Omit<ImageProps, 'onLoad' | 'onError'>,\n})\n"],"names":["BoxNode","Style","fs","loadImage","parseBorderRadius","drawRoundedRectPath"],"mappings":";;;;;;;;AAOA;;;AAGG;AACH,SAAS,wBAAwB,CAAC,aAAgD,EAAE,cAAsB,EAAA;AACxG,IAAA,MAAM,KAAK,GAAG,aAAa,IAAI,KAAK;AACpC,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,QAAA,OAAO,KAAK;IACd;AACA,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACpD,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG;QAC1C,OAAO,cAAc,GAAG,UAAU;IACpC;AACA,IAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,KAAK,CAAA,oBAAA,CAAsB,CAAC;IAC7F,OAAO,cAAc,GAAG,GAAG;AAC7B;AAQA;;;AAGG;AACG,MAAO,SAAU,SAAQA,0BAAO,CAAA;IAE5B,WAAW,GAAuB,IAAI;IACtC,YAAY,GAAG,CAAC;IAChB,aAAa,GAAG,CAAC;IACjB,cAAc,GAAyB,IAAI;AAEnD,IAAA,WAAA,CAAY,KAAiB,EAAA;AAC3B,QAAA,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;QAEvD,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,SAAS,EAAE,MAAM;AACjB,YAAA,QAAQ,EAAEC,kBAAK,CAAC,QAAQ,CAAC,MAAM;AAC/B,YAAA,QAAQ,EAAE,CAAC;YACX,cAAc,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE;AAC3C,YAAA,GAAG,KAAK;SACT;IACH;AAEO,IAAA,IAAI,CAAC,KAAwB,EAAA;AAClC,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QAC9C;QACA,OAAO,IAAI,CAAC,cAAc;IAC5B;AAEA;;;AAGG;AACK,IAAA,MAAM,iBAAiB,GAAA;QAC7B,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,GAAG,MAAM,OAAO,WAAW,CAAC;AAC1E,QAAA,IAAI,WAAW,GAAoB,IAAI,CAAC,KAAK,CAAC,GAAG;QACjD,IAAI,KAAK,GAAG,KAAK;QACjB,IAAI,aAAa,GAAkB,IAAI;AACvC,QAAA,IAAI,YAAgC;QAEpC,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;gBACrC,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAC5C,gBAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;AAChB,oBAAA,MAAM,IAAI,KAAK,CAAC,CAAA,WAAA,EAAc,QAAQ,CAAC,MAAM,CAAA,iBAAA,EAAoB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAA,CAAE,CAAC;gBACpF;AACA,gBAAA,MAAM,gBAAgB,GAAG,MAAM,QAAQ,CAAC,WAAW,EAAE;AACrD,gBAAA,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC;gBAC7C,WAAW,GAAG,aAAa;AAE3B,gBAAA,MAAM,cAAc,GAAG,MAAM,kBAAkB,CAAC,aAAa,CAAC;AAC9D,gBAAA,YAAY,GAAG,cAAc,EAAE,IAAI;AACnC,gBAAA,KAAK,GAAG,YAAY,KAAK,eAAe;gBAExC,IAAI,CAAC,CAAC,YAAY,IAAI,YAAY,KAAK,iBAAiB,KAAK,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;oBAC7G,KAAK,GAAG,IAAI;gBACd;YACF;iBAAO;AACL,gBAAA,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG;AAC5B,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG;AAE/B,gBAAA,IAAI;AACF,oBAAA,MAAM,cAAc,GAAG,MAAM,gBAAgB,CAAC,QAAQ,CAAC;AACvD,oBAAA,YAAY,GAAG,cAAc,EAAE,IAAI;AACnC,oBAAA,KAAK,GAAG,YAAY,KAAK,eAAe;AAExC,oBAAA,IAAI,CAAC,CAAC,YAAY,IAAI,YAAY,KAAK,iBAAiB,KAAK,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;wBACpG,KAAK,GAAG,IAAI;oBACd;gBACF;AAAE,gBAAA,MAAM;oBACN,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;gBACjD;gBAEA,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;AAC7B,oBAAA,IAAI;wBACF,aAAa,GAAG,MAAMC,WAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;oBAC7C;AAAE,oBAAA,MAAM;wBACN,KAAK,GAAG,KAAK;wBACb,aAAa,GAAG,IAAI;oBACtB;gBACF;YACF;QACF;aAAO;AACL,YAAA,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG;YAC9B,WAAW,GAAG,aAAa;AAE3B,YAAA,MAAM,cAAc,GAAG,MAAM,kBAAkB,CAAC,aAAa,CAAC;AAC9D,YAAA,YAAY,GAAG,cAAc,EAAE,IAAI;AACnC,YAAA,KAAK,GAAG,YAAY,KAAK,eAAe;QAC1C;QAEA,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,aAAa,EAAE;YAC9C,MAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC;AACjD,YAAA,MAAM,iBAAiB,GAAG,SAAS,CAAC,OAAO,CAAC,eAAe,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAA,CAAG,CAAC;AAC1F,YAAA,WAAW,GAAG,iBAAiB,KAAK,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,GAAG,aAAa;QAChG;AAEA,QAAA,OAAOC,oBAAS,CAAC,WAAoB,CAAC;IACxC;AAEA;;;AAGG;AACK,IAAA,UAAU,CAAC,KAAwB,EAAA;AACzC,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;AACnB,YAAA,MAAM,oBAAoB,GAAG,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS;AAC1I,YAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC;AAC9C,YAAA,IAAI,CAAC,YAAY,GAAG,CAAC;AACrB,YAAA,IAAI,CAAC,aAAa,GAAG,CAAC;AACtB,YAAA,OAAO,OAAO,CAAC,OAAO,EAAE;QAC1B;AAEA,QAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;AAC3B,YAAA,MAAM,IAAI,GAAG,YAAW;AACtB,gBAAA,IAAI;AACF,oBAAA,IAAI,YAAkC;oBAEtC,IAAI,KAAK,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAC/C,wBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAE,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG;wBAC5F,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;4BACxB,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC;wBAC/C;AACA,wBAAA,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAE;oBACrC;yBAAO;AACL,wBAAA,YAAY,GAAG,IAAI,CAAC,iBAAiB,EAAE;oBACzC;AAEA,oBAAA,MAAM,GAAG,GAAG,MAAM,YAAY;AAC9B,oBAAA,IAAI,CAAC,WAAW,GAAG,GAAG;AACtB,oBAAA,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC,KAAK;AAC7B,oBAAA,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC,MAAM;oBAE/B,MAAM,qBAAqB,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa,GAAG,SAAS;AAClI,oBAAA,MAAM,gBAAgB,GAAG,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,qBAAqB;AAElJ,oBAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC;AAC1C,oBAAA,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI;AACrB,oBAAA,OAAO,EAAE;gBACX;gBAAE,OAAO,KAAU,EAAE;AACnB,oBAAA,IAAI,CAAC,YAAY,GAAG,CAAC;AACrB,oBAAA,IAAI,CAAC,aAAa,GAAG,CAAC;AACtB,oBAAA,MAAM,uBAAuB,GAAG,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS;AAC7I,oBAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,uBAAuB,CAAC;oBACjD,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;AAC3B,oBAAA,OAAO,EAAE;gBACX;AACF,YAAA,CAAC;AACD,YAAA,IAAI,EAAE;AACR,QAAA,CAAC,CAAC;IACJ;IAEO,iBAAiB,GAAA;QACtB,OAAO,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,IAAI,EAAE;IAC3C;AAEA;;;AAGG;IACgB,cAAc,CAAC,GAA6B,EAAE,CAAS,EAAE,CAAS,EAAE,KAAa,EAAE,MAAc,EAAA;AAClH,QAAA,KAAK,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC;QAE9C,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,KAAK,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC;YAAE;AACpD,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW;AAC5B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY;AAC9B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa;AAC/B,QAAA,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC;YAAE;;AAG5B,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAACF,kBAAK,CAAC,IAAI,CAAC,IAAI,CAAC;AACjE,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAACA,kBAAK,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/D,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAACA,kBAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AACnE,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAACA,kBAAK,CAAC,IAAI,CAAC,MAAM,CAAC;AACrE,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAACA,kBAAK,CAAC,IAAI,CAAC,IAAI,CAAC;AAC/D,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAACA,kBAAK,CAAC,IAAI,CAAC,GAAG,CAAC;AAC7D,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAACA,kBAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AACjE,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAACA,kBAAK,CAAC,IAAI,CAAC,MAAM,CAAC;AACnE,QAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,UAAU,GAAG,WAAW;AAC7C,QAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,SAAS,GAAG,UAAU;AAC3C,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAC/F,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;AAEjG,QAAA,IAAI,YAAY,IAAI,CAAC,IAAI,aAAa,IAAI,CAAC;YAAE;;QAG7C,GAAG,CAAC,IAAI,EAAE;QACV,MAAM,UAAU,GAAGG,+BAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;AAC7D,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC;AACpD,YAAA,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,QAAQ,GAAG,SAAS,CAAC;AACtD,YAAA,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAC/D,YAAA,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,UAAU,GAAG,YAAY,CAAC;SAC9D;AACD,QAAA,MAAM,YAAY,GAAG;AACnB,YAAA,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAClF,YAAA,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,gBAAgB,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AACrF,YAAA,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAC9F,YAAA,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,gBAAgB,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;SAC5F;AACD,QAAAC,iCAAmB,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;QACvF,GAAG,CAAC,IAAI,EAAE;;AAGV,QAAA,MAAM,SAAS,GAAG,YAAY,GAAG,aAAa;AAC9C,QAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI;AAC5B,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS;QACtC,IAAI,EAAE,GAAG,YAAY;QACrB,IAAI,EAAE,GAAG,aAAa;AAEtB,QAAA,IAAI,SAAS,KAAK,SAAS,EAAE;AAC3B,YAAA,IAAI,QAAQ,GAAG,SAAS,EAAE;gBACxB,EAAE,GAAG,YAAY;AACjB,gBAAA,EAAE,GAAG,YAAY,GAAG,QAAQ;YAC9B;iBAAO;gBACL,EAAE,GAAG,aAAa;AAClB,gBAAA,EAAE,GAAG,aAAa,GAAG,QAAQ;YAC/B;QACF;AAAO,aAAA,IAAI,SAAS,KAAK,OAAO,EAAE;AAChC,YAAA,IAAI,QAAQ,GAAG,SAAS,EAAE;gBACxB,EAAE,GAAG,aAAa;AAClB,gBAAA,EAAE,GAAG,aAAa,GAAG,QAAQ;YAC/B;iBAAO;gBACL,EAAE,GAAG,YAAY;AACjB,gBAAA,EAAE,GAAG,YAAY,GAAG,QAAQ;YAC9B;QACF;AAAO,aAAA,IAAI,SAAS,KAAK,MAAM,EAAE;YAC/B,EAAE,GAAG,IAAI;YACT,EAAE,GAAG,IAAI;QACX;AAAO,aAAA,IAAI,SAAS,KAAK,YAAY,EAAE;YACrC,IAAI,IAAI,IAAI,YAAY,IAAI,IAAI,IAAI,aAAa,EAAE;gBACjD,EAAE,GAAG,IAAI;gBACT,EAAE,GAAG,IAAI;YACX;iBAAO;AACL,gBAAA,IAAI,QAAQ,GAAG,SAAS,EAAE;oBACxB,EAAE,GAAG,YAAY;AACjB,oBAAA,EAAE,GAAG,YAAY,GAAG,QAAQ;gBAC9B;qBAAO;oBACL,EAAE,GAAG,aAAa;AAClB,oBAAA,EAAE,GAAG,aAAa,GAAG,QAAQ;gBAC/B;YACF;QACF;;QAGA,MAAM,EAAE,GAAG,CAAC;QACZ,MAAM,EAAE,GAAG,CAAC;QACZ,MAAM,EAAE,GAAG,IAAI;QACf,MAAM,EAAE,GAAG,IAAI;AAEf,QAAA,MAAM,cAAc,GAAG,YAAY,GAAG,EAAE;AACxC,QAAA,MAAM,eAAe,GAAG,aAAa,GAAG,EAAE;QAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,EAAE;AAChD,QAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,KAAK,SAAS,GAAG,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,KAAK,KAAK,SAAS,GAAG,QAAQ,CAAC,KAAK,GAAG,KAAK;AAC3H,QAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,GAAG,KAAK,SAAS,GAAG,QAAQ,CAAC,GAAG,GAAG,QAAQ,CAAC,MAAM,KAAK,SAAS,GAAG,QAAQ,CAAC,MAAM,GAAG,KAAK;QAEzH,IAAI,OAAO,GAAG,wBAAwB,CAAC,eAAe,EAAE,cAAc,CAAC;QACvE,IAAI,OAAO,GAAG,wBAAwB,CAAC,aAAa,EAAE,eAAe,CAAC;AAEtE,QAAA,IAAI,QAAQ,CAAC,IAAI,KAAK,SAAS,IAAI,QAAQ,CAAC,KAAK,KAAK,SAAS,EAAE;AAC/D,YAAA,OAAO,GAAG,cAAc,GAAG,OAAO;QACpC;AACA,QAAA,IAAI,QAAQ,CAAC,GAAG,KAAK,SAAS,IAAI,QAAQ,CAAC,MAAM,KAAK,SAAS,EAAE;AAC/D,YAAA,OAAO,GAAG,eAAe,GAAG,OAAO;QACrC;AAEA,QAAA,MAAM,EAAE,GAAG,QAAQ,GAAG,OAAO;AAC7B,QAAA,MAAM,EAAE,GAAG,QAAQ,GAAG,OAAO;;QAG7B,GAAG,CAAC,IAAI,EAAE;AACV,QAAA,IAAI;AACF,YAAA,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;AACzB,gBAAA,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU;AACpC,gBAAA,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,EAAE,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC;gBACrE,GAAG,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO,IAAI,CAAC;gBACvC,GAAG,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO,IAAI,CAAC;AACvC,gBAAA,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,IAAI,UAAU,CAAC;gBACvD,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,IAAI,OAAO;YAC3C;YAEA,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC;YAC9C,IAAI,YAAY,GAAG,EAAE;AACrB,YAAA,IAAI,aAAa,KAAK,CAAC,EAAE;AACvB,gBAAA,YAAY,IAAI,CAAA,SAAA,EAAY,aAAa,GAAG,GAAG,KAAK;YACtD;YAEA,IAAI,YAAY,EAAE;gBAChB,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,KAAK,MAAM,GAAG,GAAG,CAAC,MAAM,GAAG,GAAG,GAAG,EAAE;gBACjF,GAAG,CAAC,MAAM,GAAG,aAAa,GAAG,YAAY,CAAC,IAAI,EAAE;YAClD;YAEA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;AAC9B,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,CAAC;AAC9C,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,CAAC;YAE9C,IAAI,OAAO,GAAG,CAAC,IAAI,OAAO,GAAG,CAAC,EAAE;gBAC9B,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;YACxE;QACF;QAAE,OAAO,SAAS,EAAE;AAClB,YAAA,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,SAAS,CAAC;QAC9D;gBAAU;YACR,GAAG,CAAC,OAAO,EAAE;QACf;QAEA,GAAG,CAAC,OAAO,EAAE;IACf;AACD;AAED;;AAEG;MACU,KAAK,GAAG,CAAC,KAAiB,MAAsB;AAC3D,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,KAAK,EAAE,KAA+C;AACvD,CAAA;;;;;"}

package/dist/cjs/canvas/root.canvas.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/root.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA8C,MAAM,aAAa,CAAA;AAChF,OAAO,EAAE,UAAU,EAAE,OAAO,EAAW,MAAM,gCAAgC,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAgBnF,eAAO,MAAM,qBAAqB,YAEjC,CAAA;AAOD,MAAM,WAAW,kBAAkB;IACjC,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,kBAAkB,QAMpD;AA4ED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,cAAc,GAAG,OAAO,CAmB7D;AAED;;;GAGG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,6CAA6C;IAC7C,OAAO,CAAC,MAAM,CAAoB;IAClC,8CAA8C;IAC9C,OAAO,CAAC,GAAG,CAAwC;IACnD,4CAA4C;IAC5C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,6CAA6C;IAC7C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAQ;IACrC,4DAA4D;IAC5D,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAQ;IAE9B;;;;OAIG;gBACS,KAAK,EAAE,SAAS,GAAG,SAAS;IAoDxC;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAazB;;;;OAIG;IACG,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC;CA2ChC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,GAAU,OAAO,SAAS,KAAG,OAAO,CAAC,MAAM,CAS3D,CAAA"}
+{"version":3,"file":"root.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/root.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA8C,MAAM,aAAa,CAAA;AAEhF,OAAO,EAAE,UAAU,EAAE,OAAO,EAAW,MAAM,gCAAgC,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAiBnF,eAAO,MAAM,qBAAqB,YAEjC,CAAA;AAOD,MAAM,WAAW,kBAAkB;IACjC,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,kBAAkB,QAMpD;AA2LD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,cAAc,GAAG,OAAO,CAmB7D;AAED;;;GAGG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,6CAA6C;IAC7C,OAAO,CAAC,MAAM,CAAoB;IAClC,8CAA8C;IAC9C,OAAO,CAAC,GAAG,CAAwC;IACnD,4CAA4C;IAC5C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,6CAA6C;IAC7C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAQ;IACrC,4DAA4D;IAC5D,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAQ;IAE9B;;;;OAIG;gBACS,KAAK,EAAE,SAAS,GAAG,SAAS;IAoDxC;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAazB;;;;OAIG;IACG,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC;CA6ChC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,GAAU,OAAO,SAAS,KAAG,OAAO,CAAC,MAAM,CAS3D,CAAA"}

package/dist/cjs/canvas/root.canvas.util.js

@@ -54,22 +54,77 @@ function configure(options) {
     }
 }
 /**
- * Minimal Canvas-compatible wrapper returned when rendering in worker mode.
- * Exposes toBuffer / toBufferSync so callers can use the result identically.
+ * Proxies all skia-canvas Canvas APIs to a Canvas instance living inside a worker thread.
+ * Sync methods (toBufferSync, toURLSync) return from a pre-encoded PNG buffer.
+ * Async methods (toBuffer, toURL, toFile, getters) delegate to the worker.
  */
 class WorkerCanvas {
-    _buffer;
-    constructor(_buffer) {
-        this._buffer = _buffer;
+    width;
+    height;
+    _buffer; // pre-encoded PNG for sync use
+    _pool;
+    _workerIdx;
+    _canvasId;
+    constructor(opts) {
+        this._buffer = opts.buffer;
+        this.width = opts.width;
+        this.height = opts.height;
+        this._pool = opts.pool;
+        this._workerIdx = opts.workerIdx;
+        this._canvasId = opts.canvasId;
     }
-    toBufferSync(_format) {
+    _call(method, ...args) {
+        return this._pool.callOnCanvas(this._workerIdx, this._canvasId, method, args);
+    }
+    // --- Sync methods: return from pre-encoded PNG buffer ---
+    toBufferSync(_format, _options) {
         return this._buffer;
     }
-    toBuffer(_format) {
-        return Promise.resolve(this._buffer);
+    toURLSync(_format, _options) {
+        return `data:image/png;base64,${this._buffer.toString('base64')}`;
+    }
+    // --- Async methods: delegate to worker ---
+    toBuffer(format, options) {
+        return this._call('toBuffer', format, options);
+    }
+    toURL(format, options) {
+        return this._call('toURL', format, options);
+    }
+    toFile(filename, options) {
+        return this._call('toFile', filename, options);
+    }
+    /** Returns a Buffer (Sharp instance cannot be transferred across threads) */
+    toSharp(options) {
+        return this._call('toSharp', options);
+    }
+    toSharpSync(_options) {
+        throw new Error('[canvas] toSharpSync() is not available in worker mode — use toSharp() instead');
+    }
+    // --- Async convenience getters ---
+    get png() {
+        return this._call('toBuffer', 'png');
+    }
+    get webp() {
+        return this._call('toBuffer', 'webp');
+    }
+    get jpg() {
+        return this._call('toBuffer', 'jpg');
+    }
+    get svg() {
+        return this._call('toBuffer', 'svg');
+    }
+    get pdf() {
+        return this._call('toBuffer', 'pdf');
+    }
+    get raw() {
+        return this._call('toBuffer', 'raw');
+    }
+    /** Release the Canvas from worker memory. Call when done with this object. */
+    release() {
+        this._pool.releaseCanvas(this._workerIdx, this._canvasId);
     }
 }
-/** Lazy-instantiated worker pool singleton */
+/** Worker thread pool — routes render and canvas-call messages */
 class WorkerPool {
     workers = [];
     idle = [];
@@ -79,22 +134,30 @@ class WorkerPool {
     constructor(size) {
         this.init(size);
     }
-    async init(size) {
+    init(size) {
         const workerFile = path__namespace.join(path__namespace.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('canvas/root.canvas.util.js', document.baseURI).href)))), '../render.worker.js');
         for (let i = 0; i < size; i++) {
+            const workerIdx = i;
             const worker = new node_worker_threads.Worker(workerFile);
-            worker.on('message', ({ id, buffer, error }) => {
-                const task = this.pending.get(id);
+            worker.on('message', (msg) => {
+                const task = this.pending.get(msg.taskId);
                 if (!task)
                     return;
-                this.pending.delete(id);
-                this.idle.push(worker);
-                this.drain();
-                if (error) {
-                    task.reject(new Error(error));
+                this.pending.delete(msg.taskId);
+                if ('error' in msg) {
+                    task.reject(new Error(msg.error));
+                    return;
+                }
+                if ('canvasId' in msg) {
+                    // Render complete — put worker back to idle
+                    this.idle.push(worker);
+                    this.drain();
+                    const result = { buffer: msg.buffer, canvasId: msg.canvasId, workerIdx, width: msg.width, height: msg.height };
+                    task.resolve(result);
                 }
                 else {
-                    task.resolve(buffer);
+                    // Canvas method call complete
+                    task.resolve(msg.result);
                 }
             });
             this.workers.push(worker);
@@ -105,22 +168,36 @@ class WorkerPool {
         while (this.queue.length > 0 && this.idle.length > 0) {
             const task = this.queue.shift();
             const worker = this.idle.pop();
-            worker.postMessage({ id: task.id, props: task.props });
+            const request = { type: 'render', taskId: task.id, props: task.props };
+            worker.postMessage(request);
         }
     }
     render(props) {
         return new Promise((resolve, reject) => {
             const id = this.nextId++;
-            this.pending.set(id, { resolve, reject });
+            this.pending.set(id, { resolve: resolve, reject });
             if (this.idle.length > 0) {
                 const worker = this.idle.pop();
-                worker.postMessage({ id, props });
+                const request = { type: 'render', taskId: id, props };
+                worker.postMessage(request);
             }
             else {
                 this.queue.push({ id, props });
             }
         });
     }
+    callOnCanvas(workerIdx, canvasId, method, args) {
+        return new Promise((resolve, reject) => {
+            const id = this.nextId++;
+            this.pending.set(id, { resolve: resolve, reject });
+            const request = { type: 'call', taskId: id, canvasId, method, args };
+            this.workers[workerIdx].postMessage(request);
+        });
+    }
+    releaseCanvas(workerIdx, canvasId) {
+        const request = { type: 'release', canvasId };
+        this.workers[workerIdx]?.postMessage(request);
+    }
     terminate() {
         this.workers.forEach(w => w.terminate());
     }
@@ -234,15 +311,17 @@ class RootNode extends layout_canvas_util.ColumnNode {
      * @returns Promise resolving to the rendered Canvas instance
      */
     async render() {
-        // Step 1: Load all images with a concurrency limit to avoid overwhelming remote sources
+        // Step 1: Load all images with a concurrency limit to avoid overwhelming remote sources.
+        // A per-render cache deduplicates identical src+color combinations within this render pass.
         const imageNodes = this.findAllImageNodes();
         if (imageNodes.length > 0) {
+            const imageCache = new Map();
             const CONCURRENCY = 5;
             const queue = [...imageNodes];
             const workers = Array.from({ length: Math.min(CONCURRENCY, queue.length) }, async () => {
                 while (queue.length > 0) {
                     const node = queue.shift();
-                    await node.load();
+                    await node.load(imageCache);
                 }
             });
             await Promise.allSettled(workers);
@@ -282,8 +361,8 @@ const Root = async (props) => {
         if (!_workerPool) {
             _workerPool = new WorkerPool(_workerPoolSize);
         }
-        const buffer = await _workerPool.render(props);
-        return new WorkerCanvas(buffer);
+        const result = await _workerPool.render(props);
+        return new WorkerCanvas({ ...result, pool: _workerPool });
     }
     return new RootNode(props).render();
 };