@nmmty/lazycanvas 0.6.0-dev.f33019 → 0.6.0

package/dist/helpers/Utlis.d.ts

@@ -0,0 +1,28 @@
+import { Group } from "../structures/components";
+import { ColorType } from "../types";
+declare const Utils: {
+    grid(size: {
+        x: number;
+        y: number;
+    }, opts?: gridOptions): Group;
+    box(start: {
+        x: number;
+        y: number;
+    }, end: {
+        x: number;
+        y: number;
+    }, opts?: options): Group;
+};
+interface options {
+    color?: ColorType;
+    lineWidth?: number;
+}
+interface gridOptions extends options {
+    cellWith?: number;
+    cellHeight?: number;
+    startX?: number;
+    startY?: number;
+    endX?: number;
+    endY?: number;
+}
+export { Utils };

package/dist/helpers/Utlis.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Utils = void 0;
+const components_1 = require("../structures/components");
+const Utils = {
+    grid(size, opts) {
+        if (size.x === undefined || size.y === undefined) {
+            throw new Error("Size must have x and y properties");
+        }
+        if (opts === undefined)
+            opts = {};
+        if (opts.cellWith === undefined)
+            opts.cellWith = 10;
+        if (opts.cellHeight === undefined)
+            opts.cellHeight = 10;
+        if (opts.startX === undefined)
+            opts.startX = 0;
+        if (opts.startY === undefined)
+            opts.startY = 0;
+        if (opts.endX === undefined)
+            opts.endX = size.x;
+        if (opts.endY === undefined)
+            opts.endY = size.y;
+        if (opts.color === undefined)
+            opts.color = 'rgba(0, 0, 0, 0.5)';
+        if (opts.lineWidth === undefined)
+            opts.lineWidth = 1;
+        const options = { ...opts };
+        return new components_1.Group()
+            .setID(`grid-${options.cellWith}-${options.cellHeight}-${options.startX}-${options.startY}-${options.endX}-${options.endY}`)
+            .add(...Array.from({ length: Math.ceil((options.endX - options.startX) / options.cellWith) }, (_, i) => {
+            const x = options.startX + i * options.cellWith;
+            return new components_1.LineLayer()
+                .setPosition(x, options.startY)
+                .setEndPosition(x, options.endY)
+                .setColor(options.color)
+                .setStroke(options.lineWidth);
+        }), ...Array.from({ length: Math.ceil((options.endY - options.startY) / options.cellHeight) }, (_, i) => {
+            const y = options.startY + i * options.cellHeight;
+            return new components_1.LineLayer()
+                .setPosition(options.startX, y)
+                .setEndPosition(options.endX, y)
+                .setColor(options.color)
+                .setStroke(options.lineWidth);
+        }));
+    },
+    box(start, end, opts) {
+        if (start.x === undefined || start.y === undefined || end.x === undefined || end.y === undefined) {
+            throw new Error("Start and end must have x and y properties");
+        }
+        if (opts === undefined)
+            opts = {};
+        if (opts.color === undefined)
+            opts.color = 'rgba(0, 0, 0, 0.5)';
+        if (opts.lineWidth === undefined)
+            opts.lineWidth = 1;
+        return new components_1.Group()
+            .setID(`box-${start.x}-${start.y}-${end.x}-${end.y}`)
+            .add(new components_1.LineLayer()
+            .setPosition(start.x, start.y)
+            .setEndPosition(end.x, start.y)
+            .setColor(opts.color)
+            .setStroke(opts.lineWidth), new components_1.LineLayer()
+            .setPosition(end.x, start.y)
+            .setEndPosition(end.x, end.y)
+            .setColor(opts.color)
+            .setStroke(opts.lineWidth), new components_1.LineLayer()
+            .setPosition(end.x, end.y)
+            .setEndPosition(start.x, end.y)
+            .setColor(opts.color)
+            .setStroke(opts.lineWidth), new components_1.LineLayer()
+            .setPosition(start.x, end.y)
+            .setEndPosition(start.x, start.y)
+            .setColor(opts.color)
+            .setStroke(opts.lineWidth));
+    }
+};
+exports.Utils = Utils;

