@nmmty/lazycanvas 0.3.6 → 0.5.0

package/dist/utils/utils.js

@@ -1,41 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBoundingBoxBezier = exports.centring = exports.isImageUrlValid = exports.generateRandomName = exports.saveFile = exports.transform = exports.parseFillStyle = exports.filters = exports.opacity = exports.drawShadow = exports.parser = exports.parseToNormal = exports.parseColor = exports.parseHex = exports.isColor = exports.generateID = void 0;
-const enum_1 = require("../types/enum");
-const Gradient_1 = require("../structures/helpers/Gradient");
+exports.resizeLayers = exports.resize = exports.getBoundingBoxBezier = exports.centring = exports.isImageUrlValid = exports.generateRandomName = exports.transform = exports.parseFillStyle = exports.filters = exports.opacity = exports.drawShadow = exports.parser = exports.parseToNormal = exports.parseColor = exports.parseHex = exports.isColor = exports.generateID = void 0;
+const types_1 = require("../types");
+const helpers_1 = require("../structures/helpers");
+const canvas_1 = require("@napi-rs/canvas");
 const LazyUtil_1 = require("./LazyUtil");
-const fs = __importStar(require("fs"));
-const jimp = __importStar(require("jimp"));
-const Pattern_1 = require("../structures/helpers/Pattern");
-const Link_1 = require("../structures/helpers/Link");
-const Group_1 = require("../structures/components/Group");
-const LineLayer_1 = require("../structures/components/LineLayer");
-const BezierLayer_1 = require("../structures/components/BezierLayer");
-const QuadraticLayer_1 = require("../structures/components/QuadraticLayer");
-const TextLayer_1 = require("../structures/components/TextLayer");
+const components_1 = require("../structures/components");
 function generateID(type) {
     return `${type}-${Math.random().toString(36).substr(2, 9)}`;
 }
