@meonode/canvas 1.7.2 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +324 -154
- package/dist/cjs/canvas/canvas.type.d.ts +72 -9
- package/dist/cjs/canvas/canvas.type.d.ts.map +1 -1
- package/dist/cjs/canvas/{chart.canvas.util.d.ts → chart.canvas.d.ts} +2 -2
- package/dist/cjs/canvas/chart.canvas.d.ts.map +1 -0
- package/dist/cjs/canvas/{chart.canvas.util.js → chart.canvas.js} +23 -23
- package/dist/cjs/canvas/chart.canvas.js.map +1 -0
- package/dist/{esm/canvas/grid.canvas.util.d.ts → cjs/canvas/grid.canvas.d.ts} +2 -2
- package/dist/cjs/canvas/grid.canvas.d.ts.map +1 -0
- package/dist/cjs/canvas/{grid.canvas.util.js → grid.canvas.js} +4 -4
- package/dist/cjs/canvas/grid.canvas.js.map +1 -0
- package/dist/cjs/canvas/image.canvas.d.ts +54 -0
- package/dist/cjs/canvas/image.canvas.d.ts.map +1 -0
- package/dist/cjs/canvas/{image.canvas.util.js → image.canvas.js} +40 -140
- package/dist/cjs/canvas/image.canvas.js.map +1 -0
- package/dist/{esm/canvas/layout.canvas.util.d.ts → cjs/canvas/layout.canvas.d.ts} +1 -1
- package/dist/cjs/canvas/layout.canvas.d.ts.map +1 -0
- package/dist/cjs/canvas/{layout.canvas.util.js → layout.canvas.js} +1 -1
- package/dist/cjs/canvas/layout.canvas.js.map +1 -0
- package/dist/{esm/canvas/root.canvas.util.d.ts → cjs/canvas/root.canvas.d.ts} +29 -9
- package/dist/cjs/canvas/root.canvas.d.ts.map +1 -0
- package/dist/cjs/canvas/{root.canvas.util.js → root.canvas.js} +75 -55
- package/dist/cjs/canvas/root.canvas.js.map +1 -0
- package/dist/cjs/canvas/{text.canvas.util.d.ts → text.canvas.d.ts} +2 -2
- package/dist/cjs/canvas/text.canvas.d.ts.map +1 -0
- package/dist/cjs/canvas/{text.canvas.util.js → text.canvas.js} +3 -3
- package/dist/cjs/canvas/text.canvas.js.map +1 -0
- package/dist/cjs/index.d.ts +8 -7
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +19 -17
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/util/disk.cache.d.ts +6 -0
- package/dist/cjs/util/disk.cache.d.ts.map +1 -1
- package/dist/cjs/util/disk.cache.js +39 -0
- package/dist/cjs/util/disk.cache.js.map +1 -1
- package/dist/cjs/worker/render.worker.js +2 -2
- package/dist/cjs/worker/render.worker.js.map +1 -1
- package/dist/esm/canvas/canvas.type.d.ts +72 -9
- package/dist/esm/canvas/canvas.type.d.ts.map +1 -1
- package/dist/esm/canvas/{chart.canvas.util.d.ts → chart.canvas.d.ts} +2 -2
- package/dist/esm/canvas/chart.canvas.d.ts.map +1 -0
- package/dist/esm/canvas/{chart.canvas.util.js → chart.canvas.js} +4 -4
- package/dist/{cjs/canvas/grid.canvas.util.d.ts → esm/canvas/grid.canvas.d.ts} +2 -2
- package/dist/esm/canvas/grid.canvas.d.ts.map +1 -0
- package/dist/esm/canvas/{grid.canvas.util.js → grid.canvas.js} +1 -1
- package/dist/esm/canvas/image.canvas.d.ts +54 -0
- package/dist/esm/canvas/image.canvas.d.ts.map +1 -0
- package/dist/esm/canvas/{image.canvas.util.js → image.canvas.js} +39 -136
- package/dist/{cjs/canvas/layout.canvas.util.d.ts → esm/canvas/layout.canvas.d.ts} +1 -1
- package/dist/esm/canvas/layout.canvas.d.ts.map +1 -0
- package/dist/{cjs/canvas/root.canvas.util.d.ts → esm/canvas/root.canvas.d.ts} +29 -9
- package/dist/esm/canvas/root.canvas.d.ts.map +1 -0
- package/dist/esm/canvas/{root.canvas.util.js → root.canvas.js} +63 -44
- package/dist/esm/canvas/{text.canvas.util.d.ts → text.canvas.d.ts} +2 -2
- package/dist/esm/canvas/text.canvas.d.ts.map +1 -0
- package/dist/esm/canvas/{text.canvas.util.js → text.canvas.js} +1 -1
- package/dist/esm/index.d.ts +8 -7
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +7 -6
- package/dist/esm/util/disk.cache.d.ts +6 -0
- package/dist/esm/util/disk.cache.d.ts.map +1 -1
- package/dist/esm/util/disk.cache.js +38 -1
- package/dist/esm/worker/render.worker.js +1 -1
- package/package.json +3 -1
- package/dist/cjs/canvas/chart.canvas.util.d.ts.map +0 -1
- package/dist/cjs/canvas/chart.canvas.util.js.map +0 -1
- package/dist/cjs/canvas/grid.canvas.util.d.ts.map +0 -1
- package/dist/cjs/canvas/grid.canvas.util.js.map +0 -1
- package/dist/cjs/canvas/image.canvas.util.d.ts +0 -82
- package/dist/cjs/canvas/image.canvas.util.d.ts.map +0 -1
- package/dist/cjs/canvas/image.canvas.util.js.map +0 -1
- package/dist/cjs/canvas/layout.canvas.util.d.ts.map +0 -1
- package/dist/cjs/canvas/layout.canvas.util.js.map +0 -1
- package/dist/cjs/canvas/root.canvas.util.d.ts.map +0 -1
- package/dist/cjs/canvas/root.canvas.util.js.map +0 -1
- package/dist/cjs/canvas/text.canvas.util.d.ts.map +0 -1
- package/dist/cjs/canvas/text.canvas.util.js.map +0 -1
- package/dist/esm/canvas/chart.canvas.util.d.ts.map +0 -1
- package/dist/esm/canvas/grid.canvas.util.d.ts.map +0 -1
- package/dist/esm/canvas/image.canvas.util.d.ts +0 -82
- package/dist/esm/canvas/image.canvas.util.d.ts.map +0 -1
- package/dist/esm/canvas/layout.canvas.util.d.ts.map +0 -1
- package/dist/esm/canvas/root.canvas.util.d.ts.map +0 -1
- package/dist/esm/canvas/text.canvas.util.d.ts.map +0 -1
- /package/dist/esm/canvas/{layout.canvas.util.js → layout.canvas.js} +0 -0
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import type { BaseProps, ImageProps, CanvasElement } from '../canvas/canvas.type.js';
|
|
2
|
+
import { type CanvasRenderingContext2D, Image as CanvasImage } from 'skia-canvas';
|
|
3
|
+
import { BoxNode } from '../canvas/layout.canvas.js';
|
|
4
|
+
/**
|
|
5
|
+
* Per-render image cache — keyed by `src|color` for string sources.
|
|
6
|
+
* Scoped to a single RootNode.render() call; discarded after rendering.
|
|
7
|
+
* Deduplicates concurrent fetches when multiple ImageNodes share the same src.
|
|
8
|
+
*/
|
|
9
|
+
export type RenderImageCache = Map<string, Promise<CanvasImage>>;
|
|
10
|
+
/**
|
|
11
|
+
* Renders images with configurable sizing, positioning, and effects.
|
|
12
|
+
* Supports object-fit modes, positioning, border radius, and saturation filters.
|
|
13
|
+
*/
|
|
14
|
+
export declare class ImageNode extends BoxNode {
|
|
15
|
+
props: ImageProps & BaseProps;
|
|
16
|
+
private loadedImage;
|
|
17
|
+
private naturalWidth;
|
|
18
|
+
private naturalHeight;
|
|
19
|
+
private loadingPromise;
|
|
20
|
+
constructor(props: ImageProps);
|
|
21
|
+
load(cache?: RenderImageCache, diskCacheKeys?: Set<string>): Promise<void>;
|
|
22
|
+
/**
|
|
23
|
+
* Fetches and processes the image source into a CanvasImage.
|
|
24
|
+
* Does not touch node state — pure fetch logic.
|
|
25
|
+
*
|
|
26
|
+
* If `diskCacheKey` and `diskCacheKeys` are provided, the resolved image buffer
|
|
27
|
+
* is written to disk and the key is recorded so the caller can clean it up later.
|
|
28
|
+
*/
|
|
29
|
+
private _fetchCanvasImage;
|
|
30
|
+
/**
|
|
31
|
+
* Loads and processes an image.
|
|
32
|
+
*
|
|
33
|
+
* Resolution order:
|
|
34
|
+
* 1. Disk cache at `.cache/files/<hash>` — survives process restarts.
|
|
35
|
+
* 2. Per-render dedup cache — avoids duplicate in-flight fetches when
|
|
36
|
+
* multiple ImageNodes share the same src within one render pass.
|
|
37
|
+
* 3. Fresh fetch via `_fetchCanvasImage()` — writes buffer to disk cache.
|
|
38
|
+
*
|
|
39
|
+
* Buffer sources use a SHA-256 hash as their cache key (same as string sources).
|
|
40
|
+
* All resolved images are released when the render completes (no cross-render retention).
|
|
41
|
+
*/
|
|
42
|
+
private _loadImage;
|
|
43
|
+
getLoadingPromise(): Promise<void>;
|
|
44
|
+
/**
|
|
45
|
+
* Renders the image with correct sizing, clipping, and positioning.
|
|
46
|
+
* Handles object-fit, object-position, and visual effects like saturation.
|
|
47
|
+
*/
|
|
48
|
+
protected _renderContent(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number): void;
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Factory function to create ImageNode instances
|
|
52
|
+
*/
|
|
53
|
+
export declare const Image: (props: ImageProps) => CanvasElement;
|
|
54
|
+
//# sourceMappingURL=image.canvas.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image.canvas.d.ts","sourceRoot":"","sources":["../../../src/canvas/image.canvas.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,2BAA2B,CAAA;AAuBnD;;;;GAIG;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,EAAE,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAOjF;;;;;;OAMG;YACW,iBAAiB;IA4E/B;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,UAAU;IAoEX,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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var skiaCanvas = require('skia-canvas');
|
|
4
|
-
var
|
|
4
|
+
var layout_canvas = require('./layout.canvas.js');
|
|
5
5
|
var canvas_helper = require('./canvas.helper.js');
|
|
6
6
|
var fs = require('fs');
|
|
7
7
|
var common_const = require('../constant/common.const.js');
|
|
@@ -23,91 +23,11 @@ function calculateOffsetFromValue(positionValue, availableSpace) {
|
|
|
23
23
|
console.warn(`[ImageNode] Invalid objectPosition value format: ${value}. Defaulting to 50%.`);
|
|
24
24
|
return availableSpace * 0.5;
|
|
25
25
|
}
|
|
26
|
-
/**
|
|
27
|
-
* A simple LRU cache for resolved `CanvasImage` objects.
|
|
28
|
-
*
|
|
29
|
-
* - Persists across render passes so repeated renders of the same tree don't
|
|
30
|
-
* re-fetch every image.
|
|
31
|
-
* - Bounded by `maxSize` entries; least-recently-used entries are evicted first.
|
|
32
|
-
* - Call `dispose()` to eagerly release all held images, or rely on the
|
|
33
|
-
* automatic `process.on('exit')` hook that clears the singleton.
|
|
34
|
-
*/
|
|
35
|
-
class ImageLRUCache {
|
|
36
|
-
map = new Map();
|
|
37
|
-
maxSize;
|
|
38
|
-
constructor(maxSize) {
|
|
39
|
-
this.maxSize = maxSize;
|
|
40
|
-
}
|
|
41
|
-
get(key) {
|
|
42
|
-
const entry = this.map.get(key);
|
|
43
|
-
if (!entry)
|
|
44
|
-
return undefined;
|
|
45
|
-
// Move to end (most-recently used)
|
|
46
|
-
this.map.delete(key);
|
|
47
|
-
this.map.set(key, entry);
|
|
48
|
-
return entry.image;
|
|
49
|
-
}
|
|
50
|
-
set(key, image) {
|
|
51
|
-
// If key already exists, refresh it
|
|
52
|
-
if (this.map.has(key)) {
|
|
53
|
-
this.map.delete(key);
|
|
54
|
-
}
|
|
55
|
-
// Evict oldest if at capacity
|
|
56
|
-
while (this.map.size >= this.maxSize) {
|
|
57
|
-
const oldest = this.map.keys().next().value;
|
|
58
|
-
this.map.delete(oldest);
|
|
59
|
-
}
|
|
60
|
-
this.map.set(key, { image, key });
|
|
61
|
-
}
|
|
62
|
-
has(key) {
|
|
63
|
-
return this.map.has(key);
|
|
64
|
-
}
|
|
65
|
-
get size() {
|
|
66
|
-
return this.map.size;
|
|
67
|
-
}
|
|
68
|
-
dispose() {
|
|
69
|
-
this.map.clear();
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
/** Module-level singleton — lazily created on first render. */
|
|
73
|
-
let _globalImageCache = null;
|
|
74
|
-
const DEFAULT_CACHE_SIZE = 128;
|
|
75
|
-
// Symbol key on process to track hook registration across module reloads (e.g. Jest resetModules)
|
|
76
|
-
const HOOK_KEY = Symbol.for('__meonode_canvas_image_cache_hook__');
|
|
77
|
-
/**
|
|
78
|
-
* Returns the singleton `ImageLRUCache`, creating it on first access.
|
|
79
|
-
* Registers a one-time process cleanup hook to clear the cache
|
|
80
|
-
* so native image buffers are freed when the process shuts down.
|
|
81
|
-
*/
|
|
82
|
-
function getImageCache(maxSize = DEFAULT_CACHE_SIZE) {
|
|
83
|
-
if (!_globalImageCache) {
|
|
84
|
-
_globalImageCache = new ImageLRUCache(maxSize);
|
|
85
|
-
}
|
|
86
|
-
if (!globalThis[HOOK_KEY]) {
|
|
87
|
-
globalThis[HOOK_KEY] = true;
|
|
88
|
-
const cleanup = () => {
|
|
89
|
-
_globalImageCache?.dispose();
|
|
90
|
-
_globalImageCache = null;
|
|
91
|
-
};
|
|
92
|
-
process.once('exit', cleanup);
|
|
93
|
-
process.once('SIGINT', cleanup);
|
|
94
|
-
process.once('SIGTERM', cleanup);
|
|
95
|
-
}
|
|
96
|
-
return _globalImageCache;
|
|
97
|
-
}
|
|
98
|
-
/**
|
|
99
|
-
* Explicitly disposes the global image cache.
|
|
100
|
-
* Useful in tests or when tearing down the rendering engine.
|
|
101
|
-
*/
|
|
102
|
-
function disposeImageCache() {
|
|
103
|
-
_globalImageCache?.dispose();
|
|
104
|
-
_globalImageCache = null;
|
|
105
|
-
}
|
|
106
26
|
/**
|
|
107
27
|
* Renders images with configurable sizing, positioning, and effects.
|
|
108
28
|
* Supports object-fit modes, positioning, border radius, and saturation filters.
|
|
109
29
|
*/
|
|
110
|
-
class ImageNode extends
|
|
30
|
+
class ImageNode extends layout_canvas.BoxNode {
|
|
111
31
|
loadedImage = null;
|
|
112
32
|
naturalWidth = 0;
|
|
113
33
|
naturalHeight = 0;
|
|
@@ -122,9 +42,9 @@ class ImageNode extends layout_canvas_util.BoxNode {
|
|
|
122
42
|
...props,
|
|
123
43
|
};
|
|
124
44
|
}
|
|
125
|
-
load(cache) {
|
|
45
|
+
load(cache, diskCacheKeys) {
|
|
126
46
|
if (!this.loadingPromise) {
|
|
127
|
-
this.loadingPromise = this._loadImage(cache);
|
|
47
|
+
this.loadingPromise = this._loadImage(cache, diskCacheKeys);
|
|
128
48
|
}
|
|
129
49
|
return this.loadingPromise;
|
|
130
50
|
}
|
|
@@ -132,10 +52,10 @@ class ImageNode extends layout_canvas_util.BoxNode {
|
|
|
132
52
|
* Fetches and processes the image source into a CanvasImage.
|
|
133
53
|
* Does not touch node state — pure fetch logic.
|
|
134
54
|
*
|
|
135
|
-
* If `diskCacheKey`
|
|
136
|
-
* disk
|
|
55
|
+
* If `diskCacheKey` and `diskCacheKeys` are provided, the resolved image buffer
|
|
56
|
+
* is written to disk and the key is recorded so the caller can clean it up later.
|
|
137
57
|
*/
|
|
138
|
-
async _fetchCanvasImage(diskCacheKey) {
|
|
58
|
+
async _fetchCanvasImage(diskCacheKey, diskCacheKeys) {
|
|
139
59
|
const { fileTypeFromBuffer, fileTypeFromFile } = await import('file-type');
|
|
140
60
|
let finalSource = this.props.src;
|
|
141
61
|
let isSvg = false;
|
|
@@ -194,11 +114,13 @@ class ImageNode extends layout_canvas_util.BoxNode {
|
|
|
194
114
|
const modifiedSvgString = svgString.replace(/fill="[^"]*"/g, `fill="${this.props.color}"`);
|
|
195
115
|
finalSource = modifiedSvgString !== svgString ? Buffer.from(modifiedSvgString) : contentBuffer;
|
|
196
116
|
}
|
|
197
|
-
// Write
|
|
198
|
-
if (diskCacheKey) {
|
|
117
|
+
// Write to disk and track the key so the render owner can clean it up
|
|
118
|
+
if (diskCacheKey && diskCacheKeys) {
|
|
199
119
|
const cacheBuffer = Buffer.isBuffer(finalSource) ? finalSource : contentBuffer;
|
|
200
|
-
if (cacheBuffer)
|
|
201
|
-
disk_cache.writeDiskCache(diskCacheKey, cacheBuffer);
|
|
120
|
+
if (cacheBuffer) {
|
|
121
|
+
await disk_cache.writeDiskCache(diskCacheKey, cacheBuffer);
|
|
122
|
+
diskCacheKeys.add(diskCacheKey);
|
|
123
|
+
}
|
|
202
124
|
}
|
|
203
125
|
return skiaCanvas.loadImage(finalSource);
|
|
204
126
|
}
|
|
@@ -206,14 +128,15 @@ class ImageNode extends layout_canvas_util.BoxNode {
|
|
|
206
128
|
* Loads and processes an image.
|
|
207
129
|
*
|
|
208
130
|
* Resolution order:
|
|
209
|
-
* 1.
|
|
210
|
-
* 2.
|
|
211
|
-
*
|
|
212
|
-
*
|
|
131
|
+
* 1. Disk cache at `.cache/files/<hash>` — survives process restarts.
|
|
132
|
+
* 2. Per-render dedup cache — avoids duplicate in-flight fetches when
|
|
133
|
+
* multiple ImageNodes share the same src within one render pass.
|
|
134
|
+
* 3. Fresh fetch via `_fetchCanvasImage()` — writes buffer to disk cache.
|
|
213
135
|
*
|
|
214
136
|
* Buffer sources use a SHA-256 hash as their cache key (same as string sources).
|
|
137
|
+
* All resolved images are released when the render completes (no cross-render retention).
|
|
215
138
|
*/
|
|
216
|
-
_loadImage(cache) {
|
|
139
|
+
_loadImage(cache, diskCacheKeys) {
|
|
217
140
|
if (!this.props.src) {
|
|
218
141
|
const aspectRatioFromProps = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : undefined;
|
|
219
142
|
this.node.setAspectRatio(aspectRatioFromProps);
|
|
@@ -224,56 +147,36 @@ class ImageNode extends layout_canvas_util.BoxNode {
|
|
|
224
147
|
return new Promise(resolve => {
|
|
225
148
|
const load = async () => {
|
|
226
149
|
try {
|
|
227
|
-
const
|
|
228
|
-
const cacheKey =
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
this.props.onLoad?.();
|
|
245
|
-
resolve();
|
|
246
|
-
return;
|
|
247
|
-
}
|
|
248
|
-
// 2. Check disk cache (persists across process restarts)
|
|
249
|
-
const diskBuffer = await disk_cache.readDiskCache(cacheKey);
|
|
250
|
-
if (diskBuffer) {
|
|
251
|
-
const img = await skiaCanvas.loadImage(diskBuffer);
|
|
252
|
-
lru.set(cacheKey, img);
|
|
253
|
-
this.loadedImage = img;
|
|
254
|
-
this.naturalWidth = img.width;
|
|
255
|
-
this.naturalHeight = img.height;
|
|
256
|
-
const calculatedAspectRatio = img.width > 0 && img.height > 0 ? img.width / img.height : undefined;
|
|
257
|
-
const finalAspectRatio = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : calculatedAspectRatio;
|
|
258
|
-
this.node.setAspectRatio(finalAspectRatio);
|
|
259
|
-
this.props.onLoad?.();
|
|
260
|
-
resolve();
|
|
261
|
-
return;
|
|
150
|
+
const srcHash = typeof this.props.src === 'string' ? disk_cache.hashBuffer(Buffer.from(this.props.src)) : disk_cache.hashBuffer(this.props.src);
|
|
151
|
+
const cacheKey = this.props.color ? `${srcHash}|${this.props.color}` : srcHash;
|
|
152
|
+
// 1. Disk cache read — only when disk caching is enabled for this render
|
|
153
|
+
if (diskCacheKeys) {
|
|
154
|
+
const diskBuffer = await disk_cache.readDiskCache(cacheKey);
|
|
155
|
+
if (diskBuffer) {
|
|
156
|
+
const img = await skiaCanvas.loadImage(diskBuffer);
|
|
157
|
+
this.loadedImage = img;
|
|
158
|
+
this.naturalWidth = img.width;
|
|
159
|
+
this.naturalHeight = img.height;
|
|
160
|
+
const calculatedAspectRatio = img.width > 0 && img.height > 0 ? img.width / img.height : undefined;
|
|
161
|
+
const finalAspectRatio = typeof this.props.aspectRatio === 'number' && this.props.aspectRatio > 0 ? this.props.aspectRatio : calculatedAspectRatio;
|
|
162
|
+
this.node.setAspectRatio(finalAspectRatio);
|
|
163
|
+
this.props.onLoad?.();
|
|
164
|
+
resolve();
|
|
165
|
+
return;
|
|
166
|
+
}
|
|
262
167
|
}
|
|
263
|
-
//
|
|
168
|
+
// 2. Per-render memory dedup cache or fresh fetch
|
|
264
169
|
let imagePromise;
|
|
265
170
|
if (cache) {
|
|
266
171
|
if (!cache.has(cacheKey)) {
|
|
267
|
-
cache.set(cacheKey, this._fetchCanvasImage(cacheKey));
|
|
172
|
+
cache.set(cacheKey, this._fetchCanvasImage(diskCacheKeys ? cacheKey : undefined, diskCacheKeys));
|
|
268
173
|
}
|
|
269
174
|
imagePromise = cache.get(cacheKey);
|
|
270
175
|
}
|
|
271
176
|
else {
|
|
272
|
-
imagePromise = this._fetchCanvasImage(cacheKey);
|
|
177
|
+
imagePromise = this._fetchCanvasImage(diskCacheKeys ? cacheKey : undefined, diskCacheKeys);
|
|
273
178
|
}
|
|
274
179
|
const img = await imagePromise;
|
|
275
|
-
// 4. Store in persistent LRU cache
|
|
276
|
-
lru.set(cacheKey, img);
|
|
277
180
|
this.loadedImage = img;
|
|
278
181
|
this.naturalWidth = img.width;
|
|
279
182
|
this.naturalHeight = img.height;
|
|
@@ -455,8 +358,5 @@ const Image = (props) => ({
|
|
|
455
358
|
});
|
|
456
359
|
|
|
457
360
|
exports.Image = Image;
|
|
458
|
-
exports.ImageLRUCache = ImageLRUCache;
|
|
459
361
|
exports.ImageNode = ImageNode;
|
|
460
|
-
|
|
461
|
-
exports.getImageCache = getImageCache;
|
|
462
|
-
//# sourceMappingURL=image.canvas.util.js.map
|
|
362
|
+
//# sourceMappingURL=image.canvas.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image.canvas.js","sources":["../../../../src/canvas/image.canvas.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.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 * Deduplicates concurrent fetches when multiple ImageNodes share the same src.\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, diskCacheKeys?: Set<string>): Promise<void> {\n if (!this.loadingPromise) {\n this.loadingPromise = this._loadImage(cache, diskCacheKeys)\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` and `diskCacheKeys` are provided, the resolved image buffer\n * is written to disk and the key is recorded so the caller can clean it up later.\n */\n private async _fetchCanvasImage(diskCacheKey?: string, diskCacheKeys?: Set<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 to disk and track the key so the render owner can clean it up\n if (diskCacheKey && diskCacheKeys) {\n const cacheBuffer = Buffer.isBuffer(finalSource) ? finalSource : contentBuffer\n if (cacheBuffer) {\n await writeDiskCache(diskCacheKey, cacheBuffer)\n diskCacheKeys.add(diskCacheKey)\n }\n }\n\n return loadImage(finalSource as never)\n }\n\n /**\n * Loads and processes an image.\n *\n * Resolution order:\n * 1. Disk cache at `.cache/files/<hash>` — survives process restarts.\n * 2. Per-render dedup cache — avoids duplicate in-flight fetches when\n * multiple ImageNodes share the same src within one render pass.\n * 3. Fresh fetch via `_fetchCanvasImage()` — writes buffer to disk cache.\n *\n * Buffer sources use a SHA-256 hash as their cache key (same as string sources).\n * All resolved images are released when the render completes (no cross-render retention).\n */\n private _loadImage(cache?: RenderImageCache, diskCacheKeys?: Set<string>): 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 srcHash = typeof this.props.src === 'string' ? hashBuffer(Buffer.from(this.props.src)) : hashBuffer(this.props.src)\n const cacheKey = this.props.color ? `${srcHash}|${this.props.color}` : srcHash\n\n // 1. Disk cache read — only when disk caching is enabled for this render\n if (diskCacheKeys) {\n const diskBuffer = await readDiskCache(cacheKey)\n if (diskBuffer) {\n const img = await loadImage(diskBuffer as never)\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\n // 2. Per-render memory dedup cache or fresh fetch\n let imagePromise: Promise<CanvasImage>\n if (cache) {\n if (!cache.has(cacheKey)) {\n cache.set(cacheKey, this._fetchCanvasImage(diskCacheKeys ? cacheKey : undefined, diskCacheKeys))\n }\n imagePromise = cache.get(cacheKey)!\n } else {\n imagePromise = this._fetchCanvasImage(diskCacheKeys ? cacheKey : undefined, diskCacheKeys)\n }\n\n const img = await imagePromise\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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"}
|
|
@@ -119,4 +119,4 @@ export declare class RowNode extends BoxNode {
|
|
|
119
119
|
* @returns {RowNode} New RowNode instance.
|
|
120
120
|
*/
|
|
121
121
|
export declare const Row: ({ children, ...rest }: BoxProps) => CanvasElement;
|
|
122
|
-
//# sourceMappingURL=layout.canvas.
|
|
122
|
+
//# sourceMappingURL=layout.canvas.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layout.canvas.d.ts","sourceRoot":"","sources":["../../../src/canvas/layout.canvas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAkB,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAGjG,OAAa,EAAS,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAE9D;;;;GAIG;AACH,qBAAa,OAAO;IAClB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;IAE/B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IAEV;;OAEG;IACH,QAAQ,EAAE,OAAO,EAAE,CAAA;IAEnB;;OAEG;IACH,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAA;IAE3B;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;OAGG;gBACS,KAAK,GAAE,QAAQ,GAAG,SAAc;IAqB5C;;OAEG;IACI,sBAAsB;IAW7B;;;OAGG;IACH,SAAS,CAAC,sBAAsB,CAAC,WAAW,EAAE,QAAQ,GAAG,SAAS;IAkClE;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAI/B;;;;OAIG;IACH,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IAanD;;;OAGG;IACI,cAAc,IAAI,OAAO;IAiBhC;;OAEG;IACH,SAAS,CAAC,+BAA+B;IAIzC;;;OAGG;IACH,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ;IAqInC;;;;;OAKG;IACH,MAAM,CAAC,GAAG,EAAE,wBAAwB,EAAE,OAAO,GAAE,MAAU,EAAE,OAAO,GAAE,MAAU;IA+J9E;;;;;;;;OAQG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAoR5G;AAWD;;;;GAIG;AACH,eAAO,MAAM,GAAG,GAAI,uBAAuB,QAAQ,KAAG,aAIpD,CAAA;AAEF;;;GAGG;AACH,qBAAa,UAAW,SAAQ,OAAO;gBACzB,KAAK,GAAE,QAAQ,GAAG,SAAc;CAS7C;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,uBAAuB,QAAQ,KAAG,aAIvD,CAAA;AAEF;;;GAGG;AACH,qBAAa,OAAQ,SAAQ,OAAO;gBACtB,KAAK,GAAE,QAAQ,GAAG,SAAc;CAS7C;AAED;;;;GAIG;AACH,eAAO,MAAM,GAAG,GAAI,uBAAuB,QAAQ,KAAG,aAIpD,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layout.canvas.js","sources":["../../../../src/canvas/layout.canvas.ts"],"sourcesContent":["import { Canvas, type CanvasRenderingContext2D } from 'skia-canvas'\nimport { drawBorders, drawRoundedRectPath, parseBorderRadius, parsePercentage } from '@/canvas/canvas.helper.js'\nimport type { BaseProps, BoxProps, BoxShadowProps, CanvasElement } from '@/canvas/canvas.type.js'\nimport { omit } from 'lodash-es'\nimport tinycolor from 'tinycolor2'\nimport Yoga, { Style, Node } from '@/constant/common.const.js'\n\n/**\n * @class BoxNode\n * @classdesc Base node class for rendering rectangular boxes with layout, styling, and children.\n * It uses the Yoga layout engine for positioning and sizing.\n */\nexport class BoxNode {\n /**\n * @property {Partial<BoxProps>} initialProps - Original props passed to the constructor before any modifications.\n */\n initialProps: Partial<BoxProps>\n\n /**\n * @property {Node} node - The Yoga layout engine node.\n */\n node: Node\n\n /**\n * @property {BoxNode[]} children - Child nodes.\n */\n children: BoxNode[]\n\n /**\n * @property {BoxProps & BaseProps} props - Current props including defaults and inherited values.\n */\n props: BoxProps & BaseProps\n\n /**\n * @property {string} name - Node type name.\n */\n readonly name?: string\n\n /**\n * @property {string} key - Unique node identifier.\n */\n key?: string\n\n /**\n * Creates a new BoxNode instance\n * @param props Initial box properties and styling\n */\n constructor(props: BoxProps & BaseProps = {}) {\n const children = (Array.isArray(props?.children) ? props.children : [props.children]).filter(child => child)\n this.initialProps = { ...props, children }\n this.node = Yoga.Node.create()\n this.children = []\n\n this.props = {\n key: this.key,\n borderColor: 'black',\n borderStyle: Style.Border.Solid,\n boxSizing: Style.BoxSizing.BorderBox,\n opacity: 1,\n flexShrink: 1,\n ...this.initialProps,\n }\n this.name = this.props.name || 'Box'\n this.key = this.props.key || `${this.name}-0`\n\n this.setLayout(this.props)\n }\n\n /**\n * Processes and appends any children passed in the initial props.\n */\n public processInitialChildren() {\n if (this.props.children) {\n const childrenToAdd = Array.isArray(this.props.children) ? this.props.children : [this.props.children]\n childrenToAdd.forEach((child, index) => {\n if (child) {\n this.appendChild(child as BoxNode, index)\n }\n })\n }\n }\n\n /**\n * Inherits styles from the parent node.\n * @param {BoxProps & BaseProps} parentProps Parent node properties to inherit from.\n */\n protected resolveInheritedStyles(parentProps: BoxProps & BaseProps) {\n if (parentProps.key) {\n this.key = `${parentProps.key}-${this.key}`\n this.props.key = this.key\n }\n\n const inheritableKeys = [\n 'fontSize',\n 'fontFamily',\n 'fontWeight',\n 'fontStyle',\n 'color',\n 'textAlign',\n 'verticalAlign',\n 'lineHeight',\n 'lineGap',\n 'letterSpacing',\n 'wordSpacing',\n 'textDecoration',\n 'maxLines',\n 'fontVariant',\n ]\n\n for (const key of inheritableKeys) {\n if (this.initialProps[key] === undefined && parentProps[key] !== undefined) {\n this.props[key] = parentProps[key]\n }\n }\n\n if (!this.node.isDirty()) {\n this.node.markDirty()\n }\n }\n\n /**\n * Applies node type-specific default values after inheritance.\n */\n protected applyDefaults(): void {\n // Base implementation does nothing; subclasses can override.\n }\n\n /**\n * Appends a child node at the specified index.\n * @param {BoxNode} child Child node to append.\n * @param index Index to insert child at\n */\n protected appendChild(child: BoxNode, index: number) {\n if (!child || !child.node) {\n console.warn('Attempted to append an invalid child node.', child)\n return\n }\n\n child.resolveInheritedStyles(omit(this.props, 'children'))\n child.applyDefaults()\n this.children.push(child)\n this.node.insertChild(child.node, index)\n child.processInitialChildren()\n }\n\n /**\n * Performs final layout adjustments recursively after the main layout calculation.\n * @returns {boolean} Whether any node was marked as dirty during finalization.\n */\n public finalizeLayout(): boolean {\n let wasDirty = false\n this.updateLayoutBasedOnComputedSize()\n if (this.node.isDirty()) {\n wasDirty = true\n }\n\n for (const child of this.children) {\n child.finalizeLayout()\n if (child.node.isDirty()) {\n wasDirty = true\n }\n }\n\n return wasDirty\n }\n\n /**\n * Hook for subclasses to update layout based on computed size.\n */\n protected updateLayoutBasedOnComputedSize() {\n // Base implementation does nothing; subclasses can override.\n }\n\n /**\n * Applies layout properties to the Yoga node.\n * @param props Box properties containing layout values\n */\n protected setLayout(props: BoxProps) {\n // --- Yoga layout property application ---\n // (This entire block remains unchanged as it interacts with Yoga, not the canvas library)\n const {\n width,\n height,\n minWidth,\n minHeight,\n maxWidth,\n maxHeight,\n flexDirection,\n justifyContent,\n alignItems,\n alignSelf,\n alignContent,\n flexGrow,\n flexShrink,\n flexBasis,\n positionType,\n position,\n gap,\n margin,\n padding,\n border,\n aspectRatio,\n overflow,\n display,\n boxSizing = Style.BoxSizing.BorderBox,\n direction = Style.Direction.LTR,\n flexWrap,\n } = props\n\n if (width !== undefined) this.node.setWidth(width)\n if (height !== undefined) this.node.setHeight(height)\n if (minWidth !== undefined) this.node.setMinWidth(minWidth)\n if (minHeight !== undefined) this.node.setMinHeight(minHeight)\n if (maxWidth !== undefined) this.node.setMaxWidth(maxWidth)\n if (maxHeight !== undefined) this.node.setMaxHeight(maxHeight)\n if (flexDirection !== undefined) this.node.setFlexDirection(flexDirection)\n if (justifyContent !== undefined) this.node.setJustifyContent(justifyContent)\n if (alignItems !== undefined) this.node.setAlignItems(alignItems)\n if (alignSelf !== undefined) this.node.setAlignSelf(alignSelf)\n if (alignContent !== undefined) this.node.setAlignContent(alignContent)\n if (flexGrow !== undefined) this.node.setFlexGrow(flexGrow)\n if (flexShrink !== undefined) this.node.setFlexShrink(flexShrink)\n if (positionType !== undefined) this.node.setPositionType(positionType)\n if (flexBasis !== undefined) this.node.setFlexBasis(flexBasis)\n if (position) {\n if (typeof position === 'number') {\n this.node.setPosition(Style.Edge.All, position)\n } else if (typeof position === 'string' && position.endsWith('%')) {\n this.node.setPositionPercent(Style.Edge.All, parseFloat(position))\n } else {\n for (const [edge, value] of Object.entries(position)) {\n if (edge in Style.Edge) {\n if (typeof value === 'string' && value.endsWith('%')) {\n this.node.setPositionPercent(Style.Edge[edge], parseFloat(value))\n } else {\n this.node.setPosition(Style.Edge[edge], value as number)\n }\n }\n }\n }\n }\n if (gap) {\n if (typeof gap === 'number') {\n this.node.setGap(Style.Gutter.All, gap)\n } else if (typeof gap === 'string' && gap.endsWith('%')) {\n this.node.setGapPercent(Style.Gutter.All, parseFloat(gap))\n } else {\n for (const [gutter, value] of Object.entries(gap)) {\n if (gutter in Style.Gutter) {\n if (typeof value === 'string' && value.endsWith('%')) {\n this.node.setGapPercent(Style.Gutter[gutter], parseFloat(value))\n } else {\n this.node.setGap(Style.Gutter[gutter], value as number)\n }\n }\n }\n }\n }\n if (margin) {\n if (typeof margin === 'number' || margin === 'auto') {\n this.node.setMargin(Style.Edge.All, margin)\n } else if (typeof margin === 'string' && margin.endsWith('%')) {\n this.node.setMarginPercent(Style.Edge.All, parseFloat(margin))\n } else {\n for (const [edge, value] of Object.entries(margin)) {\n if (edge in Style.Edge) {\n if (typeof value === 'string' && value.endsWith('%')) {\n this.node.setMarginPercent(Style.Edge[edge], parseFloat(value))\n } else {\n this.node.setMargin(Style.Edge[edge], value as number)\n }\n }\n }\n }\n }\n if (padding) {\n if (typeof padding === 'number') {\n this.node.setPadding(Style.Edge.All, padding)\n } else if (typeof padding === 'string' && padding.endsWith('%')) {\n this.node.setPaddingPercent(Style.Edge.All, parseFloat(padding))\n } else {\n for (const [edge, value] of Object.entries(padding)) {\n if (edge in Style.Edge) {\n if (typeof value === 'string' && value.endsWith('%')) {\n this.node.setPaddingPercent(Style.Edge[edge], parseFloat(value))\n } else {\n this.node.setPadding(Style.Edge[edge], value as number)\n }\n }\n }\n }\n }\n if (border) {\n if (typeof border === 'number') {\n this.node.setBorder(Style.Edge.All, border)\n } else {\n for (const [edge, value] of Object.entries(border)) {\n if (edge in Style.Edge) this.node.setBorder(Style.Edge[edge], value)\n }\n }\n }\n if (aspectRatio !== undefined) this.node.setAspectRatio(aspectRatio)\n if (overflow !== undefined) this.node.setOverflow(overflow)\n if (display !== undefined) this.node.setDisplay(display)\n if (boxSizing !== undefined) this.node.setBoxSizing(boxSizing)\n if (direction !== undefined) this.node.setDirection(direction)\n if (flexWrap !== undefined) this.node.setFlexWrap(flexWrap)\n // --- End Yoga layout property application ---\n }\n\n /**\n * Renders the node and its children to the canvas.\n * @param {CanvasRenderingContext2D} ctx Canvas rendering context (from skia-canvas).\n * @param {number} offsetX X offset for rendering.\n * @param {number} offsetY Y offset for rendering.\n */\n render(ctx: CanvasRenderingContext2D, offsetX: number = 0, offsetY: number = 0) {\n const layout = this.node.getComputedLayout()\n const x = layout.left + offsetX\n const y = layout.top + offsetY\n const width = layout.width\n const height = layout.height\n\n // Exit early if the node is invisible or has no dimensions.\n if (width <= 0 || height <= 0 || this.props.display === Style.Display.None) {\n return\n }\n\n // --- Opacity Setup ---\n const desiredOpacity = Math.max(0, Math.min(1, this.props.opacity ?? 1))\n let originalAlpha: number | undefined = undefined\n let appliedOpacity = false\n if (desiredOpacity < 1) {\n originalAlpha = ctx.globalAlpha\n ctx.globalAlpha = originalAlpha * desiredOpacity\n appliedOpacity = true\n }\n // --- End Opacity Setup ---\n\n try {\n // --- Transformation Setup ---\n const transform = this.props.transform\n const needsTransform =\n transform && (transform.translateX || transform.translateY || transform.rotate || transform.scale || transform.scaleX || transform.scaleY)\n\n let savedContextForTransform = false\n if (needsTransform) {\n ctx.save()\n savedContextForTransform = true\n const originXRaw = transform.originX ?? '50%'\n const originYRaw = transform.originY ?? '50%'\n const originOffsetX = parsePercentage(originXRaw, width)\n const originOffsetY = parsePercentage(originYRaw, height)\n const originAbsX = x + originOffsetX\n const originAbsY = y + originOffsetY\n ctx.translate(originAbsX, originAbsY)\n if (transform.translateX || transform.translateY) {\n const tx = parsePercentage(transform.translateX, width)\n const ty = parsePercentage(transform.translateY, height)\n if (tx !== 0 || ty !== 0) ctx.translate(tx, ty)\n }\n if (transform.rotate) {\n ctx.rotate((transform.rotate * Math.PI) / 180)\n }\n if (transform.scale || transform.scaleX || transform.scaleY) {\n const scaleX = transform.scaleX ?? transform.scale ?? 1\n const scaleY = transform.scaleY ?? transform.scale ?? 1\n if (scaleX !== 1 || scaleY !== 1) ctx.scale(scaleX, scaleY)\n }\n ctx.translate(-originAbsX, -originAbsY)\n }\n // --- End Transformation Setup ---\n\n // --- Step 1: Render Parent Background/Borders/Content ---\n // This renders the current node's own visual appearance first.\n this._renderContent(ctx, x, y, width, height)\n\n // --- Step 2: Prepare Children for Stacking ---\n const positionedChildren: { node: BoxNode; zIndex: number; originalIndex: number }[] = []\n const inFlowChildren: BoxNode[] = []\n\n this.children.forEach((child, index) => {\n // Check if child participates in zIndex stacking\n if (child.props.positionType === Style.PositionType.Absolute && child.props.zIndex !== undefined) {\n positionedChildren.push({\n node: child,\n zIndex: child.props.zIndex,\n originalIndex: index, // Keep original order for tie-breaking\n })\n } else {\n inFlowChildren.push(child)\n }\n })\n\n // Sort positioned children by zIndex, then by original order\n positionedChildren.sort((a, b) => {\n return a.zIndex - b.zIndex || a.originalIndex - b.originalIndex\n })\n\n // --- Step 3: Handle Clipping (Applies before drawing children) ---\n let savedContextForClip = false\n if (this.props.overflow === Style.Overflow.Hidden && (width > 0 || height > 0)) {\n ctx.save()\n savedContextForClip = true\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 innerX = x + borderLeft\n const innerY = y + borderTop\n const innerWidth = Math.max(0, width - borderLeft - borderRight)\n const innerHeight = Math.max(0, height - borderTop - borderBottom)\n const outerRadii = parseBorderRadius(this.props.borderRadius)\n const innerRadii = {\n TopLeft: Math.max(0, outerRadii.TopLeft - Math.max(borderLeft, borderTop)),\n TopRight: Math.max(0, outerRadii.TopRight - Math.max(borderRight, borderTop)),\n BottomRight: Math.max(0, outerRadii.BottomRight - Math.max(borderRight, borderBottom)),\n BottomLeft: Math.max(0, outerRadii.BottomLeft - Math.max(borderLeft, borderBottom)),\n }\n if (innerWidth > 0 && innerHeight > 0) {\n drawRoundedRectPath(ctx, innerX, innerY, innerWidth, innerHeight, innerRadii)\n ctx.clip()\n } else {\n ctx.beginPath()\n ctx.rect(innerX, innerY, 0, 0)\n ctx.clip()\n }\n }\n // --- End Clipping Setup ---\n\n // --- Step 4: Render Children in Stacking Order ---\n\n // 4a: Render positioned children with negative zIndex\n for (const item of positionedChildren) {\n if (item.zIndex < 0) {\n // Pass parent's layout origin (x, y) as offset\n item.node.render(ctx, x, y)\n }\n }\n\n // 4b: Render in-flow children (recursively)\n for (const child of inFlowChildren) {\n // Pass parent's layout origin (x, y) as offset\n child.render(ctx, x, y)\n }\n\n // 4c: Render positioned children with zero or positive zIndex\n for (const item of positionedChildren) {\n if (item.zIndex >= 0) {\n // Pass parent's layout origin (x, y) as offset\n item.node.render(ctx, x, y)\n }\n }\n // --- End Child Rendering ---\n\n // --- Step 5: Restore Clipping Context ---\n if (savedContextForClip) {\n ctx.restore()\n }\n // --- End Clipping Restoration ---\n\n // --- Step 6: Restore Transformation Context ---\n if (savedContextForTransform) {\n ctx.restore()\n }\n // --- End Transformation Restoration ---\n } finally {\n // --- Opacity Restoration ---\n if (appliedOpacity && originalAlpha !== undefined) {\n ctx.globalAlpha = originalAlpha\n }\n // --- End Opacity Restoration ---\n }\n }\n\n /**\n * Renders the node's visual content including background fills, shadows, and borders.\n * This is an internal method used by the render() pipeline.\n * @param ctx The skia-canvas 2D rendering context to draw into\n * @param x The absolute x-coordinate where drawing should begin\n * @param y The absolute y-coordinate where drawing should begin\n * @param width The width of the content area to render\n * @param height The height of the content area to render\n */\n protected _renderContent(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number) {\n // Calculate border radius values for all corners\n const radii = { TopLeft: 0, TopRight: 0, BottomRight: 0, BottomLeft: 0 }\n if (this.props.borderRadius) {\n // Handle both number and object border radius specifications\n if (typeof this.props.borderRadius === 'number') {\n radii.TopLeft = radii.TopRight = radii.BottomRight = radii.BottomLeft = this.props.borderRadius\n } else {\n // Extract individual corner radii, defaulting to 0 if not specified\n radii.TopLeft = this.props.borderRadius.TopLeft ?? 0\n radii.TopRight = this.props.borderRadius.TopRight ?? 0\n radii.BottomRight = this.props.borderRadius.BottomRight ?? 0\n radii.BottomLeft = this.props.borderRadius.BottomLeft ?? 0\n }\n // Ensure all radii are non-negative\n radii.TopLeft = Math.max(0, radii.TopLeft)\n radii.TopRight = Math.max(0, radii.TopRight)\n radii.BottomRight = Math.max(0, radii.BottomRight)\n radii.BottomLeft = Math.max(0, radii.BottomLeft)\n }\n\n // Process shadow configurations\n let shadows: BoxShadowProps[] = []\n if (this.props.boxShadow) {\n shadows = Array.isArray(this.props.boxShadow) ? this.props.boxShadow : [this.props.boxShadow]\n }\n // Split shadows into outset (normal) and inset types\n const outsetShadows = shadows.filter(s => !s.inset)\n const insetShadows = shadows.filter(s => s.inset)\n\n // Determine if background is fully opaque for shadow optimization\n const backgroundColor = this.props.backgroundColor\n let isOpaque = false\n if (backgroundColor && !this.props.gradient) {\n const rgba = tinycolor(backgroundColor).toRgb()\n isOpaque = rgba && rgba.a === 1\n }\n\n // Render outset shadows if present\n if (outsetShadows.length > 0) {\n const subtractOffset = 0.75\n if (isOpaque) {\n // Optimized rendering path for opaque backgrounds\n ctx.save()\n ctx.fillStyle = 'black' // Shadow source color\n for (const shadow of outsetShadows) {\n ctx.shadowColor = shadow.color ?? 'black'\n ctx.shadowOffsetX = shadow.offsetX ?? 0\n ctx.shadowOffsetY = shadow.offsetY ?? 0\n ctx.shadowBlur = shadow.blur ?? Math.max(shadow.offsetX ?? 0, shadow.offsetY ?? 0)\n drawRoundedRectPath(ctx, x + subtractOffset / 2, y + subtractOffset / 2, width - subtractOffset, height - subtractOffset, radii)\n ctx.fill()\n }\n ctx.restore()\n } else {\n // Complex shadow rendering for transparent/gradient backgrounds\n let maxBlur = 0\n let maxOffsetX = 0\n let maxOffsetY = 0\n\n // Calculate maximum shadow extents\n for (const shadow of outsetShadows) {\n const currentOffsetX = shadow.offsetX ?? 0\n const currentOffsetY = shadow.offsetY ?? 0\n const currentBlur = shadow.blur ?? Math.max(currentOffsetX, currentOffsetY)\n maxBlur = Math.max(maxBlur, currentBlur)\n maxOffsetX = Math.max(maxOffsetX, Math.abs(currentOffsetX))\n maxOffsetY = Math.max(maxOffsetY, Math.abs(currentOffsetY))\n }\n\n // Calculate offscreen canvas size with padding for shadows\n const blurPaddingMultiplier = 2\n const shadowPadding = Math.ceil(maxBlur * blurPaddingMultiplier + Math.max(maxOffsetX, maxOffsetY))\n const offscreenWidth = Math.ceil(width + shadowPadding * 2)\n const offscreenHeight = Math.ceil(height + shadowPadding * 2)\n\n if (offscreenWidth > 0 && offscreenHeight > 0) {\n // Create temporary canvas for shadow composition\n const offscreenCanvas = new Canvas(offscreenWidth, offscreenHeight)\n const offCtx = offscreenCanvas.getContext('2d')\n offCtx.imageSmoothingEnabled = true\n offCtx.imageSmoothingQuality = 'high'\n const shapeOffsetX = shadowPadding\n const shapeOffsetY = shadowPadding\n\n // Render each shadow individually onto offscreen canvas\n for (const shadow of outsetShadows) {\n offCtx.save()\n const shadowOffsetX = shadow.offsetX ?? 0\n const shadowOffsetY = shadow.offsetY ?? 0\n const blur = shadow.blur ?? Math.max(shadowOffsetX, shadowOffsetY)\n offCtx.shadowColor = shadow.color ?? 'black'\n offCtx.shadowOffsetX = shadowOffsetX\n offCtx.shadowOffsetY = shadowOffsetY\n offCtx.shadowBlur = Math.max(0, blur)\n drawRoundedRectPath(\n offCtx,\n shapeOffsetX + subtractOffset / 2,\n shapeOffsetY + subtractOffset / 2,\n width - subtractOffset,\n height - subtractOffset,\n radii,\n )\n offCtx.fillStyle = 'rgba(0,0,0,1)'\n offCtx.fill()\n offCtx.restore()\n }\n\n // Cut out the shape from accumulated shadows\n offCtx.save()\n offCtx.globalCompositeOperation = 'destination-out'\n drawRoundedRectPath(offCtx, shapeOffsetX, shapeOffsetY, width, height, radii)\n offCtx.fillStyle = 'rgba(0,0,0,1)'\n offCtx.fill()\n offCtx.restore()\n\n // Composite shadow result onto main canvas\n ctx.drawImage(offscreenCanvas, x - shadowPadding, y - shadowPadding)\n }\n }\n }\n\n // Render background fill (solid color or gradient)\n // This logic uses standard context methods and remains unchanged.\n const hasFill = this.props.gradient || this.props.backgroundColor\n if (hasFill) {\n let fillStyle: string | CanvasGradient = this.props.backgroundColor || 'transparent'\n if (this.props.gradient) {\n const { type = 'linear', colors, direction = 'to-bottom' } = this.props.gradient\n let grad: CanvasGradient | null = null\n if (colors && colors.length > 0 && width > 0 && height > 0) {\n if (type === 'linear') {\n let x0 = 0,\n y0 = 0,\n x1 = 0,\n y1 = 0\n let directionIsValid = false\n if (Array.isArray(direction) && direction.length === 4) {\n ;[x0, y0, x1, y1] = direction\n directionIsValid = true\n } else if (typeof direction === 'string') {\n switch (direction.toLowerCase()) {\n case 'to-right':\n x0 = 0\n y0 = 0\n x1 = width\n y1 = 0\n directionIsValid = true\n break\n case 'to-left':\n x0 = width\n y0 = 0\n x1 = 0\n y1 = 0\n directionIsValid = true\n break\n case 'to-bottom':\n x0 = 0\n y0 = 0\n x1 = 0\n y1 = height\n directionIsValid = true\n break\n case 'to-top':\n x0 = 0\n y0 = height\n x1 = 0\n y1 = 0\n directionIsValid = true\n break\n case 'to-top-right':\n x0 = 0\n y0 = height\n x1 = width\n y1 = 0\n directionIsValid = true\n break\n case 'to-top-left':\n x0 = width\n y0 = height\n x1 = 0\n y1 = 0\n directionIsValid = true\n break\n case 'to-bottom-right':\n x0 = 0\n y0 = 0\n x1 = width\n y1 = height\n directionIsValid = true\n break\n case 'to-bottom-left':\n x0 = width\n y0 = 0\n x1 = 0\n y1 = height\n directionIsValid = true\n break\n }\n }\n if (directionIsValid) {\n grad = ctx.createLinearGradient(x + x0, y + y0, x + x1, y + y1)\n } else {\n console.warn(`[BoxNode ${this.key}] Invalid linear gradient direction:`, direction)\n }\n } else if (type === 'radial') {\n const centerX = x + width / 2\n const centerY = y + height / 2\n const r0 = 0\n const r1 = 0.5 * Math.sqrt(width * width + height * height)\n if (r1 > 0) {\n grad = ctx.createRadialGradient(centerX, centerY, r0, centerX, centerY, r1)\n }\n }\n if (grad) {\n colors.forEach((color, i) => {\n const stop = colors.length > 1 ? Math.max(0, Math.min(1, i / (colors.length - 1))) : 0.5\n grad!.addColorStop(stop, color)\n })\n fillStyle = grad\n } else {\n console.warn(`[BoxNode ${this.key}] Could not create ${type} gradient. Falling back to backgroundColor.`)\n }\n } else {\n if (!colors?.length) {\n console.warn(`[BoxNode ${this.key}] Gradient specified but no colors provided. Falling back to backgroundColor.`)\n } else {\n console.warn(`[BoxNode ${this.key}] Cannot draw gradient with zero width/height.`)\n }\n }\n }\n if (fillStyle && fillStyle !== 'transparent') {\n ctx.fillStyle = fillStyle\n drawRoundedRectPath(ctx, x, y, width, height, radii)\n ctx.fill()\n }\n }\n\n // Render inset shadows\n // This logic uses standard context methods and remains unchanged.\n if (insetShadows.length > 0) {\n for (const shadow of insetShadows) {\n ctx.save()\n const color = shadow.color ?? 'black'\n const shadowOffsetX = shadow.offsetX ?? 0\n const shadowOffsetY = shadow.offsetY ?? 0\n const blur = shadow.blur ?? Math.max(shadowOffsetX, shadowOffsetY)\n drawRoundedRectPath(ctx, x, y, width, height, radii)\n ctx.clip()\n ctx.shadowColor = color\n ctx.shadowOffsetX = shadowOffsetX\n ctx.shadowOffsetY = shadowOffsetY\n ctx.shadowBlur = blur\n ctx.lineWidth = 1 // Minimal line width for the stroke.\n ctx.strokeStyle = 'transparent' // Stroke color doesn't matter; only the shadow does.\n // Draw a slightly offset path *inside* the clip to generate the inset shadow.\n drawRoundedRectPath(ctx, x - shadowOffsetX, y - shadowOffsetY, width, height, radii)\n ctx.stroke() // The stroke generates the shadow inside the clipped area.\n ctx.restore()\n }\n }\n\n // Render border strokes\n // (This logic uses standard context methods via drawBorders helper and remains unchanged)\n drawBorders({\n ctx,\n node: this.node,\n x,\n y,\n width,\n height,\n radii,\n borderColor: this.props.borderColor,\n borderStyle: this.props.borderStyle,\n })\n }\n}\n\n/**\n * Normalizes children into a flat CanvasElement array, filtering falsy values.\n */\nfunction normalizeDescriptorChildren(children: BoxProps['children']): CanvasElement[] | undefined {\n if (children === undefined || children === null || children === false) return undefined\n const arr = (Array.isArray(children) ? children : [children]).filter(Boolean) as CanvasElement[]\n return arr.length > 0 ? arr : undefined\n}\n\n/**\n * Creates a new BoxNode instance.\n * @param {BoxProps} props Box properties and configuration.\n * @returns {BoxNode} New BoxNode instance.\n */\nexport const Box = ({ children, ...rest }: BoxProps): CanvasElement => ({\n __type: 'Box',\n props: rest,\n children: normalizeDescriptorChildren(children),\n})\n\n/**\n * @class ColumnNode\n * Node class for vertical column layout\n */\nexport class ColumnNode extends BoxNode {\n constructor(props: BoxProps & BaseProps = {}) {\n super({\n display: Style.Display.Flex,\n flexDirection: Style.FlexDirection.Column,\n flexShrink: 1,\n flexBasis: props.flexGrow === 1 ? 0 : undefined,\n ...props,\n })\n }\n}\n\n/**\n * Creates a new ColumnNode instance.\n * @param {BoxProps} props Column properties and configuration.\n * @returns {ColumnNode} New ColumnNode instance.\n */\nexport const Column = ({ children, ...rest }: BoxProps): CanvasElement => ({\n __type: 'Column',\n props: rest,\n children: normalizeDescriptorChildren(children),\n})\n\n/**\n * @class RowNode\n * @classdesc Node class for horizontal row layout.\n */\nexport class RowNode extends BoxNode {\n constructor(props: BoxProps & BaseProps = {}) {\n super({\n name: 'Row',\n display: Style.Display.Flex,\n flexDirection: Style.FlexDirection.Row,\n flexShrink: 1, // Default shrink for rows\n ...props,\n })\n }\n}\n\n/**\n * Creates a new RowNode instance.\n * @param {BoxProps} props Row properties and configuration.\n * @returns {RowNode} New RowNode instance.\n */\nexport const Row = ({ children, ...rest }: BoxProps): CanvasElement => ({\n __type: 'Row',\n props: rest,\n children: normalizeDescriptorChildren(children),\n})\n"],"names":["Yoga","Style","omit","parsePercentage","parseBorderRadius","drawRoundedRectPath","Canvas","drawBorders"],"mappings":"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"}
|
|
@@ -1,20 +1,25 @@
|
|
|
1
1
|
import { Canvas } from 'skia-canvas';
|
|
2
|
-
import { ColumnNode, BoxNode } from '../canvas/layout.canvas.
|
|
3
|
-
import type { BaseProps, RootProps, CanvasElement } from '../canvas/canvas.type.js';
|
|
2
|
+
import { ColumnNode, BoxNode } from '../canvas/layout.canvas.js';
|
|
3
|
+
import type { BaseProps, RootProps, CanvasElement, RootPropsWithWorker, RootPropsWithoutWorker } from '../canvas/canvas.type.js';
|
|
4
4
|
export declare const _clearRegisteredFonts: () => void;
|
|
5
5
|
export interface CanvasEngineConfig {
|
|
6
6
|
/** Run rendering in worker threads to avoid blocking the event loop (default: true) */
|
|
7
7
|
workerMode?: boolean;
|
|
8
8
|
/** Number of worker threads in the pool (default: os.cpus().length - 1) */
|
|
9
9
|
workers?: number;
|
|
10
|
-
/** Maximum number of resolved images to keep in the persistent LRU cache (default: 128) */
|
|
11
|
-
imageCacheSize?: number;
|
|
12
10
|
}
|
|
13
11
|
/**
|
|
14
12
|
* Configure the canvas rendering engine.
|
|
15
13
|
* Call this once at application startup before rendering.
|
|
14
|
+
* @deprecated Pass workerMode and workers directly to Root() props instead.
|
|
16
15
|
*/
|
|
17
16
|
export declare function configure(options: CanvasEngineConfig): void;
|
|
17
|
+
/**
|
|
18
|
+
* Terminate all worker pools and free worker thread resources.
|
|
19
|
+
* Call this when shutting down a long-running server to clean up immediately.
|
|
20
|
+
* After calling, you must call configure() again before rendering.
|
|
21
|
+
*/
|
|
22
|
+
export declare function terminate(): void;
|
|
18
23
|
/**
|
|
19
24
|
* Converts a CanvasElement tree into actual BoxNode instances.
|
|
20
25
|
* Used both for non-worker rendering (inline tree building) and inside
|
|
@@ -26,6 +31,7 @@ export declare function buildTree(descriptor: CanvasElement): BoxNode;
|
|
|
26
31
|
* Inherits from ColumnNode to provide vertical layout capabilities.
|
|
27
32
|
*/
|
|
28
33
|
export declare class RootNode extends ColumnNode {
|
|
34
|
+
props: RootProps & BaseProps;
|
|
29
35
|
/** The canvas instance used for rendering */
|
|
30
36
|
private canvas;
|
|
31
37
|
/** The 2D rendering context for the canvas */
|
|
@@ -56,10 +62,24 @@ export declare class RootNode extends ColumnNode {
|
|
|
56
62
|
}
|
|
57
63
|
/**
|
|
58
64
|
* Creates and renders a new root node with the given properties.
|
|
59
|
-
*
|
|
60
|
-
*
|
|
65
|
+
* Rendering runs in worker threads by default for non-blocking operation.
|
|
66
|
+
* @example
|
|
67
|
+
* // Worker mode (default) - .release() available
|
|
68
|
+
* const canvas = await Root({ width: 400, children: [...] })
|
|
69
|
+
* canvas.release() // ✓ OK
|
|
70
|
+
* @example
|
|
71
|
+
* // Worker mode explicit - .release() available
|
|
72
|
+
* const canvas = await Root({ width: 400, workerMode: true, workers: 2 })
|
|
73
|
+
* canvas.release() // ✓ OK
|
|
74
|
+
* @example
|
|
75
|
+
* // Non-worker mode - .release() NOT available, workers not allowed
|
|
76
|
+
* const canvas = await Root({ width: 400, workerMode: false })
|
|
77
|
+
* canvas.release() // ✗ TypeScript error
|
|
61
78
|
* @param props Configuration properties for the root node
|
|
62
|
-
* @returns
|
|
79
|
+
* @returns Canvas with .release() in worker mode, plain Canvas otherwise
|
|
63
80
|
*/
|
|
64
|
-
export declare
|
|
65
|
-
|
|
81
|
+
export declare function Root(props: RootPropsWithWorker): Promise<Canvas & {
|
|
82
|
+
release(): void;
|
|
83
|
+
}>;
|
|
84
|
+
export declare function Root(props: RootPropsWithoutWorker): Promise<Canvas>;
|
|
85
|
+
//# sourceMappingURL=root.canvas.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"root.canvas.d.ts","sourceRoot":"","sources":["../../../src/canvas/root.canvas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA8C,MAAM,aAAa,CAAA;AAEhF,OAAO,EAAE,UAAU,EAAE,OAAO,EAAW,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAmB/H,eAAO,MAAM,qBAAqB,YAEjC,CAAA;AAwBD,MAAM,WAAW,kBAAkB;IACjC,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,kBAAkB,QAGpD;AAED;;;;GAIG;AACH,wBAAgB,SAAS,SAKxB;AAgMD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,aAAa,GAAG,OAAO,CAmB5D;AAED;;;GAGG;AACH,qBAAa,QAAS,SAAQ,UAAU;IAC9B,KAAK,EAAE,SAAS,GAAG,SAAS,CAAA;IACpC,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;CAqDhC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,mBAAmB,GAAG,OAAO,CAAC,MAAM,GAAG;IAAE,OAAO,IAAI,IAAI,CAAA;CAAE,CAAC,CAAA;AACvF,wBAAgB,IAAI,CAAC,KAAK,EAAE,sBAAsB,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA"}
|