@nmmty/lazycanvas 0.3.2 → 0.3.4

package/dist/helpers/FontsList.d.ts

@@ -0,0 +1,98 @@
+import { FontWeight } from "../types/enum";
+/**
+ * The bundled fonts in this package.
+ * Used fonts:
+ * @see https://vercel.com/font
+ */
+export declare const FontsList: {
+    Geist_Thin(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    Geist_ExtraLight(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    Geist_Light(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    Geist_Regular(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    Geist_Medium(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    Geist_SemiBold(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    Geist_Bold(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    Geist_ExtraBold(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    Geist_Black(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    GeistMono_Thin(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    GeistMono_ExtraLight(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    GeistMono_Light(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    GeistMono_Regular(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    GeistMono_Medium(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    GeistMono_SemiBold(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    GeistMono_Bold(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    GeistMono_Black(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+    GeistMono_ExtraBlack(size: number): {
+        family: string;
+        size: number;
+        weight: FontWeight;
+    };
+};

package/dist/helpers/FontsList.js

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

package/dist/index.d.ts

@@ -4,13 +4,17 @@ 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 } from "./types/enum";
-import type { AnyLayer, ScaleType, ColorType, IFont, IFonts, IGradient, IPattern, IImageLayer, IImageLayerProps, IMorphLayer, IMorphLayerProps, ITextLayer, ITextLayerProps, IBezierLayer, IBezierLayerProps, IQuadraticLayer, IQuadraticLayerProps, IBaseLayer, IBaseLayerProps, IGroup } from "./types";
+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";
-export { LazyCanvas, ImageLayer, MorphLayer, TextLayer, BezierLayer, QuadraticLayer, BaseLayer, Group, Font, Gradient, Pattern, LayerScaleType, LayerType, FontWeight, GradientType, Export, LineCap, LineJoin, TextAlign, TextDirection, TextBaseline, SaveFormat, Centring, PatternType, saveFile, Filters, IFont, IFonts, IGradient, IPattern, IImageLayer, IImageLayerProps, IMorphLayer, IMorphLayerProps, ITextLayer, ITextLayerProps, IBaseLayer, IBaseLayerProps, IBezierLayer, IBezierLayerProps, IQuadraticLayer, IQuadraticLayerProps, IGroup, AnyLayer, ScaleType, ColorType, };
+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 };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Filters = exports.saveFile = 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.Pattern = exports.Gradient = exports.Font = exports.Group = exports.BaseLayer = exports.QuadraticLayer = exports.BezierLayer = exports.TextLayer = exports.MorphLayer = exports.ImageLayer = exports.LazyCanvas = void 0;
+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");
 Object.defineProperty(exports, "LazyCanvas", { enumerable: true, get: function () { return LazyCanvas_1.LazyCanvas; } });
 const ImageLayer_1 = require("./structures/components/ImageLayer");
@@ -13,6 +13,8 @@ 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");
@@ -31,13 +33,18 @@ Object.defineProperty(exports, "Centring", { enumerable: true, get: function ()
 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");
-Object.defineProperty(exports, "Filters", { enumerable: true, get: function () { return filters_1.Filters; } });
+const Filters_1 = require("./helpers/Filters");
+Object.defineProperty(exports, "Filters", { enumerable: true, get: function () { return Filters_1.Filters; } });
+const FontsList_1 = require("./helpers/FontsList");
+Object.defineProperty(exports, "FontsList", { enumerable: true, get: function () { return FontsList_1.FontsList; } });

package/dist/structures/LazyCanvas.d.ts

@@ -1,5 +1,4 @@
-import { Export } from "../types/enum";
-import { ILazyCanvas } from "../types";
+import { AnyExport, ILazyCanvas } from "../types";
 import { Canvas, SKRSContext2D, SvgExportFlag } from "@napi-rs/canvas";
 import { LayersManager } from "./managers/LayersManager";
 import { RenderManager } from "./managers/RenderManager";
@@ -12,13 +11,13 @@ export declare class LazyCanvas implements ILazyCanvas {
     layers: LayersManager;
     render: RenderManager;
     fonts: FontsManager;
-    exportType: Export;
+    exportType: AnyExport;
     constructor(debug?: boolean);
     /**
      * Set the export type
-     * @param type {Export} - The `export` type
+     * @param type {AnyExport} - The `export` type
      */
-    setExportType(type: Export): this;
+    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

package/dist/structures/LazyCanvas.js

@@ -27,7 +27,7 @@ class LazyCanvas {
     }
     /**
      * Set the export type
-     * @param type {Export} - The `export` type
+     * @param type {AnyExport} - The `export` type
      */
     setExportType(type) {
         this.exportType = type;

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

@@ -1,5 +1,5 @@
-import { ScaleType, IBaseLayer, IBaseLayerProps } from "../../types";
-import { Centring, LayerType } from "../../types/enum";
+import { ScaleType, IBaseLayer, IBaseLayerProps, AnyCentring } from "../../types";
+import { LayerType } from "../../types/enum";
 export declare class BaseLayer<T extends IBaseLayerProps> {
     id: string;
     type: LayerType;
@@ -61,9 +61,9 @@ export declare class BaseLayer<T extends IBaseLayerProps> {
     setFilters(...filter: string[]): this;
     /**
      * @description Sets type of centring of the layer.
-     * @param centring {Centring} - The `centring` of the layer
+     * @param centring {AnyCentring} - The `centring` of the layer
      */
-    setCentring(centring: Centring): this;
+    setCentring(centring: AnyCentring): this;
     /**
      * @description Sets the visibility of the layer.
      * @param visible {boolean} - The `visibility` of the layer

package/dist/structures/components/BaseLayer.js

@@ -119,7 +119,7 @@ class BaseLayer {
     }
     /**
      * @description Sets type of centring of the layer.
-     * @param centring {Centring} - The `centring` of the layer
+     * @param centring {AnyCentring} - The `centring` of the layer
      */
     setCentring(centring) {
         this.props.centring = centring;

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

@@ -34,6 +34,22 @@ export declare class BezierLayer extends BaseLayer<IBezierLayerProps> {
      * @param miterLimit {number} - The `miterLimit` of the stroke.
      */
     setStroke(width: number, cap?: CanvasLineCap, join?: CanvasLineJoin, dash?: number[], dashOffset?: number, miterLimit?: number): this;
+    getBoundingBox(ctx: SKRSContext2D, canvas: Canvas, manager: LayersManager): {
+        max: {
+            x: number;
+            y: number;
+        };
+        min: {
+            x: number;
+            y: number;
+        };
+        center: {
+            x: number;
+            y: number;
+        };
+        width: number;
+        height: number;
+    };
     draw(ctx: SKRSContext2D, canvas: Canvas, manager: LayersManager, debug: boolean): Promise<void>;
     /**
      * @returns {IBezierLayer}

package/dist/structures/components/BezierLayer.js

@@ -75,15 +75,33 @@ class BezierLayer extends BaseLayer_1.BaseLayer {
         };
         return this;
     }
+    getBoundingBox(ctx, canvas, manager) {
+        const parcer = (0, utils_1.parser)(ctx, canvas, manager);
+        const { xs, ys, cp1x, cp1y, cp2x, cp2y, xe, ye } = parcer.parseBatch({
+            xs: { v: this.props.x },
+            ys: { v: this.props.y, options: LazyUtil_1.defaultArg.vl(true) },
+            cp1x: { v: this.props.controlPoints[0].x },
+            cp1y: { v: this.props.controlPoints[0].y, options: LazyUtil_1.defaultArg.vl(true) },
+            cp2x: { v: this.props.controlPoints[1].x },
+            cp2y: { v: this.props.controlPoints[1].y, options: LazyUtil_1.defaultArg.vl(true) },
+            xe: { v: this.props.endPoint.x },
+            ye: { v: this.props.endPoint.y, options: LazyUtil_1.defaultArg.vl(true) }
+        });
+        const { max, min, center, width, height } = (0, utils_1.getBoundingBoxBezier)([{ x: xs, y: ys }, { x: cp1x, y: cp1y }, { x: cp2x, y: cp2y }, { x: xe, y: ye }]);
+        return { max, min, center, width, height };
+    }
     async draw(ctx, canvas, manager, debug) {
-        const xs = (0, utils_1.parseToNormal)(this.props.x, ctx, canvas);
-        const ys = (0, utils_1.parseToNormal)(this.props.y, ctx, canvas, { width: 0, height: 0 }, { vertical: true });
-        const cp1x = (0, utils_1.parseToNormal)(this.props.controlPoints[0].x, ctx, canvas);
-        const cp1y = (0, utils_1.parseToNormal)(this.props.controlPoints[0].y, ctx, canvas, { width: 0, height: 0 }, { vertical: true });
-        const cp2x = (0, utils_1.parseToNormal)(this.props.controlPoints[1].x, ctx, canvas);
-        const cp2y = (0, utils_1.parseToNormal)(this.props.controlPoints[1].y, ctx, canvas, { width: 0, height: 0 }, { vertical: true });
-        const xe = (0, utils_1.parseToNormal)(this.props.endPoint.x, ctx, canvas);
-        const ye = (0, utils_1.parseToNormal)(this.props.endPoint.y, ctx, canvas, { width: 0, height: 0 }, { vertical: true });
+        const parcer = (0, utils_1.parser)(ctx, canvas, manager);
+        const { xs, ys, cp1x, cp1y, cp2x, cp2y, xe, ye } = parcer.parseBatch({
+            xs: { v: this.props.x },
+            ys: { v: this.props.y, options: LazyUtil_1.defaultArg.vl(true) },
+            cp1x: { v: this.props.controlPoints[0].x },
+            cp1y: { v: this.props.controlPoints[0].y, options: LazyUtil_1.defaultArg.vl(true) },
+            cp2x: { v: this.props.controlPoints[1].x },
+            cp2y: { v: this.props.controlPoints[1].y, options: LazyUtil_1.defaultArg.vl(true) },
+            xe: { v: this.props.endPoint.x },
+            ye: { v: this.props.endPoint.y, options: LazyUtil_1.defaultArg.vl(true) }
+        });
         const { max, min, center, width, height } = (0, utils_1.getBoundingBoxBezier)([{ x: xs, y: ys }, { x: cp1x, y: cp1y }, { x: cp2x, y: cp2y }, { x: xe, y: ye }]);
         let fillStyle = await (0, utils_1.parseFillStyle)(ctx, this.props.fillStyle);
         if (debug)

package/dist/structures/components/ImageLayer.js

@@ -62,11 +62,14 @@ class ImageLayer extends BaseLayer_1.BaseLayer {
         return this;
     }
     async draw(ctx, canvas, manager, debug) {
-        let xs = (0, utils_1.parseToNormal)(this.props.x, ctx, canvas);
-        let ys = (0, utils_1.parseToNormal)(this.props.y, ctx, canvas, { width: 0, height: 0 }, { vertical: true });
-        let w = (0, utils_1.parseToNormal)(this.props.size.width, ctx, canvas);
-        let h = (0, utils_1.parseToNormal)(this.props.size.height, ctx, canvas, { width: w, height: 0 }, { vertical: true });
-        let r = (0, utils_1.parseToNormal)(this.props.size.radius, ctx, canvas, { width: w, height: h }, { layer: true });
+        const parcer = (0, utils_1.parser)(ctx, canvas, manager);
+        const { xs, ys, w, h } = parcer.parseBatch({
+            xs: { v: this.props.x },
+            ys: { v: this.props.y, options: LazyUtil_1.defaultArg.vl(true) },
+            w: { v: this.props.size.width },
+            h: { v: this.props.size.height, options: LazyUtil_1.defaultArg.vl(true) },
+        });
+        const r = parcer.parse(this.props.size.radius, LazyUtil_1.defaultArg.wh(w / 2, h / 2), LazyUtil_1.defaultArg.vl(false, true));
         let { x, y } = (0, utils_1.centring)(this.props.centring, this.type, w, h, xs, ys);
         if (debug)
             LazyUtil_1.LazyLog.log('none', `ImageLayer:`, { x, y, w, h, r });

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

@@ -26,6 +26,14 @@ export declare class LineLayer extends BaseLayer<ILineLayerProps> {
      * @param miterLimit {number} - The `miterLimit` of the stroke.
      */
     setStroke(width: number, cap?: CanvasLineCap, join?: CanvasLineJoin, dash?: number[], dashOffset?: number, miterLimit?: number): this;
+    getBoundingBox(ctx: SKRSContext2D, canvas: Canvas, manager: LayersManager): {
+        xs: number;
+        ys: number;
+        xe: number;
+        ye: number;
+        width: number;
+        height: number;
+    };
     draw(ctx: SKRSContext2D, canvas: Canvas, manager: LayersManager, debug: boolean): Promise<void>;
     toJSON(): ILineLayer;
 }

package/dist/structures/components/LineLayer.js

@@ -65,11 +65,26 @@ class LineLayer extends BaseLayer_1.BaseLayer {
         };
         return this;
     }
+    getBoundingBox(ctx, canvas, manager) {
+        const parcer = (0, utils_1.parser)(ctx, canvas, manager);
+        const { xs, ys, xe, ye } = parcer.parseBatch({
+            xs: { v: this.props.x },
+            ys: { v: this.props.y, options: LazyUtil_1.defaultArg.vl(true) },
+            xe: { v: this.props.endPoint.x },
+            ye: { v: this.props.endPoint.y, options: LazyUtil_1.defaultArg.vl(true) },
+        });
+        let width = xe - xs;
+        let height = ye - ys;
+        return { xs, ys, xe, ye, width, height };
+    }
     async draw(ctx, canvas, manager, debug) {
-        const xs = (0, utils_1.parseToNormal)(this.props.x, ctx, canvas);
-        const ys = (0, utils_1.parseToNormal)(this.props.y, ctx, canvas, { width: 0, height: 0 }, { vertical: true });
-        const xe = (0, utils_1.parseToNormal)(this.props.endPoint.x, ctx, canvas);
-        const ye = (0, utils_1.parseToNormal)(this.props.endPoint.y, ctx, canvas, { width: 0, height: 0 }, { vertical: true });
+        const parcer = (0, utils_1.parser)(ctx, canvas, manager);
+        const { xs, ys, xe, ye } = parcer.parseBatch({
+            xs: { v: this.props.x },
+            ys: { v: this.props.y, options: LazyUtil_1.defaultArg.vl(true) },
+            xe: { v: this.props.endPoint.x },
+            ye: { v: this.props.endPoint.y, options: LazyUtil_1.defaultArg.vl(true) },
+        });
         let width = xe - xs;
         let height = ye - ys;
         let fillStyle = await (0, utils_1.parseFillStyle)(ctx, this.props.fillStyle);
@@ -90,7 +105,9 @@ class LineLayer extends BaseLayer_1.BaseLayer {
         ctx.lineDashOffset = this.props.stroke?.dashOffset || 0;
         ctx.setLineDash(this.props.stroke?.dash || []);
         ctx.lineTo(xe, ye);
+        ctx.stroke();
         ctx.closePath();
+        ctx.restore();
     }
     toJSON() {
         let data = super.toJSON();

package/dist/structures/components/MorphLayer.js

@@ -81,11 +81,14 @@ class MorphLayer extends BaseLayer_1.BaseLayer {
         return this;
     }
     async draw(ctx, canvas, manager, debug) {
-        const xs = (0, utils_1.parseToNormal)(this.props.x, ctx, canvas);
-        const ys = (0, utils_1.parseToNormal)(this.props.y, ctx, canvas, { width: 0, height: 0 }, { vertical: true });
-        const w = (0, utils_1.parseToNormal)(this.props.size.width, ctx, canvas, { width: 0, height: 0 }, { vertical: false }, manager);
-        const h = (0, utils_1.parseToNormal)(this.props.size.height, ctx, canvas, { width: w, height: 0 }, { vertical: true }, manager);
-        const r = (0, utils_1.parseToNormal)(this.props.size.radius, ctx, canvas, { width: w / 2, height: h / 2 }, { layer: true });
+        const parcer = (0, utils_1.parser)(ctx, canvas, manager);
+        const { xs, ys, w, h } = parcer.parseBatch({
+            xs: { v: this.props.x },
+            ys: { v: this.props.y, options: LazyUtil_1.defaultArg.vl(true) },
+            w: { v: this.props.size.width },
+            h: { v: this.props.size.height, options: LazyUtil_1.defaultArg.vl(true) },
+        });
+        const r = parcer.parse(this.props.size.radius, LazyUtil_1.defaultArg.wh(w / 2, h / 2), LazyUtil_1.defaultArg.vl(false, true));
         let { x, y } = (0, utils_1.centring)(this.props.centring, this.type, w, h, xs, ys);
         let fillStyle = await (0, utils_1.parseFillStyle)(ctx, this.props.fillStyle);
         if (debug)

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

@@ -32,6 +32,22 @@ export declare class QuadraticLayer extends BaseLayer<IQuadraticLayerProps> {
      * @param miterLimit {number} - The `miterLimit` of the stroke.
      */
     setStroke(width: number, cap?: CanvasLineCap, join?: CanvasLineJoin, dash?: number[], dashOffset?: number, miterLimit?: number): this;
+    getBoundingBox(ctx: SKRSContext2D, canvas: Canvas, manager: LayersManager): {
+        max: {
+            x: number;
+            y: number;
+        };
+        min: {
+            x: number;
+            y: number;
+        };
+        center: {
+            x: number;
+            y: number;
+        };
+        width: number;
+        height: number;
+    };
     draw(ctx: SKRSContext2D, canvas: Canvas, manager: LayersManager, debug: boolean): Promise<void>;
     /**
      * @returns {IQuadraticLayer}

package/dist/structures/components/QuadraticLayer.js

@@ -74,13 +74,29 @@ class QuadraticLayer extends BaseLayer_1.BaseLayer {
         };
         return this;
     }
+    getBoundingBox(ctx, canvas, manager) {
+        const parcer = (0, utils_1.parser)(ctx, canvas, manager);
+        const { xs, ys, cx, cy, xe, ye } = parcer.parseBatch({
+            xs: { v: this.props.x },
+            ys: { v: this.props.y, options: LazyUtil_1.defaultArg.vl(true) },
+            cx: { v: this.props.controlPoint.x },
+            cy: { v: this.props.controlPoint.y, options: LazyUtil_1.defaultArg.vl(true) },
+            xe: { v: this.props.endPoint.x },
+            ye: { v: this.props.endPoint.y, options: LazyUtil_1.defaultArg.vl(true) }
+        });
+        const { max, min, center, width, height } = (0, utils_1.getBoundingBoxBezier)([{ x: xs, y: ys }, { x: cx, y: cy }, { x: xe, y: ye }]);
+        return { max, min, center, width, height };
+    }
     async draw(ctx, canvas, manager, debug) {
-        const xs = (0, utils_1.parseToNormal)(this.props.x, ctx, canvas);
-        const ys = (0, utils_1.parseToNormal)(this.props.y, ctx, canvas, { width: 0, height: 0 }, { vertical: true });
-        const cx = (0, utils_1.parseToNormal)(this.props.controlPoint.x, ctx, canvas);
-        const cy = (0, utils_1.parseToNormal)(this.props.controlPoint.y, ctx, canvas, { width: 0, height: 0 }, { vertical: true });
-        const xe = (0, utils_1.parseToNormal)(this.props.endPoint.x, ctx, canvas);
-        const ye = (0, utils_1.parseToNormal)(this.props.endPoint.y, ctx, canvas, { width: 0, height: 0 }, { vertical: true });
+        const parcer = (0, utils_1.parser)(ctx, canvas, manager);
+        const { xs, ys, cx, cy, xe, ye } = parcer.parseBatch({
+            xs: { v: this.props.x },
+            ys: { v: this.props.y, options: LazyUtil_1.defaultArg.vl(true) },
+            cx: { v: this.props.controlPoint.x },
+            cy: { v: this.props.controlPoint.y, options: LazyUtil_1.defaultArg.vl(true) },
+            xe: { v: this.props.endPoint.x },
+            ye: { v: this.props.endPoint.y, options: LazyUtil_1.defaultArg.vl(true) }
+        });
         const { max, min, center, width, height } = (0, utils_1.getBoundingBoxBezier)([{ x: xs, y: ys }, { x: cx, y: cy }, { x: xe, y: ye }]);
         let fillStyle = await (0, utils_1.parseFillStyle)(ctx, this.props.fillStyle);
         if (debug)

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

@@ -1,6 +1,6 @@
 import { BaseLayer } from "./BaseLayer";
-import { FontWeight, LineCap, LineJoin, TextAlign, TextBaseline, TextDirection } from "../../types/enum";
-import { ITextLayer, ITextLayerProps, ScaleType, ColorType } from "../../types";
+import { LineCap, LineJoin } from "../../types/enum";
+import { ITextLayer, ITextLayerProps, ScaleType, ColorType, AnyWeight, AnyTextAlign, AnyTextBaseline, AnyTextDirection } from "../../types";
 import { Canvas, SKRSContext2D } from "@napi-rs/canvas";
 import { LayersManager } from "../managers/LayersManager";
 export declare class TextLayer extends BaseLayer<ITextLayerProps> {
@@ -13,11 +13,15 @@ export declare class TextLayer extends BaseLayer<ITextLayerProps> {
     setText(text: string): this;
     /**
      * @description Set the font of the text layer. You can use `Geist` and `GeistMono`, or you can upload your own font from file/base64 buffer.
-     * @param family {string} - The `family` of the font.
+     * @param familyOrConfig {string | { font: string; size: number; weight: AnyWeight }} - The `family` of the font. If you want to use FontsList, you can use the object config.
      * @param size {number} - The `size` of the font.
-     * @param weight {FontWeight} - The `weight` of the font.
+     * @param weight {AnyWeight} - The `weight` of the font.
      */
-    setFont(family: string, size: number, weight: FontWeight): this;
+    setFont(familyOrConfig: string | {
+        family: string;
+        size: number;
+        weight: AnyWeight;
+    }, size?: number, weight?: AnyWeight): this;
     /**
      * @description Set the multiline of the text layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
      * @param enabled {boolean} - Whether the text is multiline.
@@ -33,19 +37,19 @@ export declare class TextLayer extends BaseLayer<ITextLayerProps> {
     setColor(color: ColorType): this;
     /**
      * @description Set the align of the text layer.
-     * @param align {TextAlign} - The `align` of the text layer.
+     * @param align {AnyTextAlign} - The `align` of the text layer.
      */
-    setAlign(align: TextAlign): this;
+    setAlign(align: AnyTextAlign): this;
     /**
      * @description Set the baseline of the text layer.
-     * @param baseline {TextBaseline} - The `baseline` of the text layer.
+     * @param baseline {AnyTextBaseline} - The `baseline` of the text layer.
      */
-    setBaseline(baseline: TextBaseline): this;
+    setBaseline(baseline: AnyTextBaseline): this;
     /**
      * @description Set the direction of the text layer.
-     * @param direction {TextDirection} - The `direction` of the text layer.
+     * @param direction {AnyTextDirection} - The `direction` of the text layer.
      */
-    setDirection(direction: TextDirection): this;
+    setDirection(direction: AnyTextDirection): this;
     /**
      * @description Set the stroke of the layer.
      * @param width {number} - The `width` of the stroke.