@meonode/canvas 1.5.6 → 1.6.0-beta.1

package/dist/esm/canvas/chart.canvas.util.d.ts

@@ -1,5 +1,5 @@
 import { BoxNode } from '../canvas/layout.canvas.util.js';
-import type { BaseProps, ChartProps, ChartType } from '../canvas/canvas.type.js';
+import type { BaseProps, ChartProps, ChartType, NodeDescriptor } from '../canvas/canvas.type.js';
 import type { CanvasRenderingContext2D } from 'skia-canvas';
 export declare class ChartNode<T extends ChartType> extends BoxNode {
     private chartData;
@@ -17,5 +17,5 @@ export declare class ChartNode<T extends ChartType> extends BoxNode {
     private renderLegend;
     private generateColor;
 }
-export declare const Chart: <T extends ChartType>(props: ChartProps<T> & BaseProps) => ChartNode<T>;
+export declare const Chart: <T extends ChartType>(props: ChartProps<T> & BaseProps) => NodeDescriptor;
 //# sourceMappingURL=chart.canvas.util.d.ts.map

package/dist/esm/canvas/chart.canvas.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/chart.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAO,MAAM,gCAAgC,CAAA;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAoC,UAAU,EAAE,SAAS,EAAqB,MAAM,yBAAyB,CAAA;AACpI,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAI3D,qBAAa,SAAS,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,OAAO;IACzD,OAAO,CAAC,SAAS,CAA0C;IAC3D,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,YAAY,CAA0B;gBAElC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS;IAyB5C,OAAO,CAAC,aAAa;IAqBrB,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IA8B3G,OAAO,CAAC,sBAAsB;IA4B9B,OAAO,CAAC,eAAe;IAqGvB,OAAO,CAAC,cAAc;IA4ItB,OAAO,CAAC,eAAe;IAgIvB,OAAO,CAAC,cAAc;IAsEtB,OAAO,CAAC,mBAAmB;IAsE3B,OAAO,CAAC,YAAY;IA0HpB,OAAO,CAAC,aAAa;CAItB;AAED,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,SAAS,EAAE,OAAO,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,KAAG,SAAS,CAAC,CAAC,CAAyB,CAAA"}
+{"version":3,"file":"chart.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/chart.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAW,MAAM,gCAAgC,CAAA;AACjE,OAAO,KAAK,EAAE,SAAS,EAAoC,UAAU,EAAE,SAAS,EAAqB,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACpJ,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAI3D,qBAAa,SAAS,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,OAAO;IACzD,OAAO,CAAC,SAAS,CAA0C;IAC3D,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,YAAY,CAA0B;gBAElC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS;IAyB5C,OAAO,CAAC,aAAa;IAqBrB,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IA8B3G,OAAO,CAAC,sBAAsB;IA4B9B,OAAO,CAAC,eAAe;IAqGvB,OAAO,CAAC,cAAc;IA4ItB,OAAO,CAAC,eAAe;IAgIvB,OAAO,CAAC,cAAc;IAsEtB,OAAO,CAAC,mBAAmB;IAsE3B,OAAO,CAAC,YAAY;IA0HpB,OAAO,CAAC,aAAa;CAItB;AAED,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,SAAS,EAAE,OAAO,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,KAAG,cAG5E,CAAA"}

package/dist/esm/canvas/chart.canvas.util.js

@@ -1,4 +1,4 @@
-import { BoxNode, Row } from './layout.canvas.util.js';
+import { BoxNode, RowNode } from './layout.canvas.util.js';
 import { Style } from '../constant/common.const.js';
 import { TextNode } from './text.canvas.util.js';
 
@@ -577,7 +577,7 @@ class ChartNode extends BoxNode {
             }
             const finalNodes = legendNodes.filter((node) => !!node);
             if (finalNodes.length > 0) {
-                const legendContainer = Row({
+                const legendContainer = new RowNode({
                     children: finalNodes,
                     width,
                     height,
@@ -666,6 +666,9 @@ class ChartNode extends BoxNode {
         return colors[index % colors.length];
     }
 }
-const Chart = (props) => new ChartNode(props);
+const Chart = (props) => ({
+    __type: 'Chart',
+    props: props,
+});
 
 export { Chart, ChartNode };

package/dist/esm/canvas/grid.canvas.util.d.ts

@@ -1,4 +1,4 @@
-import type { GridProps, GridItemProps } from '../canvas/canvas.type.js';
+import type { GridProps, GridItemProps, NodeDescriptor } from '../canvas/canvas.type.js';
 import { BoxNode, RowNode } from '../canvas/layout.canvas.util.js';
 /**
  * GridItem Node. Theoretically just a BoxNode but typed differently in factory.
@@ -11,7 +11,7 @@ export declare class GridItemNode extends BoxNode {
 /**
  * Factory for GridItem.
  */
-export declare const GridItem: (props: GridItemProps) => GridItemNode;
+export declare const GridItem: ({ children, ...rest }: GridItemProps) => NodeDescriptor;
 /**
  * Grid layout node that arranges children in a 2D grid.
  * Implements a simplified version of the CSS Grid Layout algorithm.
@@ -42,5 +42,5 @@ export declare class GridNode extends RowNode {
 /**
  * Factory function to create a new GridNode instance.
  */
-export declare const Grid: (props: GridProps) => GridNode;
+export declare const Grid: ({ children, ...rest }: GridProps) => NodeDescriptor;
 //# sourceMappingURL=grid.canvas.util.d.ts.map

package/dist/esm/canvas/grid.canvas.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/grid.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAiB,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACtF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAIjE;;;;GAIG;AACH,qBAAa,YAAa,SAAQ,OAAO;gBAC3B,KAAK,EAAE,aAAa;CAMjC;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,iBAA4B,CAAA;AAEzE;;;GAGG;AACH,qBAAa,QAAS,SAAQ,OAAO;IACnC;;;OAGG;gBACS,KAAK,EAAE,SAAS;IAQ5B;;OAEG;IACH,OAAO,CAAC,UAAU;IAwBlB;;OAEG;IACH,OAAO,CAAC,YAAY;IAmBpB;;OAEG;cACgB,+BAA+B;IAoTlD;;OAEG;IACH,OAAO,CAAC,aAAa;CAkCtB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,aAAwB,CAAA"}
+{"version":3,"file":"grid.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/grid.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAiB,aAAa,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAEtG,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAUjE;;;;GAIG;AACH,qBAAa,YAAa,SAAQ,OAAO;gBAC3B,KAAK,EAAE,aAAa;CAMjC;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,uBAAuB,aAAa,KAAG,cAI9D,CAAA;AAEF;;;GAGG;AACH,qBAAa,QAAS,SAAQ,OAAO;IACnC;;;OAGG;gBACS,KAAK,EAAE,SAAS;IAQ5B;;OAEG;IACH,OAAO,CAAC,UAAU;IAwBlB;;OAEG;IACH,OAAO,CAAC,YAAY;IAmBpB;;OAEG;cACgB,+BAA+B;IAoTlD;;OAEG;IACH,OAAO,CAAC,aAAa;CAkCtB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,uBAAuB,SAAS,KAAG,cAItD,CAAA"}

package/dist/esm/canvas/grid.canvas.util.js

@@ -1,7 +1,34 @@
-import { RowNode } from './layout.canvas.util.js';
+import { BoxNode, RowNode } from './layout.canvas.util.js';
 import { Style } from '../constant/common.const.js';
 import { parsePercentage } from './canvas.helper.js';
 
+function normalizeDescriptorChildren(children) {
+    if (children === undefined || children === null || children === false)
+        return undefined;
+    const arr = (Array.isArray(children) ? children : [children]).filter(Boolean);
+    return arr.length > 0 ? arr : undefined;
+}
+/**
+ * GridItem Node. Theoretically just a BoxNode but typed differently in factory.
+ * In runtime, it behaves almost like a BoxNode, but we can detect it if needed,
+ * or simply rely on the props being present in the instance.
+ */
+class GridItemNode extends BoxNode {
+    constructor(props) {
+        super({
+            ...props,
+            name: 'GridItem',
+        });
+    }
+}
+/**
+ * Factory for GridItem.
+ */
+const GridItem = ({ children, ...rest }) => ({
+    __type: 'GridItem',
+    props: rest,
+    children: normalizeDescriptorChildren(children),
+});
 /**
  * Grid layout node that arranges children in a 2D grid.
  * Implements a simplified version of the CSS Grid Layout algorithm.
@@ -381,6 +408,10 @@ class GridNode extends RowNode {
 /**
  * Factory function to create a new GridNode instance.
  */
-const Grid = (props) => new GridNode(props);
+const Grid = ({ children, ...rest }) => ({
+    __type: 'Grid',
+    props: rest,
+    children: normalizeDescriptorChildren(children),
+});
 
-export { Grid, GridNode };
+export { Grid, GridItem, GridItemNode, GridNode };

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

@@ -1,4 +1,4 @@
-import type { BaseProps, ImageProps } from '../canvas/canvas.type.js';
+import type { BaseProps, ImageProps, NodeDescriptor } from '../canvas/canvas.type.js';
 import { type CanvasRenderingContext2D } from 'skia-canvas';
 import { BoxNode } from '../canvas/layout.canvas.util.js';
 /**
@@ -30,5 +30,5 @@ export declare class ImageNode extends BoxNode {
 /**
  * Factory function to create ImageNode instances
  */
-export declare const Image: (props: ImageProps) => ImageNode;
+export declare const Image: (props: ImageProps) => NodeDescriptor;
 //# sourceMappingURL=image.canvas.util.d.ts.map

package/dist/esm/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,MAAM,yBAAyB,CAAA;AACpE,OAAO,EAAE,KAAK,wBAAwB,EAAmC,MAAM,aAAa,CAAA;AAC5F,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAsBxD;;;GAGG;AACH,qBAAa,SAAU,SAAQ,OAAO;IAC5B,KAAK,EAAE,UAAU,GAAG,SAAS,CAAA;IACrC,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,YAAY,CAAI;IACxB,OAAO,CAAC,aAAa,CAAI;IACzB,OAAO,CAAC,cAAc,CAA6B;gBAEvC,KAAK,EAAE,UAAU;IAYtB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAO5B;;;;;OAKG;IACH,OAAO,CAAC,UAAU;IA8GX,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAIzC;;;OAGG;cACgB,cAAc,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAoJrH;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,cAAyB,CAAA"}
+{"version":3,"file":"image.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/image.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACpF,OAAO,EAAE,KAAK,wBAAwB,EAAmC,MAAM,aAAa,CAAA;AAC5F,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAsBxD;;;GAGG;AACH,qBAAa,SAAU,SAAQ,OAAO;IAC5B,KAAK,EAAE,UAAU,GAAG,SAAS,CAAA;IACrC,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,YAAY,CAAI;IACxB,OAAO,CAAC,aAAa,CAAI;IACzB,OAAO,CAAC,cAAc,CAA6B;gBAEvC,KAAK,EAAE,UAAU;IAYtB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAO5B;;;;;OAKG;IACH,OAAO,CAAC,UAAU;IA8GX,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAIzC;;;OAGG;cACgB,cAAc,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAoJrH;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,KAAG,cAGxC,CAAA"}

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

@@ -305,6 +305,9 @@ class ImageNode extends BoxNode {
 /**
  * Factory function to create ImageNode instances
  */
-const Image = (props) => new ImageNode(props);
+const Image = (props) => ({
+    __type: 'Image',
+    props: props,
+});
 
 export { Image, ImageNode };

package/dist/esm/canvas/layout.canvas.util.d.ts

@@ -1,5 +1,5 @@
 import { type CanvasRenderingContext2D } from 'skia-canvas';
-import type { BaseProps, BoxProps } from '../canvas/canvas.type.js';
+import type { BaseProps, BoxProps, NodeDescriptor } from '../canvas/canvas.type.js';
 import { Node } from '../constant/common.const.js';
 /**
  * @class BoxNode
@@ -92,7 +92,7 @@ export declare class BoxNode {
  * @param {BoxProps} props Box properties and configuration.
  * @returns {BoxNode} New BoxNode instance.
  */
-export declare const Box: (props: BoxProps) => BoxNode;
+export declare const Box: ({ children, ...rest }: BoxProps) => NodeDescriptor;
 /**
  * @class ColumnNode
  * Node class for vertical column layout
@@ -105,7 +105,7 @@ export declare class ColumnNode extends BoxNode {
  * @param {BoxProps} props Column properties and configuration.
  * @returns {ColumnNode} New ColumnNode instance.
  */
-export declare const Column: (props: BoxProps) => ColumnNode;
+export declare const Column: ({ children, ...rest }: BoxProps) => NodeDescriptor;
 /**
  * @class RowNode
  * @classdesc Node class for horizontal row layout.
@@ -118,5 +118,5 @@ export declare class RowNode extends BoxNode {
  * @param {BoxProps} props Row properties and configuration.
  * @returns {RowNode} New RowNode instance.
  */
-export declare const Row: (props: BoxProps) => RowNode;
+export declare const Row: ({ children, ...rest }: BoxProps) => NodeDescriptor;
 //# sourceMappingURL=layout.canvas.util.d.ts.map

package/dist/esm/canvas/layout.canvas.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/layout.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,yBAAyB,CAAA;AAGlF,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;AAED;;;;GAIG;AACH,eAAO,MAAM,GAAG,GAAI,OAAO,QAAQ,KAAG,OAA6B,CAAA;AAEnE;;;GAGG;AACH,qBAAa,UAAW,SAAQ,OAAO;gBACzB,KAAK,GAAE,QAAQ,GAAG,SAAc;CAS7C;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,QAAQ,KAAG,UAAmC,CAAA;AAE5E;;;GAGG;AACH,qBAAa,OAAQ,SAAQ,OAAO;gBACtB,KAAK,GAAE,QAAQ,GAAG,SAAc;CAS7C;AAED;;;;GAIG;AACH,eAAO,MAAM,GAAG,GAAI,OAAO,QAAQ,KAAG,OAA6B,CAAA"}
+{"version":3,"file":"layout.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/layout.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAkB,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAGlG,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,cAIpD,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,cAIvD,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,cAIpD,CAAA"}

package/dist/esm/canvas/layout.canvas.util.js

@@ -718,12 +718,25 @@ class BoxNode {
         });
     }
 }
+/**
+ * Normalizes children into a flat NodeDescriptor array, filtering falsy values.
+ */
+function normalizeDescriptorChildren(children) {
+    if (children === undefined || children === null || children === false)
+        return undefined;
+    const arr = (Array.isArray(children) ? children : [children]).filter(Boolean);
+    return arr.length > 0 ? arr : undefined;
+}
 /**
  * Creates a new BoxNode instance.
  * @param {BoxProps} props Box properties and configuration.
  * @returns {BoxNode} New BoxNode instance.
  */
-const Box = (props) => new BoxNode(props);
+const Box = ({ children, ...rest }) => ({
+    __type: 'Box',
+    props: rest,
+    children: normalizeDescriptorChildren(children),
+});
 /**
  * @class ColumnNode
  * Node class for vertical column layout
@@ -744,7 +757,11 @@ class ColumnNode extends BoxNode {
  * @param {BoxProps} props Column properties and configuration.
  * @returns {ColumnNode} New ColumnNode instance.
  */
-const Column = (props) => new ColumnNode(props);
+const Column = ({ children, ...rest }) => ({
+    __type: 'Column',
+    props: rest,
+    children: normalizeDescriptorChildren(children),
+});
 /**
  * @class RowNode
  * @classdesc Node class for horizontal row layout.
@@ -765,6 +782,10 @@ class RowNode extends BoxNode {
  * @param {BoxProps} props Row properties and configuration.
  * @returns {RowNode} New RowNode instance.
  */
-const Row = (props) => new RowNode(props);
+const Row = ({ children, ...rest }) => ({
+    __type: 'Row',
+    props: rest,
+    children: normalizeDescriptorChildren(children),
+});
 
 export { Box, BoxNode, Column, ColumnNode, Row, RowNode };

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

@@ -1,7 +1,24 @@
 import { Canvas } from 'skia-canvas';
-import { ColumnNode } from '../canvas/layout.canvas.util.js';
-import type { BaseProps, RootProps } from '../canvas/canvas.type.js';
+import { ColumnNode, BoxNode } from '../canvas/layout.canvas.util.js';
+import type { BaseProps, RootProps, NodeDescriptor } from '../canvas/canvas.type.js';
 export declare const _clearRegisteredFonts: () => void;
+export interface CanvasEngineConfig {
+    /** Run rendering in worker threads to avoid blocking the event loop (default: true) */
+    workerMode?: boolean;
+    /** Number of worker threads in the pool (default: os.cpus().length - 1) */
+    workers?: number;
+}
+/**
+ * Configure the canvas rendering engine.
+ * Call this once at application startup before rendering.
+ */
+export declare function configure(options: CanvasEngineConfig): void;
+/**
+ * Converts a NodeDescriptor tree into actual BoxNode instances.
+ * Used both for non-worker rendering (inline tree building) and inside
+ * the render worker (reconstructing the tree from serialized descriptors).
+ */
+export declare function buildTree(descriptor: NodeDescriptor): BoxNode;
 /**
  * Root node that manages the canvas rendering context and coordinates overall layout and drawing.
  * Inherits from ColumnNode to provide vertical layout capabilities.
@@ -36,9 +53,11 @@ export declare class RootNode extends ColumnNode {
     render(): Promise<Canvas>;
 }
 /**
- * Creates and renders a new root node with the given properties
+ * Creates and renders a new root node with the given properties.
+ * When worker mode is enabled via configure(), rendering runs in a worker thread
+ * and the returned object implements the same toBuffer/toBufferSync interface.
  * @param props Configuration properties for the root node
- * @returns Promise resolving to the rendered Canvas instance
+ * @returns Promise resolving to the rendered Canvas (or WorkerCanvas in worker mode)
  */
 export declare const Root: (props: RootProps) => Promise<Canvas>;
 //# sourceMappingURL=root.canvas.util.d.ts.map

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

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

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

@@ -1,12 +1,132 @@
 import { FontLibrary, Canvas } from 'skia-canvas';
-import { ColumnNode } from './layout.canvas.util.js';
+import { ColumnNode, RowNode, BoxNode } from './layout.canvas.util.js';
 import { ImageNode } from './image.canvas.util.js';
+import { TextNode } from './text.canvas.util.js';
+import { ChartNode } from './chart.canvas.util.js';
+import { GridItemNode, GridNode } from './grid.canvas.util.js';
 import { Style } from '../constant/common.const.js';
 import * as path from 'node:path';
 import * as fs from 'node:fs';
+import { cpus } from 'node:os';
+import { Worker } from 'node:worker_threads';
+import { fileURLToPath } from 'node:url';
 
 /** Registry to track fonts that have already been loaded */
 const registeredFonts = new Map();
+/** Engine configuration */
+let _workerMode = true;
+let _workerPoolSize = Math.max(1, cpus().length - 1);
+let _workerPool = null;
+/**
+ * Configure the canvas rendering engine.
+ * Call this once at application startup before rendering.
+ */
+function configure(options) {
+    if (options.workerMode !== undefined)
+        _workerMode = options.workerMode;
+    if (options.workers !== undefined)
+        _workerPoolSize = options.workers;
+    if (_workerMode) {
+        _workerPool = new WorkerPool(_workerPoolSize);
+    }
+}
+/**
+ * Minimal Canvas-compatible wrapper returned when rendering in worker mode.
+ * Exposes toBuffer / toBufferSync so callers can use the result identically.
+ */
+class WorkerCanvas {
+    _buffer;
+    constructor(_buffer) {
+        this._buffer = _buffer;
+    }
+    toBufferSync(_format) {
+        return this._buffer;
+    }
+    toBuffer(_format) {
+        return Promise.resolve(this._buffer);
+    }
+}
+/** Lazy-instantiated worker pool singleton */
+class WorkerPool {
+    workers = [];
+    idle = [];
+    queue = [];
+    pending = new Map();
+    nextId = 0;
+    constructor(size) {
+        this.init(size);
+    }
+    async init(size) {
+        const workerFile = path.join(path.dirname(fileURLToPath(import.meta.url)), '../render.worker.js');
+        for (let i = 0; i < size; i++) {
+            const worker = new Worker(workerFile);
+            worker.on('message', ({ id, buffer, error }) => {
+                const task = this.pending.get(id);
+                if (!task)
+                    return;
+                this.pending.delete(id);
+                this.idle.push(worker);
+                this.drain();
+                if (error) {
+                    task.reject(new Error(error));
+                }
+                else {
+                    task.resolve(buffer);
+                }
+            });
+            this.workers.push(worker);
+            this.idle.push(worker);
+        }
+    }
+    drain() {
+        while (this.queue.length > 0 && this.idle.length > 0) {
+            const task = this.queue.shift();
+            const worker = this.idle.pop();
+            worker.postMessage({ id: task.id, props: task.props });
+        }
+    }
+    render(props) {
+        return new Promise((resolve, reject) => {
+            const id = this.nextId++;
+            this.pending.set(id, { resolve, reject });
+            if (this.idle.length > 0) {
+                const worker = this.idle.pop();
+                worker.postMessage({ id, props });
+            }
+            else {
+                this.queue.push({ id, props });
+            }
+        });
+    }
+    terminate() {
+        this.workers.forEach(w => w.terminate());
+    }
+}
+/**
+ * Converts a NodeDescriptor tree into actual BoxNode instances.
+ * Used both for non-worker rendering (inline tree building) and inside
+ * the render worker (reconstructing the tree from serialized descriptors).
+ */
+function buildTree(descriptor) {
+    switch (descriptor.__type) {
+        case 'Box':
+            return new BoxNode({ ...descriptor.props, children: descriptor.children?.map(buildTree) });
+        case 'Column':
+            return new ColumnNode({ ...descriptor.props, children: descriptor.children?.map(buildTree) });
+        case 'Row':
+            return new RowNode({ ...descriptor.props, children: descriptor.children?.map(buildTree) });
+        case 'Grid':
+            return new GridNode({ ...descriptor.props, children: descriptor.children?.map(buildTree) });
+        case 'GridItem':
+            return new GridItemNode({ ...descriptor.props, children: descriptor.children?.map(buildTree) });
+        case 'Image':
+            return new ImageNode(descriptor.props);
+        case 'Text':
+            return new TextNode(descriptor.text, descriptor.props);
+        case 'Chart':
+            return new ChartNode(descriptor.props);
+    }
+}
 /**
  * Root node that manages the canvas rendering context and coordinates overall layout and drawing.
  * Inherits from ColumnNode to provide vertical layout capabilities.
@@ -56,6 +176,16 @@ class RootNode extends ColumnNode {
         this.targetWidth = props.width;
         this.targetHeight = props.height;
         this.node.setWidth(this.targetWidth);
+        // Convert any NodeDescriptor children to actual BoxNode instances
+        if (this.props.children) {
+            const childArray = Array.isArray(this.props.children) ? this.props.children : [this.props.children];
+            this.props.children = childArray.map(child => {
+                if (child && typeof child === 'object' && '__type' in child) {
+                    return buildTree(child);
+                }
+                return child;
+            });
+        }
         // Initialize children nodes
         this.processInitialChildren();
     }
@@ -118,10 +248,21 @@ class RootNode extends ColumnNode {
     }
 }
 /**
- * Creates and renders a new root node with the given properties
+ * Creates and renders a new root node with the given properties.
+ * When worker mode is enabled via configure(), rendering runs in a worker thread
+ * and the returned object implements the same toBuffer/toBufferSync interface.
  * @param props Configuration properties for the root node
- * @returns Promise resolving to the rendered Canvas instance
+ * @returns Promise resolving to the rendered Canvas (or WorkerCanvas in worker mode)
  */
-const Root = async (props) => await new RootNode(props).render();
+const Root = async (props) => {
+    if (_workerMode) {
+        if (!_workerPool) {
+            _workerPool = new WorkerPool(_workerPoolSize);
+        }
+        const buffer = await _workerPool.render(props);
+        return new WorkerCanvas(buffer);
+    }
+    return new RootNode(props).render();
+};
 
-export { Root, RootNode };
+export { Root, RootNode, buildTree, configure };

package/dist/esm/canvas/text.canvas.util.d.ts

@@ -1,4 +1,4 @@
-import type { TextProps } from '../canvas/canvas.type.js';
+import type { TextProps, NodeDescriptor } from '../canvas/canvas.type.js';
 import { type CanvasRenderingContext2D } from 'skia-canvas';
 import { BoxNode } from '../canvas/layout.canvas.util.js';
 /**
@@ -161,5 +161,5 @@ export declare class TextNode extends BoxNode {
 /**
  * Creates a new TextNode instance with rich text support
  */
-export declare const Text: (text: number | string, props?: TextProps) => TextNode;
+export declare const Text: (text: number | string, props?: TextProps) => NodeDescriptor;
 //# sourceMappingURL=text.canvas.util.d.ts.map

package/dist/esm/canvas/text.canvas.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/text.canvas.util.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,yBAAyB,CAAA;AACrE,OAAO,EAAU,KAAK,wBAAwB,EAA2B,MAAM,aAAa,CAAA;AAC5F,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGxD;;;GAGG;AACH,qBAAa,QAAS,SAAQ,OAAO;IACnC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAC7C,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAwC;IACzE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAU;IACxC,OAAO,CAAC,WAAW,CAAe;IAClC,OAAO,CAAC,WAAW,CAAe;IAClC,OAAO,CAAC,kBAAkB,CAAe;IAEjC,KAAK,EAAE,SAAS,GAAG;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;gBAElC,IAAI,GAAE,MAAM,GAAG,MAAW,EAAE,KAAK,GAAE,SAAc;IAuB7D;;;;;;;;OAQG;WACW,gBAAgB,CAC5B,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,MAAM,EACZ,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,GAAE;QACL,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;QACpC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;QAClC,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAA;QACjD,YAAY,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAA;KACnD;cAwBW,aAAa,IAAI,IAAI;IAoDxC;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,sBAAsB;IA8B9B;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,aAAa;IA+ErB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,gBAAgB;IAyBxB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAM7B;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,aAAa;IAiCrB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAQjC;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,WAAW;IA+NnB;;;;;;;;;OASG;IACH,OAAO,CAAC,YAAY;IA6KpB;;;;;;;OAOG;IACH,OAAO,CAAC,aAAa;IAmErB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAQzB;;;;;;;;;;;;;;;;OAgBG;cACgB,cAAc,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAkXrH;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,MAAM,MAAM,GAAG,MAAM,EAAE,QAAQ,SAAS,aAA8B,CAAA"}
+{"version":3,"file":"text.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/text.canvas.util.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAe,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACrF,OAAO,EAAU,KAAK,wBAAwB,EAA2B,MAAM,aAAa,CAAA;AAC5F,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGxD;;;GAGG;AACH,qBAAa,QAAS,SAAQ,OAAO;IACnC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAC7C,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAwC;IACzE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAU;IACxC,OAAO,CAAC,WAAW,CAAe;IAClC,OAAO,CAAC,WAAW,CAAe;IAClC,OAAO,CAAC,kBAAkB,CAAe;IAEjC,KAAK,EAAE,SAAS,GAAG;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;gBAElC,IAAI,GAAE,MAAM,GAAG,MAAW,EAAE,KAAK,GAAE,SAAc;IAuB7D;;;;;;;;OAQG;WACW,gBAAgB,CAC5B,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,MAAM,EACZ,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,GAAE;QACL,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;QACpC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;QAClC,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAA;QACjD,YAAY,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAA;KACnD;cAwBW,aAAa,IAAI,IAAI;IAoDxC;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,sBAAsB;IA8B9B;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,aAAa;IA+ErB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,gBAAgB;IAyBxB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAM7B;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,aAAa;IAiCrB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAQjC;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,WAAW;IA+NnB;;;;;;;;;OASG;IACH,OAAO,CAAC,YAAY;IA6KpB;;;;;;;OAOG;IACH,OAAO,CAAC,aAAa;IAmErB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAQzB;;;;;;;;;;;;;;;;OAgBG;cACgB,cAAc,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAkXrH;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,MAAM,MAAM,GAAG,MAAM,EAAE,QAAQ,SAAS,KAAG,cAI9D,CAAA"}

package/dist/esm/canvas/text.canvas.util.js

@@ -1150,6 +1150,10 @@ class TextNode extends BoxNode {
 /**
  * Creates a new TextNode instance with rich text support
  */
-const Text = (text, props) => new TextNode(text, props);
+const Text = (text, props) => ({
+    __type: 'Text',
+    text,
+    props,
+});
 
 export { Text, TextNode };

package/dist/esm/index.d.ts

@@ -3,7 +3,8 @@ export * from './canvas/canvas.type.js';
 export { Box, Column, Row, type BoxNode } from './canvas/layout.canvas.util.js';
 export { Image } from './canvas/image.canvas.util.js';
 export { Text } from './canvas/text.canvas.util.js';
-export { Root } from './canvas/root.canvas.util.js';
+export { Root, configure } from './canvas/root.canvas.util.js';
+export { GridItem } from './canvas/grid.canvas.util.js';
 export { Grid } from './canvas/grid.canvas.util.js';
 export { Chart } from './canvas/chart.canvas.util.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/esm/index.js

@@ -2,7 +2,7 @@ export { Border, Style } from './constant/common.const.js';
 export { Box, Column, Row } from './canvas/layout.canvas.util.js';
 export { Image } from './canvas/image.canvas.util.js';
 export { Text } from './canvas/text.canvas.util.js';
-export { Root } from './canvas/root.canvas.util.js';
-export { Grid } from './canvas/grid.canvas.util.js';
+export { Root, configure } from './canvas/root.canvas.util.js';
+export { Grid, GridItem } from './canvas/grid.canvas.util.js';
 export { Chart } from './canvas/chart.canvas.util.js';
 export * from 'yoga-layout';

package/dist/esm/render.worker.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=render.worker.d.ts.map

package/dist/esm/render.worker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.worker.d.ts","sourceRoot":"","sources":["../../src/render.worker.ts"],"names":[],"mappings":""}

package/dist/esm/render.worker.js

@@ -0,0 +1,21 @@
+import { parentPort } from 'worker_threads';
+import { RootNode } from './canvas/root.canvas.util.js';
+
+/**
+ * Worker thread entry point for off-main-thread canvas rendering.
+ * Receives serialized RootProps (with NodeDescriptor children), builds the
+ * node tree, renders to canvas, encodes to PNG, and posts the buffer back.
+ */
+if (!parentPort) {
+    throw new Error('[render.worker] Must be run as a worker thread');
+}
+parentPort.on('message', async ({ id, props }) => {
+    try {
+        const canvas = await new RootNode(props).render();
+        const buffer = canvas.toBufferSync('png');
+        parentPort.postMessage({ id, buffer });
+    }
+    catch (err) {
+        parentPort.postMessage({ id, error: String(err) });
+    }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meonode/canvas",
-  "version": "1.5.6",
+  "version": "1.6.0-beta.1",
   "description": "A declarative, component-based library for server-side canvas image generation. Write complex visuals with simple functions, similar to the composition style of @meonode/ui.",
   "keywords": [
     "canvas",