@nmmty/lazycanvas 0.3.6 → 0.5.0

package/dist/helpers/Filters.d.ts

@@ -7,19 +7,19 @@ export declare const Filters: {
      * @param radius {number} - The `radius` of the blur.
      * @returns {string}
      */
-    blur(radius: number): string;
+    blur(radius: number): `blur(${number}px)`;
     /**
      * @description Adjusts the brightness of the input image. A value of `0%` will create an image that is completely black, while a value of `100%` leaves the input unchanged. If no value is specified, it defaults to `100%`.
      * @param amount {number} - The `amount` of the brightness.
      * @returns {string}
      */
-    brightness(amount: number): string;
+    brightness(amount: number): `brightness(${number}%)`;
     /**
      * @description Adjusts the contrast of the input image. A value of `0%` will create an image that is completely black, while a value of `100%` leaves the input unchanged. If no value is specified, it defaults to `100%`.
      * @param amount {number} - The `amount` of the contrast.
      * @returns {string}
      */
-    contrast(amount: number): string;
+    contrast(amount: number): `contrast(${number}%)`;
     /**
      * @description Applies a drop shadow effect to the input image. The value of `color` is the color of the shadow. The `offsetX` and `offsetY` values are the horizontal and vertical distances of the shadow, and the `blurRadius` is the amount of blur. If no value is specified, it defaults to `0`.
      * @param color {string} - The `color` of the shadow.
@@ -28,41 +28,41 @@ export declare const Filters: {
      * @param blurRadius {number} - The `blurRadius` of the shadow.
      * @returns {string}
      */
-    dropShadow(color: string, offsetX: number, offsetY: number, blurRadius: number): string;
+    dropShadow(color: string, offsetX: number, offsetY: number, blurRadius: number): `drop-shadow(${number}px ${number}px ${number}px ${string})`;
     /**
      * @description Converts the input image to grayscale. A value of `0%` is completely unmodified, while a value of `100%` will make the image completely grayscale.
      * @param amount {number} - The `amount` of the grayscale.
      * @returns {string}
      */
-    grayscale(amount: number): string;
+    grayscale(amount: number): `grayscale(${number}%)`;
     /**
      * @description Applies a hue rotation to the input image. The value of `angle` defines the number of degrees around the color circle the input samples will be adjusted. A value of `0deg` leaves the input unchanged.
      * @param angle {number} - The `angle` of the hue rotation.
      * @returns {string}
      */
-    hueRotate(angle: number): string;
+    hueRotate(angle: number): `hue-rotate(${number}deg)`;
     /**
      * @description Inverts the samples in the input image. A value of `0%` leaves the input unchanged, while a value of `100%` is completely inverted.
      * @param amount {number} - The `amount` of the invert.
      * @returns {string}
      */
-    invert(amount: number): string;
+    invert(amount: number): `invert(${number}%)`;
     /**
      * @description Sets the opacity of the input image. A value of `0%` is completely transparent, while a value of `100%` is completely opaque.
      * @param amount {number} - The `amount` of the opacity.
      * @returns {string}
      */
-    opacity(amount: number): string;
+    opacity(amount: number): `opacity(${number}%)`;
     /**
      * @description Saturates the input image. A value of `0%` is completely unmodified, while a value of `100%` is completely saturated.
      * @param amount {number} - The `amount` of the saturation.
      * @returns {string}
      */
-    saturate(amount: number): string;
+    saturate(amount: number): `saturate(${number}%)`;
     /**
      * @description Converts the input image to sepia. A value of `0%` is completely unmodified, while a value of `100%` is completely sepia.
      * @param amount {number} - The `amount` of the sepia.
      * @returns {string}
      */
-    sepia(amount: number): string;
+    sepia(amount: number): `sepia(${number}%)`;
 };

package/dist/helpers/Fonts.d.ts

