@nmmty/lazycanvas 1.0.0-dev.3 → 1.0.0-dev.4

package/dist/structures/components/ImageLayer.js

@@ -70,7 +70,9 @@ class ImageLayer extends BaseLayer_1.BaseLayer {
         if (typeof this.props.size.radius === "object" && this.props.size.radius !== helpers_1.Link) {
             for (const corner in this.props.size.radius) {
                 // @ts-ignore
-                rad[corner] = parcer.parse(this.props.size.radius[corner], LazyUtil_1.defaultArg.wh(w / 2, h / 2), LazyUtil_1.defaultArg.vl(false, true));
+                rad[corner] = parcer.parse(
+                // @ts-ignore
+                this.props.size.radius[corner], LazyUtil_1.defaultArg.wh(w / 2, h / 2), LazyUtil_1.defaultArg.vl(false, true));
             }
         }
         if (debug)

package/dist/structures/components/MorphLayer.js

@@ -90,7 +90,9 @@ class MorphLayer extends BaseLayer_1.BaseLayer {
         if (typeof this.props.size.radius === "object" && this.props.size.radius !== helpers_1.Link) {
             for (const corner in this.props.size.radius) {
                 // @ts-ignore
-                rad[corner] = parcer.parse(this.props.size.radius[corner], LazyUtil_1.defaultArg.wh(w / 2, h / 2), LazyUtil_1.defaultArg.vl(false, true));
+                rad[corner] = parcer.parse(
+                // @ts-ignore
+                this.props.size.radius[corner], LazyUtil_1.defaultArg.wh(w / 2, h / 2), LazyUtil_1.defaultArg.vl(false, true));
             }
         }
         let { x, y } = (0, utils_1.centring)(this.props.centring, this.type, w, h, xs, ys);

package/dist/structures/helpers/Exporter.js

@@ -39,7 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Exporter = void 0;
 const types_1 = require("../../types");
 const LazyUtil_1 = require("../../utils/LazyUtil");
-const fs = __importStar(require("fs"));
+const fs = __importStar(require("node:fs"));
 const utils_1 = require("../../utils/utils");
 const _yaml = __importStar(require("js-yaml"));
 const APNGEncoder_1 = __importDefault(require("../../utils/APNGEncoder"));

package/dist/structures/helpers/readers/JSONReader.js

@@ -38,9 +38,9 @@ const types_1 = require("../../../types");
 const components_1 = require("../../components");
 const __1 = require("../");
 const LazyCanvas_1 = require("../../LazyCanvas");
-const fs = __importStar(require("fs"));
+const fs = __importStar(require("node:fs"));
 const LazyUtil_1 = require("../../../utils/LazyUtil");
-const path = __importStar(require("path"));
+const path = __importStar(require("node:path"));
 const Signal_1 = require("../../../core/Signal");
 /**
  * Class responsible for reading and parsing JSON data into a LazyCanvas instance.

package/dist/structures/helpers/readers/YAMLReader.js

@@ -36,9 +36,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.YAMLReader = void 0;
 const JSONReader_1 = require("./JSONReader");
 const _yaml = __importStar(require("js-yaml"));
-const fs = __importStar(require("fs"));
+const fs = __importStar(require("node:fs"));
 const LazyUtil_1 = require("../../../utils/LazyUtil");
-const path = __importStar(require("path"));
+const path = __importStar(require("node:path"));
 class YAMLReader {
     /**
      * Reads a YAML string and converts it to a LazyCanvas object.

package/dist/types/types.d.ts

@@ -0,0 +1,232 @@
+import { Gradient, Link, Pattern } from "../structures/helpers";
+import {
+  MorphLayer,
+  ImageLayer,
+  TextLayer,
+  BezierLayer,
+  QuadraticLayer,
+  LineLayer,
+  Path2DLayer,
+  IMorphLayer,
+  IBezierLayer,
+  IImageLayer,
+  ITextLayer,
+  IQuadraticLayer,
+  ILineLayer,
+  IPath2DLayer,
+  IPolygonLayer,
+  PolygonLayer,
+} from "../structures/components";
+import {
+  FontWeight,
+  GradientType,
+  TextAlign,
+  TextBaseline,
+  TextDirection,
+  LineCap,
+  LineJoin,
+  Export,
+  Centring,
+  PatternType,
+  LinkType,
+  GlobalCompositeOperation,
+  ColorSpace,
+} from "./enum";
+import {
+  Signal,
+  ThreadGenerator,
+  SignalOptions,
+  TweenConfig,
+  unwrap,
+  isSignal,
+} from "../core/Signal";
+
+// Utility type for signal-enabled values
+export type Signalable<T> = T | Signal<T>;
+
+// Re-export for convenience
+export type { ThreadGenerator, SignalOptions, TweenConfig };
+export { unwrap, isSignal };
+
+// Core types with Signal support
+export type ScaleType =
+  | `link-w-${string}-${number}`
+  | `link-h-${string}-${number}`
+  | `link-x-${string}-${number}`
+  | `link-y-${string}-${number}`
+  | `${number}%`
+  | `${number}px`
+  | number
+  | "vw"
+  | "vh"
+  | "vmin"
+  | "vmax"
+  | Link
+  | Signal<number>;
+
+export type StringColorType =
+  | `rgba(${number}, ${number}, ${number}, ${number})`
+  | `rgb(${number}, ${number}, ${number})`
+  | `hsl(${number}, ${number}%, ${number}%)`
+  | `hsla(${number}, ${number}%, ${number}%, ${number})`
+  | `#${string}`
+  | string
+  | Signal<string>;
+
+export type ColorType = Gradient | Pattern | StringColorType;
+
+export type JSONLayer =
+  | IMorphLayer
+  | IImageLayer
+  | ITextLayer
+  | IBezierLayer
+  | IQuadraticLayer
+  | ILineLayer
+  | IPath2DLayer
+  | IPolygonLayer;
+
+export type AnyLayer =
+  | MorphLayer
+  | ImageLayer
+  | TextLayer
+  | BezierLayer
+  | QuadraticLayer
+  | LineLayer
+  | Path2DLayer
+  | PolygonLayer;
+
+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
+  | "canvas"
+  | "ctx"
+  | "buffer"
+  | "svg"
+  | "png"
+  | "apng"
+  | "jpg"
+  | "webp"
+  | "yaml"
+  | "json";
+
+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 AnyLinkType = LinkType | "width" | "height" | "x" | "y";
+
+export type AnyGlobalCompositeOperation =
+  | GlobalCompositeOperation
+  | "source-over"
+  | "source-in"
+  | "source-out"
+  | "source-atop"
+  | "destination-over"
+  | "destination-in"
+  | "destination-out"
+  | "destination-atop"
+  | "lighter"
+  | "copy"
+  | "xor"
+  | "multiply"
+  | "screen"
+  | "overlay"
+  | "darken"
+  | "lighten"
+  | "color-dodge"
+  | "color-burn"
+  | "hard-light"
+  | "soft-light"
+  | "difference"
+  | "exclusion"
+  | "hue"
+  | "saturation"
+  | "color"
+  | "luminosity";
+
+export type AnyColorSpace = ColorSpace | "rgb565" | "rgba4444" | "rgba444";
+
+export type AnyFilter =
+  | `sepia(${number}%)`
+  | `saturate(${number}%)`
+  | `opacity(${number}%)`
+  | `invert(${number}%)`
+  | `hue-rotate(${number}deg)`
+  | `grayscale(${number}%)`
+  | `drop-shadow(${number}px ${number}px ${number}px ${string})`
+  | `contrast(${number}%)`
+  | `brightness(${number}%)`
+  | `blur(${number}px)`;
+
+export type Point = {
+  x: ScaleType;
+  y: ScaleType;
+};
+
+export type PointNumber = {
+  x: number;
+  y: number;
+};
+
+export type Extensions = "svg" | "png" | "jpeg" | "jpg" | "gif" | "webp" | "yaml" | "json";
+
+export interface Transform {
+  rotate?: number;
+  scale?: {
+    x: number;
+    y: number;
+  };
+  translate?: {
+    x: number;
+    y: number;
+  };
+  matrix?: DOMMatrix2DInit;
+}
+
+export type RadiusCorner = "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "all";
+
+export type SubStringColor = {
+  color: StringColorType;
+  start: number;
+  end: number;
+};
+
+export type StrokeOptions = {
+  width: number;
+  cap?: CanvasLineCap;
+  join?: CanvasLineJoin;
+  dashOffset?: number;
+  dash?: number[];
+  miterLimit?: number;
+};

package/dist/utils/APNGEncoder.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.APNGEncoder = void 0;
 exports.createAPNG = createAPNG;
-const zlib_1 = require("zlib");
+const node_zlib_1 = require("node:zlib");
 /**
  * APNG Encoder that works directly with Uint8ClampedArray (ImageData)
  * Much faster than encoding each frame to PNG separately
@@ -148,7 +148,7 @@ class APNGEncoder {
             });
         }
         // Compress with zlib
-        return (0, zlib_1.deflateSync)(filtered, { level: 6 });
+        return (0, node_zlib_1.deflateSync)(filtered, { level: 6 });
     }
     /**
      * Create IEND chunk

package/dist/utils/utils.js

@@ -448,7 +448,9 @@ function resizeLayers(layers, ratio) {
                         else if (typeof layer.props.size.radius === "object") {
                             for (const corner in layer.props.size.radius) {
                                 // @ts-ignore
-                                layer.props.size.radius[corner] = resize(layer.props.size.radius[corner], ratio);
+                                layer.props.size.radius[corner] = resize(
+                                // @ts-ignore
+                                layer.props.size.radius[corner], ratio);
                             }
                         }
                     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nmmty/lazycanvas",
-  "version": "1.0.0-dev.3",
+  "version": "1.0.0-dev.4",
   "description": "A simple way to interact with @napi-rs/canvas in an advanced way!",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -25,9 +25,7 @@
     "@napi-rs/canvas": "^0.1.88",
     "gifenc": "^1.0.3",
     "js-yaml": "^4.1.0",
-    "path": "^0.12.7",
-    "svgson": "^5.3.1",
-    "zlib": "^1.0.5"
+    "svgson": "^5.3.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",