@amphore-dev/shades 0.5.0

package/dist/classes/ShadesEngine.js

@@ -0,0 +1,386 @@
+import { TextShape, ImageShape } from "./index.js";
+import { SHADES_TYPES_CONSTRUCTORS_LIST, } from "../types/index.js";
+import { HOME_COLORS, MAX_SHADES_NBR } from "../constants/index.js";
+import { genConfig, getRandColors, random } from "../utils/index.js";
+export class ShadesEngine {
+    canvas;
+    context;
+    options;
+    // Internal state (previously React useRef equivalents)
+    items = [];
+    config;
+    offset = { x: 0, y: 0 };
+    targetOffset = { x: 0, y: 0 };
+    genCount = 0;
+    fade = {
+        isFading: true,
+        opacity: 0,
+        targetOpacity: 1,
+        startOpacity: 0,
+        startTime: 0,
+        onDone: () => { },
+    };
+    // Animation
+    animationFrameId = null;
+    isPlaying = false;
+    elapsedTime = 1;
+    framesCount = { count: 0, fps: 0 };
+    // Event handlers
+    boundHandleClick;
+    boundHandleMouseMove;
+    boundHandleWheel;
+    boundHandleResize;
+    // Debug
+    debug = false;
+    debugContainer = null;
+    constructor(canvas, options = {}) {
+        this.canvas = canvas;
+        this.options = options;
+        const context = canvas.getContext("2d");
+        if (!context) {
+            throw new Error("Cannot get 2D context from canvas");
+        }
+        this.context = context;
+        this.config = genConfig(this.options);
+        // Initialize startTime and startOpacity for the first fade
+        this.fade.startTime = performance.now();
+        this.fade.startOpacity = 0;
+        // Bind event handlers
+        this.boundHandleClick = this.handleClick.bind(this);
+        this.boundHandleMouseMove = this.handleMouseMove.bind(this);
+        this.boundHandleWheel = this.handleWheel.bind(this);
+        this.boundHandleResize = this.handleResize.bind(this);
+        this.setupCanvas();
+        this.initializeDebug();
+    }
+    setupCanvas() {
+        this.canvas.width = this.canvas.clientWidth;
+        this.canvas.height = this.canvas.clientHeight;
+    }
+    generate() {
+        this.attachEventListeners();
+        // Wait for fonts to be ready (comme dans le code original)
+        if (document.fonts) {
+            document.fonts.ready.then(() => {
+                this.config = {
+                    ...this.config,
+                    nbrItemsX: 1,
+                    nbrItemsY: 1,
+                    nbrShades: 10,
+                    gradRatio: 100 / 10,
+                    width: document.body.clientWidth / 6,
+                    height: document.body.clientWidth / 6,
+                };
+                this.genItems(TextShape, HOME_COLORS[random(0, HOME_COLORS.length - 1, true)]);
+            });
+        }
+        else {
+            this.initDefaultGeneration();
+        }
+    }
+    initDefaultGeneration() {
+        this.config = {
+            ...this.config,
+            nbrItemsX: 1,
+            nbrItemsY: 1,
+            nbrShades: 10,
+            gradRatio: 100 / 10,
+            width: document.body.clientWidth / 6,
+            height: document.body.clientWidth / 6,
+        };
+        this.genItems(TextShape, HOME_COLORS[random(0, HOME_COLORS.length - 1, true)]);
+    }
+    getConfig() {
+        const config = this.config;
+        // maybe used later for external config provision, but for now we just return the current config
+        return { ...config };
+    }
+    genItems(constructor, forceColor) {
+        const config = this.getConfig();
+        const { width, height, spacing, nbrItemsX, nbrItemsY, type, rotationFilter, fillFilter, colors: configColors, mainColor: configMainColor, } = config;
+        const items = [];
+        // For genCount > 1), ignore configColors and generate new colors
+        const colors = this.genCount > 1
+            ? getRandColors(type)
+            : configColors?.length
+                ? configColors
+                : Array.isArray(forceColor)
+                    ? forceColor
+                    : getRandColors(type);
+        const color = forceColor && !Array.isArray(forceColor) ? forceColor : undefined;
+        const mainColor = configMainColor ?? colors[random(0, colors.length - 1, true)];
+        const ShadeConstructor = constructor ??
+            this.options.customShapes?.[type] ??
+            SHADES_TYPES_CONSTRUCTORS_LIST[type];
+        for (let x = 0; x < nbrItemsX; x++) {
+            for (let y = 0; y < nbrItemsY; y++) {
+                const index = random(0, colors.length - 1, true);
+                const itemColor = colors[index];
+                items.push(new ShadeConstructor(x * width + x * spacing, y * height + y * spacing, color ?? itemColor, {
+                    filled: fillFilter?.(mainColor, color ?? itemColor),
+                    rotation: rotationFilter?.(mainColor, color ?? itemColor),
+                    lineCap: config.lineCap,
+                    ...(constructor === ImageShape ? { imageSource: undefined } : {}),
+                }));
+            }
+        }
+        this.config = {
+            ...this.config,
+            ...config,
+            rotationFilter,
+            fillFilter,
+            colors,
+            mainColor,
+            totalWidth: nbrItemsX * width + (nbrItemsX - 1) * spacing,
+            totalHeight: nbrItemsY * height + (nbrItemsY - 1) * spacing,
+        };
+        this.items = items;
+        this.genCount++;
+    }
+    animate() {
+        if (!this.isPlaying)
+            return;
+        const start = performance.now();
+        this.context.clearRect(0, 0, this.canvas.width + 2, this.canvas.height + 2);
+        this.context.lineWidth = this.config.thickness;
+        this.items.forEach((item) => {
+            item.draw(this.context, this.config, this.offset);
+        });
+        // Smooth offset animation
+        const step = 0.1;
+        this.offset = {
+            x: (this.targetOffset.x - this.offset.x) * step + this.offset.x,
+            y: (this.targetOffset.y - this.offset.y) * step + this.offset.y,
+        };
+        if (this.offset.x !== this.targetOffset.x &&
+            Math.abs(this.offset.x - this.targetOffset.x) < 1) {
+            this.offset.x = this.targetOffset.x;
+        }
+        if (this.offset.y !== this.targetOffset.y &&
+            Math.abs(this.offset.y - this.targetOffset.y) < 1) {
+            this.offset.y = this.targetOffset.y;
+        }
+        // Fade animation
+        if (this.fade.isFading) {
+            const fadeDuration = (this.options.fadeDuration ?? 1000) / (this.genCount ? 2 : 1); // Speed up fade for subsequent generations (fade duration = fadeIn + fadeOut)
+            const currentTime = performance.now();
+            const { targetOpacity, startTime, onDone } = this.fade;
+            // Calculate progress based on elapsed real time
+            const elapsed = currentTime - startTime;
+            const progress = Math.min(elapsed / fadeDuration, 1);
+            // Interpolate between startOpacity and targetOpacity
+            const { startOpacity } = this.fade;
+            this.fade.opacity =
+                startOpacity + (targetOpacity - startOpacity) * progress;
+            // Fade completed
+            if (progress >= 1) {
+                this.fade.opacity = targetOpacity;
+                this.fade.isFading = false;
+                if (targetOpacity === 0) {
+                    onDone();
+                }
+            }
+        }
+        // Apply fade overlay
+        this.context.fillStyle = `rgba(0,0,0,${1 - this.fade.opacity})`;
+        this.context.fillRect(0, 0, this.canvas.width, this.canvas.height);
+        const stop = performance.now();
+        this.elapsedTime = stop - start;
+        this.framesCount.count++;
+        if (this.options.debug) {
+            this.updateDebug();
+        }
+        this.animationFrameId = requestAnimationFrame(() => this.animate());
+    }
+    getCenter() {
+        return {
+            x: this.canvas.clientWidth / 2,
+            y: this.canvas.clientHeight / 2,
+        };
+    }
+    handleMouseMove(event) {
+        const center = this.getCenter();
+        this.targetOffset = {
+            x: event.clientX - center.x,
+            y: event.clientY - center.y,
+        };
+    }
+    zoomShades(scale) {
+        const nbrShades = this.config.nbrShades;
+        let newValue = nbrShades + scale;
+        if (newValue < 1)
+            newValue = 1;
+        else if (newValue > MAX_SHADES_NBR)
+            newValue = MAX_SHADES_NBR;
+        this.config = {
+            ...this.config,
+            nbrShades: newValue,
+            gradRatio: 100 / newValue,
+        };
+    }
+    handleWheel(event) {
+        event.preventDefault();
+        const forceScroll = event.deltaY;
+        if (forceScroll < 0)
+            return this.zoomShades(0.1);
+        if (forceScroll > 0)
+            return this.zoomShades(-0.1);
+    }
+    handleClick() {
+        if (this.fade.isFading && this.fade.targetOpacity === 0)
+            return;
+        // Keep current opacity as the starting point for fade out
+        const currentOpacity = this.fade.opacity;
+        this.fade = {
+            ...this.fade,
+            isFading: true,
+            startOpacity: currentOpacity,
+            targetOpacity: 0,
+            startTime: performance.now(),
+            onDone: () => {
+                this.fade = {
+                    ...this.fade,
+                    isFading: true,
+                    startOpacity: 0,
+                    targetOpacity: 1,
+                    startTime: performance.now(),
+                    onDone: () => { },
+                };
+                this.config = genConfig(this.options);
+                this.genItems();
+            },
+        };
+    }
+    handleResize() {
+        this.canvas.width = this.canvas.clientWidth;
+        this.canvas.height = this.canvas.clientHeight;
+        this.config = {
+            ...this.config,
+            center: this.getCenter(),
+        };
+        this.offset = { x: 0, y: 0 };
+    }
+    attachEventListeners() {
+        this.canvas.addEventListener("click", this.boundHandleClick);
+        this.canvas.addEventListener("wheel", this.boundHandleWheel);
+        document.addEventListener("mousemove", this.boundHandleMouseMove);
+        window.addEventListener("resize", this.boundHandleResize);
+    }
+    detachEventListeners() {
+        this.canvas.removeEventListener("click", this.boundHandleClick);
+        this.canvas.removeEventListener("wheel", this.boundHandleWheel);
+        document.removeEventListener("mousemove", this.boundHandleMouseMove);
+        window.removeEventListener("resize", this.boundHandleResize);
+    }
+    // Public API methods for external interaction
+    start() {
+        if (this.isPlaying)
+            return;
+        this.isPlaying = true;
+        this.animate();
+        this.startFPSCounter();
+    }
+    pause() {
+        this.isPlaying = false;
+        if (this.animationFrameId) {
+            cancelAnimationFrame(this.animationFrameId);
+            this.animationFrameId = null;
+        }
+    }
+    destroy() {
+        this.pause();
+        this.detachEventListeners();
+        // Clean up debug element
+        if (this.debugContainer) {
+            this.debugContainer.remove();
+            this.debugContainer = null;
+        }
+        // Reset state
+        this.items = [];
+        this.genCount = 0;
+        this.offset = { x: 0, y: 0 };
+        this.targetOffset = { x: 0, y: 0 };
+    }
+    regenerate() {
+        this.handleClick();
+    }
+    getShadesConfig() {
+        return { ...this.config };
+    }
+    getItems() {
+        return [...this.items];
+    }
+    isAnimating() {
+        return this.isPlaying;
+    }
+    zoom(scale) {
+        this.zoomShades(scale);
+    }
+    // Debug methods
+    initializeDebug() {
+        if (this.options.debug) {
+            const debugElement = document.createElement("pre");
+            debugElement.className =
+                typeof this.options.debug === "object" && this.options.debug.className
+                    ? this.options.debug.className
+                    : "shades-debug";
+            debugElement.style.cssText = `
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        z-index: 10;
+        color: white;
+        text-align: left;
+        font-family: monospace;
+        font-size: 12px;
+        background: rgba(0,0,0,0.5);
+        padding: 10px;
+        pointer-events: none;
+      `;
+            // Insert before canvas in DOM
+            this.canvas.parentNode?.insertBefore(debugElement, this.canvas);
+            this.debugContainer = debugElement;
+        }
+    }
+    startFPSCounter() {
+        setInterval(() => {
+            this.framesCount = {
+                count: 0,
+                fps: this.framesCount.count,
+            };
+        }, 1000);
+    }
+    updateDebug() {
+        const debugElement = this.debugContainer;
+        if (debugElement) {
+            debugElement.innerHTML = `
+Width: ${this.canvas.width}
+Height: ${this.canvas.height}
+IsPlaying: ${this.isPlaying}
+Elapsed Time: ${this.elapsedTime.toFixed(2)}ms
+FPS: ${this.framesCount.fps}
+Items: ${this.items.length}
+Generation: ${this.genCount}
+      `.trim();
+        }
+    }
+    getDebugInfo() {
+        return {
+            genCount: this.genCount,
+            config: { ...this.config },
+        };
+    }
+    setDebug(value) {
+        this.options.debug = value;
+        if (value) {
+            this.initializeDebug();
+        }
+        else {
+            const debugElement = document.querySelector(".shades-debug");
+            if (debugElement) {
+                debugElement.remove();
+            }
+        }
+    }
+}
+//# sourceMappingURL=ShadesEngine.js.map