package/dist/index.d.ts

@@ -3,9 +3,11 @@ export { IFontsManager } from "./structures/managers/FontsManager";
 export { IAnimationManager, IAnimationOptions } from "./structures/managers/AnimationManager";
 export { IRenderManager } from "./structures/managers/RenderManager";
 export { ILayersManager } from "./structures/managers/LayersManager";
+export { IPluginManager, ILazyCanvasPlugin, IPluginHooks } from "./structures/managers/PluginManager";
 export * from "./structures/components";
 export { LayerType, LayerScaleType, LineCap, LineJoin, TextAlign, TextDirection, TextBaseline, FontWeight, Export, Centring, PatternType, GradientType, LinkType } from "./types";
 export { Font, IFont, IFonts, Gradient, IGradient, GradientPoint, GradientColorStop, Pattern, IPattern, Link, ILink, Exporter, JSONReader, YAMLReader } from "./structures/helpers";
 export { Filters } from "./helpers/Filters";
 export { FontsList } from "./helpers/FontsList";
 export type { AnyLayer, AnyCentring, AnyPatternType, AnyGradientType, AnyTextAlign, AnyTextDirection, AnyTextBaseline, AnyWeight, AnyLineCap, AnyLineJoin, AnyExport, AnyLinkType, AnyGlobalCompositeOperation, AnyColorSpace, ScaleType, ColorType, Point, PointNumber, Transform, Extensions } from "./types";
+export { Utils } from "./helpers/Utlis";

package/dist/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FontsList = exports.Filters = exports.YAMLReader = exports.JSONReader = exports.Exporter = exports.Link = exports.Pattern = exports.Gradient = exports.Font = exports.LinkType = exports.GradientType = exports.PatternType = exports.Centring = exports.Export = exports.FontWeight = exports.TextBaseline = exports.TextDirection = exports.TextAlign = exports.LineJoin = exports.LineCap = exports.LayerScaleType = exports.LayerType = exports.LazyCanvas = void 0;
+exports.Utils = exports.FontsList = exports.Filters = exports.YAMLReader = exports.JSONReader = exports.Exporter = exports.Link = exports.Pattern = exports.Gradient = exports.Font = exports.LinkType = exports.GradientType = exports.PatternType = exports.Centring = exports.Export = exports.FontWeight = exports.TextBaseline = exports.TextDirection = exports.TextAlign = exports.LineJoin = exports.LineCap = exports.LayerScaleType = exports.LayerType = exports.LazyCanvas = void 0;
 var LazyCanvas_1 = require("./structures/LazyCanvas");
 Object.defineProperty(exports, "LazyCanvas", { enumerable: true, get: function () { return LazyCanvas_1.LazyCanvas; } });
 __exportStar(require("./structures/components"), exports);
@@ -44,3 +44,5 @@ var Filters_1 = require("./helpers/Filters");
 Object.defineProperty(exports, "Filters", { enumerable: true, get: function () { return Filters_1.Filters; } });
 var FontsList_1 = require("./helpers/FontsList");
 Object.defineProperty(exports, "FontsList", { enumerable: true, get: function () { return FontsList_1.FontsList; } });
+var Utlis_1 = require("./helpers/Utlis");
+Object.defineProperty(exports, "Utils", { enumerable: true, get: function () { return Utlis_1.Utils; } });

package/dist/structures/LazyCanvas.d.ts

@@ -4,6 +4,7 @@ import { LayersManager } from "./managers/LayersManager";
 import { RenderManager } from "./managers/RenderManager";
 import { FontsManager } from "./managers/FontsManager";
 import { AnimationManager, IAnimationOptions } from "./managers/AnimationManager";
