@nmmty/lazycanvas 0.3.1 → 0.3.3

package/dist/helpers/{filters.d.ts → Filters.d.ts}

@@ -1,5 +1,5 @@
 /**
- * List of CSS [`filters`](https://developer.mozilla.org/en-US/docs/Web/CSS/filter) that can be used with the `filter` property. Use this functions to `setFilter` on the layer.
+ * List of CSS [`filters`](https://developer.mozilla.org/en-US/docs/Web/CSS/filter) that can be used with the `filter` property. Use this functions to `setFilters` on the layer.
  */
 export declare const Filters: {
     /**

package/dist/helpers/{filters.js → Filters.js}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Filters = void 0;
 /**
- * List of CSS [`filters`](https://developer.mozilla.org/en-US/docs/Web/CSS/filter) that can be used with the `filter` property. Use this functions to `setFilter` on the layer.
+ * List of CSS [`filters`](https://developer.mozilla.org/en-US/docs/Web/CSS/filter) that can be used with the `filter` property. Use this functions to `setFilters` on the layer.
  */
 exports.Filters = {
     /**

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,16 @@ 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 type { AnyLayer, AnyCentring, AnyPatternType, AnyGradientType, AnyTextAlign, AnyTextDirection, AnyTextBaseline, AnyWeight, AnyExport, AnyLineCap, AnyLineJoin, AnySaveFormat, 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 { 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, LayerScaleType, LayerType, FontWeight, GradientType, Export, LineCap, LineJoin, TextAlign, TextDirection, TextBaseline, SaveFormat, Centring, PatternType, 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, 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.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.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");
@@ -39,5 +41,7 @@ const Pattern_1 = require("./structures/helpers/Pattern");
 Object.defineProperty(exports, "Pattern", { enumerable: true, get: function () { return Pattern_1.Pattern; } });
 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;
@@ -56,14 +56,14 @@ export declare class BaseLayer<T extends IBaseLayerProps> {
     /**
      * @description The **`CanvasRenderingContext2D`**. filter property of the Canvas 2D API provides filter effects such as blurring and grayscaling.
      * It is similar to the CSS [`filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/filter) property and accepts the same values.
-     * @param filter {string} - The `filter` of the layer. Not support multiple filters.
+     * @param filter {string} - The `filter` of the layer. Multiple filters are supported.
      */
-    setFilter(filter: string): this;
+    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

@@ -111,15 +111,15 @@ class BaseLayer {
     /**
      * @description The **`CanvasRenderingContext2D`**. filter property of the Canvas 2D API provides filter effects such as blurring and grayscaling.
      * It is similar to the CSS [`filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/filter) property and accepts the same values.
-     * @param filter {string} - The `filter` of the layer. Not support multiple filters.
+     * @param filter {string} - The `filter` of the layer. Multiple filters are supported.
      */
-    setFilter(filter) {
-        this.props.filter = filter;
+    setFilters(...filter) {
+        this.props.filter = filter.join(' ');
         return 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) {
         this.props.centring = centring;

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

@@ -18,7 +18,7 @@ export declare class BezierLayer extends BaseLayer<IBezierLayerProps> {
      * @param x {ScaleType} - The end `x` of the bezier layer.
      * @param y {ScaleType} - The end `y` of the bezier layer.
      */
-    setEndPoint(x: ScaleType, y: ScaleType): this;
+    setEndPosition(x: ScaleType, y: ScaleType): this;
     /**
      * @description Sets the color of the layer. You can use `hex`, `rgb`, `rgba`, `hsl`, `hsla`, and `Gradient`color.
      * @param color {string} - The `color` of the layer.

package/dist/structures/components/BezierLayer.js

@@ -10,7 +10,7 @@ const Pattern_1 = require("../helpers/Pattern");
 class BezierLayer extends BaseLayer_1.BaseLayer {
     props;
     constructor(props) {
-        super(enum_1.LayerType.BezierCurve, props);
+        super(enum_1.LayerType.BezierCurve, props || {});
         this.props = props ? props : {};
         if (!this.props.fillStyle)
             this.props.fillStyle = '#000000';
@@ -31,7 +31,7 @@ class BezierLayer extends BaseLayer_1.BaseLayer {
      * @param x {ScaleType} - The end `x` of the bezier layer.
      * @param y {ScaleType} - The end `y` of the bezier layer.
      */
-    setEndPoint(x, y) {
+    setEndPosition(x, y) {
         this.props.endPoint = { x, y };
         return this;
     }

package/dist/structures/components/ImageLayer.js

@@ -33,7 +33,7 @@ const jimp = __importStar(require("jimp"));
 class ImageLayer extends BaseLayer_1.BaseLayer {
     props;
     constructor(props) {
-        super(enum_1.LayerType.Image, props);
+        super(enum_1.LayerType.Image, props || {});
         this.props = props ? props : {};
         this.props.centring = enum_1.Centring.Center;
     }

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

@@ -0,0 +1,31 @@
+import { BaseLayer } from "./BaseLayer";
+import { ColorType, ILineLayer, ILineLayerProps, ScaleType } from "../../types/";
+import { Canvas, SKRSContext2D } from "@napi-rs/canvas";
+import { LayersManager } from "../managers/LayersManager";
+export declare class LineLayer extends BaseLayer<ILineLayerProps> {
+    props: ILineLayerProps;
+    constructor(props?: ILineLayerProps);
+    /**
+     * @description Sets the end point of the line layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
+     * @param x {ScaleType} - The end `x` of the line layer.
+     * @param y {ScaleType} - The end `y` of the line layer.
+     */
+    setEndPosition(x: ScaleType, y: ScaleType): this;
+    /**
+     * @description Sets the color of the layer. You can use `hex`, `rgb`, `rgba`, `hsl`, `hsla`, and `Gradient`color.
+     * @param color {string} - The `color` of the layer.
+     */
+    setColor(color: ColorType): this;
+    /**
+     * @description Sets the stroke of the layer.
+     * @param width {number} - The `width` of the stroke.
+     * @param cap {string} - The `cap` of the stroke.
+     * @param join {string} - The `join` of the stroke.
+     * @param dash {number[]} - The `dash` of the stroke.
+     * @param dashOffset {number} - The `dashOffset` of the stroke.
+     * @param miterLimit {number} - The `miterLimit` of the stroke.
+     */
+    setStroke(width: number, cap?: CanvasLineCap, join?: CanvasLineJoin, dash?: number[], dashOffset?: number, miterLimit?: number): this;
+    draw(ctx: SKRSContext2D, canvas: Canvas, manager: LayersManager, debug: boolean): Promise<void>;
+    toJSON(): ILineLayer;
+}

package/dist/structures/components/LineLayer.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LineLayer = void 0;
+const BaseLayer_1 = require("./BaseLayer");
+const enum_1 = require("../../types/enum");
+const LazyUtil_1 = require("../../utils/LazyUtil");
+const utils_1 = require("../../utils/utils");
+const Gradient_1 = require("../helpers/Gradient");
+const Pattern_1 = require("../helpers/Pattern");
+class LineLayer extends BaseLayer_1.BaseLayer {
+    props;
+    constructor(props) {
+        super(enum_1.LayerType.Line, props || {});
+        this.props = props ? props : {};
+        if (!this.props.fillStyle)
+            this.props.fillStyle = '#000000';
+        this.props.centring = enum_1.Centring.None;
+    }
+    /**
+     * @description Sets the end point of the line layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
+     * @param x {ScaleType} - The end `x` of the line layer.
+     * @param y {ScaleType} - The end `y` of the line layer.
+     */
+    setEndPosition(x, y) {
+        this.props.endPoint = { x, y };
+        return this;
+    }
+    /**
+     * @description Sets the color of the layer. You can use `hex`, `rgb`, `rgba`, `hsl`, `hsla`, and `Gradient`color.
+     * @param color {string} - The `color` of the layer.
+     */
+    setColor(color) {
+        if (!color)
+            throw new LazyUtil_1.LazyError('The color of the layer must be provided');
+        if (!(0, utils_1.isColor)(color))
+            throw new LazyUtil_1.LazyError('The color of the layer must be a valid color');
+        let fill = (0, utils_1.parseColor)(color);
+        if (fill instanceof Gradient_1.Gradient || fill instanceof Pattern_1.Pattern) {
+            this.props.fillStyle = fill;
+        }
+        else {
+            let arr = fill.split(':');
+            this.props.fillStyle = arr[0];
+            this.props.opacity = parseFloat(arr[1]) || 1;
+        }
+        return this;
+    }
+    /**
+     * @description Sets the stroke of the layer.
+     * @param width {number} - The `width` of the stroke.
+     * @param cap {string} - The `cap` of the stroke.
+     * @param join {string} - The `join` of the stroke.
+     * @param dash {number[]} - The `dash` of the stroke.
+     * @param dashOffset {number} - The `dashOffset` of the stroke.
+     * @param miterLimit {number} - The `miterLimit` of the stroke.
+     */
+    setStroke(width, cap, join, dash, dashOffset, miterLimit) {
+        this.props.stroke = {
+            width,
+            cap: cap || 'butt',
+            join: join || 'miter',
+            dash: dash || [],
+            dashOffset: dashOffset || 0,
+            miterLimit: miterLimit || 10,
+        };
+        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 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 });
+        let width = xe - xs;
+        let height = ye - ys;
+        let fillStyle = await (0, utils_1.parseFillStyle)(ctx, this.props.fillStyle);
+        if (debug)
+            LazyUtil_1.LazyLog.log('none', `LineLayer:`, { xs, ys, xe, ye, width, height });
+        ctx.save();
+        (0, utils_1.transform)(ctx, this.props.transform, { x: xs, y: ys, width, height, type: this.type });
+        (0, utils_1.drawShadow)(ctx, this.props.shadow);
+        (0, utils_1.opacity)(ctx, this.props.opacity);
+        (0, utils_1.filters)(ctx, this.props.filter);
+        ctx.beginPath();
+        ctx.moveTo(xs, ys);
+        ctx.strokeStyle = fillStyle;
+        ctx.lineWidth = this.props.stroke?.width || 1;
+        ctx.lineCap = this.props.stroke?.cap || 'butt';
+        ctx.lineJoin = this.props.stroke?.join || 'miter';
+        ctx.miterLimit = this.props.stroke?.miterLimit || 10;
+        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();
+        data.props = this.props;
+        return { ...data };
+    }
+}
+exports.LineLayer = LineLayer;

package/dist/structures/components/MorphLayer.js

@@ -10,7 +10,7 @@ const Pattern_1 = require("../helpers/Pattern");
 class MorphLayer extends BaseLayer_1.BaseLayer {
     props;
     constructor(props) {
-        super(enum_1.LayerType.Morph, props);
+        super(enum_1.LayerType.Morph, props || {});
         this.props = props ? props : {};
         if (!this.props.fillStyle)
             this.props.fillStyle = '#000000';

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

@@ -16,7 +16,7 @@ export declare class QuadraticLayer extends BaseLayer<IQuadraticLayerProps> {
      * @param x {ScaleType} - The end `x` of the quadratic layer.
      * @param y {ScaleType} - The end `y` of the quadratic layer.
      */
-    setEndPoint(x: ScaleType, y: ScaleType): this;
+    setEndPosition(x: ScaleType, y: ScaleType): this;
     /**
      * @description Sets the color of the layer. You can use `hex`, `rgb`, `rgba`, `hsl`, `hsla`, and `Gradient`color.
      * @param color {string} - The `color` of the layer.

package/dist/structures/components/QuadraticLayer.js

@@ -10,7 +10,7 @@ const Pattern_1 = require("../helpers/Pattern");
 class QuadraticLayer extends BaseLayer_1.BaseLayer {
     props;
     constructor(props) {
-        super(enum_1.LayerType.QuadraticCurve, props);
+        super(enum_1.LayerType.QuadraticCurve, props || {});
         this.props = props ? props : {};
         if (!this.props.fillStyle)
             this.props.fillStyle = '#000000';
@@ -30,7 +30,7 @@ class QuadraticLayer extends BaseLayer_1.BaseLayer {
      * @param x {ScaleType} - The end `x` of the quadratic layer.
      * @param y {ScaleType} - The end `y` of the quadratic layer.
      */
-    setEndPoint(x, y) {
+    setEndPosition(x, y) {
         this.props.endPoint = { x, y };
         return this;
     }

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.

package/dist/structures/components/TextLayer.js

@@ -10,13 +10,13 @@ const Pattern_1 = require("../helpers/Pattern");
 class TextLayer extends BaseLayer_1.BaseLayer {
     props;
     constructor(props) {
-        super(enum_1.LayerType.Text, props);
+        super(enum_1.LayerType.Text, props || {});
         this.props = props ? props : {};
         this.props.align = enum_1.TextAlign.Left;
         this.props.font = {
             family: 'Geist',
             size: 16,
-            weight: enum_1.FontWeight.Normal,
+            weight: enum_1.FontWeight.Regular,
         };
         this.props.fillStyle = '#ffffff';
         this.props.filled = true;
@@ -38,22 +38,29 @@ class TextLayer extends BaseLayer_1.BaseLayer {
     }
     /**
      * @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, size, weight) {
-        if (!family)
-            throw new LazyUtil_1.LazyError('The family of the font must be provided');
-        if (!size)
-            throw new LazyUtil_1.LazyError('The size of the font must be provided');
-        if (!weight)
-            throw new LazyUtil_1.LazyError('The weight of the font must be provided');
-        this.props.font = {
-            family: family,
-            size: size,
-            weight: weight,
-        };
+    setFont(familyOrConfig, size, weight) {
+        if (typeof familyOrConfig === "string") {
+            if (!size)
+                throw new LazyUtil_1.LazyError('The size of the font must be provided');
+            if (!weight)
+                throw new LazyUtil_1.LazyError('The weight of the font must be provided');
+            this.props.font = {
+                family: familyOrConfig,
+                size,
+                weight,
+            };
+        }
+        else {
+            this.props.font = {
+                family: familyOrConfig.family,
+                size: familyOrConfig.size,
+                weight: familyOrConfig.weight,
+            };
+        }
         return this;
     }
     /**
@@ -94,7 +101,7 @@ class TextLayer extends BaseLayer_1.BaseLayer {
     }
     /**
      * @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) {
         this.props.align = align;
@@ -102,7 +109,7 @@ class TextLayer extends BaseLayer_1.BaseLayer {
     }
     /**
      * @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) {
         this.props.baseline = baseline;
@@ -110,7 +117,7 @@ class TextLayer extends BaseLayer_1.BaseLayer {
     }
     /**
      * @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) {
         this.props.direction = direction;

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

@@ -1,10 +1,10 @@
 /// <reference types="node" />
 /// <reference types="node" />
-import { FontWeight } from "../../types/enum";
+import { AnyWeight } from "../../types";
 import { IFont } from "../../types";
 export declare class Font implements IFont {
     family: string;
-    weight: FontWeight;
+    weight: AnyWeight;
     path?: string;
     base64?: Buffer;
     constructor();
@@ -15,9 +15,9 @@ export declare class Font implements IFont {
     setFamily(family: string): this;
     /**
      * Set the font weight
-     * @param weight {FontWeight} - The `weight` of the font
+     * @param weight {AnyWeight} - The `weight` of the font
      */
-    setWeight(weight: FontWeight): this;
+    setWeight(weight: AnyWeight): this;
     /**
      * Set the path of the font
      * @param path {string} - The `path` of the font

package/dist/structures/helpers/Font.js

@@ -9,7 +9,7 @@ class Font {
     base64;
     constructor() {
         this.family = "Arial";
-        this.weight = enum_1.FontWeight.Normal;
+        this.weight = enum_1.FontWeight.Regular;
     }
     /**
      * Set the font family
@@ -23,7 +23,7 @@ class Font {
     }
     /**
      * Set the font weight
-     * @param weight {FontWeight} - The `weight` of the font
+     * @param weight {AnyWeight} - The `weight` of the font
      */
     setWeight(weight) {
         if (!weight)

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

@@ -1,16 +1,15 @@
-import { GradientType } from "../../types/enum";
-import { IGradient, GradientPoint, GradientColorStop } from "../../types";
+import { IGradient, GradientPoint, GradientColorStop, AnyGradientType } from "../../types";
 import { SKRSContext2D } from "@napi-rs/canvas";
 export declare class Gradient implements IGradient {
-    type: GradientType;
+    type: AnyGradientType;
     points: Array<GradientPoint>;
     stops: Array<GradientColorStop>;
     constructor();
     /**
      * Set the type of the gradient
-     * @param type {GradientType} - The `type` of the gradient. Can be `linear`, `radial`, or `conic`
+     * @param type {AnyGradientType} - The `type` of the gradient. Can be `linear`, `radial`, or `conic`
      */
-    setType(type: GradientType): this;
+    setType(type: AnyGradientType): this;
     /**
      * Add a point to the gradient
      * @param points {GradientPoint[]} - The `points` to add to the gradient. `{ x: number, y: number }`

package/dist/structures/helpers/Gradient.js

@@ -14,7 +14,7 @@ class Gradient {
     }
     /**
      * Set the type of the gradient
-     * @param type {GradientType} - The `type` of the gradient. Can be `linear`, `radial`, or `conic`
+     * @param type {AnyGradientType} - The `type` of the gradient. Can be `linear`, `radial`, or `conic`
      */
     setType(type) {
         this.type = type;
@@ -41,12 +41,15 @@ class Gradient {
         let gradient;
         switch (gradientData.type) {
             case enum_1.GradientType.Linear:
+            case "linear":
                 gradient = ctx.createLinearGradient(gradientData.points[0].x, gradientData.points[0].y, gradientData.points[1].x, gradientData.points[1].y);
                 break;
             case enum_1.GradientType.Radial:
+            case "radial":
                 gradient = ctx.createRadialGradient(gradientData.points[0].x, gradientData.points[0].y, (gradientData.points[0].r || 0), (gradientData.points[1].x || gradientData.points[0].x), (gradientData.points[1].y || gradientData.points[0].y), (gradientData.points[1].r || 0));
                 break;
             case enum_1.GradientType.Conic:
+            case "conic":
                 gradient = ctx.createConicGradient((gradientData.points[0].startAngle || 0), gradientData.points[0].x, gradientData.points[0].y);
                 break;
             default:

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

@@ -1,16 +1,15 @@
-import { PatternType } from "../../types/enum";
-import { IPattern } from "../../types";
+import { IPattern, AnyPatternType } from "../../types";
 import { LazyCanvas } from "../LazyCanvas";
 import { SKRSContext2D } from "@napi-rs/canvas";
 export declare class Pattern implements IPattern {
-    type: PatternType;
+    type: AnyPatternType;
     src: string | LazyCanvas;
     constructor();
     /**
      * Set the type of the pattern
-     * @param type {PatternType} - The `type` of the pattern
+     * @param type {AnyPatternType} - The `type` of the pattern
      */
-    setType(type: PatternType): this;
+    setType(type: AnyPatternType): this;
     /**
      * Set the source of the pattern
      * @param src {string | LazyCanvas} - The `src` of the pattern

package/dist/structures/helpers/Pattern.js

@@ -37,7 +37,7 @@ class Pattern {
     }
     /**
      * Set the type of the pattern
-     * @param type {PatternType} - The `type` of the pattern
+     * @param type {AnyPatternType} - The `type` of the pattern
      */
     setType(type) {
         this.type = type;

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

@@ -1,4 +1,4 @@
-import { IFontsManager, IFonts } from "../../types";
+import { IFonts, IFontsManager } from "../../types";
 import { Font } from "../helpers/Font";
 export declare class FontsManager implements IFontsManager {
     map: Map<string, Font>;

package/dist/structures/managers/FontsManager.js

@@ -11,8 +11,7 @@ class FontsManager {
     constructor(debug = false) {
         this.debug = debug;
         this.map = new Map();
-        let fontList = Fonts_1.Fonts;
-        this.loadFonts(fontList);
+        this.loadFonts(Fonts_1.Fonts);
     }
     /**
      * Replace base fonts with custom fonts by special file.

package/dist/structures/managers/RenderManager.js

@@ -35,10 +35,13 @@ class RenderManager {
         }
         switch (this.lazyCanvas.exportType) {
             case enum_1.Export.Buffer:
+            case "buffer":
                 return this.lazyCanvas.canvas.toBuffer('image/png');
             case enum_1.Export.CTX:
+            case "ctx":
                 return this.lazyCanvas.ctx;
             case enum_1.Export.SVG:
+            case "svg":
                 // @ts-ignore
                 return this.lazyCanvas.canvas.getContent().toString('utf8');
             default:

package/dist/types/LazyCanvas.d.ts

@@ -2,7 +2,7 @@ import { Canvas, SKRSContext2D } from "@napi-rs/canvas";
 import { LayersManager } from "../structures/managers/LayersManager";
 import { RenderManager } from "../structures/managers/RenderManager";
 import { FontsManager } from "../structures/managers/FontsManager";
-import { Export } from "./enum";
+import { AnyExport } from "../";
 
 export interface ILazyCanvas {
     width: number;
@@ -12,5 +12,5 @@ export interface ILazyCanvas {
     layers: LayersManager;
     render: RenderManager;
     fonts: FontsManager;
-    exportType: Export;
+    exportType: AnyExport;
 }

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

@@ -1,5 +1,5 @@
-import { ColorType, ScaleType } from "../";
-import { Centring, LayerType } from "../enum";
+import { ColorType, ScaleType, AnyCentring } from "../";
+import { LayerType } from "../enum";
 
 export interface IBaseLayer {
     id: string;
@@ -12,7 +12,7 @@ export interface IBaseLayer {
 export interface IBaseLayerProps {
     x: ScaleType;
     y: ScaleType;
-    centring: Centring;
+    centring: AnyCentring;
     filter: string;
     opacity: number;
     filled: boolean;

package/dist/types/components/Group.d.ts

@@ -1,6 +1,8 @@
+import { AnyLayer } from "../";
+
 export interface IGroup {
     id: string;
     visible: boolean;
     zIndex: number;
-    components: Array<any>;
+    components: Array<AnyLayer>;
 }

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

@@ -0,0 +1,12 @@
+import { IBaseLayer, IBaseLayerProps, ScaleType } from "../";
+
+export interface ILineLayer extends IBaseLayer {
+    props: ILineLayerProps;
+}
+
+export interface ILineLayerProps extends IBaseLayerProps {
+    endPoint: {
+        x: ScaleType,
+        y: ScaleType
+    }
+}

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

@@ -1,5 +1,5 @@
 import { IBaseLayer, IBaseLayerProps } from "./BaseLayer";
-import {ColorType, ScaleType} from "../";
+import { ScaleType } from "../";
 
 export interface IMorphLayer extends IBaseLayer {
     props: IMorphLayerProps;

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

@@ -1,6 +1,5 @@
-import { ColorType, ScaleType } from "../";
+import { AnyWeight, ScaleType, AnyTextAlign, AnyTextBaseline, AnyTextDirection } from "../";
 import { IBaseLayer, IBaseLayerProps } from "./BaseLayer";
-import { FontWeight, TextAlign, TextBaseline, TextDirection } from "../enum";
 
 export interface ITextLayer extends IBaseLayer {
     props: ITextLayerProps;
@@ -11,7 +10,7 @@ export interface ITextLayerProps extends IBaseLayerProps {
     font: {
         family: string;
         size: number;
-        weight: FontWeight;
+        weight: AnyWeight;
     };
     multiline: {
         enabled: boolean;
@@ -19,7 +18,7 @@ export interface ITextLayerProps extends IBaseLayerProps {
         height: ScaleType;
         spacing?: number;
     };
-    align: TextAlign;
-    baseline: TextBaseline;
-    direction: TextDirection;
+    align: AnyTextAlign;
+    baseline: AnyTextBaseline;
+    direction: AnyTextDirection;
 }

package/dist/types/enum.d.ts

@@ -27,7 +27,7 @@ export declare enum FontWeight {
     Thin = 100,
     ExtraLight = 200,
     Light = 300,
-    Normal = 400,
+    Regular = 400,
     Medium = 500,
     SemiBold = 600,
     Bold = 700,

package/dist/types/enum.js

@@ -34,7 +34,7 @@ var FontWeight;
     FontWeight[FontWeight["Thin"] = 100] = "Thin";
     FontWeight[FontWeight["ExtraLight"] = 200] = "ExtraLight";
     FontWeight[FontWeight["Light"] = 300] = "Light";
-    FontWeight[FontWeight["Normal"] = 400] = "Normal";
+    FontWeight[FontWeight["Regular"] = 400] = "Regular";
     FontWeight[FontWeight["Medium"] = 500] = "Medium";
     FontWeight[FontWeight["SemiBold"] = 600] = "SemiBold";
     FontWeight[FontWeight["Bold"] = 700] = "Bold";

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

@@ -1,8 +1,8 @@
-import { FontWeight } from "../enum";
+import { AnyWeight } from "../";
 
 export interface IFont {
     family: string;
-    weight: FontWeight;
+    weight: AnyWeight;
     path?: string;
     base64?: Buffer;
 }

package/dist/types/helpers/Gradient.d.ts

@@ -1,7 +1,7 @@
-import { GradientType } from "../enum";
+import { AnyGradientType } from "../";
 
 export interface IGradient {
-    type: GradientType;
+    type: AnyGradientType;
     points: Array<GradientPoint>;
     stops: Array<GradientColorStop>;
 }

package/dist/types/helpers/Pattern.d.ts

@@ -1,7 +1,7 @@
 import { LazyCanvas } from '../../';
-import { PatternType } from '../enum';
+import { AnyPatternType } from "../";
 
 export interface IPattern {
-    type: PatternType;
+    type: AnyPatternType;
     src: string | LazyCanvas;
 }

package/dist/types/index.d.ts

@@ -5,6 +5,7 @@ export * from "./components/ImageLayer";
 export * from "./components/MorphLayer";
 export * from "./components/BezierLayer";
 export * from "./components/QuadraticLayer";
+export * from "./components/LineLayer";
 export * from "./components/Group";
 export * from "./helpers/Font";
 export * from "./helpers/Gradient";

package/dist/types/types.d.ts

@@ -5,13 +5,37 @@ import { ImageLayer } from "../structures/components/ImageLayer";
 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 { Group } from "../structures/components/Group";
+import { FontWeight, GradientType, TextAlign, TextBaseline, TextDirection, LineCap, LineJoin, Export, Centring, PatternType, SaveFormat } from "./enum";
 
 export type ScaleType = string | number | 'vw' | 'vh' | 'vmin' | 'vmax';
 
 export type ColorType = string | Gradient | Pattern;
 
-export type AnyLayer = MorphLayer | ImageLayer | TextLayer | BezierLayer | QuadraticLayer | Group;
+export type AnyLayer = MorphLayer | ImageLayer | TextLayer | BezierLayer | QuadraticLayer | LineLayer | Group;
+
+export type AnyWeight = FontWeight | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+
+export type AnyGradientType = GradientType | 'linear' | 'radial' | 'conic';
+
+export type AnyTextAlign = TextAlign | 'left' | 'right' | 'center' | 'start' | 'end';
+
+export type AnyTextBaseline = TextBaseline | 'top' | 'hanging' | 'middle' | 'alphabetic' | 'ideographic' | 'bottom';
+
+export type AnyTextDirection = TextDirection | 'ltr' | 'rtl' | 'inherit';
+
+export type AnyLineCap = LineCap | 'butt' | 'round' | 'square';
+
+export type AnyLineJoin = LineJoin | 'bevel' | 'round' | 'miter';
+
+export type AnyExport = Export | 'buffer' | 'svg' | 'ctx';
+
+export type AnyCentring = Centring | 'start' | 'start-top' | 'start-bottom' | 'center' | 'center-top' | 'center-bottom' | 'end' | 'end-top' | 'end-bottom' | 'none';
+
+export type AnyPatternType = PatternType | 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
+
+export type AnySaveFormat = SaveFormat | 'png' | 'jpeg' | 'jpg' | 'svg';
 
 export type Point = {
     x: ScaleType;

package/dist/utils/utils.d.ts

@@ -1,5 +1,5 @@
-import { Centring, LayerType, SaveFormat, TextAlign } from "../types/enum";
-import { Transform, ScaleType, ColorType, PointNumber } from "../types";
+import { LayerType, SaveFormat } from "../types/enum";
+import { Transform, ScaleType, ColorType, PointNumber, AnyCentring, AnyTextAlign } from "../types";
 import { Gradient } from "../structures/helpers/Gradient";
 import { Canvas, SKRSContext2D } from "@napi-rs/canvas";
 import { Pattern } from "../structures/helpers/Pattern";
@@ -27,14 +27,14 @@ export declare function transform(ctx: SKRSContext2D, transform: Transform, laye
     type: LayerType;
 }, extra?: {
     text: string;
-    textAlign: TextAlign;
+    textAlign: AnyTextAlign;
     fontSize: number;
     multiline: boolean;
 }): void;
 export declare function saveFile(buffer: any, extension: SaveFormat, name: string): Promise<void>;
 export declare function generateRandomName(): string;
 export declare function isImageUrlValid(src: string): boolean;
-export declare function centring(centring: Centring, type: LayerType, width: number, height: number, x: number, y: number): {
+export declare function centring(centring: AnyCentring, type: LayerType, width: number, height: number, x: number, y: number): {
     x: number;
     y: number;
 };

package/dist/utils/utils.js

@@ -202,6 +202,7 @@ function transform(ctx, transform, layer = { width: 0, height: 0, x: 0, y: 0, ty
                 case enum_1.LayerType.Morph:
                 case enum_1.LayerType.BezierCurve:
                 case enum_1.LayerType.QuadraticCurve:
+                case enum_1.LayerType.Line:
                     ctx.translate(layer.x + (layer.width / 2), layer.y + (layer.height / 2));
                     ctx.rotate((Math.PI / 180) * transform.rotate);
                     ctx.translate(-(layer.x + (layer.width / 2)), -(layer.y + (layer.height / 2)));
@@ -268,6 +269,7 @@ exports.isImageUrlValid = isImageUrlValid;
 function centring(centring, type, width, height, x, y) {
     switch (centring) {
         case enum_1.Centring.Center:
+        case "center":
             switch (type) {
                 case enum_1.LayerType.Image:
                 case enum_1.LayerType.Morph:
@@ -277,6 +279,7 @@ function centring(centring, type, width, height, x, y) {
             }
             return { x, y };
         case enum_1.Centring.CenterBottom:
+        case "center-bottom":
             switch (type) {
                 case enum_1.LayerType.Image:
                 case enum_1.LayerType.Morph:
@@ -285,6 +288,7 @@ function centring(centring, type, width, height, x, y) {
             }
             return { x, y };
         case enum_1.Centring.CenterTop:
+        case "center-top":
             switch (type) {
                 case enum_1.LayerType.Image:
                 case enum_1.LayerType.Morph:
@@ -294,6 +298,7 @@ function centring(centring, type, width, height, x, y) {
             }
             return { x, y };
         case enum_1.Centring.Start:
+        case "start":
             switch (type) {
                 case enum_1.LayerType.Image:
                 case enum_1.LayerType.Morph:
@@ -302,8 +307,10 @@ function centring(centring, type, width, height, x, y) {
             }
             return { x, y };
         case enum_1.Centring.StartBottom:
+        case "start-bottom":
             return { x, y };
         case enum_1.Centring.StartTop:
+        case "start-top":
             switch (type) {
                 case enum_1.LayerType.Image:
                 case enum_1.LayerType.Morph:
@@ -312,6 +319,7 @@ function centring(centring, type, width, height, x, y) {
             }
             return { x, y };
         case enum_1.Centring.End:
+        case "end":
             switch (type) {
                 case enum_1.LayerType.Image:
                 case enum_1.LayerType.Morph:
@@ -321,6 +329,7 @@ function centring(centring, type, width, height, x, y) {
             }
             return { x, y };
         case enum_1.Centring.EndBottom:
+        case "end-bottom":
             switch (type) {
                 case enum_1.LayerType.Image:
                 case enum_1.LayerType.Morph:
@@ -329,6 +338,7 @@ function centring(centring, type, width, height, x, y) {
             }
             return { x, y };
         case enum_1.Centring.EndTop:
+        case "end-top":
             switch (type) {
                 case enum_1.LayerType.Image:
                 case enum_1.LayerType.Morph:
@@ -338,6 +348,7 @@ function centring(centring, type, width, height, x, y) {
             }
             return { x, y };
         case enum_1.Centring.None:
+        case "none":
             return { x, y };
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nmmty/lazycanvas",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "A simple way to interact with @napi-rs/canvas in an advanced way!",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -10,6 +10,7 @@
     "logo": "tsc ./test/logo.ts && node ./test/logo.js",
     "text": "tsc ./test/text.ts && node ./test/text.js",
     "doc": "tsx docgen.ts",
+    "font": "tsc ./scripts/font-gen.ts && node ./scripts/font-gen.js",
     "build": "tsc"
   },
   "repository": {
@@ -30,12 +31,13 @@
   },
   "homepage": "https://github.com/NMMTY/LazyCanvas#readme",
   "dependencies": {
-    "@napi-rs/canvas": "^0.1.65",
+    "@napi-rs/canvas": "^0.1.68",
     "jimp": "0.22.12",
     "path": "^0.12.7",
     "svgson": "^5.3.1"
   },
   "devDependencies": {
+    "@hitomihiumi/colors.ts": "^1.0.3",
     "@hitomihiumi/micro-docgen": "^0.3.0",
     "@types/jimp": "^0.2.28",
     "@types/node": "^22.10.2",