@nmmty/lazycanvas 0.6.4 → 1.0.0-dev.3

package/dist/structures/helpers/readers/JSONReader.js

@@ -41,6 +41,7 @@ const LazyCanvas_1 = require("../../LazyCanvas");
 const fs = __importStar(require("fs"));
 const LazyUtil_1 = require("../../../utils/LazyUtil");
 const path = __importStar(require("path"));
+const Signal_1 = require("../../../core/Signal");
 /**
  * Class responsible for reading and parsing JSON data into a LazyCanvas instance.
  */
@@ -60,17 +61,13 @@ class JSONReader {
         if (data.options.exportType === undefined) {
             throw new LazyUtil_1.LazyError("Invalid export type");
         }
-        if (data.options.flag === undefined) {
-            throw new LazyUtil_1.LazyError("Invalid export flag");
-        }
         if (data.layers === undefined || data.layers.length === 0) {
             throw new LazyUtil_1.LazyError("No layers found");
         }
         if (opts?.debug)
-            LazyUtil_1.LazyLog.log("info", "Reading JSON...\nOptions:", data.options, "\nAnimation:", data.animation, "\nLayers Number:", data.layers.length, "\nLayers:", data.layers);
+            LazyUtil_1.LazyLog.log("info", "Reading JSON...\nOptions:", data.options, "\nLayers Number:", data.layers.length, "\nLayers:", data.layers);
         const layers = JSONReader.layersParse(data.layers, opts);
-        const canvas = new LazyCanvas_1.LazyCanvas({ settings: data, debug: opts?.debug })
-            .create(data.options.width, data.options.height);
+        const canvas = new LazyCanvas_1.LazyCanvas({ settings: data, debug: opts?.debug }).create(data.options.width, data.options.height);
         canvas.manager.layers.add(...layers);
         return canvas;
     }