package/dist/classes/ShadesEngine.js.map

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

package/dist/classes/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./shapes/index.js";
+export * from "./ShadesEngine.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/classes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/classes/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/classes/index.js

@@ -0,0 +1,3 @@
+export * from "./shapes/index.js";
+export * from "./ShadesEngine.js";
+//# sourceMappingURL=index.js.map

package/dist/classes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/classes/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/classes/shapes/BaseShape.d.ts

@@ -0,0 +1,20 @@
+import { TShadeColor, TShadeConfig, TShadeType, TShapeOptions } from "../../types/index.js";
+import { TPoint } from "../../types/TPoints.js";
+/**
+ * Base class for all shape types
+ */
+export declare class ShadeItem {
+    id: string;
+    position: TPoint;
+    angle: number;
+    rotation: boolean;
+    color: TShadeColor;
+    type: TShadeType;
+    filled: boolean;
+    lineCap: "butt" | "round" | "square";
+    constructor(x: number, y: number, color: TShadeColor, options?: TShapeOptions);
+    draw: (ctx: CanvasRenderingContext2D, config: TShadeConfig, offset: TPoint) => void;
+    drawPath: (ctx: CanvasRenderingContext2D) => void;
+    setColors: (ctx: CanvasRenderingContext2D, gradRatio: number, i: number) => void;
+}
+//# sourceMappingURL=BaseShape.d.ts.map

