@nmmty/lazycanvas 0.3.2 → 0.3.3

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;
@@ -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/LineLayer.js

@@ -90,7 +90,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/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

@@ -16,7 +16,7 @@ class TextLayer extends BaseLayer_1.BaseLayer {
         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/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/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

@@ -269,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:
@@ -278,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:
@@ -286,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:
@@ -295,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:
@@ -303,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:
@@ -313,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:
@@ -322,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:
@@ -330,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:
@@ -339,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.2",
+  "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",