@@ -1,4 +1,4 @@
-import { IFonts } from "../types/helpers/Font";
+import { IFonts } from "../structures/helpers";
 /**
  * The bundled fonts in this package.
  * Used fonts:

package/dist/helpers/FontsList.d.ts

@@ -1,4 +1,4 @@
-import { FontWeight } from "../types/enum";
+import { FontWeight } from "../types";
 /**
  * The bundled fonts in this package.
  * Used fonts:

package/dist/helpers/FontsList.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FontsList = void 0;
-const enum_1 = require("../types/enum");
+const types_1 = require("../types");
 /**
  * The bundled fonts in this package.
  * Used fonts:
@@ -9,57 +9,57 @@ const enum_1 = require("../types/enum");
  */
 exports.FontsList = {
     Geist_Thin(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.Thin };
+        return { family: 'Geist', size, weight: types_1.FontWeight.Thin };
     },
     Geist_ExtraLight(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.ExtraLight };
+        return { family: 'Geist', size, weight: types_1.FontWeight.ExtraLight };
     },
     Geist_Light(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.Light };
+        return { family: 'Geist', size, weight: types_1.FontWeight.Light };
     },
     Geist_Regular(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.Regular };
+        return { family: 'Geist', size, weight: types_1.FontWeight.Regular };
     },
     Geist_Medium(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.Medium };
+        return { family: 'Geist', size, weight: types_1.FontWeight.Medium };
     },
     Geist_SemiBold(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.SemiBold };
+        return { family: 'Geist', size, weight: types_1.FontWeight.SemiBold };
     },
     Geist_Bold(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.Bold };
+        return { family: 'Geist', size, weight: types_1.FontWeight.Bold };
     },
     Geist_ExtraBold(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.ExtraBold };
+        return { family: 'Geist', size, weight: types_1.FontWeight.ExtraBold };
     },
     Geist_Black(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.Black };
+        return { family: 'Geist', size, weight: types_1.FontWeight.Black };
     },
     GeistMono_Thin(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.Thin };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.Thin };
     },
     GeistMono_ExtraLight(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.ExtraLight };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.ExtraLight };
     },
     GeistMono_Light(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.Light };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.Light };
     },
     GeistMono_Regular(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.Regular };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.Regular };
     },
     GeistMono_Medium(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.Medium };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.Medium };
     },
     GeistMono_SemiBold(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.SemiBold };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.SemiBold };
     },
     GeistMono_Bold(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.Bold };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.Bold };
     },
     GeistMono_Black(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.Black };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.Black };
     },
     GeistMono_ExtraBlack(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.ExtraBlack };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.ExtraBlack };
     },
 };

package/dist/index.d.ts

@@ -1,20 +1,11 @@
-import { LazyCanvas } from "./structures/LazyCanvas";
-import { ImageLayer } from "./structures/components/ImageLayer";
-import { MorphLayer } from "./structures/components/MorphLayer";
-import { TextLayer } from "./structures/components/TextLayer";
-import { BezierLayer } from "./structures/components/BezierLayer";
-import { QuadraticLayer } from "./structures/components/QuadraticLayer";
-import { LineLayer } from "./structures/components/LineLayer";
-import { BaseLayer } from "./structures/components/BaseLayer";
-import { Group } from "./structures/components/Group";
-import { LayerType, LayerScaleType, LineCap, LineJoin, TextAlign, TextDirection, TextBaseline, FontWeight, Export, Centring, PatternType, SaveFormat, GradientType, LinkType } from "./types/enum";
-import type { AnyLayer, AnyCentring, AnyPatternType, AnyGradientType, AnyTextAlign, AnyTextDirection, AnyTextBaseline, AnyWeight, AnyExport, AnyLineCap, AnyLineJoin, AnySaveFormat, AnyLinkType, ScaleType, ColorType, IFont, IFonts, IGradient, IPattern, IImageLayer, IImageLayerProps, IMorphLayer, IMorphLayerProps, ITextLayer, ITextLayerProps, IBezierLayer, IBezierLayerProps, IQuadraticLayer, IQuadraticLayerProps, ILineLayer, ILineLayerProps, IBaseLayer, IBaseLayerProps, IGroup } from "./types";
-import { Font } from "./structures/helpers/Font";
-import { Gradient } from "./structures/helpers/Gradient";
-import { Pattern } from "./structures/helpers/Pattern";
-import { Link } from "./structures/helpers/Link";
-import { saveFile } from "./utils/utils";
-import { Filters } from "./helpers/Filters";
-import { FontsList } from "./helpers/FontsList";
-export { LazyCanvas, ImageLayer, MorphLayer, TextLayer, BezierLayer, QuadraticLayer, LineLayer, BaseLayer, Group, Font, Gradient, Pattern, Link, LayerScaleType, LayerType, FontWeight, GradientType, Export, LineCap, LineJoin, TextAlign, TextDirection, TextBaseline, SaveFormat, Centring, PatternType, LinkType, saveFile, Filters, FontsList, };
-export type { IFont, IFonts, IGradient, IPattern, IImageLayer, IImageLayerProps, IMorphLayer, IMorphLayerProps, ITextLayer, ITextLayerProps, IBaseLayer, IBaseLayerProps, IBezierLayer, IBezierLayerProps, IQuadraticLayer, IQuadraticLayerProps, ILineLayer, ILineLayerProps, IGroup, AnyLayer, AnyCentring, AnyPatternType, AnyGradientType, AnyTextAlign, AnyTextDirection, AnyTextBaseline, AnyWeight, AnyExport, AnyLineCap, AnyLineJoin, AnySaveFormat, AnyLinkType, ScaleType, ColorType };
+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/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 } 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";