package/dist/classes/shapes/BaseShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseShape.d.ts","sourceRoot":"","sources":["../../../src/classes/shapes/BaseShape.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,EACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD;;GAEG;AACH,qBAAa,SAAS;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAK;IAClB,QAAQ,EAAE,OAAO,CAAS;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,UAAU,CAAY;IAC5B,MAAM,EAAE,OAAO,CAAS;IACxB,OAAO,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAU;gBAG5C,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,WAAW,EAClB,OAAO,GAAE,aAAkB;IAa7B,IAAI,GACF,KAAK,wBAAwB,EAC7B,QAAQ,YAAY,EACpB,QAAQ,MAAM,UAGd;IAEF,QAAQ,GAAI,KAAK,wBAAwB,UAOvC;IAEF,SAAS,GAAI,KAAK,wBAAwB,EAAE,WAAW,MAAM,EAAE,GAAG,MAAM,UAOtE;CACH"}

package/dist/classes/shapes/BaseShape.js

@@ -0,0 +1,45 @@
+/**
+ * Base class for all shape types
+ */
+export class ShadeItem {
+    id;
+    position;
+    angle = 0;
+    rotation = false;
+    color;
+    type = "circle";
+    filled = false;
+    lineCap = "butt";
+    constructor(x, y, color, options = {}) {
+        // random id
+        this.id = Math.random().toString(36).slice(2, 10);
+        this.position = { x, y };
+        this.color = color;
+        // Apply options with defaults
+        this.filled = options.filled ?? false;
+        this.rotation = options.rotation ?? false;
+        this.lineCap = options.lineCap ?? "butt";
+    }
+    draw = (ctx, config, offset) => {
+        console.warn("draw method not implemented");
+    };
+    drawPath = (ctx) => {
+        const savedLineCap = ctx.lineCap;
+        ctx.lineCap = this.lineCap;
+        if (this.filled)
+            ctx.fill();
+        else
+            ctx.stroke();
+        ctx.lineCap = savedLineCap;
+    };
+    setColors = (ctx, gradRatio, i) => {
+        if (!this.color)
+            return;
+        const { r, g, b } = this.color;
+        if (this.filled)
+            ctx.fillStyle = `rgba(${r}, ${g}, ${b}, ${1 - (gradRatio * i) / 100})`;
+        else
+            ctx.strokeStyle = `rgba(${r}, ${g}, ${b}, ${1 - (gradRatio * i) / 100})`;
+    };
+}
+//# sourceMappingURL=BaseShape.js.map

