hudini 0.9.0 → 0.10.0

package/dist/components/card/card.d.ts

@@ -0,0 +1,103 @@
+import { GameObjects, Scene } from 'phaser';
+import { type ColorKey, type RadiusKey, type SpacingKey } from 'phaser-wind';
+export type CardParams = {
+    /** The Phaser scene to add the card to */
+    scene: Scene;
+    /** X position of the card */
+    x: number;
+    /** Y position of the card */
+    y: number;
+    /** Background color of the card. Defaults to 'white'. */
+    backgroundColor?: ColorKey | string;
+    /** Border radius in px (number) or a Phaser Wind radius token (string). Defaults to 'md'. */
+    borderRadius?: RadiusKey | number;
+    /** Margin/padding in px (number) or a Phaser Wind spacing token (string). Defaults to '4'. */
+    margin?: SpacingKey | number;
+    /** Child component to be contained within the card */
+    child: GameObjects.GameObject;
+};
+/**
+ * A flexible card component that adapts to its child content size
+ */
+export declare class Card extends GameObjects.Container {
+    /** The background graphics of the card */
+    backgroundGraphics: GameObjects.Graphics;
+    /** The child component contained within the card */
+    child: GameObjects.GameObject;
+    /** Reference to the PhaserWind plugin */
+    private pw;
+    /** Margin size in pixels */
+    private marginPx;
+    /** Border radius in pixels */
+    private borderRadiusPx;
+    /** Background color value */
+    private backgroundColorValue;
+    /**
+     * Creates a new Card
+     * @param params Configuration parameters for the card
+     */
+    constructor({ scene, x, y, backgroundColor, borderRadius, margin, child, }: CardParams);
+    /**
+     * Sets the background color of the card
+     * @param color Background color token or string
+     * @returns this for chaining
+     */
+    setBackgroundColor(color: ColorKey | string): this;
+    /**
+     * Sets the border radius of the card
+     * @param borderRadius Border radius (number in px or RadiusKey)
+     * @returns this for chaining
+     */
+    setBorderRadius(borderRadius: RadiusKey | number): this;
+    /**
+     * Sets the margin/padding of the card
+     * @param margin Margin size (number in px or SpacingKey)
+     * @returns this for chaining
+     */
+    setMargin(margin: SpacingKey | number): this;
+    /**
+     * Sets a new child component for the card
+     * @param child New child component
+     * @returns this for chaining
+     */
+    setChild(child: GameObjects.GameObject): this;
+    /**
+     * Creates the background graphics for the card
+     * @param scene The scene to add the graphics to
+     */
+    private createBackgroundGraphics;
+    /**
+     * Sets up the container with background and child
+     */
+    private setupContainer;
+    /**
+     * Updates the layout after property changes
+     */
+    private updateLayout;
+    /**
+     * Gets the child's origin if it exists
+     * @returns Object with x and y origin values, or null if not available
+     */
+    private getChildOrigin;
+    /**
+     * Calculates the X position for the child considering its origin
+     * @param cardWidth Total width of the card
+     * @param childWidth Width of the child
+     * @param childOrigin Origin of the child (null if not available)
+     * @returns X position for the child
+     */
+    private calculateChildX;
+    /**
+     * Calculates the Y position for the child considering its origin
+     * @param cardHeight Total height of the card
+     * @param childHeight Height of the child
+     * @param childOrigin Origin of the child (null if not available)
+     * @returns Y position for the child
+     */
+    private calculateChildY;
+    /**
+     * Draws the background graphics
+     */
+    private drawBackground;
+}
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAGH,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,UAAU,EAClB,MAAM,aAAa,CAAC;AAIrB,MAAM,MAAM,UAAU,GAAG;IACrB,0CAA0C;IAC1C,KAAK,EAAE,KAAK,CAAC;IACb,6BAA6B;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,6BAA6B;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,yDAAyD;IACzD,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACpC,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAClC,8FAA8F;IAC9F,MAAM,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC7B,sDAAsD;IACtD,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,qBAAa,IAAK,SAAQ,WAAW,CAAC,SAAS;IAC3C,0CAA0C;IACnC,kBAAkB,EAAG,WAAW,CAAC,QAAQ,CAAC;IACjD,oDAAoD;IAC7C,KAAK,EAAG,WAAW,CAAC,UAAU,CAAC;IAEtC,yCAAyC;IACzC,OAAO,CAAC,EAAE,CAAuB;IACjC,4BAA4B;IAC5B,OAAO,CAAC,QAAQ,CAAU;IAC1B,8BAA8B;IAC9B,OAAO,CAAC,cAAc,CAAU;IAChC,6BAA6B;IAC7B,OAAO,CAAC,oBAAoB,CAAU;IAEtC;;;OAGG;gBACS,EACR,KAAK,EACL,CAAC,EACD,CAAC,EACD,eAAyB,EACzB,YAAmB,EACnB,MAAY,EACZ,KAAK,GACR,EAAE,UAAU;IAuBb;;;;OAIG;IACI,kBAAkB,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;IAMzD;;;;OAIG;IACI,eAAe,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI;IAS9D;;;;OAIG;IACI,SAAS,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI;IASnD;;;;OAIG;IACI,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,UAAU,GAAG,IAAI;IAapD;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAKhC;;OAEG;IACH,OAAO,CAAC,cAAc;IAKtB;;OAEG;IACH,OAAO,CAAC,YAAY;IAsBpB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAoBtB;;;;;;OAMG;IACH,OAAO,CAAC,eAAe;IAavB;;;;;;OAMG;IACH,OAAO,CAAC,eAAe;IAavB;;OAEG;IACH,OAAO,CAAC,cAAc;CAoBzB"}

