@nmmty/lazycanvas 0.6.0-dev.f33019 → 0.6.1

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

@@ -0,0 +1,3 @@
+export * from './Utlis';
+export * from './Filters';
+export * from './FontsList';

package/dist/helpers/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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 });
+__exportStar(require("./Utlis"), exports);
+__exportStar(require("./Filters"), exports);
+__exportStar(require("./FontsList"), exports);

package/dist/index.d.ts

@@ -1,11 +1,6 @@
-export { LazyCanvas, ILazyCanvas, ILazyCanvasOptions, IOLazyCanvas, } from "./structures/LazyCanvas";
-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 * from "./structures/LazyCanvas";
+export * from "./structures/managers";
 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 * from "./types";
+export * from "./structures/helpers";
+export * from "./helpers";

package/dist/index.js

@@ -14,33 +14,9 @@ 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;
-var LazyCanvas_1 = require("./structures/LazyCanvas");
-Object.defineProperty(exports, "LazyCanvas", { enumerable: true, get: function () { return LazyCanvas_1.LazyCanvas; } });
+__exportStar(require("./structures/LazyCanvas"), exports);
+__exportStar(require("./structures/managers"), exports);
 __exportStar(require("./structures/components"), exports);
-var types_1 = require("./types");
-Object.defineProperty(exports, "LayerType", { enumerable: true, get: function () { return types_1.LayerType; } });
-Object.defineProperty(exports, "LayerScaleType", { enumerable: true, get: function () { return types_1.LayerScaleType; } });
-Object.defineProperty(exports, "LineCap", { enumerable: true, get: function () { return types_1.LineCap; } });
-Object.defineProperty(exports, "LineJoin", { enumerable: true, get: function () { return types_1.LineJoin; } });
-Object.defineProperty(exports, "TextAlign", { enumerable: true, get: function () { return types_1.TextAlign; } });
-Object.defineProperty(exports, "TextDirection", { enumerable: true, get: function () { return types_1.TextDirection; } });
-Object.defineProperty(exports, "TextBaseline", { enumerable: true, get: function () { return types_1.TextBaseline; } });
-Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return types_1.FontWeight; } });
-Object.defineProperty(exports, "Export", { enumerable: true, get: function () { return types_1.Export; } });
-Object.defineProperty(exports, "Centring", { enumerable: true, get: function () { return types_1.Centring; } });
-Object.defineProperty(exports, "PatternType", { enumerable: true, get: function () { return types_1.PatternType; } });
-Object.defineProperty(exports, "GradientType", { enumerable: true, get: function () { return types_1.GradientType; } });
-Object.defineProperty(exports, "LinkType", { enumerable: true, get: function () { return types_1.LinkType; } });
-var helpers_1 = require("./structures/helpers");
-Object.defineProperty(exports, "Font", { enumerable: true, get: function () { return helpers_1.Font; } });
-Object.defineProperty(exports, "Gradient", { enumerable: true, get: function () { return helpers_1.Gradient; } });
-Object.defineProperty(exports, "Pattern", { enumerable: true, get: function () { return helpers_1.Pattern; } });
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return helpers_1.Link; } });
-Object.defineProperty(exports, "Exporter", { enumerable: true, get: function () { return helpers_1.Exporter; } });
-Object.defineProperty(exports, "JSONReader", { enumerable: true, get: function () { return helpers_1.JSONReader; } });
-Object.defineProperty(exports, "YAMLReader", { enumerable: true, get: function () { return helpers_1.YAMLReader; } });
-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; } });
+__exportStar(require("./types"), exports);
+__exportStar(require("./structures/helpers"), exports);
+__exportStar(require("./helpers"), exports);

package/dist/structures/LazyCanvas.d.ts

@@ -1,9 +1,6 @@
 import { AnyExport, JSONLayer } from "../types";
 import { Canvas, SKRSContext2D, SvgCanvas, SvgExportFlag } from "@napi-rs/canvas";
