@nmmty/lazycanvas 0.3.6 → 0.5.0

package/dist/types/LazyCanvas.d.ts

@@ -2,6 +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 { AnimationManager } from "../structures/managers/AnimationManager";
 import { AnyExport } from "../";
 
 export interface ILazyCanvas {
@@ -12,5 +13,6 @@ export interface ILazyCanvas {
     layers: LayersManager;
     render: RenderManager;
     fonts: FontsManager;
+    animation: AnimationManager;
     exportType: AnyExport;
 }

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

@@ -0,0 +1,19 @@
+import { ScaleType } from "../types";
+import { LayerType } from "../enum";
+
+export interface IClearLayer {
+    id: string;
+    type: LayerType;
+    zIndex: number;
+    visible: boolean;
+    props: IClearLayerProps;
+}
+
+export interface IClearLayerProps {
+    x: ScaleType;
+    y: ScaleType;
+    size: {
+        width: ScaleType;
+        height: ScaleType;
+    };
+}

package/dist/types/enum.d.ts

@@ -10,7 +10,8 @@ export declare enum LayerType {
     QuadraticCurve = "quadraticCurve",
     Morph = "morph",
     Text = "text",
-    Group = "group"
+    Group = "group",
+    Clear = "clear"
 }
 export declare enum LayerScaleType {
     Pixel = "px",
@@ -66,15 +67,17 @@ export declare enum LineJoin {
     Miter = "miter"
 }
 export declare enum Export {
-    Buffer = "buffer",
-    SVG = "svg",
-    CTX = "ctx"
-}
-export declare enum SaveFormat {
+    CANVAS = "canvas",
+    CTX = "ctx",
+    BUFFER = "buffer",
     PNG = "png",
     JPEG = "jpeg",
     JPG = "jpg",
-    SVG = "svg"
+    SVG = "svg",
+    GIF = "gif",
+    WEBP = "webp",
+    YAML = "yaml",
+    JSON = "json"
 }
 export declare enum Centring {
     Start = "start",
@@ -128,3 +131,13 @@ export declare enum GlobalCompositeOperation {
     Color = "color",
     Luminosity = "luminosity"
 }
+export declare enum ColorSpace {
+    RGB565 = "rgb565",
+    RGBA4444 = "rgba4444",
+    RGBA444 = "rgba444"
+}
+export declare enum FillType {
+    Solid = "solid",
+    Gradient = "gradient",
+    Pattern = "pattern"
+}

package/dist/types/enum.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GlobalCompositeOperation = exports.LinkType = exports.PatternType = exports.Centring = exports.SaveFormat = exports.Export = exports.LineJoin = exports.LineCap = exports.TextDirection = exports.TextBaseline = exports.TextAlign = exports.FontWeight = exports.GradientType = exports.LayerScaleType = exports.LayerType = void 0;
+exports.FillType = exports.ColorSpace = exports.GlobalCompositeOperation = exports.LinkType = exports.PatternType = exports.Centring = exports.Export = exports.LineJoin = exports.LineCap = exports.TextDirection = exports.TextBaseline = exports.TextAlign = exports.FontWeight = exports.GradientType = exports.LayerScaleType = exports.LayerType = void 0;
 var LayerType;
 (function (LayerType) {
     LayerType["Base"] = "base";
@@ -15,6 +15,7 @@ var LayerType;
     LayerType["Morph"] = "morph";
     LayerType["Text"] = "text";
     LayerType["Group"] = "group";
+    LayerType["Clear"] = "clear";
 })(LayerType || (exports.LayerType = LayerType = {}));
 var LayerScaleType;
 (function (LayerScaleType) {
@@ -79,17 +80,18 @@ var LineJoin;
 })(LineJoin || (exports.LineJoin = LineJoin = {}));
 var Export;
 (function (Export) {
-    Export["Buffer"] = "buffer";
-    Export["SVG"] = "svg";
+    Export["CANVAS"] = "canvas";
     Export["CTX"] = "ctx";
+    Export["BUFFER"] = "buffer";
+    Export["PNG"] = "png";
+    Export["JPEG"] = "jpeg";
+    Export["JPG"] = "jpg";
+    Export["SVG"] = "svg";
+    Export["GIF"] = "gif";
+    Export["WEBP"] = "webp";
+    Export["YAML"] = "yaml";
+    Export["JSON"] = "json";
 })(Export || (exports.Export = Export = {}));
-var SaveFormat;
-(function (SaveFormat) {
-    SaveFormat["PNG"] = "png";
-    SaveFormat["JPEG"] = "jpeg";
-    SaveFormat["JPG"] = "jpg";
-    SaveFormat["SVG"] = "svg";
-})(SaveFormat || (exports.SaveFormat = SaveFormat = {}));
 var Centring;
 (function (Centring) {
     Centring["Start"] = "start";
@@ -146,3 +148,15 @@ var GlobalCompositeOperation;
     GlobalCompositeOperation["Color"] = "color";
     GlobalCompositeOperation["Luminosity"] = "luminosity";
 })(GlobalCompositeOperation || (exports.GlobalCompositeOperation = GlobalCompositeOperation = {}));
+var ColorSpace;
+(function (ColorSpace) {
+    ColorSpace["RGB565"] = "rgb565";
+    ColorSpace["RGBA4444"] = "rgba4444";
+    ColorSpace["RGBA444"] = "rgba444";
+})(ColorSpace || (exports.ColorSpace = ColorSpace = {}));
+var FillType;
+(function (FillType) {
+    FillType["Solid"] = "solid";
+    FillType["Gradient"] = "gradient";
+    FillType["Pattern"] = "pattern";
+})(FillType || (exports.FillType = FillType = {}));

package/dist/types/index.d.ts

@@ -1,17 +1,2 @@
-export type * from "./types";
-export type * from "./components/BaseLayer";
-export type * from "./components/TextLayer";
-export type * from "./components/ImageLayer";
-export type * from "./components/MorphLayer";
-export type * from "./components/BezierLayer";
-export type * from "./components/QuadraticLayer";
-export type * from "./components/LineLayer";
-export type * from "./components/Group";
-export type * from "./helpers/Font";
-export type * from "./helpers/Gradient";
-export type * from "./helpers/Pattern";
-export type * from "./helpers/Link";
-export type * from "./managers/LayersManager";
-export type * from "./managers/RenderManager";
-export type * from "./managers/FontsManager";
-export type * from "./LazyCanvas";
+export type * from "./types";
+export * from './enum';

package/dist/types/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./enum"), exports);

package/dist/types/managers/AnimationManager.d.ts

@@ -0,0 +1,14 @@
+import { AnyColorSpace } from "../types";
+
+export interface IAnimationManager {
+    opts: {
+        frameRate: number;
+        maxColors: number;
+        colorSpace: AnyColorSpace;
+        loop: boolean;
+        transparency: boolean;
+        clear: boolean;
+    };
+    animated: boolean;
+    debug: boolean;
+}

package/dist/types/types.d.ts

@@ -7,6 +7,7 @@ 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 { ClearLayer } from "../structures/components/ClearLayer";
 import { Link } from "../structures/helpers/Link";
 import {
     FontWeight,
@@ -21,14 +22,15 @@ import {
     PatternType,
     SaveFormat,
     LinkType,
-    GlobalCompositeOperation
+    GlobalCompositeOperation,
+    ColorSpace
 } from "./enum";
 
 export type ScaleType = string | number | 'vw' | 'vh' | 'vmin' | 'vmax' | Link;
 
 export type ColorType = string | Gradient | Pattern;
 
-export type AnyLayer = MorphLayer | ImageLayer | TextLayer | BezierLayer | QuadraticLayer | LineLayer | Group;
+export type AnyLayer = MorphLayer | ImageLayer | TextLayer | BezierLayer | QuadraticLayer | LineLayer | ClearLayer | Group;
 
 export type AnyWeight = FontWeight | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
 
@@ -50,12 +52,14 @@ export type AnyCentring = Centring | 'start' | 'start-top' | 'start-bottom' | 'c
 
 export type AnyPatternType = PatternType | 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
 
-export type AnySaveFormat = SaveFormat | 'png' | 'jpeg' | 'jpg' | 'svg';
+export type AnySaveFormat = SaveFormat | 'png' | 'jpeg' | 'jpg' | 'svg' | 'gif' | 'webp';
 
 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 Point = {
     x: ScaleType;
     y: ScaleType;

package/dist/utils/LazyUtil.js

@@ -13,10 +13,10 @@ class LazyLog {
     static log(type = "none", ...message) {
         switch (type) {
             case "info":
-                console.log("[LazyCanvas] [INFO] ", ...message);
+                console.log("[LazyCanvas] [INFO]", ...message);
                 break;
             case "warn":
-                console.warn("[LazyCanvas] [WARN] ", ...message);
+                console.warn("[LazyCanvas] [WARN]", ...message);
                 break;
             default:
                 console.log(...message);

package/dist/utils/utils.d.ts

@@ -1,21 +1,21 @@
-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";
+import type { AnyCentring, AnyLayer, AnyTextAlign, ColorType, PointNumber, ScaleType, Transform } from "../types";
+import { LayerType } from "../types";
+import { Gradient, Pattern } from "../structures/helpers";
+import { Canvas, SKRSContext2D, SvgCanvas } from "@napi-rs/canvas";
 import { LayersManager } from "../structures/managers/LayersManager";
+import { Group } from "../structures/components";
 export declare function generateID(type: string): string;
 export declare function isColor(v: ColorType): "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
 export declare function parseHex(v: string): string;
-export declare function parseColor(v: ColorType): string | Pattern | Gradient;
-export declare function parseToNormal(v: ScaleType, ctx: SKRSContext2D, canvas: Canvas, layer?: {
+export declare function parseColor(v: ColorType): string | Gradient | Pattern;
+export declare function parseToNormal(v: ScaleType, ctx: SKRSContext2D, canvas: Canvas | SvgCanvas, layer?: {
     width: number;
     height: number;
 }, options?: {
     vertical?: boolean;
     layer?: boolean;
 }, manager?: LayersManager): number;
-export declare function parser(ctx: SKRSContext2D, canvas: Canvas, manager?: LayersManager): {
+export declare function parser(ctx: SKRSContext2D, canvas: Canvas | SvgCanvas, manager?: LayersManager): {
     parse(v: ScaleType, layer?: {
         width: number;
         height: number;
@@ -51,7 +51,6 @@ export declare function transform(ctx: SKRSContext2D, transform: Transform, laye
     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: AnyCentring, type: LayerType, width: number, height: number, x: number, y: number): {
@@ -74,3 +73,5 @@ export declare function getBoundingBoxBezier(points: PointNumber[], steps?: numb
     width: number;
     height: number;
 };
+export declare function resize(value: ScaleType, ratio: number): number | string;
+export declare function resizeLayers(layers: Array<AnyLayer | Group>, ratio: number): (AnyLayer | Group)[];