package/dist/components/card/card.js

@@ -0,0 +1,208 @@
+import { GameObjects } from 'phaser';
+import { Color, } from 'phaser-wind';
+import { getPWFromScene } from '../../utils/get-pw-from-scene';
+/**
+ * A flexible card component that adapts to its child content size
+ */
+export class Card extends GameObjects.Container {
+    /** The background graphics of the card */
+    backgroundGraphics;
+    /** The child component contained within the card */
+    child;
+    /** Reference to the PhaserWind plugin */
+    pw;
+    /** Margin size in pixels */
+    marginPx;
+    /** Border radius in pixels */
+    borderRadiusPx;
+    /** Background color value */
+    backgroundColorValue;
+    /**
+     * Creates a new Card
+     * @param params Configuration parameters for the card
+     */
+    constructor({ scene, x, y, backgroundColor = 'white', borderRadius = 'md', margin = '4', child, }) {
+        super(scene, x, y);
+        this.pw = getPWFromScene(scene);
+        // Store values
+        this.marginPx =
+            typeof margin === 'number'
+                ? margin
+                : this.pw.spacing.px(margin ?? '4');
+        this.borderRadiusPx =
+            typeof borderRadius === 'number'
+                ? borderRadius
+                : this.pw.radius.px(borderRadius ?? 'md');
+        this.backgroundColorValue = Color.rgb(backgroundColor);
+        // Store child reference
+        this.child = child;
+        // Create background and setup container
+        this.createBackgroundGraphics(scene);
+        this.setupContainer();
+    }
+    /**
+     * Sets the background color of the card
+     * @param color Background color token or string
+     * @returns this for chaining
+     */
+    setBackgroundColor(color) {
+        this.backgroundColorValue = Color.rgb(color);
+        this.drawBackground();
+        return this;
+    }
+    /**
+     * Sets the border radius of the card
+     * @param borderRadius Border radius (number in px or RadiusKey)
+     * @returns this for chaining
+     */
+    setBorderRadius(borderRadius) {
+        this.borderRadiusPx =
+            typeof borderRadius === 'number'
+                ? borderRadius
+                : this.pw.radius.px(borderRadius ?? 'md');
+        this.drawBackground();
+        return this;
+    }
+    /**
+     * Sets the margin/padding of the card
+     * @param margin Margin size (number in px or SpacingKey)
+     * @returns this for chaining
+     */
+    setMargin(margin) {
+        this.marginPx =
+            typeof margin === 'number'
+                ? margin
+                : this.pw.spacing.px(margin ?? '4');
+        this.updateLayout();
+        return this;
+    }
+    /**
+     * Sets a new child component for the card
+     * @param child New child component
+     * @returns this for chaining
+     */
+    setChild(child) {
+        // Remove old child
+        this.remove(this.child);
+        // Set new child
+        this.child = child;
+        // Update layout
+        this.updateLayout();
+        return this;
+    }
+    /**
+     * Creates the background graphics for the card
+     * @param scene The scene to add the graphics to
+     */
+    createBackgroundGraphics(scene) {
+        this.backgroundGraphics = scene.add.graphics();
+        this.drawBackground();
+    }
+    /**
+     * Sets up the container with background and child
+     */
+    setupContainer() {
+        this.add([this.backgroundGraphics, this.child]);
+        this.updateLayout();
+    }
+    /**
+     * Updates the layout after property changes
+     */
+    updateLayout() {
+        // Get child bounds using type assertion
+        const childBounds = this.child.getBounds();
+        // Calculate card dimensions with margin
+        const cardWidth = childBounds.width + this.marginPx * 2;
+        const cardHeight = childBounds.height + this.marginPx * 2;
+        // Check if child has origin property and get its current origin
+        const childOrigin = this.getChildOrigin();
+        // Calculate child position considering its origin
+        const childX = this.calculateChildX(cardWidth, childBounds.width, childOrigin);
+        const childY = this.calculateChildY(cardHeight, childBounds.height, childOrigin);
+        // Position child in the center of the card
+        this.child.setPosition(childX, childY);
+        // Redraw background with new dimensions
+        this.drawBackground();
+    }
+    /**
+     * Gets the child's origin if it exists
+     * @returns Object with x and y origin values, or null if not available
+     */
+    getChildOrigin() {
+        // Check if child has origin property
+        if ('originX' in this.child && 'originY' in this.child) {
+            return {
+                x: this.child.originX,
+                y: this.child.originY
+            };
+        }
+        // Check if child has getOrigin method
+        if (typeof this.child.getOrigin === 'function') {
+            const origin = this.child.getOrigin();
+            if (origin && typeof origin.x === 'number' && typeof origin.y === 'number') {
+                return { x: origin.x, y: origin.y };
+            }
+        }
+        return null;
+    }
+    /**
+     * Calculates the X position for the child considering its origin
+     * @param cardWidth Total width of the card
+     * @param childWidth Width of the child
+     * @param childOrigin Origin of the child (null if not available)
+     * @returns X position for the child
+     */
+    calculateChildX(cardWidth, childWidth, childOrigin) {
+        if (childOrigin) {
+            // Consider child's origin for centering
+            // If child origin is 0.5 (center), we need to offset by half the child width
+            // If child origin is 0 (left), we need to offset by the full child width
+            const originOffsetX = childWidth * childOrigin.x;
+            return -cardWidth / 2 + this.marginPx + originOffsetX;
+        }
+        else {
+            // Fallback to default centering (assumes child origin is center)
+            return -cardWidth / 2 + this.marginPx;
+        }
+    }
+    /**
+     * Calculates the Y position for the child considering its origin
+     * @param cardHeight Total height of the card
+     * @param childHeight Height of the child
+     * @param childOrigin Origin of the child (null if not available)
+     * @returns Y position for the child
+     */
+    calculateChildY(cardHeight, childHeight, childOrigin) {
+        if (childOrigin) {
+            // Consider child's origin for centering
+            // If child origin is 0.5 (center), we need to offset by half the child height
+            // If child origin is 0 (top), we need to offset by the full child height
+            const originOffsetY = childHeight * childOrigin.y;
+            return -cardHeight / 2 + this.marginPx + originOffsetY;
+        }
+        else {
+            // Fallback to default centering (assumes child origin is center)
+            return -cardHeight / 2 + this.marginPx;
+        }
+    }
+    /**
+     * Draws the background graphics
+     */
+    drawBackground() {
+        // Get child bounds for current dimensions
+        const childBounds = this.child.getBounds();
+        const width = childBounds.width + this.marginPx * 2;
+        const height = childBounds.height + this.marginPx * 2;
+        this.backgroundGraphics.clear();
+        // Limit radius to maximum possible for the card dimensions
+        const maxRadius = Math.min(width / 2, height / 2);
+        const effectiveRadius = Math.min(this.borderRadiusPx, maxRadius);
+        // Since Graphics doesn't have setOrigin, we need to calculate the offset manually
+        const bgX = -width / 2;
+        const bgY = -height / 2;
+        // Draw background
+        this.backgroundGraphics.fillStyle(Color.hex(this.backgroundColorValue), 1);
+        this.backgroundGraphics.fillRoundedRect(bgX, bgY, width, height, effectiveRadius);
+    }
+}
+//# sourceMappingURL=card.js.map