package/dist/index.js

@@ -1,50 +1,45 @@
 "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 });
-exports.FontsList = exports.Filters = exports.saveFile = exports.LinkType = exports.PatternType = exports.Centring = exports.SaveFormat = exports.TextBaseline = exports.TextDirection = exports.TextAlign = exports.LineJoin = exports.LineCap = exports.Export = exports.GradientType = exports.FontWeight = exports.LayerType = exports.LayerScaleType = exports.Link = exports.Pattern = exports.Gradient = exports.Font = exports.Group = exports.BaseLayer = exports.LineLayer = exports.QuadraticLayer = exports.BezierLayer = exports.TextLayer = exports.MorphLayer = exports.ImageLayer = exports.LazyCanvas = void 0;
-const LazyCanvas_1 = require("./structures/LazyCanvas");
+exports.FontsList = exports.Filters = 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; } });
-const ImageLayer_1 = require("./structures/components/ImageLayer");
-Object.defineProperty(exports, "ImageLayer", { enumerable: true, get: function () { return ImageLayer_1.ImageLayer; } });
-const MorphLayer_1 = require("./structures/components/MorphLayer");
-Object.defineProperty(exports, "MorphLayer", { enumerable: true, get: function () { return MorphLayer_1.MorphLayer; } });
-const TextLayer_1 = require("./structures/components/TextLayer");
-Object.defineProperty(exports, "TextLayer", { enumerable: true, get: function () { return TextLayer_1.TextLayer; } });
-const BezierLayer_1 = require("./structures/components/BezierLayer");
-Object.defineProperty(exports, "BezierLayer", { enumerable: true, get: function () { return BezierLayer_1.BezierLayer; } });
-const QuadraticLayer_1 = require("./structures/components/QuadraticLayer");
-Object.defineProperty(exports, "QuadraticLayer", { enumerable: true, get: function () { return QuadraticLayer_1.QuadraticLayer; } });
-const LineLayer_1 = require("./structures/components/LineLayer");
-Object.defineProperty(exports, "LineLayer", { enumerable: true, get: function () { return LineLayer_1.LineLayer; } });
-const BaseLayer_1 = require("./structures/components/BaseLayer");
-Object.defineProperty(exports, "BaseLayer", { enumerable: true, get: function () { return BaseLayer_1.BaseLayer; } });
-const Group_1 = require("./structures/components/Group");
-Object.defineProperty(exports, "Group", { enumerable: true, get: function () { return Group_1.Group; } });
-const enum_1 = require("./types/enum");
-Object.defineProperty(exports, "LayerType", { enumerable: true, get: function () { return enum_1.LayerType; } });
-Object.defineProperty(exports, "LayerScaleType", { enumerable: true, get: function () { return enum_1.LayerScaleType; } });
-Object.defineProperty(exports, "LineCap", { enumerable: true, get: function () { return enum_1.LineCap; } });
-Object.defineProperty(exports, "LineJoin", { enumerable: true, get: function () { return enum_1.LineJoin; } });
-Object.defineProperty(exports, "TextAlign", { enumerable: true, get: function () { return enum_1.TextAlign; } });
-Object.defineProperty(exports, "TextDirection", { enumerable: true, get: function () { return enum_1.TextDirection; } });
-Object.defineProperty(exports, "TextBaseline", { enumerable: true, get: function () { return enum_1.TextBaseline; } });
-Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return enum_1.FontWeight; } });
-Object.defineProperty(exports, "Export", { enumerable: true, get: function () { return enum_1.Export; } });
-Object.defineProperty(exports, "Centring", { enumerable: true, get: function () { return enum_1.Centring; } });
-Object.defineProperty(exports, "PatternType", { enumerable: true, get: function () { return enum_1.PatternType; } });
-Object.defineProperty(exports, "SaveFormat", { enumerable: true, get: function () { return enum_1.SaveFormat; } });
-Object.defineProperty(exports, "GradientType", { enumerable: true, get: function () { return enum_1.GradientType; } });
-Object.defineProperty(exports, "LinkType", { enumerable: true, get: function () { return enum_1.LinkType; } });
-const Font_1 = require("./structures/helpers/Font");
-Object.defineProperty(exports, "Font", { enumerable: true, get: function () { return Font_1.Font; } });
-const Gradient_1 = require("./structures/helpers/Gradient");
-Object.defineProperty(exports, "Gradient", { enumerable: true, get: function () { return Gradient_1.Gradient; } });
-const Pattern_1 = require("./structures/helpers/Pattern");
-Object.defineProperty(exports, "Pattern", { enumerable: true, get: function () { return Pattern_1.Pattern; } });
-const Link_1 = require("./structures/helpers/Link");
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
-const utils_1 = require("./utils/utils");
-Object.defineProperty(exports, "saveFile", { enumerable: true, get: function () { return utils_1.saveFile; } });
-const Filters_1 = require("./helpers/Filters");
+__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; } });
+var Filters_1 = require("./helpers/Filters");
 Object.defineProperty(exports, "Filters", { enumerable: true, get: function () { return Filters_1.Filters; } });
