@meonode/canvas 1.7.0 → 1.7.2

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

@@ -6,6 +6,36 @@ import { BoxNode } from '../canvas/layout.canvas.util.js';
  * Scoped to a single RootNode.render() call; discarded after rendering.
  */
 export type RenderImageCache = Map<string, Promise<CanvasImage>>;
+/**
+ * A simple LRU cache for resolved `CanvasImage` objects.
+ *
+ * - Persists across render passes so repeated renders of the same tree don't
+ *   re-fetch every image.
+ * - Bounded by `maxSize` entries; least-recently-used entries are evicted first.
+ * - Call `dispose()` to eagerly release all held images, or rely on the
+ *   automatic `process.on('exit')` hook that clears the singleton.
+ */
+export declare class ImageLRUCache {
+    private readonly map;
+    readonly maxSize: number;
+    constructor(maxSize: number);
+    get(key: string): CanvasImage | undefined;
+    set(key: string, image: CanvasImage): void;
+    has(key: string): boolean;
+    get size(): number;
+    dispose(): void;
+}
+/**
+ * Returns the singleton `ImageLRUCache`, creating it on first access.
+ * Registers a one-time process cleanup hook to clear the cache
+ * so native image buffers are freed when the process shuts down.
+ */
+export declare function getImageCache(maxSize?: number): ImageLRUCache;
+/**
+ * Explicitly disposes the global image cache.
+ * Useful in tests or when tearing down the rendering engine.
+ */
+export declare function disposeImageCache(): void;
 /**
  * Renders images with configurable sizing, positioning, and effects.
  * Supports object-fit modes, positioning, border radius, and saturation filters.
@@ -21,11 +51,21 @@ export declare class ImageNode extends BoxNode {
     /**
      * Fetches and processes the image source into a CanvasImage.
      * Does not touch node state — pure fetch logic.
+     *
+     * If `diskCacheKey` is provided, the resolved image buffer is written to the
+     * disk cache at `.cache/files/<diskCacheKey>` (best-effort, fire-and-forget).
      */
     private _fetchCanvasImage;
     /**
-     * Loads and processes an image, using the render-scoped cache to avoid
-     * re-fetching the same source within a single render pass.
+     * Loads and processes an image.
+     *
+     * Resolution order:
+     *   1. Persistent LRU cache (cross-render) — instant hit, no I/O.
+     *   2. Disk cache at `.cache/files/<hash>` — survives process restarts.
+     *   3. Per-render dedup cache — avoids duplicate in-flight fetches within a single render.
+     *   4. Fresh fetch via `_fetchCanvasImage()` — writes buffer to disk cache after fetch.
+     *
+     * Buffer sources use a SHA-256 hash as their cache key (same as string sources).
      */
     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,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACnF,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,aAGxC,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,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACnF,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,IAAI,WAAW,EAAa,MAAM,aAAa,CAAA;AAC5F,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAuBxD;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAA;AAWhE;;;;;;;;GAQG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA8B;IAClD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;gBAEZ,OAAO,EAAE,MAAM;IAI3B,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IASzC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,IAAI;IAa1C,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAIzB,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,OAAO,IAAI,IAAI;CAGhB;AAUD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAE,MAA2B,GAAG,aAAa,CAejF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAGxC;AAED;;;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;;;;;;OAMG;YACW,iBAAiB;IAyE/B;;;;;;;;;;OAUG;IACH,OAAO,CAAC,UAAU;IA2FX,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,aAGxC,CAAA"}

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

@@ -5,6 +5,7 @@ var layout_canvas_util = require('./layout.canvas.util.js');
 var canvas_helper = require('./canvas.helper.js');
 var fs = require('fs');
 var common_const = require('../constant/common.const.js');