@@ -94,37 +91,31 @@ class JSONReader {
     }
     /**
      * Parses an array of JSON layers into an array of AnyLayer or Group instances.
-     * @param {Array<JSONLayer | Group>} [data] - The array of JSON layers to parse.
+     * @param {Array<JSONLayer | Div>} [data] - The array of JSON layers to parse.
      * @param {Object} [opts] - Optional settings.
      * @param {boolean} [opts.debug] - Whether to enable debug logging.
-     * @returns {Array<AnyLayer | Group>} The parsed layers.
+     * @returns {Array<AnyLayer | Div>} The parsed layers.
      */
     static layersParse(data, opts) {
         return data.map((layer) => {
             if (opts?.debug)
-                LazyUtil_1.LazyLog.log('info', `Parsing layer ${layer.id}...\nData:`, layer);
-            const misc = {
+                LazyUtil_1.LazyLog.log("info", `Parsing layer ${layer.id}...\nData:`, layer);
+            return this.layerParse(layer, {
                 id: layer.id,
                 zIndex: layer.zIndex,
                 visible: layer.visible,
-            };
-            if (layer.type === types_1.LayerType.Group) {
-                return new components_1.Group(misc).add(...layer.layers.map((l) => this.layerParse(l, { id: l.id, zIndex: l.zIndex, visible: l.visible })));
-            }
-            else {
-                return this.layerParse(layer, misc);
-            }
+            });
         });
     }
     /**
      * Parses a single JSON layer into an AnyLayer or Group instance.
-     * @param {JSONLayer | IGroup | Group} [layer] - The JSON layer to parse.
+     * @param {JSONLayer | IDiv | Div} [layer] - The JSON layer to parse.
      * @param {IBaseLayerMisc} [misc] - Miscellaneous options for the layer.
-     * @returns {AnyLayer | Group} The parsed layer.
+     * @returns {AnyLayer | Div} The parsed layer.
      */
     static layerParse(layer, misc) {
-        if (layer instanceof components_1.Group) {
-            return new components_1.Group(misc).add(...layer.layers.map((l) => this.layerParse(l)));
+        if (layer instanceof components_1.Div) {
+            return new components_1.Div(misc).add(...layer.layers.map((l) => this.layerParse(l)));
         }
         else {
             switch (layer.type) {
@@ -140,13 +131,12 @@ class JSONReader {
                     return new components_1.MorphLayer(layer.props, misc).setColor(this.fillParse(layer));
                 case types_1.LayerType.Line:
                     return new components_1.LineLayer(layer.props, misc).setColor(this.fillParse(layer));
-                case types_1.LayerType.Clear:
-                    return new components_1.ClearLayer(layer.props, misc);
                 case types_1.LayerType.Path:
                     return new components_1.Path2DLayer(layer.props, misc).setColor(this.fillParse(layer));
+                case types_1.LayerType.Polygon:
+                    return new components_1.PolygonLayer(layer.props, misc).setColor(this.fillParse(layer));
                 case types_1.LayerType.Group:
-                    return new components_1.Group(misc)
-                        .add(...layer.layers.map((l) => this.layerParse(l)));
+                    return new components_1.Div(misc).add(...layer.layers.map((l) => this.layerParse(l)));
                 default:
                     return layer;
             }
@@ -158,24 +148,28 @@ class JSONReader {
      * @returns {string | Gradient | Pattern} The parsed fill style.
      */
     static fillParse(layer) {
-        if ('fillStyle' in layer.props && layer.props.fillStyle && typeof layer.props.fillStyle !== 'string') {
-            switch (layer.props.fillStyle?.fillType) {
-                case 'gradient':
-                    return new __1.Gradient({ props: layer.props.fillStyle });
-                case 'pattern':
-                    return new __1.Pattern()
-                        .setType(layer.props.fillStyle.type)
-                        .setSrc(typeof layer.props.fillStyle.src === 'string' ? layer.props.fillStyle.src : this.read(layer.props.fillStyle.src));
-                default:
-                    return layer.props.fillStyle;
+        if ("fillStyle" in layer.props) {
+            if ((0, Signal_1.isSignal)(layer.props.fillStyle)) {
+                throw new LazyUtil_1.LazyError("Signals are not supported in JSON fill styles");
             }
-        }
-        else if ('fillStyle' in layer.props) {
-            console.log(layer.type, layer);
-            return layer.props.fillStyle || '#000000';
+            if (typeof layer.props.fillStyle === "object") {
+                switch (layer.props.fillStyle?.fillType) {
+                    case "gradient":
+                        return new __1.Gradient({ props: layer.props.fillStyle });
+                    case "pattern":
+                        return new __1.Pattern()
+                            .setType(layer.props.fillStyle.type)
+                            .setSrc(typeof layer.props.fillStyle.src === "string"
+                            ? layer.props.fillStyle.src
+                            : this.read(layer.props.fillStyle.src));
+                    default:
+                        return layer.props.fillStyle;
+                }
+            }
+            return layer.props.fillStyle || "#000000";
         }
         else {
-            return '#000000';
+            return "#000000";
         }
     }
 }

package/dist/structures/helpers/readers/YAMLReader.js

@@ -49,9 +49,9 @@ class YAMLReader {
     static read(data, opts) {
         const yamlContent = _yaml.load(data);
         if (opts?.debug) {
-            LazyUtil_1.LazyLog.log('info', 'YAML content loaded:', yamlContent);
+            LazyUtil_1.LazyLog.log("info", "YAML content loaded:", yamlContent);
         }
-        if (typeof yamlContent === 'object' && yamlContent !== null) {
+        if (typeof yamlContent === "object" && yamlContent !== null) {
             return JSONReader_1.JSONReader.read(yamlContent, opts);
         }
         else {
@@ -70,12 +70,12 @@ class YAMLReader {
             throw new LazyUtil_1.LazyError(`File not found: ${filePath}`);
         }
         const ext = path.extname(filePath).toLowerCase();
-        if (ext !== '.yaml' && ext !== '.yml') {
+        if (ext !== ".yaml" && ext !== ".yml") {
             throw new LazyUtil_1.LazyError(`Invalid file extension: ${ext}. Expected .yaml or .yml.`);
         }
-        const data = fs.readFileSync(filePath, 'utf8');
+        const data = fs.readFileSync(filePath, "utf8");
         if (opts?.debug) {
-            LazyUtil_1.LazyLog.log('info', `Reading YAML file: ${filePath}`);
+            LazyUtil_1.LazyLog.log("info", `Reading YAML file: ${filePath}`);
         }
         return this.read(data, opts);
     }

package/dist/structures/managers/FontsManager.js

@@ -9,14 +9,6 @@ const canvas_1 = require("@napi-rs/canvas");
  * Class representing a manager for handling fonts.
  */
 class FontsManager {
-    /**
-     * A map storing fonts with their family and weight as the key.
-     */
-    map;
-    /**
-     * Whether debugging is enabled.
-     */
-    debug;
     /**
      * Constructs a new FontsManager instance.
      * @param {Object} [opts] - Optional settings for the FontsManager.
@@ -33,14 +25,13 @@ class FontsManager {
      * @returns {this} The current instance for chaining.
      */
     loadFonts(fontList) {
-        this.add(...Object.entries(fontList).map(([fontFamily, fontWeights]) => {
+        this.add(...Object.entries(fontList)
+            .map(([fontFamily, fontWeights]) => {
             return Object.entries(fontWeights).map(([weight, base64]) => {
-                return new helpers_1.Font()
-                    .setFamily(fontFamily)
-                    .setWeight(Number(weight))
-                    .setBase64(base64);
+                return new helpers_1.Font().setFamily(fontFamily).setWeight(Number(weight)).setBase64(base64);
             });
-        }).flat());
+        })
+            .flat());
         return this;
     }
     /**
@@ -53,10 +44,10 @@ class FontsManager {
      */
     add(...fonts) {
         if (this.debug)
-            LazyUtil_1.LazyLog.log('info', `Adding fonts...\nlength: ${fonts.length}`);
+            LazyUtil_1.LazyLog.log("info", `Adding fonts...\nlength: ${fonts.length}`);
         for (const font of fonts) {
             if (this.debug)
-                LazyUtil_1.LazyLog.log('none', `Data:`, font.toJSON());
+                LazyUtil_1.LazyLog.log("none", `Data:`, font.toJSON());
             if (!font.family)
                 throw new LazyUtil_1.LazyError("Family must be provided");
             if (!font.weight)
@@ -101,7 +92,7 @@ class FontsManager {
     get(family, weight) {
         if (weight)
             return this.map.get(`${family}_${weight}`);
-        return Array.from(this.map.values()).filter(font => font.family === family);
+        return Array.from(this.map.values()).filter((font) => font.family === family);
     }
     /**
      * Checks if a font exists in the manager.
@@ -112,7 +103,7 @@ class FontsManager {
     has(family, weight) {
         if (weight)
             return this.map.has(`${family}_${weight}`);
-        return Array.from(this.map.values()).some(font => font.family === family);
+        return Array.from(this.map.values()).some((font) => font.family === family);
     }
     /**
      * Retrieves the number of fonts in the manager.

package/dist/structures/managers/LayersManager.d.ts

@@ -1,18 +1,13 @@
 import { AnyLayer } from "../../types";
-import { Group } from "../components";
-import { LazyCanvas } from "../LazyCanvas";
+import { Div } from "../components";
 /**
  * Interface representing the LayersManager.
  */
 export interface ILayersManager {
-    /**
-     * The LazyCanvas instance associated with this manager.
-     */
-    lazyCanvas: LazyCanvas;
     /**
      * A map storing layers or groups with their IDs as keys.
      */
-    map: Map<string, AnyLayer | Group>;
+    map: Map<string, AnyLayer | Div>;
     /**
      * Whether debugging is enabled.
      */
@@ -22,34 +17,29 @@ export interface ILayersManager {
  * Class representing a manager for handling layers and groups.
  */
 export declare class LayersManager implements ILayersManager {
-    /**
-     * The LazyCanvas instance associated with this manager.
-     */
-    lazyCanvas: LazyCanvas;
     /**
      * A map storing layers or groups with their IDs as keys.
      */
-    map: Map<string, AnyLayer | Group>;
+    map: Map<string, AnyLayer | Div>;
     /**
      * Whether debugging is enabled.
      */
     debug: boolean;
     /**
      * Constructs a new LayersManager instance.
-     * @param {LazyCanvas} [lazyCanvas] - The LazyCanvas instance to associate with this manager.
      * @param {Object} [opts] - Optional settings for the LayersManager.
      * @param {boolean} [opts.debug] - Whether debugging is enabled.
      */
-    constructor(lazyCanvas: LazyCanvas, opts?: {
+    constructor(opts?: {
         debug?: boolean;
     });
     /**
      * Adds layers or groups to the map.
-     * @param {Array<AnyLayer | Group>} [layers] - The layers or groups to add to the map.
+     * @param {Array<AnyLayer | Div>} [layers] - The layers or groups to add to the map.
      * @returns {this} The current instance for chaining.
      * @throws {LazyError} If a layer with the same ID already exists.
      */
-    add(...layers: Array<AnyLayer | Group>): this;
+    add(...layers: Array<AnyLayer | Div>): this;
     /**
      * Removes layers or groups from the map by their IDs.
      * @param {string[]} [ids] - The IDs of the layers or groups to remove.
@@ -65,9 +55,9 @@ export declare class LayersManager implements ILayersManager {
      * Retrieves a layer or group from the map by its ID.
      * @param {string} [id] - The ID of the layer or group to retrieve.
      * @param {boolean} [cross] - Whether to search within groups for the ID.
-     * @returns {AnyLayer | Group | undefined} The retrieved layer or group, or undefined if not found.
+     * @returns {AnyLayer | Div | undefined} The retrieved layer or group, or undefined if not found.
      */
-    get(id: string, cross?: boolean): AnyLayer | Group | undefined;
+    get(id: string, cross?: boolean): AnyLayer | Div | undefined;
     /**
      * Checks if a layer or group exists in the map by its ID.
      * @param {string} [id] - The ID of the layer or group to check.
@@ -81,9 +71,9 @@ export declare class LayersManager implements ILayersManager {
     size(): number;
     /**
      * Retrieves the values (layers and groups) from the map.
-     * @returns {IterableIterator<AnyLayer | Group>} An iterator for the map values.
+     * @returns {IterableIterator<AnyLayer | Div>} An iterator for the map values.
      */
-    values(): IterableIterator<AnyLayer | Group>;
+    values(): IterableIterator<AnyLayer | Div>;
     /**
      * Retrieves the keys (IDs) from the map.
      * @returns {IterableIterator<string>} An iterator for the map keys.
@@ -91,15 +81,15 @@ export declare class LayersManager implements ILayersManager {
     keys(): IterableIterator<string>;
     /**
      * Retrieves the entries (key-value pairs) from the map.
-     * @returns {IterableIterator<[string, AnyLayer | Group]>} An iterator for the map entries.
+     * @returns {IterableIterator<[string, AnyLayer | Div]>} An iterator for the map entries.
      */
-    entries(): IterableIterator<[string, AnyLayer | Group]>;
+    entries(): IterableIterator<[string, AnyLayer | Div]>;
     /**
      * Executes a callback function for each layer or group in the map.
      * @param {Function} [callbackfn] - The callback function to execute.
      * @returns {this} The current instance for chaining.
      */
-    forEach(callbackfn: (value: AnyLayer | Group, key: string, map: Map<string, AnyLayer | Group>) => void): this;
+    forEach(callbackfn: (value: AnyLayer | Div, key: string, map: Map<string, AnyLayer | Div>) => void): this;
     /**
      * Converts the map to a JSON object.
      * @returns {object} The JSON representation of the map.
@@ -113,15 +103,15 @@ export declare class LayersManager implements ILayersManager {
     fromJSON(json: object): this;
     /**
      * Converts the map to an array of layers and groups.
-     * @returns {Array<AnyLayer | Group>} An array of layers and groups.
+     * @returns {Array<AnyLayer | Div>} An array of layers and groups.
      */
-    toArray(): Array<AnyLayer | Group>;
+    toArray(): Array<AnyLayer | Div>;
     /**
      * Populates the map from an array of layers and groups.
-     * @param {Array<AnyLayer | Group>} [array] - The array of layers and groups to populate the map from.
+     * @param {Array<AnyLayer | Div>} [array] - The array of layers and groups to populate the map from.
      * @returns {this} The current instance for chaining.
      */
-    fromArray(array: Array<AnyLayer | Group>): this;
+    fromArray(array: Array<AnyLayer | Div>): this;
     /**
      * Sorts the layers and groups in the map by their zIndex property.
      * @returns {void}
@@ -130,7 +120,7 @@ export declare class LayersManager implements ILayersManager {
     /**
      * Searches for a layer or group by its ID, including within groups.
      * @param {string} [id] - The ID of the layer or group to search for.
-     * @returns {AnyLayer | Group | undefined} The found layer or group, or undefined if not found.
+     * @returns {AnyLayer | Div | undefined} The found layer or group, or undefined if not found.
      */
     private crossSearch;
 }

package/dist/structures/managers/LayersManager.js

@@ -7,50 +7,32 @@ const LazyUtil_1 = require("../../utils/LazyUtil");
  * Class representing a manager for handling layers and groups.
  */
 class LayersManager {
-    /**
-     * The LazyCanvas instance associated with this manager.
-     */
-    lazyCanvas;
-    /**
-     * A map storing layers or groups with their IDs as keys.
-     */
-    map;
-    /**
-     * Whether debugging is enabled.
-     */
-    debug;
     /**
      * Constructs a new LayersManager instance.
-     * @param {LazyCanvas} [lazyCanvas] - The LazyCanvas instance to associate with this manager.
      * @param {Object} [opts] - Optional settings for the LayersManager.
      * @param {boolean} [opts.debug] - Whether debugging is enabled.
      */
-    constructor(lazyCanvas, opts) {
-        this.lazyCanvas = lazyCanvas;
+    constructor(opts) {
         this.map = new Map();
         this.debug = opts?.debug || false;
     }
     /**
      * Adds layers or groups to the map.
-     * @param {Array<AnyLayer | Group>} [layers] - The layers or groups to add to the map.
+     * @param {Array<AnyLayer | Div>} [layers] - The layers or groups to add to the map.
      * @returns {this} The current instance for chaining.
      * @throws {LazyError} If a layer with the same ID already exists.
      */
     add(...layers) {
         if (this.debug)
-            LazyUtil_1.LazyLog.log('info', `Adding layers...\nlength: ${layers.length}`);
+            LazyUtil_1.LazyLog.log("info", `Adding layers...\nlength: ${layers.length}`);
         let layersArray = layers.flat();
-        layersArray = layersArray.filter(l => l !== undefined);
+        layersArray = layersArray.filter((l) => l !== undefined);
         for (const layer of layersArray) {
             if (this.debug)
-                LazyUtil_1.LazyLog.log('none', `Data:`, 'toJSON' in layer ? layer.toJSON() : layer);
+                LazyUtil_1.LazyLog.log("none", `Data:`, "toJSON" in layer ? layer.toJSON() : layer);
             if (this.map.has(layer.id))
                 throw new LazyUtil_1.LazyError("Layer already exists");
             this.map.set(layer.id, layer);
-            // onLayerAdded hook
-            if (this.lazyCanvas && this.lazyCanvas.manager?.plugins) {
-                this.lazyCanvas.manager.plugins.executeHook('onLayerAdded', this.lazyCanvas, layer);
-            }
         }
         this.sort();
         return this;
@@ -64,10 +46,6 @@ class LayersManager {
         for (const id of ids) {
             const layer = this.map.get(id);
             this.map.delete(id);
-            // onLayerRemoved hook
-            if (this.lazyCanvas && this.lazyCanvas.manager?.plugins) {
-                this.lazyCanvas.manager.plugins.executeHook('onLayerRemoved', this.lazyCanvas, id);
-            }
         }
         return this;
     }
@@ -83,7 +61,7 @@ class LayersManager {
      * Retrieves a layer or group from the map by its ID.
      * @param {string} [id] - The ID of the layer or group to retrieve.
      * @param {boolean} [cross] - Whether to search within groups for the ID.
-     * @returns {AnyLayer | Group | undefined} The retrieved layer or group, or undefined if not found.
+     * @returns {AnyLayer | Div | undefined} The retrieved layer or group, or undefined if not found.
      */
     get(id, cross = false) {
         if (cross)
@@ -108,7 +86,7 @@ class LayersManager {
     }
     /**
      * Retrieves the values (layers and groups) from the map.
-     * @returns {IterableIterator<AnyLayer | Group>} An iterator for the map values.
+     * @returns {IterableIterator<AnyLayer | Div>} An iterator for the map values.
      */
     values() {
         return this.map.values();
@@ -122,7 +100,7 @@ class LayersManager {
     }
     /**
      * Retrieves the entries (key-value pairs) from the map.
-     * @returns {IterableIterator<[string, AnyLayer | Group]>} An iterator for the map entries.
+     * @returns {IterableIterator<[string, AnyLayer | Div]>} An iterator for the map entries.
      */
     entries() {
         return this.map.entries();
@@ -154,18 +132,18 @@ class LayersManager {
     }
     /**
      * Converts the map to an array of layers and groups.
-     * @returns {Array<AnyLayer | Group>} An array of layers and groups.
+     * @returns {Array<AnyLayer | Div>} An array of layers and groups.
      */
     toArray() {
         return Array.from(this.map.values());
     }
     /**
      * Populates the map from an array of layers and groups.
-     * @param {Array<AnyLayer | Group>} [array] - The array of layers and groups to populate the map from.
+     * @param {Array<AnyLayer | Div>} [array] - The array of layers and groups to populate the map from.
      * @returns {this} The current instance for chaining.
      */
     fromArray(array) {
-        this.map = new Map(array.map(l => [l.id, l]));
+        this.map = new Map(array.map((l) => [l.id, l]));
         return this;
     }
     /**
@@ -178,14 +156,14 @@ class LayersManager {
     /**
      * Searches for a layer or group by its ID, including within groups.
      * @param {string} [id] - The ID of the layer or group to search for.
-     * @returns {AnyLayer | Group | undefined} The found layer or group, or undefined if not found.
+     * @returns {AnyLayer | Div | undefined} The found layer or group, or undefined if not found.
      */
     crossSearch(id) {
         for (const layer of Array.from(this.map.values())) {
             if (layer.id === id)
                 return layer;
-            if (layer instanceof components_1.Group) {
-                const result = layer.layers.find(l => l.id === id);
+            if (layer instanceof components_1.Div) {
+                const result = layer.layers.find((l) => l.id === id);
                 if (result)
                     return result;
             }

package/dist/structures/managers/RenderManager.d.ts

@@ -35,18 +35,9 @@ export declare class RenderManager implements IRenderManager {
     constructor(lazyCanvas: LazyCanvas, opts?: {
         debug?: boolean;
     });
-    /**
-     * Merges multiple ImageData objects into a single ImageData object.
-     * @param {SKRSContext2D} [ctx] - The canvas rendering context.
-     * @param {ImageData[]} [imageDataList] - The list of ImageData objects to merge.
-     * @param {number} [width] - The width of the resulting ImageData.
-     * @param {number} [height] - The height of the resulting ImageData.
-     * @returns {ImageData} The merged ImageData object.
-     */
-    private mergeImageData;
     /**
      * Renders a single layer or group of layers.
-     * @param {AnyLayer | Group} [layer] - The layer or group to render.
+     * @param {AnyLayer | Div} [layer] - The layer or group to render.
      * @returns {Promise<SKRSContext2D>} The canvas rendering context after rendering.
      */
     private renderLayer;
@@ -56,11 +47,6 @@ export declare class RenderManager implements IRenderManager {
      * @returns {Promise<Buffer | SKRSContext2D | string>} The rendered output in the specified format.
      */
     private renderStatic;
-    /**
-     * Renders an animated sequence of layers and exports it as a GIF.
-     * @returns {Promise<Buffer>} The rendered animation as a Buffer.
-     */
-    private renderAnimation;
     /**
      * Renders all layers and exports the result in the specified format.
      * @param {AnyExport} [format] - The export format (e.g., buffer, context, SVG, or canvas).