@opfr/canvas 0.0.1

package/dist/builder.d.ts

@@ -0,0 +1,3 @@
+import type { CanvasInstance } from './types';
+export declare const createCanvas: <FontName extends string = string, ImageName extends string = string>(width: number, height: number) => CanvasInstance<FontName, ImageName>;
+//# sourceMappingURL=builder.d.ts.map

package/dist/builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../src/builder.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,YAAY,+EAIhB,MAAM,UACL,MAAM,KACb,eAAe,QAAQ,EAAE,SAAS,CAwBpC,CAAC"}

package/dist/builder.js

@@ -0,0 +1,28 @@
+import { createCanvas as NRSCreateCanvas } from '@napi-rs/canvas';
+import { image as ImageComponent } from './components/image';
+import { rectangle as RectangleComponent } from './components/rectangle';
+import { text as TextComponent } from './components/text';
+export const createCanvas = (width, height) => {
+    const canvas = NRSCreateCanvas(width, height);
+    return {
+        context: canvas.getContext('2d'),
+        width,
+        height,
+        Text(text) {
+            return TextComponent(this, text);
+        },
+        Rectangle() {
+            return RectangleComponent(this);
+        },
+        Image() {
+            return ImageComponent(this);
+        },
+        blur() {
+            this.context.filter = 'blur(4px)';
+        },
+        encode(format) {
+            return canvas.encode(format);
+        },
+    };
+};
+//# sourceMappingURL=builder.js.map