+var disk_cache = require('../util/disk.cache.js');
 
 /**
  * Calculates pixel offset for image positioning based on percentage or pixel values.
@@ -22,6 +23,86 @@ function calculateOffsetFromValue(positionValue, availableSpace) {
     console.warn(`[ImageNode] Invalid objectPosition value format: ${value}. Defaulting to 50%.`);
     return availableSpace * 0.5;
 }
+/**
+ * A simple LRU cache for resolved `CanvasImage` objects.
+ *
+ * - Persists across render passes so repeated renders of the same tree don't
+ *   re-fetch every image.
+ * - Bounded by `maxSize` entries; least-recently-used entries are evicted first.
+ * - Call `dispose()` to eagerly release all held images, or rely on the
+ *   automatic `process.on('exit')` hook that clears the singleton.
+ */
+class ImageLRUCache {
+    map = new Map();
+    maxSize;
+    constructor(maxSize) {
+        this.maxSize = maxSize;
+    }
+    get(key) {
+        const entry = this.map.get(key);
+        if (!entry)
+            return undefined;
+        // Move to end (most-recently used)
+        this.map.delete(key);
+        this.map.set(key, entry);
+        return entry.image;
+    }
+    set(key, image) {
+        // If key already exists, refresh it
+        if (this.map.has(key)) {
+            this.map.delete(key);
+        }
+        // Evict oldest if at capacity
+        while (this.map.size >= this.maxSize) {
+            const oldest = this.map.keys().next().value;
+            this.map.delete(oldest);
+        }
+        this.map.set(key, { image, key });
+    }
+    has(key) {
+        return this.map.has(key);
+    }
+    get size() {
+        return this.map.size;
+    }
+    dispose() {
+        this.map.clear();
+    }
+}
+/** Module-level singleton — lazily created on first render. */
+let _globalImageCache = null;
+const DEFAULT_CACHE_SIZE = 128;
+// Symbol key on process to track hook registration across module reloads (e.g. Jest resetModules)
+const HOOK_KEY = Symbol.for('__meonode_canvas_image_cache_hook__');
+/**
+ * Returns the singleton `ImageLRUCache`, creating it on first access.
+ * Registers a one-time process cleanup hook to clear the cache
+ * so native image buffers are freed when the process shuts down.
+ */
+function getImageCache(maxSize = DEFAULT_CACHE_SIZE) {
+    if (!_globalImageCache) {
+        _globalImageCache = new ImageLRUCache(maxSize);
+    }
+    if (!globalThis[HOOK_KEY]) {
+        globalThis[HOOK_KEY] = true;
+        const cleanup = () => {
+            _globalImageCache?.dispose();
+            _globalImageCache = null;
+        };
+        process.once('exit', cleanup);
+        process.once('SIGINT', cleanup);
+        process.once('SIGTERM', cleanup);
+    }
+    return _globalImageCache;
+}
+/**
+ * Explicitly disposes the global image cache.
+ * Useful in tests or when tearing down the rendering engine.
+ */
+function disposeImageCache() {
+    _globalImageCache?.dispose();
+    _globalImageCache = null;
+}
 /**
  * Renders images with configurable sizing, positioning, and effects.
  * Supports object-fit modes, positioning, border radius, and saturation filters.
@@ -50,8 +131,11 @@ class ImageNode extends layout_canvas_util.BoxNode {
     /**
      * Fetches and processes the image source into a CanvasImage.
      * Does not touch node state — pure fetch logic.
+     *
+     * If `diskCacheKey` is provided, the resolved image buffer is written to the
+     * disk cache at `.cache/files/<diskCacheKey>` (best-effort, fire-and-forget).
      */