@@ -50,7 +20,7 @@ let rgbaReg = /^rgba\((\d+),\s*(\d+),\s*(\d+),\s*(0|0?\.\d+|1(\.0)?)\)$/;
 let hslReg = /^hsl\((\d+),\s*(\d+)%,\s*(\d+)%\)$/;
 let hslaReg = /^hsla\((\d+),\s*(\d+)%,\s*(\d+)%,\s*(0|0?\.\d+|1(\.0)?)\)$/;
 function isColor(v) {
-    return typeof (v === 'string' && (hexReg.test(v) || rgbReg.test(v) || rgbaReg.test(v) || hslReg.test(v) || hslaReg.test(v))) || v instanceof Gradient_1.Gradient || v instanceof Pattern_1.Pattern;
+    return typeof (v === 'string' && (hexReg.test(v) || rgbReg.test(v) || rgbaReg.test(v) || hslReg.test(v) || hslaReg.test(v))) || v instanceof helpers_1.Gradient || v instanceof helpers_1.Pattern;
 }
 exports.isColor = isColor;
 function tooShort(v) {
@@ -113,7 +83,7 @@ function parseColor(v) {
     if (typeof v === 'string') {
         return parseHex(v);
     }
-    else if (v instanceof Gradient_1.Gradient || v instanceof Pattern_1.Pattern) {
+    else if (v instanceof helpers_1.Gradient || v instanceof helpers_1.Pattern) {
         return v;
     }
     else {
@@ -151,117 +121,73 @@ function parseToNormal(v, ctx, canvas, layer = { width: 0, height: 0 }, options
             if (!manager)
                 return 0;
             let anyLayer = manager.get(match[2], true);
+            if (!anyLayer || anyLayer instanceof components_1.Group || anyLayer instanceof components_1.Path2DLayer)
+                return 0;
             const parcer = parser(ctx, canvas, manager);
             switch (match[1]) {
                 case 'link-w':
-                    if (anyLayer && !(anyLayer instanceof Group_1.Group)) {
-                        if (anyLayer instanceof LineLayer_1.LineLayer || anyLayer instanceof BezierLayer_1.BezierLayer || anyLayer instanceof QuadraticLayer_1.QuadraticLayer) {
-                            return anyLayer.getBoundingBox(ctx, canvas, manager).width + (parseInt(match[3]) || 0);
-                        }
-                        else if (anyLayer instanceof TextLayer_1.TextLayer) {
-                            return anyLayer.measureText(ctx, canvas).width + (parseInt(match[3]) || 0);
-                        }
-                        else {
-                            return (parcer.parse(anyLayer.props.size.width) || 0) + (parseInt(match[3]) || 0);
-                        }
+                    if (anyLayer instanceof components_1.LineLayer || anyLayer instanceof components_1.BezierLayer || anyLayer instanceof components_1.QuadraticLayer) {
+                        return anyLayer.getBoundingBox(ctx, canvas, manager).width + (parseInt(match[3]) || 0);
+                    }
+                    else if (anyLayer instanceof components_1.TextLayer) {
+                        return anyLayer.measureText(ctx, canvas).width + (parseInt(match[3]) || 0);
                     }
                     else {
-                        return 0;
+                        return (parcer.parse(anyLayer.props.size.width) || 0) + (parseInt(match[3]) || 0);
                     }
-                    break;
                 case 'link-h':
-                    if (anyLayer && !(anyLayer instanceof Group_1.Group)) {
-                        if (anyLayer instanceof LineLayer_1.LineLayer || anyLayer instanceof BezierLayer_1.BezierLayer || anyLayer instanceof QuadraticLayer_1.QuadraticLayer) {
-                            return anyLayer.getBoundingBox(ctx, canvas, manager).height + (parseInt(match[3]) || 0);
-                        }
-                        else if (anyLayer instanceof TextLayer_1.TextLayer) {
-                            return anyLayer.measureText(ctx, canvas).height + (parseInt(match[3]) || 0);
-                        }
-                        else {
-                            return (parcer.parse(anyLayer.props.size.height, LazyUtil_1.defaultArg.wh(parcer.parse(anyLayer.props.size.width)), LazyUtil_1.defaultArg.vl(true)) || 0) + (parseInt(match[3]) || 0);
-                        }
+                    if (anyLayer instanceof components_1.LineLayer || anyLayer instanceof components_1.BezierLayer || anyLayer instanceof components_1.QuadraticLayer) {
+                        return anyLayer.getBoundingBox(ctx, canvas, manager).height + (parseInt(match[3]) || 0);
                     }
-                    else {
-                        return 0;
-                    }
-                    break;
-                case 'link-x':
-                    if (anyLayer && !(anyLayer instanceof Group_1.Group)) {
-                        return (parcer.parse(anyLayer.props.x) || 0) + (parseInt(match[3]) || 0);
+                    else if (anyLayer instanceof components_1.TextLayer) {
+                        return anyLayer.measureText(ctx, canvas).height + (parseInt(match[3]) || 0);
                     }
                     else {
-                        return 0;
+                        return (parcer.parse(anyLayer.props.size.height, LazyUtil_1.defaultArg.wh(parcer.parse(anyLayer.props.size.width)), LazyUtil_1.defaultArg.vl(true)) || 0) + (parseInt(match[3]) || 0);
                     }
-                    break;
+                case 'link-x':
+                    return (parcer.parse(anyLayer.props.x) || 0) + (parseInt(match[3]) || 0);
                 case 'link-y':
-                    if (anyLayer && !(anyLayer instanceof Group_1.Group)) {
-                        return (parcer.parse(anyLayer.props.y, LazyUtil_1.defaultArg.wh(), LazyUtil_1.defaultArg.vl(true)) || 0) + (parseInt(match[3]) || 0);
-                    }
-                    else {
-                        return 0;
-                    }
-                    break;
+                    return (parcer.parse(anyLayer.props.y, LazyUtil_1.defaultArg.wh(), LazyUtil_1.defaultArg.vl(true)) || 0) + (parseInt(match[3]) || 0);
             }
         }
     }
-    else if (v instanceof Link_1.Link) {
+    else if (v instanceof helpers_1.Link) {
         if (!manager)
             return 0;
         let anyLayer = manager.get(v.source, true);
+        if (!anyLayer || anyLayer instanceof components_1.Group || anyLayer instanceof components_1.Path2DLayer)
+            return 0;
         const parcer = parser(ctx, canvas, manager);
         switch (v.type) {
-            case enum_1.LinkType.Width:
+            case types_1.LinkType.Width:
             case 'width':
-                if (anyLayer && !(anyLayer instanceof Group_1.Group)) {
-                    if (anyLayer instanceof LineLayer_1.LineLayer || anyLayer instanceof BezierLayer_1.BezierLayer || anyLayer instanceof QuadraticLayer_1.QuadraticLayer) {
-                        return anyLayer.getBoundingBox(ctx, canvas, manager).width + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
-                    }
-                    else if (anyLayer instanceof TextLayer_1.TextLayer) {
-                        return anyLayer.measureText(ctx, canvas).width + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
-                    }
-                    else {
-                        return (parcer.parse(anyLayer.props.size.width) || 0) + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
-                    }
+                if (anyLayer instanceof components_1.LineLayer || anyLayer instanceof components_1.BezierLayer || anyLayer instanceof components_1.QuadraticLayer) {
+                    return anyLayer.getBoundingBox(ctx, canvas, manager).width + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
+                }
+                else if (anyLayer instanceof components_1.TextLayer) {
+                    return anyLayer.measureText(ctx, canvas).width + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
                 }
                 else {
-                    return 0;
+                    return (parcer.parse(anyLayer.props.size.width) || 0) + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
                 }
-                break;
-            case enum_1.LinkType.Height:
+            case types_1.LinkType.Height:
             case 'height':
-                if (anyLayer && !(anyLayer instanceof Group_1.Group)) {
-                    if (anyLayer instanceof LineLayer_1.LineLayer || anyLayer instanceof BezierLayer_1.BezierLayer || anyLayer instanceof QuadraticLayer_1.QuadraticLayer) {
-                        return anyLayer.getBoundingBox(ctx, canvas, manager).height + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
-                    }
-                    else if (anyLayer instanceof TextLayer_1.TextLayer) {
-                        return anyLayer.measureText(ctx, canvas).height + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
-                    }
-                    else {
-                        return (parcer.parse(anyLayer.props.size.height, LazyUtil_1.defaultArg.wh(parcer.parse(anyLayer.props.size.width)), LazyUtil_1.defaultArg.vl(true)) || 0) + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
-                    }
+                if (anyLayer instanceof components_1.LineLayer || anyLayer instanceof components_1.BezierLayer || anyLayer instanceof components_1.QuadraticLayer) {
+                    return anyLayer.getBoundingBox(ctx, canvas, manager).height + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
                 }
-                else {
-                    return 0;
-                }
-                break;
-            case enum_1.LinkType.X:
-            case 'x':
-                if (anyLayer && !(anyLayer instanceof Group_1.Group)) {
-                    return (parcer.parse(anyLayer.props.x) || 0) + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
+                else if (anyLayer instanceof components_1.TextLayer) {
+                    return anyLayer.measureText(ctx, canvas).height + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
                 }
                 else {
-                    return 0;
+                    return (parcer.parse(anyLayer.props.size.height, LazyUtil_1.defaultArg.wh(parcer.parse(anyLayer.props.size.width)), LazyUtil_1.defaultArg.vl(true)) || 0) + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
                 }
-                break;
-            case enum_1.LinkType.Y:
+            case types_1.LinkType.X:
+            case 'x':
+                return (parcer.parse(anyLayer.props.x) || 0) + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
+            case types_1.LinkType.Y:
             case 'y':
-                if (anyLayer && !(anyLayer instanceof Group_1.Group)) {
-                    return (parcer.parse(anyLayer.props.y) || 0) + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
-                }
-                else {
-                    return 0;
-                }
-                break;
+                return (parcer.parse(anyLayer.props.y) || 0) + (parcer.parse(v.additionalSpacing, LazyUtil_1.defaultArg.wh(layer.width, layer.height), LazyUtil_1.defaultArg.vl(options.vertical, options.layer)) || 0);
             default:
                 return 0;
         }
@@ -310,7 +236,7 @@ function filters(ctx, filters) {
 }
 exports.filters = filters;
 function parseFillStyle(ctx, color) {
-    if (color instanceof Gradient_1.Gradient || color instanceof Pattern_1.Pattern) {
+    if (color instanceof helpers_1.Gradient || color instanceof helpers_1.Pattern) {
         return color.draw(ctx);
     }
     else {
@@ -318,40 +244,40 @@ function parseFillStyle(ctx, color) {
     }
 }
 exports.parseFillStyle = parseFillStyle;
-function transform(ctx, transform, layer = { width: 0, height: 0, x: 0, y: 0, type: enum_1.LayerType.Morph }, extra = { text: '', textAlign: enum_1.TextAlign.Left, fontSize: 0, multiline: false }) {
+function transform(ctx, transform, layer = { width: 0, height: 0, x: 0, y: 0, type: types_1.LayerType.Morph }, extra = { text: '', textAlign: types_1.TextAlign.Left, fontSize: 0, multiline: false }) {
     if (transform) {
         if (transform.translate) {
             ctx.translate(transform.translate.x, transform.translate.y);
         }
         if (transform.rotate) {
             switch (layer.type) {
-                case enum_1.LayerType.Image:
-                case enum_1.LayerType.Morph:
-                case enum_1.LayerType.BezierCurve:
-                case enum_1.LayerType.QuadraticCurve:
-                case enum_1.LayerType.Line:
+                case types_1.LayerType.Image:
+                case types_1.LayerType.Morph:
+                case types_1.LayerType.BezierCurve:
+                case types_1.LayerType.QuadraticCurve:
+                case types_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)));
                     break;
-                case enum_1.LayerType.Text:
+                case types_1.LayerType.Text:
                     if (extra.multiline) {
                         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)));
                     }
                     else {
-                        if (extra.textAlign === enum_1.TextAlign.Center) {
+                        if (extra.textAlign === types_1.TextAlign.Center) {
                             ctx.translate(layer.x, layer.y);
                             ctx.rotate((Math.PI / 180) * transform.rotate);
                             ctx.translate(-layer.x, -layer.y);
                         }
-                        else if (extra.textAlign === enum_1.TextAlign.Left || extra.textAlign === enum_1.TextAlign.Start) {
+                        else if (extra.textAlign === types_1.TextAlign.Left || extra.textAlign === types_1.TextAlign.Start) {
                             ctx.translate(layer.x + (extra.fontSize * extra.text.length) / 2, layer.y);
                             ctx.rotate((Math.PI / 180) * transform.rotate);
                             ctx.translate(-(layer.x + (extra.fontSize * extra.text.length) / 2), -layer.y);
                         }
-                        else if (extra.textAlign === enum_1.TextAlign.Right || extra.textAlign === enum_1.TextAlign.End) {
+                        else if (extra.textAlign === types_1.TextAlign.Right || extra.textAlign === types_1.TextAlign.End) {
                             ctx.translate(layer.x - (extra.fontSize * extra.text.length) / 2, layer.y);
                             ctx.rotate((Math.PI / 180) * transform.rotate);
                             ctx.translate(-(layer.x - (extra.fontSize * extra.text.length) / 2), -layer.y);
@@ -371,21 +297,13 @@ function transform(ctx, transform, layer = { width: 0, height: 0, x: 0, y: 0, ty
     }
 }
 exports.transform = transform;
-async function saveFile(buffer, extension, name) {
-    if (!buffer)
-        throw new LazyUtil_1.LazyError('Buffer must be provided');
-    if (!extension)
-        throw new LazyUtil_1.LazyError('Extension must be provided');
-    fs.writeFileSync(`${name === undefined ? generateRandomName() : name}.${extension}`, buffer);
-}
-exports.saveFile = saveFile;
 function generateRandomName() {
     return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
 }
 exports.generateRandomName = generateRandomName;
 function isImageUrlValid(src) {
     try {
-        jimp.read(src);
+        (0, canvas_1.loadImage)(src);
         return true;
     }
     catch (error) {
@@ -395,86 +313,94 @@ function isImageUrlValid(src) {
 exports.isImageUrlValid = isImageUrlValid;
 function centring(centring, type, width, height, x, y) {
     switch (centring) {
-        case enum_1.Centring.Center:
+        case types_1.Centring.Center:
         case "center":
             switch (type) {
-                case enum_1.LayerType.Image:
-                case enum_1.LayerType.Morph:
+                case types_1.LayerType.Image:
+                case types_1.LayerType.Morph:
+                case types_1.LayerType.Clear:
                     x -= width / 2;
                     y -= height / 2;
                     break;
             }
             return { x, y };
-        case enum_1.Centring.CenterBottom:
+        case types_1.Centring.CenterBottom:
         case "center-bottom":
             switch (type) {
-                case enum_1.LayerType.Image:
-                case enum_1.LayerType.Morph:
+                case types_1.LayerType.Image:
+                case types_1.LayerType.Morph:
+                case types_1.LayerType.Clear:
                     x -= width / 2;
                     break;
             }
             return { x, y };
-        case enum_1.Centring.CenterTop:
+        case types_1.Centring.CenterTop:
         case "center-top":
             switch (type) {
-                case enum_1.LayerType.Image:
-                case enum_1.LayerType.Morph:
+                case types_1.LayerType.Image:
+                case types_1.LayerType.Morph:
+                case types_1.LayerType.Clear:
                     x -= width / 2;
                     y -= height;
                     break;
             }
             return { x, y };
-        case enum_1.Centring.Start:
+        case types_1.Centring.Start:
         case "start":
             switch (type) {
-                case enum_1.LayerType.Image:
-                case enum_1.LayerType.Morph:
+                case types_1.LayerType.Image:
+                case types_1.LayerType.Morph:
+                case types_1.LayerType.Clear:
                     y -= height / 2;
                     break;
             }
             return { x, y };
-        case enum_1.Centring.StartBottom:
+        case types_1.Centring.StartBottom:
         case "start-bottom":
             return { x, y };
-        case enum_1.Centring.StartTop:
+        case types_1.Centring.StartTop:
         case "start-top":
             switch (type) {
-                case enum_1.LayerType.Image:
-                case enum_1.LayerType.Morph:
+                case types_1.LayerType.Image:
+                case types_1.LayerType.Morph:
+                case types_1.LayerType.Clear:
                     y -= height;
                     break;
             }
             return { x, y };
-        case enum_1.Centring.End:
+        case types_1.Centring.End:
         case "end":
             switch (type) {
-                case enum_1.LayerType.Image:
-                case enum_1.LayerType.Morph:
+                case types_1.LayerType.Image:
+                case types_1.LayerType.Morph:
+                case types_1.LayerType.Clear:
                     x -= width;
                     y -= height / 2;
                     break;
             }
             return { x, y };
-        case enum_1.Centring.EndBottom:
+        case types_1.Centring.EndBottom:
         case "end-bottom":
             switch (type) {
-                case enum_1.LayerType.Image:
-                case enum_1.LayerType.Morph:
+                case types_1.LayerType.Image:
+                case types_1.LayerType.Morph:
+                case types_1.LayerType.Clear:
                     x -= width;
                     break;
             }
             return { x, y };
-        case enum_1.Centring.EndTop:
+        case types_1.Centring.EndTop:
         case "end-top":
             switch (type) {
-                case enum_1.LayerType.Image:
-                case enum_1.LayerType.Morph:
+                case types_1.LayerType.Image:
+                case types_1.LayerType.Morph:
+                case types_1.LayerType.Clear:
                     x -= width;
                     y -= height;
                     break;
             }
             return { x, y };
-        case enum_1.Centring.None:
+        case types_1.Centring.None:
         case "none":
             return { x, y };
     }
@@ -512,3 +438,72 @@ function getBoundingBoxBezier(points, steps = 100) {
     return { min: { x: minX, y: minY }, max: { x: maxX, y: maxY }, center: { x: (minX + maxX) / 2, y: (minY + maxY) / 2 }, width: maxX - minX, height: maxY - minY };
 }
 exports.getBoundingBoxBezier = getBoundingBoxBezier;
+function resize(value, ratio) {
+    if (typeof value === 'number') {
+        return value * ratio;
+    }
+    else if (typeof value === 'string') {
+        if (pxReg.test(value)) {
+            return parseFloat(value) * ratio;
+        }
+        else if (linkReg.test(value)) {
+            let match = value.match(linkReg);
+            return `${match[1]}-${match[2]}-${parseFloat(match[3]) * ratio}`;
+        }
+    }
+    else if (value instanceof helpers_1.Link) {
+        return `${value.type}-${value.source}-${resize(value.additionalSpacing, ratio)}`;
+    }
+    return value;
+}
+exports.resize = resize;
+function resizeLayers(layers, ratio) {
+    let newLayers = [];
+    if (layers.length > 0) {
+        for (const layer of layers) {
+            if (!(layer instanceof components_1.Group || layer instanceof components_1.Path2DLayer)) {
+                layer.props.x = resize(layer.props.x, ratio);
+                layer.props.y = resize(layer.props.y, ratio);
+                if ('size' in layer.props) {
+                    layer.props.size.width = resize(layer.props.size.width, ratio);
+                    layer.props.size.height = resize(layer.props.size.height, ratio);
+                    if ('radius' in layer.props.size) {
+                        layer.props.size.radius = resize(layer.props.size.radius, ratio);
+                    }
+                }
+                if ('stroke' in layer.props) {
+                    layer.props.stroke.width = resize(layer.props.stroke.width, ratio);
+                }
+                if ('endPoint' in layer.props) {
+                    layer.props.endPoint.x = resize(layer.props.endPoint.x, ratio);
+                    layer.props.endPoint.y = resize(layer.props.endPoint.y, ratio);
+                }
+                if ('controlPoints' in layer.props) {
+                    for (const point of layer.props.controlPoints) {
+                        point.x = resize(point.x, ratio);
+                        point.y = resize(point.y, ratio);
+                    }
+                }
+                if ('font' in layer.props) {
+                    layer.props.font.size = resize(layer.props.font.size, ratio);
+                }
+                if ('transform' in layer.props) {
+                    if (layer.props.transform.translate) {
+                        layer.props.transform.translate.x = resize(layer.props.transform.translate.x, ratio);
+                        layer.props.transform.translate.y = resize(layer.props.transform.translate.y, ratio);
+                    }
+                    if (layer.props.transform.scale) {
+                        layer.props.transform.scale.x = resize(layer.props.transform.scale.x, ratio);
+                        layer.props.transform.scale.y = resize(layer.props.transform.scale.y, ratio);
+                    }
+                }
+            }
+            else if (layer instanceof components_1.Group) {
+                layer.layers = resizeLayers(layer.layers, ratio);
+            }
+            newLayers.push(layer);
+        }
+    }
+    return newLayers;
+}
+exports.resizeLayers = resizeLayers;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nmmty/lazycanvas",
-  "version": "0.3.6",
+  "version": "0.5.0",
   "description": "A simple way to interact with @napi-rs/canvas in an advanced way!",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -9,6 +9,8 @@
     "centring": "tsc ./test/centring.ts && node ./test/centring.js",
     "logo": "tsc ./test/logo.ts && node ./test/logo.js",
     "text": "tsc ./test/text.ts && node ./test/text.js",
+    "animation": "tsc ./test/animation.ts && node ./test/animation.js",
+    "iotest": "tsc ./test/iotest.ts && node ./test/iotest.js",
     "doc": "tsx docgen.ts",
     "font": "tsc ./scripts/font-gen.ts && node ./scripts/font-gen.js",
     "build": "tsc"
@@ -32,18 +34,20 @@
   "homepage": "https://github.com/NMMTY/LazyCanvas#readme",
   "dependencies": {
     "@napi-rs/canvas": "^0.1.68",
-    "jimp": "0.22.12",
+    "gifenc": "^1.0.3",
+    "js-yaml": "^4.1.0",
     "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/js-yaml": "^4.0.9",
     "@types/node": "^22.10.2",
-    "@types/react": "^19.0.2",
     "ava": "^6.2.0",
-    "globals": "^15.14.0",
+    "eslint": "^9.23.0",
+    "eslint-config-neon": "^0.2.7",
+    "lodash.merge": "^4.6.2",
     "tslib": "^2.8.1",
     "tsx": "^4.19.2",
     "typescript": "^5.4.5"