package/dist/classes/shapes/BaseShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseShape.js","sourceRoot":"","sources":["../../../src/classes/shapes/BaseShape.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,MAAM,OAAO,SAAS;IACpB,EAAE,CAAS;IACX,QAAQ,CAAS;IACjB,KAAK,GAAW,CAAC,CAAC;IAClB,QAAQ,GAAY,KAAK,CAAC;IAC1B,KAAK,CAAc;IACnB,IAAI,GAAe,QAAQ,CAAC;IAC5B,MAAM,GAAY,KAAK,CAAC;IACxB,OAAO,GAAgC,MAAM,CAAC;IAE9C,YACE,CAAS,EACT,CAAS,EACT,KAAkB,EAClB,UAAyB,EAAE;QAE3B,YAAY;QACZ,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnB,8BAA8B;QAC9B,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,KAAK,CAAC;QACtC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAC;QAC1C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,MAAM,CAAC;IAC3C,CAAC;IAED,IAAI,GAAG,CACL,GAA6B,EAC7B,MAAoB,EACpB,MAAc,EACd,EAAE;QACF,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,QAAQ,GAAG,CAAC,GAA6B,EAAE,EAAE;QAC3C,MAAM,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;QACjC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE3B,IAAI,IAAI,CAAC,MAAM;YAAE,GAAG,CAAC,IAAI,EAAE,CAAC;;YACvB,GAAG,CAAC,MAAM,EAAE,CAAC;QAClB,GAAG,CAAC,OAAO,GAAG,YAAY,CAAC;IAC7B,CAAC,CAAC;IAEF,SAAS,GAAG,CAAC,GAA6B,EAAE,SAAiB,EAAE,CAAS,EAAE,EAAE;QAC1E,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/B,IAAI,IAAI,CAAC,MAAM;YACb,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC;;YAEvE,GAAG,CAAC,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC;IAC7E,CAAC,CAAC;CACH"}