-    async _fetchCanvasImage() {
+    async _fetchCanvasImage(diskCacheKey) {
         const { fileTypeFromBuffer, fileTypeFromFile } = await import('file-type');
         let finalSource = this.props.src;
         let isSvg = false;
@@ -110,11 +194,24 @@ class ImageNode extends layout_canvas_util.BoxNode {
             const modifiedSvgString = svgString.replace(/fill="[^"]*"/g, `fill="${this.props.color}"`);
             finalSource = modifiedSvgString !== svgString ? Buffer.from(modifiedSvgString) : contentBuffer;
         }
+        // Write resolved buffer to disk cache (fire-and-forget, non-fatal)
+        if (diskCacheKey) {
+            const cacheBuffer = Buffer.isBuffer(finalSource) ? finalSource : contentBuffer;
+            if (cacheBuffer)
+                disk_cache.writeDiskCache(diskCacheKey, cacheBuffer);
+        }
         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.
+     * Loads and processes an image.
+     *
+     * Resolution order:
+     *   1. Persistent LRU cache (cross-render) — instant hit, no I/O.
+     *   2. Disk cache at `.cache/files/<hash>` — survives process restarts.
+     *   3. Per-render dedup cache — avoids duplicate in-flight fetches within a single render.
+     *   4. Fresh fetch via `_fetchCanvasImage()` — writes buffer to disk cache after fetch.
+     *
+     * Buffer sources use a SHA-256 hash as their cache key (same as string sources).
      */
     _loadImage(cache) {
         if (!this.props.src) {
@@ -127,18 +224,56 @@ class ImageNode extends layout_canvas_util.BoxNode {
         return new Promise(resolve => {
             const load = async () => {
                 try {
+                    const lru = getImageCache();
+                    const cacheKey = typeof this.props.src === 'string'
+                        ? this.props.color
+                            ? `${this.props.src}|${this.props.color}`
+                            : this.props.src
+                        : this.props.color
+                            ? `${disk_cache.hashBuffer(this.props.src)}|${this.props.color}`
+                            : disk_cache.hashBuffer(this.props.src);
+                    // 1. Check persistent LRU cache
+                    const cached = lru.get(cacheKey);
+                    if (cached) {
+                        this.loadedImage = cached;
+                        this.naturalWidth = cached.width;
+                        this.naturalHeight = cached.height;
+                        const calculatedAspectRatio = cached.width > 0 && cached.height > 0 ? cached.width / cached.height : undefined;
+                        const finalAspectRatio = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : calculatedAspectRatio;
+                        this.node.setAspectRatio(finalAspectRatio);
+                        this.props.onLoad?.();
+                        resolve();
+                        return;
+                    }
+                    // 2. Check disk cache (persists across process restarts)
+                    const diskBuffer = await disk_cache.readDiskCache(cacheKey);
+                    if (diskBuffer) {
+                        const img = await skiaCanvas.loadImage(diskBuffer);
+                        lru.set(cacheKey, img);
+                        this.loadedImage = img;
+                        this.naturalWidth = img.width;
+                        this.naturalHeight = img.height;
+                        const calculatedAspectRatio = img.width > 0 && img.height > 0 ? img.width / img.height : undefined;
+                        const finalAspectRatio = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : calculatedAspectRatio;
+                        this.node.setAspectRatio(finalAspectRatio);
+                        this.props.onLoad?.();
+                        resolve();
+                        return;
+                    }
+                    // 3. Per-render dedup cache or fresh fetch (writes to disk internally)
                     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) {
                         if (!cache.has(cacheKey)) {
-                            cache.set(cacheKey, this._fetchCanvasImage());
+                            cache.set(cacheKey, this._fetchCanvasImage(cacheKey));
                         }
                         imagePromise = cache.get(cacheKey);
                     }
                     else {
-                        imagePromise = this._fetchCanvasImage();
+                        imagePromise = this._fetchCanvasImage(cacheKey);
                     }
                     const img = await imagePromise;
+                    // 4. Store in persistent LRU cache
+                    lru.set(cacheKey, img);
                     this.loadedImage = img;
                     this.naturalWidth = img.width;
                     this.naturalHeight = img.height;
@@ -320,5 +455,8 @@ const Image = (props) => ({
 });
 
 exports.Image = Image;
+exports.ImageLRUCache = ImageLRUCache;
 exports.ImageNode = ImageNode;
+exports.disposeImageCache = disposeImageCache;
+exports.getImageCache = getImageCache;
 //# sourceMappingURL=image.canvas.util.js.map

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, CanvasElement } 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): CanvasElement => ({\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, CanvasElement } 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'\nimport { hashBuffer, readDiskCache, writeDiskCache } from '@/util/disk.cache.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// Persistent LRU image cache — survives across render passes\n// ---------------------------------------------------------------------------\n\ninterface LRUEntry {\n  image: CanvasImage\n  key: string\n}\n\n/**\n * A simple LRU cache for resolved `CanvasImage` objects.\n *\n * - Persists across render passes so repeated renders of the same tree don't\n *   re-fetch every image.\n * - Bounded by `maxSize` entries; least-recently-used entries are evicted first.\n * - Call `dispose()` to eagerly release all held images, or rely on the\n *   automatic `process.on('exit')` hook that clears the singleton.\n */\nexport class ImageLRUCache {\n  private readonly map = new Map<string, LRUEntry>()\n  readonly maxSize: number\n\n  constructor(maxSize: number) {\n    this.maxSize = maxSize\n  }\n\n  get(key: string): CanvasImage | undefined {\n    const entry = this.map.get(key)\n    if (!entry) return undefined\n    // Move to end (most-recently used)\n    this.map.delete(key)\n    this.map.set(key, entry)\n    return entry.image\n  }\n\n  set(key: string, image: CanvasImage): void {\n    // If key already exists, refresh it\n    if (this.map.has(key)) {\n      this.map.delete(key)\n    }\n    // Evict oldest if at capacity\n    while (this.map.size >= this.maxSize) {\n      const oldest = this.map.keys().next().value!\n      this.map.delete(oldest)\n    }\n    this.map.set(key, { image, key })\n  }\n\n  has(key: string): boolean {\n    return this.map.has(key)\n  }\n\n  get size(): number {\n    return this.map.size\n  }\n\n  dispose(): void {\n    this.map.clear()\n  }\n}\n\n/** Module-level singleton — lazily created on first render. */\nlet _globalImageCache: ImageLRUCache | null = null\n\nconst DEFAULT_CACHE_SIZE = 128\n\n// Symbol key on process to track hook registration across module reloads (e.g. Jest resetModules)\nconst HOOK_KEY = Symbol.for('__meonode_canvas_image_cache_hook__')\n\n/**\n * Returns the singleton `ImageLRUCache`, creating it on first access.\n * Registers a one-time process cleanup hook to clear the cache\n * so native image buffers are freed when the process shuts down.\n */\nexport function getImageCache(maxSize: number = DEFAULT_CACHE_SIZE): ImageLRUCache {\n  if (!_globalImageCache) {\n    _globalImageCache = new ImageLRUCache(maxSize)\n  }\n  if (!(globalThis as any)[HOOK_KEY]) {\n    ;(globalThis as any)[HOOK_KEY] = true\n    const cleanup = () => {\n      _globalImageCache?.dispose()\n      _globalImageCache = null\n    }\n    process.once('exit', cleanup)\n    process.once('SIGINT', cleanup)\n    process.once('SIGTERM', cleanup)\n  }\n  return _globalImageCache\n}\n\n/**\n * Explicitly disposes the global image cache.\n * Useful in tests or when tearing down the rendering engine.\n */\nexport function disposeImageCache(): void {\n  _globalImageCache?.dispose()\n  _globalImageCache = null\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(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   * If `diskCacheKey` is provided, the resolved image buffer is written to the\n   * disk cache at `.cache/files/<diskCacheKey>` (best-effort, fire-and-forget).\n   */\n  private async _fetchCanvasImage(diskCacheKey?: string): 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    // Write resolved buffer to disk cache (fire-and-forget, non-fatal)\n    if (diskCacheKey) {\n      const cacheBuffer = Buffer.isBuffer(finalSource) ? finalSource : contentBuffer\n      if (cacheBuffer) writeDiskCache(diskCacheKey, cacheBuffer)\n    }\n\n    return loadImage(finalSource as never)\n  }\n\n  /**\n   * Loads and processes an image.\n   *\n   * Resolution order:\n   *   1. Persistent LRU cache (cross-render) — instant hit, no I/O.\n   *   2. Disk cache at `.cache/files/<hash>` — survives process restarts.\n   *   3. Per-render dedup cache — avoids duplicate in-flight fetches within a single render.\n   *   4. Fresh fetch via `_fetchCanvasImage()` — writes buffer to disk cache after fetch.\n   *\n   * Buffer sources use a SHA-256 hash as their cache key (same as string sources).\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          const lru = getImageCache()\n          const cacheKey =\n            typeof this.props.src === 'string'\n              ? this.props.color\n                ? `${this.props.src}|${this.props.color}`\n                : this.props.src\n              : this.props.color\n                ? `${hashBuffer(this.props.src)}|${this.props.color}`\n                : hashBuffer(this.props.src)\n\n          // 1. Check persistent LRU cache\n          const cached = lru.get(cacheKey)\n          if (cached) {\n            this.loadedImage = cached\n            this.naturalWidth = cached.width\n            this.naturalHeight = cached.height\n            const calculatedAspectRatio = cached.width > 0 && cached.height > 0 ? cached.width / cached.height : undefined\n            const finalAspectRatio = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : calculatedAspectRatio\n            this.node.setAspectRatio(finalAspectRatio)\n            this.props.onLoad?.()\n            resolve()\n            return\n          }\n\n          // 2. Check disk cache (persists across process restarts)\n          const diskBuffer = await readDiskCache(cacheKey)\n          if (diskBuffer) {\n            const img = await loadImage(diskBuffer as never)\n            lru.set(cacheKey, img)\n            this.loadedImage = img\n            this.naturalWidth = img.width\n            this.naturalHeight = img.height\n            const calculatedAspectRatio = img.width > 0 && img.height > 0 ? img.width / img.height : undefined\n            const finalAspectRatio = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : calculatedAspectRatio\n            this.node.setAspectRatio(finalAspectRatio)\n            this.props.onLoad?.()\n            resolve()\n            return\n          }\n\n          // 3. Per-render dedup cache or fresh fetch (writes to disk internally)\n          let imagePromise: Promise<CanvasImage>\n          if (cache) {\n            if (!cache.has(cacheKey)) {\n              cache.set(cacheKey, this._fetchCanvasImage(cacheKey))\n            }\n            imagePromise = cache.get(cacheKey)!\n          } else {\n            imagePromise = this._fetchCanvasImage(cacheKey)\n          }\n\n          const img = await imagePromise\n\n          // 4. Store in persistent LRU cache\n          lru.set(cacheKey, img)\n\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): CanvasElement => ({\n  __type: 'Image',\n  props: props as Omit<ImageProps, 'onLoad' | 'onError'>,\n})\n"],"names":["BoxNode","Style","fs","writeDiskCache","loadImage","hashBuffer","readDiskCache","parseBorderRadius","drawRoundedRectPath"],"mappings":"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"}

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

@@ -7,6 +7,8 @@ export interface CanvasEngineConfig {
     workerMode?: boolean;
     /** Number of worker threads in the pool (default: os.cpus().length - 1) */
     workers?: number;
+    /** Maximum number of resolved images to keep in the persistent LRU cache (default: 128) */
+    imageCacheSize?: number;
 }
 /**
  * Configure the canvas rendering engine.

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;AAEhF,OAAO,EAAE,UAAU,EAAE,OAAO,EAAW,MAAM,gCAAgC,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAkBlF,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;AA4LD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,aAAa,GAAG,OAAO,CAmB5D;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"}
+{"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,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAkBlF,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;IAChB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,kBAAkB,QAWpD;AA4LD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,aAAa,GAAG,OAAO,CAmB5D;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;CAmDhC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,GAAU,OAAO,SAAS,KAAG,OAAO,CAAC,MAAM,CAe3D,CAAA"}

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

@@ -50,6 +50,11 @@ function configure(options) {
         _workerMode = options.workerMode;
     if (options.workers !== undefined)
         _workerPoolSize = options.workers;
+    if (options.imageCacheSize !== undefined) {
+        // Dispose existing cache and create a new one with the specified size
+        image_canvas_util.disposeImageCache();
+        image_canvas_util.getImageCache(options.imageCacheSize);
+    }
     if (_workerMode) {
         _workerPool = new WorkerPool(_workerPoolSize);
     }
@@ -136,7 +141,7 @@ class WorkerPool {
         this.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');
+        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)))), '../worker/render.worker.js');
         for (let i = 0; i < size; i++) {
             const workerIdx = i;
             const worker = new node_worker_threads.Worker(workerFile);
@@ -313,42 +318,49 @@ 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.
-        // 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(imageCache);
-                }
-            });
-            await Promise.allSettled(workers);
-        }
-        // Step 2: Calculate initial layout
-        this.node.calculateLayout(this.targetWidth, undefined, common_const.Style.Direction.LTR);
-        // Step 3: Allow nodes to finalize their layout
-        const needRecalculate = this.finalizeLayout();
-        if (needRecalculate) {
+        try {
+            // 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(imageCache);
+                    }
+                });
+                await Promise.allSettled(workers);
+            }
+            // Step 2: Calculate initial layout
             this.node.calculateLayout(this.targetWidth, undefined, common_const.Style.Direction.LTR);
+            // Step 3: Allow nodes to finalize their layout
+            const needRecalculate = this.finalizeLayout();
+            if (needRecalculate) {
+                this.node.calculateLayout(this.targetWidth, undefined, common_const.Style.Direction.LTR);
+            }
+            // Step 4: Create a canvas with calculated dimensions
+            const calculatedContentHeight = this.node.getComputedHeight();
+            const finalCanvasWidth = Math.ceil(this.targetWidth * this.scale);
+            const finalCanvasHeight = this.targetHeight ? Math.ceil(this.targetHeight * this.scale) : Math.max(1, Math.ceil(calculatedContentHeight * this.scale));
+            // Step 5: Set up canvas context
+            this.canvas = new skiaCanvas.Canvas(finalCanvasWidth, finalCanvasHeight);
+            this.ctx = this.canvas.getContext('2d');
+            this.ctx.scale(this.scale, this.scale);
+            // Step 6: Render content
+            super.render(this.ctx, 0, 0);
+            if (!this.canvas) {
+                throw new Error('Canvas not initialized');
+            }
+            return this.canvas;
         }
-        // Step 4: Create a canvas with calculated dimensions
-        const calculatedContentHeight = this.node.getComputedHeight();
-        const finalCanvasWidth = Math.ceil(this.targetWidth * this.scale);
-        const finalCanvasHeight = this.targetHeight ? Math.ceil(this.targetHeight * this.scale) : Math.max(1, Math.ceil(calculatedContentHeight * this.scale));
-        // Step 5: Set up canvas context
-        this.canvas = new skiaCanvas.Canvas(finalCanvasWidth, finalCanvasHeight);
-        this.ctx = this.canvas.getContext('2d');
-        this.ctx.scale(this.scale, this.scale);
-        // Step 6: Render content
-        super.render(this.ctx, 0, 0);
-        if (!this.canvas) {
-            throw new Error('Canvas not initialized');
+        finally {
+            // Always clear the persistent image cache after render (success or error)
+            // so resolved CanvasImage references don't outlive the render pass.
+            image_canvas_util.disposeImageCache();
         }
-        return this.canvas;
     }
 }
 /**
@@ -359,14 +371,21 @@ class RootNode extends layout_canvas_util.ColumnNode {
  * @returns Promise resolving to the rendered Canvas (or WorkerCanvas in worker mode)
  */
 const Root = async (props) => {
-    if (_workerMode) {
-        if (!_workerPool) {
-            _workerPool = new WorkerPool(_workerPoolSize);
+    try {
+        if (_workerMode) {
+            if (!_workerPool) {
+                _workerPool = new WorkerPool(_workerPoolSize);
+            }
+            const result = await _workerPool.render(props);
+            return new WorkerCanvas({ ...result, pool: _workerPool });
         }
-        const result = await _workerPool.render(props);
-        return new WorkerCanvas({ ...result, pool: _workerPool });
+        return await new RootNode(props).render();
+    }
+    catch (err) {
+        // Ensure cache is cleared even if Root-level orchestration fails
+        image_canvas_util.disposeImageCache();
+        throw err;
     }
-    return new RootNode(props).render();
 };
 
 exports.Root = Root;