+import { PluginManager, ILazyCanvasPlugin } from "./managers/PluginManager";
 import { Group } from "./components";
 /**
  * Interface representing the LazyCanvas structure.
@@ -18,13 +19,14 @@ export interface ILazyCanvas {
      */
     ctx: SKRSContext2D;
     /**
-     * The manager object containing various managers for layers, rendering, fonts, and animation.
+     * The manager object containing various managers for layers, rendering, fonts, animation, and plugins.
      */
     manager: {
         layers: LayersManager;
         render: RenderManager;
         fonts: FontsManager;
         animation: AnimationManager;
+        plugins: PluginManager;
     };
     /**
      * The options for configuring the LazyCanvas instance.
@@ -87,12 +89,14 @@ export declare class LazyCanvas implements ILazyCanvas {
     ctx: SKRSContext2D;
     /**
      * The manager object containing various managers for layers, rendering, fonts, and animation.
+     * The manager object containing various managers for layers, rendering, fonts, animation, and plugins.
      */
     manager: {
         layers: LayersManager;
         render: RenderManager;
         fonts: FontsManager;
         animation: AnimationManager;
+        plugins: PluginManager;
     };
     /**
      * The options for configuring the LazyCanvas instance.
@@ -138,4 +142,37 @@ export declare class LazyCanvas implements ILazyCanvas {
      * @returns {this} The current instance for chaining.
      */
     create(width: number, height: number): this;
+    /**
+     * Installs a plugin to the canvas.
+     * @param plugin {ILazyCanvasPlugin} - The plugin to install.
+     * @returns {this} The current instance for chaining.
+     */
+    use(plugin: ILazyCanvasPlugin): this;
+    /**
+     * Removes a plugin from the canvas.
+     * @param pluginName {string} - The name of the plugin to remove.
+     * @returns {this} The current instance for chaining.
+     */
+    removePlugin(pluginName: string): this;
+    /**
+     * Gets a plugin by name.
+     * @param pluginName {string} - The name of the plugin.
+     * @returns {ILazyCanvasPlugin | undefined} The plugin or undefined if not found.
+     */
+    getPlugin(pluginName: string): ILazyCanvasPlugin | undefined;
+    /**
+     * Lists all installed plugins.
+     * @returns {string[]} Array of plugin names.
+     */
+    listPlugins(): string[];
+    /**
+     * Gets information about all installed plugins.
+     * @returns Array of plugin information objects.
+     */
+    getPluginsInfo(): Array<{
+        name: string;
+        version: string;
+        description?: string;
+        dependencies?: string[];
+    }>;
 }

package/dist/structures/LazyCanvas.js

@@ -7,6 +7,7 @@ const LayersManager_1 = require("./managers/LayersManager");
 const RenderManager_1 = require("./managers/RenderManager");
 const FontsManager_1 = require("./managers/FontsManager");
 const AnimationManager_1 = require("./managers/AnimationManager");