package/dist/builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"builder.js","sourceRoot":"","sources":["../src/builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElE,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG1D,MAAM,CAAC,MAAM,YAAY,GAAG,CAI1B,KAAa,EACb,MAAc,EACuB,EAAE;IACvC,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAE9C,OAAO;QACL,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;QAChC,KAAK;QACL,MAAM;QACN,IAAI,CAAC,IAAqB;YACxB,OAAO,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACnC,CAAC;QACD,SAAS;YACP,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QACD,KAAK;YACH,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC;QAED,IAAI;YACF,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,WAAW,CAAC;QACpC,CAAC;QACD,MAAM,CAAC,MAAM;YACX,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/gradient/builder.d.ts

@@ -0,0 +1,4 @@
+import type { CanvasInstance } from '../../types';
+import type { CanvasGradientFunction } from './types';
+export declare const gradientBuilder: <FontName extends string, ImageName extends string>(instance: CanvasInstance<FontName, ImageName>, buildSteps: (gradient: CanvasGradient) => void) => CanvasGradientFunction;
+//# sourceMappingURL=builder.d.ts.map

package/dist/components/gradient/builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../../src/components/gradient/builder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,eAAe,gEAIhB,eAAe,QAAQ,EAAE,SAAS,CAAC,yBACtB,cAAc,KAAK,IAAI,KAC7C,sBAMF,CAAC"}

package/dist/components/gradient/builder.js

@@ -0,0 +1,8 @@
+export const gradientBuilder = (instance, buildSteps) => {
+    return (x1, y1, x2, y2) => {
+        const gradient = instance.context.createLinearGradient(x1, y1, x2, y2);
+        buildSteps(gradient);
+        return gradient;
+    };
+};
+//# sourceMappingURL=builder.js.map

package/dist/components/gradient/builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"builder.js","sourceRoot":"","sources":["../../../src/components/gradient/builder.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,eAAe,GAAG,CAI7B,QAA6C,EAC7C,UAA8C,EACtB,EAAE;IAC1B,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;QACxB,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QACvE,UAAU,CAAC,QAAQ,CAAC,CAAC;QACrB,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/gradient/default.d.ts

@@ -0,0 +1,3 @@
+import type { CanvasGradientSteps } from '../../types';
+export declare const GOLDEN_GRADIENT: CanvasGradientSteps;
+//# sourceMappingURL=default.d.ts.map

package/dist/components/gradient/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/components/gradient/default.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,eAAO,MAAM,eAAe,EAAE,mBAQ7B,CAAC"}

package/dist/components/gradient/default.js

@@ -0,0 +1,10 @@
+export const GOLDEN_GRADIENT = gradient => {
+    gradient.addColorStop(0, '#E1B34C');
+    gradient.addColorStop(0.1, '#E1B34C');
+    gradient.addColorStop(0.3, 'white');
+    gradient.addColorStop(0.55, '#E1B34C');
+    gradient.addColorStop(0.65, '#E1B34C');
+    gradient.addColorStop(0.8, 'white');
+    gradient.addColorStop(1, '#E1B34C');
+};
+//# sourceMappingURL=default.js.map

package/dist/components/gradient/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../src/components/gradient/default.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAwB,QAAQ,CAAC,EAAE;IAC7D,QAAQ,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IACtC,QAAQ,CAAC,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACvC,QAAQ,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACvC,QAAQ,CAAC,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AACtC,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export type CanvasGradientFunction = (x1: number, y1: number, x2: number, y2: number) => CanvasGradient;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/gradient/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/gradient/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG,CACnC,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,KACP,cAAc,CAAC"}

package/dist/components/gradient/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/gradient/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/gradient/types.ts"],"names":[],"mappings":""}

package/dist/components/image/index.d.ts

@@ -0,0 +1,4 @@
+import type { CanvasInstance } from '../../types';
+import type { ImageHandler } from './types';
+export declare const image: <FontName extends string, ImageName extends string>(instance: CanvasInstance<FontName, ImageName>) => ImageHandler<FontName, ImageName>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/image/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAY,MAAM,aAAa,CAAC;AAG5D,OAAO,KAAK,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzE,eAAO,MAAM,KAAK,gEACN,eAAe,QAAQ,EAAE,SAAS,CAAC,KAC5C,aAAa,QAAQ,EAAE,SAAS,CA2GlC,CAAC"}

package/dist/components/image/index.js

@@ -0,0 +1,91 @@
+import { loadImage } from '@napi-rs/canvas';
+import { CanvasOrigin } from '../../types';
+import { getImage } from '../../utils/image';
+import { origins } from '../../utils/origins';
+export const image = (instance) => {
+    const draw = (context, options, image, enable = true) => {
+        const { x, y } = origins[options.origin](options.x, options.y, options.width * options.scale, options.height * options.scale);
+        context.globalCompositeOperation = options.composite;
+        context.rotate((options.angle * Math.PI) / 180);
+        if (enable) {
+            context.drawImage(image, x, y, options.width * options.scale, options.height * options.scale);
+        }
+        return { x, y };
+    };
+    const DEFAULT_IMAGE_COMPONENT_OPTIONS = {
+        imageName: null,
+        x: 0,
+        y: 0,
+        width: instance.width,
+        height: instance.height,
+        origin: CanvasOrigin.TOP_LEFT,
+        scale: 1,
+        angle: 0,
+        composite: 'source-over',
+    };
+    return {
+        context: instance.context,
+        options: DEFAULT_IMAGE_COMPONENT_OPTIONS,
+        setImageName(imageName) {
+            this.options.imageName = imageName;
+            return this;
+        },
+        setPosition(x, y) {
+            this.options.x = x;
+            this.options.y = y;
+            return this;
+        },
+        setDimensions(width, height) {
+            this.options.width = width;
+            this.options.height = height;
+            return this;
+        },
+        setOrigin(origin) {
+            this.options.origin = origin;
+            return this;
+        },
+        setAngle(angle) {
+            this.options.angle = angle;
+            return this;
+        },
+        setScale(scale) {
+            this.options.scale = scale;
+            return this;
+        },
+        setComposite(composite) {
+            this.options.composite = composite;
+            return this;
+        },
+        async drawFromUrl(url) {
+            this.context.save();
+            const image = await loadImage(url);
+            draw(this.context, this.options, image);
+            this.context.restore();
+        },
+        draw(enable = true) {
+            if (!this.options.imageName) {
+                throw new Error('No image chose');
+            }
+            this.context.save();
+            this.context.globalCompositeOperation = this.options.composite;
+            const image = getImage(this.options.imageName);
+            const { x, y } = draw(this.context, this.options, image, enable);
+            this.context.restore();
+            return {
+                width: this.options.width * this.options.scale,
+                next: generator => {
+                    const handler = generator(instance);
+                    handler.options = {
+                        ...handler.options,
+                        ...this.options,
+                        ...(enable
+                            ? { x: x + this.options.width * this.options.scale, y }
+                            : {}),
+                    };
+                    return handler;
+                },
+            };
+        },
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/components/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/image/index.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+import type { SKRSContext2D } from '@napi-rs/canvas';
+import type { CanvasNextHandler, CanvasOrigin, Handlers } from '../../types';
+export type CanvasImageComponentOptions<ImageName extends string> = {
+    imageName: ImageName | null;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    origin: CanvasOrigin;
+    scale: number;
+    angle: number;
+    composite: GlobalCompositeOperation;
+};
+export type ImageHandler<FontName extends string, ImageName extends string> = {
+    context: SKRSContext2D;
+    options: CanvasImageComponentOptions<ImageName>;
+    setImageName(this: ImageHandler<FontName, ImageName>, imageName: ImageName): ImageHandler<FontName, ImageName>;
+    setPosition(this: ImageHandler<FontName, ImageName>, x: number, y: number): ImageHandler<FontName, ImageName>;
+    setDimensions(this: ImageHandler<FontName, ImageName>, width: number, height: number): ImageHandler<FontName, ImageName>;
+    setOrigin(this: ImageHandler<FontName, ImageName>, origin: CanvasOrigin): ImageHandler<FontName, ImageName>;
+    setAngle(this: ImageHandler<FontName, ImageName>, angle: number): ImageHandler<FontName, ImageName>;
+    setScale(this: ImageHandler<FontName, ImageName>, scale: number): ImageHandler<FontName, ImageName>;
+    setComposite(this: ImageHandler<FontName, ImageName>, composite: GlobalCompositeOperation): ImageHandler<FontName, ImageName>;
+    drawFromUrl(this: ImageHandler<FontName, ImageName>, url: string): Promise<void>;
+    draw(this: ImageHandler<FontName, ImageName>, enable?: boolean): {
+        width: number;
+        next: <Handler extends Handlers<FontName, ImageName>>(generator: CanvasNextHandler<FontName, ImageName, Handler>) => Handler;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/image/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/image/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE7E,MAAM,MAAM,2BAA2B,CAAC,SAAS,SAAS,MAAM,IAAI;IAClE,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,wBAAwB,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,QAAQ,SAAS,MAAM,EAAE,SAAS,SAAS,MAAM,IAAI;IAC5E,OAAO,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,2BAA2B,CAAC,SAAS,CAAC,CAAC;IAEhD,YAAY,CACV,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,EACvC,SAAS,EAAE,SAAS,GACnB,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACrC,WAAW,CACT,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,EACvC,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,GACR,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACrC,aAAa,CACX,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,EACvC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACrC,SAAS,CACP,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,EACvC,MAAM,EAAE,YAAY,GACnB,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACrC,QAAQ,CACN,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,EACvC,KAAK,EAAE,MAAM,GACZ,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACrC,QAAQ,CACN,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,EACvC,KAAK,EAAE,MAAM,GACZ,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACrC,YAAY,CACV,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,EACvC,SAAS,EAAE,wBAAwB,GAClC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACrC,WAAW,CACT,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,EACvC,GAAG,EAAE,MAAM,GACV,OAAO,CAAC,IAAI,CAAC,CAAC;IACjB,IAAI,CACF,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,EACvC,MAAM,CAAC,EAAE,OAAO,GACf;QACD,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,CAAC,OAAO,SAAS,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,EAClD,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,KACvD,OAAO,CAAC;KACd,CAAC;CACH,CAAC"}

package/dist/components/image/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/image/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/image/types.ts"],"names":[],"mappings":""}

package/dist/components/rectangle/constants.d.ts

@@ -0,0 +1,3 @@
+import type { CanvasRectangleComponentOptions } from './types';
+export declare const DEFAULT_RECTANGLE_COMPONENT_OPTIONS: CanvasRectangleComponentOptions;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/rectangle/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/rectangle/constants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAE/D,eAAO,MAAM,mCAAmC,EAAE,+BAUtC,CAAC"}

package/dist/components/rectangle/constants.js

@@ -0,0 +1,12 @@
+import { CanvasOrigin } from '../../types';
+export const DEFAULT_RECTANGLE_COMPONENT_OPTIONS = {
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    color: 'white',
+    padding: 0,
+    origin: CanvasOrigin.TOP_LEFT,
+    composite: 'source-over',
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/rectangle/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/rectangle/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,MAAM,CAAC,MAAM,mCAAmC,GAC9C;IACE,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,YAAY,CAAC,QAAQ;IAC7B,SAAS,EAAE,aAAa;CAChB,CAAC"}

package/dist/components/rectangle/index.d.ts

@@ -0,0 +1,4 @@
+import type { CanvasInstance } from '../../types';
+import type { RectangleHandler } from './types';
+export declare const rectangle: <FontName extends string, ImageName extends string>(instance: CanvasInstance<FontName, ImageName>) => RectangleHandler<FontName, ImageName>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/rectangle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/rectangle/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAKlD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,SAAS,gEACV,eAAe,QAAQ,EAAE,SAAS,CAAC,KAC5C,iBAAiB,QAAQ,EAAE,SAAS,CAgFrC,CAAC"}

package/dist/components/rectangle/index.js

@@ -0,0 +1,64 @@
+import { processColor } from '../../utils/color';
+import { origins } from '../../utils/origins';
+import { spacing } from '../../utils/spacing';
+import { DEFAULT_RECTANGLE_COMPONENT_OPTIONS } from './constants';
+export const rectangle = (instance) => ({
+    context: instance.context,
+    options: { ...DEFAULT_RECTANGLE_COMPONENT_OPTIONS },
+    setPosition(x, y) {
+        this.options.x = x;
+        this.options.y = y;
+        return this;
+    },
+    setDimensions(width, height) {
+        this.options.width = width;
+        this.options.height = height;
+        return this;
+    },
+    setColor(color) {
+        this.options.color = color;
+        return this;
+    },
+    setPadding(padding) {
+        this.options.padding = padding;
+        return this;
+    },
+    setOrigin(origin) {
+        this.options.origin = origin;
+        return this;
+    },
+    setComposite(composite) {
+        this.options.composite = composite;
+        return this;
+    },
+    draw() {
+        this.context.save();
+        if (typeof this.options.color === 'string' &&
+            this.options.color === '#387cbc') {
+            console.log('>>>> ', this.options.x, this.options.origin);
+        }
+        else {
+            console.log('-- ', this.options.color);
+        }
+        this.context.globalCompositeOperation = this.options.composite;
+        const { x, y } = origins[this.options.origin](this.options.x, this.options.y, this.options.width, this.options.height);
+        const padding = spacing(this.options.padding);
+        this.context.fillStyle = processColor(this.options.color, instance, x - padding.x, y - padding.y, x + this.options.width + padding.x * 2, y + this.options.height + padding.y * 2);
+        this.context.fillRect(x - padding.x, y - padding.y, this.options.width + padding.x * 2, this.options.height + padding.y * 2);
+        this.context.restore();
+        return {
+            width: this.options.width + padding.x * 2,
+            next: generator => {
+                const handler = generator(instance);
+                handler.options = {
+                    ...handler.options,
+                    ...this.options,
+                    x: x + (this.options.width + padding.x * 2),
+                    y: y,
+                };
+                return handler;
+            },
+        };
+    },
+});
+//# sourceMappingURL=index.js.map

package/dist/components/rectangle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/rectangle/index.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+import type { SKRSContext2D } from '@napi-rs/canvas';
+import type { CanvasColorWithGradient, CanvasNextHandler, CanvasOrigin, CanvasSpacing, Handlers } from '../../types';
+export type CanvasRectangleComponentOptions = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    color: CanvasColorWithGradient;
+    origin: CanvasOrigin;
+    padding: CanvasSpacing;
+    composite: GlobalCompositeOperation;
+};
+export type RectangleHandler<FontName extends string, ImageName extends string> = {
+    context: SKRSContext2D;
+    options: CanvasRectangleComponentOptions;
+    setPosition(this: RectangleHandler<FontName, ImageName>, x: number, y: number): RectangleHandler<FontName, ImageName>;
+    setDimensions(this: RectangleHandler<FontName, ImageName>, width: number, height: number): RectangleHandler<FontName, ImageName>;
+    setColor(this: RectangleHandler<FontName, ImageName>, color: CanvasColorWithGradient): RectangleHandler<FontName, ImageName>;
+    setOrigin(this: RectangleHandler<FontName, ImageName>, origin: CanvasOrigin): RectangleHandler<FontName, ImageName>;
+    setPadding(this: RectangleHandler<FontName, ImageName>, padding: CanvasSpacing): RectangleHandler<FontName, ImageName>;
+    setComposite(this: RectangleHandler<FontName, ImageName>, composite: GlobalCompositeOperation): RectangleHandler<FontName, ImageName>;
+    draw(this: RectangleHandler<FontName, ImageName>): {
+        width: number;
+        next: <Handler extends Handlers<FontName, ImageName>>(generator: CanvasNextHandler<FontName, ImageName, Handler>) => Handler;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/rectangle/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/rectangle/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,EACV,uBAAuB,EACvB,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,QAAQ,EACT,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,+BAA+B,GAAG;IAC5C,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,uBAAuB,CAAC;IAC/B,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,aAAa,CAAC;IACvB,SAAS,EAAE,wBAAwB,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAC1B,QAAQ,SAAS,MAAM,EACvB,SAAS,SAAS,MAAM,IACtB;IACF,OAAO,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,+BAA+B,CAAC;IAEzC,WAAW,CACT,IAAI,EAAE,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,EAC3C,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,GACR,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACzC,aAAa,CACX,IAAI,EAAE,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,EAC3C,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACzC,QAAQ,CACN,IAAI,EAAE,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,EAC3C,KAAK,EAAE,uBAAuB,GAC7B,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACzC,SAAS,CACP,IAAI,EAAE,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,EAC3C,MAAM,EAAE,YAAY,GACnB,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACzC,UAAU,CACR,IAAI,EAAE,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,EAC3C,OAAO,EAAE,aAAa,GACrB,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACzC,YAAY,CACV,IAAI,EAAE,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,EAC3C,SAAS,EAAE,wBAAwB,GAClC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAEzC,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG;QACjD,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,CAAC,OAAO,SAAS,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,EAClD,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,KACvD,OAAO,CAAC;KACd,CAAC;CACH,CAAC"}

package/dist/components/rectangle/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/rectangle/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/rectangle/types.ts"],"names":[],"mappings":""}

package/dist/components/text/index.d.ts

@@ -0,0 +1,4 @@
+import type { CanvasInstance } from '../../types';
+import type { TextHandler } from './types';
+export declare const text: <FontName extends string, ImageName extends string>(instance: CanvasInstance<FontName, ImageName>, text: string | number) => TextHandler<FontName, ImageName>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGV,cAAc,EAGf,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,EAA8B,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvE,eAAO,MAAM,IAAI,gEACL,eAAe,QAAQ,EAAE,SAAS,CAAC,QACvC,MAAM,GAAG,MAAM,KACpB,YAAY,QAAQ,EAAE,SAAS,CA6GjC,CAAC"}

package/dist/components/text/index.js

@@ -0,0 +1,104 @@
+import { CanvasOrigin, } from '../../types';
+import { origins } from '../../utils/origins';
+import { spacing } from '../../utils/spacing';
+export const text = (instance, text) => {
+    const DEFAULT_TEXT_COMPONENT_OPTIONS = {
+        text: text.toString(),
+        x: 0,
+        y: 0,
+        color: 'white',
+        backgroundColor: 'transparent',
+        font: null,
+        fontSize: 20,
+        padding: 0,
+        origin: CanvasOrigin.TOP_LEFT,
+    };
+    return {
+        options: DEFAULT_TEXT_COMPONENT_OPTIONS,
+        context: instance.context,
+        setText(text) {
+            this.options.text = text;
+            return this;
+        },
+        setPosition(x, y) {
+            this.options.x = x;
+            this.options.y = y;
+            return this;
+        },
+        addPosition(x, y) {
+            this.options.x += x;
+            this.options.y += y;
+            return this;
+        },
+        setFont(font, fontSize) {
+            this.options.font = font;
+            this.options.fontSize = fontSize;
+            return this;
+        },
+        setColor(color) {
+            this.options.color = color;
+            return this;
+        },
+        setBackgroundColor(color) {
+            this.options.backgroundColor = color;
+            return this;
+        },
+        setPadding(padding) {
+            this.options.padding = padding;
+            return this;
+        },
+        setOrigin(origin) {
+            this.options.origin = origin;
+            return this;
+        },
+        setStroke(stroke) {
+            this.options.stroke = stroke;
+            return this;
+        },
+        draw(enable = true) {
+            if (!this.options.font) {
+                throw new Error('No font chose');
+            }
+            this.context.save();
+            this.context.font = `${this.options.fontSize}px ${this.options.font}`;
+            this.context.textBaseline = 'top';
+            const { width } = this.context.measureText(this.options.text.toString());
+            const { x, y } = origins[this.options.origin](this.options.x, this.options.y, width, this.options.fontSize);
+            if (this.options.backgroundColor !== 'transparent') {
+                instance
+                    .Rectangle()
+                    .setPadding(this.options.padding)
+                    .setPosition(this.options.x, this.options.y)
+                    .setDimensions(width, this.options.fontSize)
+                    .setColor(this.options.backgroundColor)
+                    .setOrigin(this.options.origin)
+                    .draw();
+            }
+            this.context.fillStyle = this.options.color;
+            if (enable) {
+                this.context.fillText(this.options.text.toString(), x, y);
+            }
+            if (this.options.stroke && enable) {
+                this.context.strokeStyle = this.options.stroke.color;
+                this.context.lineWidth = this.options.stroke.width;
+                this.context.strokeText(this.options.text.toString(), x, y);
+            }
+            this.context.restore();
+            return {
+                width,
+                next: generator => {
+                    const handler = generator(instance);
+                    handler.options = {
+                        ...handler.options,
+                        ...this.options,
+                        ...(enable
+                            ? { x: x + width + spacing(this.options.padding).x * 2, y }
+                            : {}),
+                    };
+                    return handler;
+                },
+            };
+        },
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/components/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+import type { SKRSContext2D } from '@napi-rs/canvas';
+import type { CanvasColor, CanvasColorWithGradient, CanvasNextHandler, CanvasOrigin, CanvasSpacing, CanvasStroke, Handlers } from '../../types';
+export type CanvasTextComponentOptions<FontName extends string> = {
+    text: string;
+    x: number;
+    y: number;
+    font: FontName | null;
+    fontSize: number;
+    color: CanvasColor;
+    backgroundColor: CanvasColorWithGradient;
+    origin: CanvasOrigin;
+    padding: CanvasSpacing;
+    stroke?: CanvasStroke;
+};
+export type TextHandler<FontName extends string, ImageName extends string> = {
+    context: SKRSContext2D;
+    options: CanvasTextComponentOptions<FontName>;
+    setFont(this: TextHandler<FontName, ImageName>, font: FontName, fontSize: number): TextHandler<FontName, ImageName>;
+    setText(this: TextHandler<FontName, ImageName>, text: string): TextHandler<FontName, ImageName>;
+    setPosition(this: TextHandler<FontName, ImageName>, x: number, y: number): TextHandler<FontName, ImageName>;
+    addPosition(this: TextHandler<FontName, ImageName>, x: number, y: number): TextHandler<FontName, ImageName>;
+    setColor(this: TextHandler<FontName, ImageName>, color: CanvasColor): TextHandler<FontName, ImageName>;
+    setBackgroundColor(this: TextHandler<FontName, ImageName>, color: CanvasColorWithGradient): TextHandler<FontName, ImageName>;
+    setOrigin(this: TextHandler<FontName, ImageName>, origin: CanvasOrigin): TextHandler<FontName, ImageName>;
+    setPadding(this: TextHandler<FontName, ImageName>, padding: CanvasSpacing): TextHandler<FontName, ImageName>;
+    setStroke(this: TextHandler<FontName, ImageName>, stroke: CanvasStroke): TextHandler<FontName, ImageName>;
+    draw(this: TextHandler<FontName, ImageName>, enable?: boolean): {
+        width: number;
+        next: <Handler extends Handlers<FontName, ImageName>>(generator: CanvasNextHandler<FontName, ImageName, Handler>) => Handler;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/text/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/text/types.ts"],"names":[],"mappings":"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"}

package/dist/components/text/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/text/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/text/types.ts"],"names":[],"mappings":""}

package/dist/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const CANVAS_COLORS: readonly ["black", "silver", "gray", "white", "maroon", "red", "purple", "fuchsia", "green", "lime", "olive", "yellow", "navy", "blue", "teal", "aqua", "transparent"];
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,wKAkBhB,CAAC"}

package/dist/constants.js

@@ -0,0 +1,20 @@
+export const CANVAS_COLORS = [
+    'black',
+    'silver',
+    'gray',
+    'white',
+    'maroon',
+    'red',
+    'purple',
+    'fuchsia',
+    'green',
+    'lime',
+    'olive',
+    'yellow',
+    'navy',
+    'blue',
+    'teal',
+    'aqua',
+    'transparent',
+];
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,OAAO;IACP,QAAQ;IACR,MAAM;IACN,OAAO;IACP,QAAQ;IACR,KAAK;IACL,QAAQ;IACR,SAAS;IACT,OAAO;IACP,MAAM;IACN,OAAO;IACP,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,aAAa;CACL,CAAC"}

package/dist/font/index.d.ts

@@ -0,0 +1,3 @@
+import type { FontRegistering } from './types';
+export declare const registerFont: (fonts: FontRegistering[]) => void;
+//# sourceMappingURL=index.d.ts.map