package/dist/classes/shapes/CircleShape.d.ts

@@ -0,0 +1,11 @@
+import { TShadeColor, TShadeConfig, TShapeOptions } from "../../types/index.js";
+import { TPoint } from "../../types/TPoints.js";
+import { ShadeItem } from "./BaseShape.js";
+/**
+ * Circle shape implementation
+ */
+export declare class CircleShape extends ShadeItem {
+    constructor(x: number, y: number, color: TShadeColor, options?: TShapeOptions);
+    draw: (ctx: CanvasRenderingContext2D, config: TShadeConfig, offset: TPoint) => void;
+}
+//# sourceMappingURL=CircleShape.d.ts.map

package/dist/classes/shapes/CircleShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleShape.d.ts","sourceRoot":"","sources":["../../../src/classes/shapes/CircleShape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C;;GAEG;AACH,qBAAa,WAAY,SAAQ,SAAS;gBAEtC,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,WAAW,EAClB,OAAO,GAAE,aAAkB;IAM7B,IAAI,GACF,KAAK,wBAAwB,EAC7B,QAAQ,YAAY,EACpB,QAAQ,MAAM,UAwBd;CACH"}

package/dist/classes/shapes/CircleShape.js

@@ -0,0 +1,25 @@
+import { ShadeItem } from "./BaseShape.js";
+/**
+ * Circle shape implementation
+ */
+export class CircleShape extends ShadeItem {
+    constructor(x, y, color, options = {}) {
+        super(x, y, color, { filled: true, ...options });
+        this.type = "circle";
+    }
+    draw = (ctx, config, offset) => {
+        const { gradRatio, nbrShades, totalWidth, totalHeight, center, width } = config;
+        for (let i = 0; i < nbrShades; i++) {
+            this.setColors(ctx, gradRatio, i);
+            ctx.beginPath();
+            ctx.arc(center.x +
+                (this.position.x - totalWidth / 2 + width / 2) +
+                offset.x * (1 - (gradRatio * i) / 100), center.y +
+                (this.position.y - totalHeight / 2 + width / 2) +
+                offset.y * (1 - (gradRatio * i) / 100), width / 2, 0, 2 * Math.PI);
+            this.drawPath(ctx);
+            ctx.closePath();
+        }
+    };
+}
+//# sourceMappingURL=CircleShape.js.map