+const PluginManager_1 = require("./managers/PluginManager");
 const LazyUtil_1 = require("../utils/LazyUtil");
 const utils_1 = require("../utils/utils");
 /**
@@ -23,6 +24,7 @@ class LazyCanvas {
     ctx;
     /**
      * The manager object containing various managers for layers, rendering, fonts, and animation.
+     * The manager object containing various managers for layers, rendering, fonts, animation, and plugins.
      */
     manager;
     /**
@@ -39,10 +41,11 @@ class LazyCanvas {
         this.canvas = new canvas_1.Canvas(0, 0);
         this.ctx = this.canvas.getContext('2d');
         this.manager = {
-            layers: new LayersManager_1.LayersManager({ debug: opts?.debug }),
+            layers: new LayersManager_1.LayersManager(this, { debug: opts?.debug }),
             render: new RenderManager_1.RenderManager(this, { debug: opts?.debug }),
             fonts: new FontsManager_1.FontsManager({ debug: opts?.debug }),
-            animation: new AnimationManager_1.AnimationManager({ debug: opts?.debug, settings: { options: opts?.settings?.animation } })
+            animation: new AnimationManager_1.AnimationManager({ debug: opts?.debug, settings: { options: opts?.settings?.animation } }),
+            plugins: new PluginManager_1.PluginManager(this, { debug: opts?.debug })
         };
         this.options = {
             width: opts?.settings?.options.width || 0,
@@ -116,6 +119,8 @@ class LazyCanvas {
         this.ctx = this.canvas.getContext('2d');
         const layers = (0, utils_1.resizeLayers)(this.manager.layers.toArray(), ratio);
         this.manager.layers.fromArray(layers);
+        // Выполняем хук onResize для всех плагинов
+        this.manager.plugins.executeHook('onResize', this, ratio);
         return this;
     }
     /**
@@ -134,8 +139,50 @@ class LazyCanvas {
             this.canvas = new canvas_1.Canvas(width, height);
         }
         this.ctx = this.canvas.getContext('2d');
-        this.manager.layers = new LayersManager_1.LayersManager();
+        this.manager.layers = new LayersManager_1.LayersManager(this, { debug: this.manager.layers.debug });
+        // Выполняем хук onCanvasCreated для всех плагинов
+        this.manager.plugins.executeHook('onCanvasCreated', this, width, height);
         return this;
     }
+    /**
+     * Installs a plugin to the canvas.
+     * @param plugin {ILazyCanvasPlugin} - The plugin to install.
+     * @returns {this} The current instance for chaining.
+     */
+    use(plugin) {
+        this.manager.plugins.register(plugin);
+        return this;
+    }
+    /**
+     * Removes a plugin from the canvas.
+     * @param pluginName {string} - The name of the plugin to remove.
+     * @returns {this} The current instance for chaining.
+     */
+    removePlugin(pluginName) {
+        this.manager.plugins.unregister(pluginName);
+        return this;
+    }
+    /**
+     * Gets a plugin by name.
+     * @param pluginName {string} - The name of the plugin.
+     * @returns {ILazyCanvasPlugin | undefined} The plugin or undefined if not found.
+     */
+    getPlugin(pluginName) {
+        return this.manager.plugins.get(pluginName);
+    }
+    /**
+     * Lists all installed plugins.
+     * @returns {string[]} Array of plugin names.
+     */
+    listPlugins() {
+        return this.manager.plugins.list();
+    }
+    /**
+     * Gets information about all installed plugins.
+     * @returns Array of plugin information objects.
+     */
+    getPluginsInfo() {
+        return this.manager.plugins.getPluginInfo();
+    }
 }
 exports.LazyCanvas = LazyCanvas;

package/dist/structures/components/BaseLayer.js