package/dist/components/card/card.js.map

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

package/dist/components/card/card.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=card.spec.d.ts.map

package/dist/components/card/card.spec.d.ts.map

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

package/dist/components/card/card.spec.js

@@ -0,0 +1,157 @@
+/* eslint-disable no-magic-numbers */
+/* eslint-disable max-lines-per-function */
+import { Scene } from 'phaser';
+import { describe, expect, it, vi } from 'vitest';
+// Mock phaser-wind
+vi.mock('phaser-wind', () => ({
+    Color: {
+        rgb: vi.fn((color) => `rgb-${color}`),
+        hex: vi.fn((color) => `hex-${color}`),
+    },
+}));
+// Mock the getPWFromScene utility
+vi.mock('../../utils/get-pw-from-scene', () => ({
+    getPWFromScene: vi.fn(() => ({
+        spacing: {
+            px: vi.fn((spacing) => {
+                const spacings = { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 };
+                return spacings[spacing] || 16;
+            }),
+        },
+        radius: {
+            px: vi.fn((radius) => {
+                const radiuses = { none: 0, sm: 4, md: 8, lg: 12, xl: 16, full: 9999 };
+                return radiuses[radius] || 8;
+            }),
+        },
+    })),
+}));
+// Mock Phaser
+vi.mock('phaser', () => {
+    class MockText {
+        text;
+        style;
+        constructor(_x, _y, text, style = {}) {
+            this.text = text;
+            this.style = { fontSize: '18px', ...style };
+        }
+        setText(text) {
+            this.text = text;
+            return this;
+        }
+        setPosition() {
+            return this;
+        }
+        getBounds() {
+            const charWidth = 10;
+            const lineHeight = parseInt(this.style['fontSize']) ?? 18;
+            return {
+                width: this.text.length * charWidth,
+                height: lineHeight,
+            };
+        }
+    }
+    class MockGraphics {
+        clear() {
+            return this;
+        }
+        fillStyle() {
+            return this;
+        }
+        fillRoundedRect() {
+            return this;
+        }
+    }
+    class Container {
+        // eslint-disable-next-line no-unused-vars
+        constructor(_scene, _x, _y) { }
+        add() {
+            return this;
+        }
+        remove() {
+            return this;
+        }
+    }
+    class Scene {
+        add = {
+            text: vi.fn((x, y, text, style) => new MockText(x, y, text, style)),
+            graphics: vi.fn(() => new MockGraphics()),
+        };
+    }
+    class BasePlugin {
+        constructor() { }
+    }
+    const GameObjects = { Container };
+    const Plugins = { BasePlugin };
+    return { GameObjects, Scene, Plugins };
+});
+import { Card } from './card';
+describe('Card', () => {
+    it('should create a Card instance', () => {
+        const scene = new Scene();
+        const child = scene.add.text(0, 0, 'Test Content');
+        const card = new Card({
+            scene,
+            x: 100,
+            y: 100,
+            child,
+        });
+        expect(card).toBeInstanceOf(Card);
+    });
+    it('should create with custom properties', () => {
+        const scene = new Scene();
+        const child = scene.add.text(0, 0, 'Custom Card');
+        const card = new Card({
+            scene,
+            x: 100,
+            y: 100,
+            backgroundColor: 'blue-500',
+            borderRadius: 'lg',
+            margin: '6',
+            child,
+        });
+        expect(card).toBeInstanceOf(Card);
+    });
+    it('should support method chaining', () => {
+        const scene = new Scene();
+        const child = scene.add.text(0, 0, 'Chained Card');
+        const card = new Card({
+            scene,
+            x: 100,
+            y: 100,
+            child,
+        });
+        const result = card
+            .setBackgroundColor('green-500')
+            .setBorderRadius('xl')
+            .setMargin('8');
+        expect(result).toBe(card);
+    });
+    it('should adapt to child size', () => {
+        const scene = new Scene();
+        const child = scene.add.text(0, 0, 'Adaptive Content');
+        const card = new Card({
+            scene,
+            x: 100,
+            y: 100,
+            margin: '4',
+            child,
+        });
+        expect(card.child).toBe(child);
+    });
+    it('should handle child replacement', () => {
+        const scene = new Scene();
+        const child1 = scene.add.text(0, 0, 'First Child');
+        const child2 = scene.add.text(0, 0, 'Second Child');
+        const card = new Card({
+            scene,
+            x: 100,
+            y: 100,
+            child: child1,
+        });
+        const result = card.setChild(child2);
+        expect(result).toBe(card);
+        expect(card.child).toBe(child2);
+    });
+});
+//# sourceMappingURL=card.spec.js.map

package/dist/components/card/card.spec.js.map

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

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

@@ -0,0 +1,2 @@
+export { Card, type CardParams } from './card';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/card/index.js

@@ -0,0 +1,2 @@
+export { Card } from './card';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,QAAQ,CAAC"}

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './card';
 export * from './circular-progress';
 export * from './column';
 export * from './flat-icon-button';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/dist/components/index.js

@@ -1,3 +1,4 @@
+export * from './card';
 export * from './circular-progress';
 export * from './column';
 export * from './flat-icon-button';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hudini",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "🎩 Magical Phaser UI components - Reusable HUD elements for game development. Is magic, like a wizard",
   "type": "module",
   "main": "./dist/index.js",
@@ -57,8 +57,8 @@
     "vitest": "^3.2.4"
   },
   "dependencies": {
-    "phaser-wind": "0.5.2",
-    "font-awesome-for-phaser": "0.5.1"
+    "font-awesome-for-phaser": "0.5.1",
+    "phaser-wind": "0.5.2"
   },
   "peerDependencies": {
     "phaser": "*"