-const FontsList_1 = require("./helpers/FontsList");
+var FontsList_1 = require("./helpers/FontsList");
 Object.defineProperty(exports, "FontsList", { enumerable: true, get: function () { return FontsList_1.FontsList; } });

package/dist/structures/LazyCanvas.d.ts

@@ -1,32 +1,141 @@
-import { AnyExport, ILazyCanvas } from "../types";
-import { Canvas, SKRSContext2D, SvgExportFlag } from "@napi-rs/canvas";
+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";
-export declare class LazyCanvas implements ILazyCanvas {
-    width: number | 0;
-    height: number | 0;
-    canvas: Canvas;
+import { AnimationManager, IAnimationOptions } from "./managers/AnimationManager";
+import { Group } from "./components";
+/**
+ * Interface representing the LazyCanvas structure.
+ */
+export interface ILazyCanvas {
+    /**
+     * The canvas instance, which can be either a Canvas or SvgCanvas.
+     */
+    canvas: Canvas | SvgCanvas;
+    /**
+     * The 2D rendering context of the canvas.
+     */
     ctx: SKRSContext2D;
-    layers: LayersManager;
-    render: RenderManager;
-    fonts: FontsManager;
+    /**
+     * The manager object containing various managers for layers, rendering, fonts, and animation.
+     */
+    manager: {
+        layers: LayersManager;
+        render: RenderManager;
+        fonts: FontsManager;
+        animation: AnimationManager;
+    };
+    /**
+     * The options for configuring the LazyCanvas instance.
+     */
+    options: ILazyCanvasOptions;
+}
+/**
+ * Interface representing the options for LazyCanvas.
+ */
+export interface ILazyCanvasOptions {
+    /**
+     * The width of the canvas.
+     */
+    width: number;
+    /**
+     * The height of the canvas.
+     */
+    height: number;
+    /**
+     * Whether the canvas is animated.
+     */
+    animated: boolean;
+    /**
+     * The export type for the canvas (e.g., buffer, SVG, etc.).
+     */
     exportType: AnyExport;
-    constructor(debug?: boolean);
     /**
-     * Set the export type
-     * @param type {AnyExport} - The `export` type
+     * The SVG export flag for encoding paths.
+     */
+    flag: SvgExportFlag;
+}
+/**
+ * Interface representing the input options for LazyCanvas.
+ */
+export interface IOLazyCanvas {
+    /**
+     * The options for configuring the LazyCanvas instance.
+     */
+    options: ILazyCanvasOptions;
+    /**
+     * The animation options for the LazyCanvas instance.
+     */
+    animation: IAnimationOptions;
+    /**
+     * The layers to be added to the LazyCanvas instance.
+     */
+    layers: Array<JSONLayer | Group>;
+}
+/**
+ * Class representing a LazyCanvas, which provides a structured way to manage canvas rendering.
+ */
+export declare class LazyCanvas implements ILazyCanvas {
+    /**
+     * The canvas instance, which can be either a Canvas or SvgCanvas.
+     */
+    canvas: Canvas | SvgCanvas;
+    /**
+     * The 2D rendering context of the canvas.
+     */
+    ctx: SKRSContext2D;
+    /**
+     * The manager object containing various managers for layers, rendering, fonts, and animation.
+     */
+    manager: {
+        layers: LayersManager;
+        render: RenderManager;
+        fonts: FontsManager;
+        animation: AnimationManager;
+    };
+    /**
+     * The options for configuring the LazyCanvas instance.
+     */
+    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.
+     */
+    constructor(opts?: {
+        debug?: boolean;
+        settings?: IOLazyCanvas;
+    });
+    /**
+     * Sets the export type for the canvas.
+     * @param type {AnyExport} - The export type (e.g., buffer, SVG, etc.).
+     * @returns {this} The current instance for chaining.
      */
     setExportType(type: AnyExport): this;
     /**
-     * Set the SVG export flag. This method should be called after `setExportType` method.
-     * @param flag {SvgExportFlag} - The `flag` of the SVG export
+     * Sets the SVG export flag. This method should be called after `setExportType`.
+     * @param flag {SvgExportFlag} - The SVG export flag.
+     * @returns {this} The current instance for chaining.
      */
     setSvgExportFlag(flag: SvgExportFlag): this;
     /**
-     * Create a new canvas. This method should be called before any other methods.
-     * @param width {number} - The `width` of the canvas
-     * @param height {number} - The `height` of the canvas
+     * Enables animation for the canvas.
+     * @returns {this} The current instance for chaining.
+     */
+    animated(): this;
+    /**
+     * Resizes the canvas to the specified dimensions.
+     * @param ratio {number} - 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.
+     * @returns {this} The current instance for chaining.
      */
     create(width: number, height: number): this;
 }

package/dist/structures/LazyCanvas.js

@@ -1,72 +1,140 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LazyCanvas = void 0;
-const enum_1 = require("../types/enum");
+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 LazyUtil_1 = require("../utils/LazyUtil");
+const utils_1 = require("../utils/utils");
+/**
+ * Class representing a LazyCanvas, which provides a structured way to manage canvas rendering.
+ */
 class LazyCanvas {
-    width;
-    height;
+    /**
+     * The canvas instance, which can be either a Canvas or SvgCanvas.
+     */
     canvas;
+    /**
+     * The 2D rendering context of the canvas.
+     */
     ctx;
-    layers;
-    render;
-    fonts;
-    exportType;
-    constructor(debug = false) {
-        this.width = 0;
-        this.height = 0;
+    /**
+     * The manager object containing various managers for layers, rendering, fonts, and animation.
+     */
+    manager;
+    /**
+     * The options for configuring the LazyCanvas instance.
+     */
+    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.
+     */
+    constructor(opts) {
         this.canvas = new canvas_1.Canvas(0, 0);
         this.ctx = this.canvas.getContext('2d');
-        this.layers = new LayersManager_1.LayersManager(debug);
-        this.render = new RenderManager_1.RenderManager(this, debug);
-        this.fonts = new FontsManager_1.FontsManager(debug);
-        this.exportType = enum_1.Export.Buffer;
+        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 } })
+        };
+        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
+        };
+        if (opts?.debug)
+            LazyUtil_1.LazyLog.log('info', 'LazyCanvas initialized with settings:', opts.settings);
     }
     /**
-     * Set the export type
-     * @param type {AnyExport} - The `export` type
+     * Sets the export type for the canvas.
+     * @param type {AnyExport} - The export type (e.g., buffer, SVG, etc.).
+     * @returns {this} The current instance for chaining.
      */
     setExportType(type) {
-        this.exportType = type;
+        this.options.exportType = type;
         switch (type) {
-            case enum_1.Export.Buffer:
-                this.canvas = new canvas_1.Canvas(this.width, this.height);
+            case types_1.Export.BUFFER:
+                this.canvas = new canvas_1.Canvas(this.options.width, this.options.height);
                 this.ctx = this.canvas.getContext('2d');
                 break;
-            case enum_1.Export.CTX:
+            case types_1.Export.CTX:
                 break;
-            case enum_1.Export.SVG:
-                this.canvas = new canvas_1.Canvas(this.width, this.height, canvas_1.SvgExportFlag.RelativePathEncoding);
+            case types_1.Export.SVG:
+                this.canvas = new canvas_1.Canvas(this.options.width, this.options.height, this.options.flag || canvas_1.SvgExportFlag.RelativePathEncoding);
                 this.ctx = this.canvas.getContext('2d');
                 break;
         }
         return this;
     }
     /**
-     * Set the SVG export flag. This method should be called after `setExportType` method.
-     * @param flag {SvgExportFlag} - The `flag` of the SVG export
+     * Sets the SVG export flag. This method should be called after `setExportType`.
+     * @param flag {SvgExportFlag} - The SVG export flag.
+     * @returns {this} The current instance for chaining.
      */
     setSvgExportFlag(flag) {
-        if (this.exportType === enum_1.Export.SVG) {
-            this.canvas = new canvas_1.Canvas(this.width, this.height, flag);
+        if (this.options.exportType === types_1.Export.SVG) {
+            this.canvas = new canvas_1.Canvas(this.options.width, this.options.height, flag);
             this.ctx = this.canvas.getContext('2d');
+            this.options.flag = flag;
+        }
+        return this;
+    }
+    /**
+     * Enables animation for the canvas.
+     * @returns {this} The current instance for chaining.
+     */
+    animated() {
+        this.options.animated = true;
+        return this;
+    }
+    /**
+     * Resizes the canvas to the specified dimensions.
+     * @param ratio {number} - The ratio to resize the canvas.
+     * @returns {this} The current instance for chaining.
+     */
+    resize(ratio) {
+        if (this.options.width <= 0 || this.options.height <= 0) {
+            throw new Error('Canvas dimensions are not set.');
+        }
+        this.options.width = (0, utils_1.resize)(this.options.width, ratio);
+        this.options.height = (0, utils_1.resize)(this.options.height, ratio);
+        if (this.options.exportType === types_1.Export.SVG) {
+            this.canvas = new canvas_1.Canvas(this.options.width, this.options.height, this.options.flag || canvas_1.SvgExportFlag.RelativePathEncoding);
+        }
+        else {
+            this.canvas = new canvas_1.Canvas(this.options.width, this.options.height);
         }
+        this.ctx = this.canvas.getContext('2d');
+        const layers = (0, utils_1.resizeLayers)(this.manager.layers.toArray(), ratio);
+        this.manager.layers.fromArray(layers);
         return this;
     }
     /**
-     * Create a new canvas. This method should be called before any other methods.
-     * @param width {number} - The `width` of the canvas
-     * @param height {number} - The `height` of the canvas
+     * Creates a new canvas with the specified dimensions.
+     * @param width {number} - The width of the canvas.
+     * @param height {number} - The height of the canvas.
+     * @returns {this} The current instance for chaining.
      */
     create(width, height) {
-        this.width = width;
-        this.height = height;
-        this.canvas = new canvas_1.Canvas(width, height);
+        this.options.width = width;
+        this.options.height = height;
+        if (this.options.exportType === types_1.Export.SVG) {
+            this.canvas = new canvas_1.Canvas(width, height, this.options.flag || canvas_1.SvgExportFlag.RelativePathEncoding);
+        }
+        else {
+            this.canvas = new canvas_1.Canvas(width, height);
+        }
         this.ctx = this.canvas.getContext('2d');
-        this.layers = new LayersManager_1.LayersManager();
+        this.manager.layers = new LayersManager_1.LayersManager();
         return this;
     }
 }