@@ -206,7 +206,7 @@ class BaseLayer {
             centring: data.centring || types_1.Centring.Center,
             filter: data.filter || '',
             opacity: data.opacity || 1,
-            filled: data.filled || false,
+            filled: data.filled || true,
             fillStyle: data.fillStyle || '#000000',
             transform: data.transform || {},
             globalComposite: data.globalComposite || 'source-over',

package/dist/structures/components/ImageLayer.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="node" />
-/// <reference types="node" />
 import { BaseLayer, IBaseLayer, IBaseLayerMisc, IBaseLayerProps } from "./BaseLayer";
 import { ScaleType, LayerType, radiusCorner } from "../../types";
 import { Canvas, SKRSContext2D, SvgCanvas } from "@napi-rs/canvas";

package/dist/structures/components/MorphLayer.d.ts

@@ -110,12 +110,6 @@ export declare class MorphLayer extends BaseLayer<IMorphLayerProps> {
      * @returns {this} The current instance for chaining.
      */
     setStroke(width: number, cap?: CanvasLineCap, join?: CanvasLineJoin, dash?: number[], dashOffset?: number, miterLimit?: number): this;
-    /**
-     * Sets whether the Morph Layer should be filled or stroked.
-     * @param filled {boolean} - If true, the layer will be filled; otherwise, it will be stroked.
-     * @returns {this} The current instance for chaining.
-     */
-    setFilled(filled: boolean): this;
     /**
      * Draws the Morph Layer on the canvas.
      * @param ctx {SKRSContext2D} - The canvas rendering context.

package/dist/structures/components/MorphLayer.js

@@ -72,15 +72,7 @@ class MorphLayer extends BaseLayer_1.BaseLayer {
             dashOffset: dashOffset || 0,
             miterLimit: miterLimit || 10,
         };
-        return this;
-    }
-    /**
-     * Sets whether the Morph Layer should be filled or stroked.
-     * @param filled {boolean} - If true, the layer will be filled; otherwise, it will be stroked.
-     * @returns {this} The current instance for chaining.
-     */
-    setFilled(filled) {
-        this.props.filled = filled;
+        this.props.filled = false; // Ensure filled is false when stroke is set
         return this;
     }
     /**

package/dist/structures/components/Path2DLayer.d.ts

@@ -115,12 +115,6 @@ export declare class Path2DLayer extends BaseLayer<IPath2DLayerProps> {
      * @returns {this} The current instance for chaining.
      */
     setStroke(width: number, cap?: CanvasLineCap, join?: CanvasLineJoin, dash?: number[], dashOffset?: number, miterLimit?: number): this;
-    /**
-     * Sets whether the Path2D Layer should be filled or stroked.
-     * @param filled {boolean} - If true, the layer will be filled; otherwise, it will be stroked.
-     * @returns {this} The current instance for chaining.
-     */
-    setFilled(filled: boolean): this;
     /**
      * Sets the color of the Path2D Layer.
      * @param color {string} - The color of the Path2D Layer.

package/dist/structures/components/Path2DLayer.js

@@ -123,15 +123,7 @@ class Path2DLayer extends BaseLayer_1.BaseLayer {
             dashOffset: dashOffset || 0,
             miterLimit: miterLimit || 10,
         };
-        return this;
-    }
-    /**
-     * Sets whether the Path2D Layer should be filled or stroked.
-     * @param filled {boolean} - If true, the layer will be filled; otherwise, it will be stroked.
-     * @returns {this} The current instance for chaining.
-     */
-    setFilled(filled) {
-        this.props.filled = filled;
+        this.props.filled = false; // Ensure filled is false when stroke is set
         return this;
     }
     /**

package/dist/structures/components/TextLayer.d.ts

@@ -194,12 +194,6 @@ export declare class TextLayer extends BaseLayer<ITextLayerProps> {
      * @returns {this} The current instance for chaining.
      */
     setStroke(width: number, cap?: LineCap, join?: LineJoin, dash?: number[], dashOffset?: number, miterLimit?: number): this;
-    /**
-     * Sets whether the text layer should be filled or stroked.
-     * @param filled {boolean} - If true, the layer will be filled; otherwise, it will be stroked.
-     * @returns {this} The current instance for chaining.
-     */
-    setFilled(filled: boolean): this;
     /**
      * Sets the spacing between words in the text layer.
      * @param wordSpacing {number} - The spacing between words.

package/dist/structures/components/TextLayer.js

@@ -140,15 +140,7 @@ class TextLayer extends BaseLayer_1.BaseLayer {
             dashOffset: dashOffset || 0,
             miterLimit: miterLimit || 10,
         };
-        return this;
-    }
-    /**
-     * Sets whether the text layer should be filled or stroked.
-     * @param filled {boolean} - If true, the layer will be filled; otherwise, it will be stroked.
-     * @returns {this} The current instance for chaining.
-     */
-    setFilled(filled) {
-        this.props.filled = filled;
+        this.props.filled = false; // Ensure filled is false when stroke is set
         return this;
     }
     /**

package/dist/structures/helpers/Exporter.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="node" />
-/// <reference types="node" />
 import { IOLazyCanvas, LazyCanvas } from "../LazyCanvas";
 import { AnyExport } from "../../types";
 import { Canvas, SKRSContext2D, SvgCanvas } from "@napi-rs/canvas";

package/dist/structures/helpers/Exporter.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Exporter = void 0;
 const types_1 = require("../../types");
@@ -80,43 +90,47 @@ class Exporter {
      * @throws {LazyError} If the export type is not supported.
      */
     async export(exportType, opts) {
+        // beforeExport hook
+        this.canvas.manager.plugins.executeHook('beforeExport', this.canvas);
+        let result;
         switch (exportType) {
             case types_1.Export.CTX:
             case "ctx":
-                return await this.canvas.manager.render.render(exportType);
+                result = await this.canvas.manager.render.render(exportType);
+                break;
             case types_1.Export.SVG:
             case "svg":
-                const svg = await this.canvas.manager.render.render('svg');
+                result = await this.canvas.manager.render.render('svg');
                 if (opts?.saveAsFile) {
-                    await this.saveFile(svg, 'svg', opts.name);
+                    await this.saveFile(result, 'svg', opts.name);
                 }
-                return svg;
+                break;
             case types_1.Export.BUFFER:
             case "buffer":
-                const buffer = await this.canvas.manager.render.render('buffer');
+                result = await this.canvas.manager.render.render('buffer');
                 if (opts?.saveAsFile) {
-                    await this.saveFile(buffer, 'png', opts.name);
+                    await this.saveFile(result, 'png', opts.name);
                 }
-                return buffer;
+                break;
             case types_1.Export.GIF:
             case "gif":
-                const gif = await this.canvas.manager.render.render('buffer');
+                result = await this.canvas.manager.render.render('buffer');
                 if (opts?.saveAsFile) {
-                    await this.saveFile(gif, 'gif', opts.name);
+                    await this.saveFile(result, 'gif', opts.name);
                 }
-                return gif;
+                break;
             case types_1.Export.WEBP:
             case "webp":
-                const webp = await this.canvas.manager.render.render('buffer');
+                result = await this.canvas.manager.render.render('buffer');
                 if (opts?.saveAsFile) {
-                    await this.saveFile(webp, 'webp', opts.name);
+                    await this.saveFile(result, 'webp', opts.name);
                 }
-                return webp;
+                break;
             case types_1.Export.JPEG:
             case "jpeg":
-                const jpeg = await this.canvas.manager.render.render('buffer');
-                await this.saveFile(jpeg, 'jpeg', opts?.name);
-                return jpeg;
+                result = await this.canvas.manager.render.render('buffer');
+                await this.saveFile(result, 'jpeg', opts?.name);
+                break;
             case types_1.Export.JPG:
             case "jpg":
                 const jpg = await this.canvas.manager.render.render('buffer');
@@ -147,6 +161,9 @@ class Exporter {
             default:
                 throw new LazyUtil_1.LazyError(`Export type ${exportType} is not supported`);
         }
+        // afterExport hook
+        this.canvas.manager.plugins.executeHook('afterExport', this.canvas, result);
+        return result;
     }
     /**
      * Synchronously exports the canvas to the specified format.

package/dist/structures/helpers/Font.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="node" />
-/// <reference types="node" />
 import { AnyWeight } from "../../types";
 /**
  * Interface representing a font.

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.JSONReader = void 0;
 const types_1 = require("../../../types");

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YAMLReader = void 0;
 const JSONReader_1 = require("./JSONReader");

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

@@ -1,9 +1,14 @@
 import { AnyLayer } from "../../types";
 import { Group } from "../components";
+import { LazyCanvas } from "../LazyCanvas";
 /**
  * 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.
      */
@@ -17,6 +22,10 @@ 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.
      */
@@ -27,10 +36,11 @@ export declare class LayersManager implements ILayersManager {
     debug: boolean;
     /**
      * Constructs a new LayersManager instance.
+     * @param lazycanvas {LazyCanvas} - The LazyCanvas instance to associate with this manager.
      * @param opts {Object} - Optional settings for the LayersManager.
      * @param opts.debug {boolean} - Whether debugging is enabled.
      */
-    constructor(opts?: {
+    constructor(lazycanvas: LazyCanvas, opts?: {
         debug?: boolean;
     });
     /**