package/dist/classes/shapes/CircleShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleShape.js","sourceRoot":"","sources":["../../../src/classes/shapes/CircleShape.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,SAAS;IACxC,YACE,CAAS,EACT,CAAS,EACT,KAAkB,EAClB,UAAyB,EAAE;QAE3B,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QACjD,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IAED,IAAI,GAAG,CACL,GAA6B,EAC7B,MAAoB,EACpB,MAAc,EACd,EAAE;QACF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GACpE,MAAM,CAAC;QAET,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;YAElC,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,GAAG,CACL,MAAM,CAAC,CAAC;gBACN,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gBAC9C,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,EACxC,MAAM,CAAC,CAAC;gBACN,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,WAAW,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gBAC/C,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,EACxC,KAAK,GAAG,CAAC,EACT,CAAC,EACD,CAAC,GAAG,IAAI,CAAC,EAAE,CACZ,CAAC;YAEF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACnB,GAAG,CAAC,SAAS,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;CACH"}

package/dist/classes/shapes/ImageShape.d.ts

@@ -0,0 +1,22 @@
+import { TShadeColor, TShadeConfig, TShapeOptions } from "../../types/index.js";
+import { TPoint } from "../../types/TPoints.js";
+import { ShadeItem } from "./BaseShape.js";
+/**
+ * Image shape that displays images (SVG, PNG, JPG, etc.)
+ * More flexible than the original LogoShape - accepts image URLs or HTMLImageElement
+ */
+export declare class ImageShape extends ShadeItem {
+    image?: HTMLImageElement;
+    imageUrl?: string;
+    hasImageLoaded: boolean;
+    hexColor: string;
+    constructor(x: number, y: number, color: TShadeColor, options?: TShapeOptions & {
+        imageSource?: string | HTMLImageElement | HTMLElement;
+    });
+    private loadImage;
+    private loadFromUrl;
+    private loadFromSVGElement;
+    setColors: (ctx: CanvasRenderingContext2D, gradRatio: number, i: number) => void;
+    draw: (ctx: CanvasRenderingContext2D, config: TShadeConfig, offset: TPoint) => void;
+}
+//# sourceMappingURL=ImageShape.d.ts.map

package/dist/classes/shapes/ImageShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageShape.d.ts","sourceRoot":"","sources":["../../../src/classes/shapes/ImageShape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C;;;GAGG;AACH,qBAAa,UAAW,SAAQ,SAAS;IACvC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAS;IAChC,QAAQ,EAAE,MAAM,CAAC;gBAGf,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,WAAW,EAClB,OAAO,GAAE,aAAa,GAAG;QACvB,WAAW,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,WAAW,CAAC;KAClD;IASR,OAAO,CAAC,SAAS;IA+BjB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,kBAAkB;IAkB1B,SAAS,GAAI,KAAK,wBAAwB,EAAE,WAAW,MAAM,EAAE,GAAG,MAAM,UAItE;IAEF,IAAI,GACF,KAAK,wBAAwB,EAC7B,QAAQ,YAAY,EACpB,QAAQ,MAAM,UAiCd;CACH"}