@nmmty/lazycanvas 0.6.4 → 1.0.0-dev.10

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/LayoutManager.d.ts

@@ -0,0 +1,23 @@
+import { Div } from "../components";
+import { AnyLayer } from "../../types";
+import { SKRSContext2D, Canvas, SvgCanvas } from "@napi-rs/canvas";
+export declare class LayoutManager {
+    private yoga;
+    private debug;
+    ready: Promise<void>;
+    constructor(opts?: {
+        debug?: boolean;
+    });
+    private init;
+    calculateLayout(root: AnyLayer | Div, width: number, height: number, ctx?: SKRSContext2D, canvas?: Canvas | SvgCanvas): void;
+    private createNode;
+    private applyLayout;
+    private freeNode;
+    private getFlexDirection;
+    private getJustifyContent;
+    private getAlignItems;
+    private getPositionType;
+    private setDimension;
+    private setPadding;
+    private setMargin;
+}