-import { LayersManager } from "./managers/LayersManager";
-import { RenderManager } from "./managers/RenderManager";
-import { FontsManager } from "./managers/FontsManager";
-import { AnimationManager, IAnimationOptions } from "./managers/AnimationManager";
+import { LayersManager, RenderManager, FontsManager, AnimationManager, IAnimationOptions, PluginManager, ILazyCanvasPlugin } from "./managers";
 import { Group } from "./components";
 /**
  * Interface representing the LazyCanvas structure.
@@ -18,13 +15,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 +85,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.
@@ -100,9 +100,9 @@ export declare class LazyCanvas implements ILazyCanvas {
     options: ILazyCanvasOptions;
     /**
      * Constructs a new LazyCanvas instance.
-     * @param opts {Object} - Optional settings for the LazyCanvas instance.
-     * @param opts.debug {boolean} - Whether debugging is enabled.
-     * @param opts.settings {IOLazyCanvas} - The input settings for the LazyCanvas instance.
+     * @param {Object} [opts] - Optional settings for the LazyCanvas instance.
+     * @param {boolean} [opts.debug] - Whether debugging is enabled.
+     * @param {IOLazyCanvas} [opts.settings] - The input settings for the LazyCanvas instance.
      */
     constructor(opts?: {
         debug?: boolean;
@@ -110,13 +110,13 @@ export declare class LazyCanvas implements ILazyCanvas {
     });
     /**
      * Sets the export type for the canvas.
-     * @param type {AnyExport} - The export type (e.g., buffer, SVG, etc.).
+     * @param {AnyExport} [type] - The export type (e.g., buffer, SVG, etc.).
      * @returns {this} The current instance for chaining.
      */
     setExportType(type: AnyExport): this;
     /**
      * Sets the SVG export flag. This method should be called after `setExportType`.
-     * @param flag {SvgExportFlag} - The SVG export flag.
+     * @param {SvgExportFlag} [flag] - The SVG export flag.
      * @returns {this} The current instance for chaining.
      */
     setSvgExportFlag(flag: SvgExportFlag): this;
@@ -127,15 +127,48 @@ export declare class LazyCanvas implements ILazyCanvas {
     animated(): this;
     /**
      * Resizes the canvas to the specified dimensions.
-     * @param ratio {number} - The ratio to resize the canvas.
+     * @param {number} [ratio] - The ratio to resize the canvas.
      * @returns {this} The current instance for chaining.
      */
     resize(ratio: number): this;
     /**
      * Creates a new canvas with the specified dimensions.
-     * @param width {number} - The width of the canvas.
-     * @param height {number} - The height of the canvas.
+     * @param {number} [width] - The width of the canvas.
+     * @param {number} [height] - The height of the canvas.
      * @returns {this} The current instance for chaining.
      */
     create(width: number, height: number): this;
+    /**
+     * Installs a plugin to the canvas.
+     * @param {ILazyCanvasPlugin} [plugin] - The plugin to install.
+     * @returns {this} The current instance for chaining.
+     */
+    use(plugin: ILazyCanvasPlugin): this;
+    /**
+     * Removes a plugin from the canvas.
+     * @param {string} [pluginName] - The name of the plugin to remove.
+     * @returns {this} The current instance for chaining.
+     */
+    removePlugin(pluginName: string): this;
+    /**
+     * Gets a plugin by name.
+     * @param {string} [pluginName] - 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

@@ -3,10 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LazyCanvas = void 0;
 const types_1 = require("../types");
 const canvas_1 = require("@napi-rs/canvas");
-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 managers_1 = require("./managers");
 const LazyUtil_1 = require("../utils/LazyUtil");
 const utils_1 = require("../utils/utils");
 /**
@@ -23,6 +20,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;
     /**
@@ -31,32 +29,34 @@ class LazyCanvas {
     options;
     /**
      * Constructs a new LazyCanvas instance.
-     * @param opts {Object} - Optional settings for the LazyCanvas instance.
-     * @param opts.debug {boolean} - Whether debugging is enabled.
-     * @param opts.settings {IOLazyCanvas} - The input settings for the LazyCanvas instance.
+     * @param {Object} [opts] - Optional settings for the LazyCanvas instance.
+     * @param {boolean} [opts.debug] - Whether debugging is enabled.
+     * @param {IOLazyCanvas} [opts.settings] - The input settings for the LazyCanvas instance.
      */
     constructor(opts) {
         this.canvas = new canvas_1.Canvas(0, 0);
         this.ctx = this.canvas.getContext('2d');
         this.manager = {
-            layers: new LayersManager_1.LayersManager({ 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 } })
+            layers: new managers_1.LayersManager(this, { debug: opts?.debug }),
+            render: new managers_1.RenderManager(this, { debug: opts?.debug }),
+            fonts: new managers_1.FontsManager({ debug: opts?.debug }),
+            animation: new managers_1.AnimationManager({ debug: opts?.debug, settings: { options: opts?.settings?.animation } }),
+            plugins: new managers_1.PluginManager(this, { debug: opts?.debug })
         };
         this.options = {
-            width: opts?.settings?.options.width || 0,
-            height: opts?.settings?.options.height || 0,
-            animated: opts?.settings?.options.animated || false,
-            exportType: opts?.settings?.options.exportType || types_1.Export.BUFFER,
-            flag: opts?.settings?.options.flag || canvas_1.SvgExportFlag.RelativePathEncoding
+            width: 0,
+            height: 0,
+            animated: false,
+            exportType: types_1.Export.BUFFER,
+            flag: canvas_1.SvgExportFlag.RelativePathEncoding,
+            ...opts?.settings?.options
         };
         if (opts?.debug)
             LazyUtil_1.LazyLog.log('info', 'LazyCanvas initialized with settings:', opts.settings);
     }
     /**
      * Sets the export type for the canvas.
-     * @param type {AnyExport} - The export type (e.g., buffer, SVG, etc.).
+     * @param {AnyExport} [type] - The export type (e.g., buffer, SVG, etc.).
      * @returns {this} The current instance for chaining.
      */
     setExportType(type) {
@@ -77,7 +77,7 @@ class LazyCanvas {
     }
     /**
      * Sets the SVG export flag. This method should be called after `setExportType`.
-     * @param flag {SvgExportFlag} - The SVG export flag.
+     * @param {SvgExportFlag} [flag] - The SVG export flag.
      * @returns {this} The current instance for chaining.
      */
     setSvgExportFlag(flag) {
@@ -98,7 +98,7 @@ class LazyCanvas {
     }
     /**
      * Resizes the canvas to the specified dimensions.
-     * @param ratio {number} - The ratio to resize the canvas.
+     * @param {number} [ratio] - The ratio to resize the canvas.
      * @returns {this} The current instance for chaining.
      */
     resize(ratio) {
@@ -116,12 +116,14 @@ 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;
     }
     /**
      * Creates a new canvas with the specified dimensions.
-     * @param width {number} - The width of the canvas.
-     * @param height {number} - The height of the canvas.
+     * @param {number} [width] - The width of the canvas.
+     * @param {number} [height] - The height of the canvas.
      * @returns {this} The current instance for chaining.
      */
     create(width, height) {
@@ -134,8 +136,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 managers_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 {ILazyCanvasPlugin} [plugin] - 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 {string} [pluginName] - 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 {string} [pluginName] - 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.d.ts

@@ -144,27 +144,27 @@ export declare class BaseLayer<T extends IBaseLayerProps> {
     constructor(type?: LayerType, props?: T, misc?: IBaseLayerMisc);
     /**
      * Sets the position of the layer in the 2D plane.
-     * @param {ScaleType} x - The x-coordinate of the layer.
-     * @param {ScaleType} y - The y-coordinate of the layer.
+     * @param {ScaleType} [x] - The x-coordinate of the layer.
+     * @param {ScaleType} [y] - The y-coordinate of the layer.
      * @returns {this} The current instance for chaining.
      */
     setPosition(x: ScaleType, y: ScaleType): this;
     /**
      * Sets the opacity of the layer.
-     * @param {number} opacity - The opacity value, between 0 and 1.
+     * @param {number} [opacity] - The opacity value, between 0 and 1.
      * @returns {this} The current instance for chaining.
      */
     setOpacity(opacity: number): this;
     /**
      * Sets the unique identifier of the layer.
      *
-     * @param {string} id - The unique identifier.
+     * @param {string} [id] - The unique identifier.
      * @returns {this} The current instance for chaining.
      */
     setID(id: string): this;
     /**
      * Sets the shadow properties of the layer.
-     * @param {string} color - The color of the shadow.
+     * @param {string} [color] - The color of the shadow.
      * @param {number} [blur] - The blur radius of the shadow.
      * @param {number} [offsetX] - The horizontal offset of the shadow.
      * @param {number} [offsetY] - The vertical offset of the shadow.
@@ -174,57 +174,57 @@ export declare class BaseLayer<T extends IBaseLayerProps> {
     setShadow(color: string, blur?: number, offsetX?: number, offsetY?: number): this;
     /**
      * Sets the transformation matrix of the layer.
-     * @param {DOMMatrix2DInit} matrix - The transformation matrix.
+     * @param {DOMMatrix2DInit} [matrix] - The transformation matrix.
      * @returns {this} The current instance for chaining.
      */
     setMatrix(matrix: DOMMatrix2DInit): this;
     /**
      * Sets the scale of the layer in the x and y directions.
-     * @param {number} x - The scale factor in the x direction.
-     * @param {number} y - The scale factor in the y direction.
+     * @param {number} [x] - The scale factor in the x direction.
+     * @param {number} [y] - The scale factor in the y direction.
      * @returns {this} The current instance for chaining.
      */
     setScale(x: number, y: number): this;
     /**
      * Sets the rotation of the layer.
-     * @param {number} rotate - The rotation angle in degrees.
+     * @param {number} [rotate] - The rotation angle in degrees.
      * @returns {this} The current instance for chaining.
      */
     setRotate(rotate: number): this;
     /**
      * Sets the translation of the layer in the x and y directions.
-     * @param {number} x - The translation in the x direction.
-     * @param {number} y - The translation in the y direction.
+     * @param {number} [x] - The translation in the x direction.
+     * @param {number} [y] - The translation in the y direction.
      * @returns {this} The current instance for chaining.
      */
     setTranslate(x: number, y: number): this;
     /**
      * Sets the filter effects for the layer.
-     * @param {...AnyFilter} filter - The filter effects to apply.
+     * @param {...AnyFilter} [filter] - The filter effects to apply.
      * @returns {this} The current instance for chaining.
      */
     setFilters(...filter: AnyFilter[]): this;
     /**
      * Sets the centring type of the layer. **Don't affect on Bezier, Line, Quadratic and Text layers**.
-     * @param {AnyCentring} centring - The centring type.
+     * @param {AnyCentring} [centring] - The centring type.
      * @returns {this} The current instance for chaining.
      */
     setCentring(centring: AnyCentring): this;
     /**
      * Sets the visibility of the layer.
-     * @param {boolean} visible - The visibility state.
+     * @param {boolean} [visible] - The visibility state.
      * @returns {this} The current instance for chaining.
      */
     setVisible(visible: boolean): this;
     /**
      * Sets the z-index of the layer.
-     * @param {number} zIndex - The z-index value.
+     * @param {number} [zIndex] - The z-index value.
      * @returns {this} The current instance for chaining.
      */
     setZIndex(zIndex: number): this;
     /**
      * Sets the global composite operation for the layer.
-     * @param {AnyGlobalCompositeOperation} operation - The composite operation.
+     * @param {AnyGlobalCompositeOperation} [operation] - The composite operation.
      * @returns {this} The current instance for chaining.
      */
     setGlobalCompositeOperation(operation: AnyGlobalCompositeOperation): this;