hudini 0.8.0 → 0.10.0

package/dist/components/section-header/section-header.spec.js

@@ -0,0 +1,224 @@
+/* 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(() => ({
+        fontSize: {
+            px: vi.fn((size) => {
+                const sizes = { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 };
+                return sizes[size] || 18;
+            }),
+        },
+        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;
+            }),
+        },
+        font: {
+            family: vi.fn((font) => {
+                const fonts = {
+                    primary: 'Inter, sans-serif',
+                    secondary: 'Roboto, Arial, sans-serif',
+                    monospace: 'Courier, monospace',
+                    display: 'Poppins, Inter, sans-serif',
+                };
+                return (fonts[font] || 'Poppins, Inter, sans-serif');
+            }),
+        },
+    })),
+}));
+// Mock Phaser
+vi.mock('phaser', () => {
+    class MockText {
+        text;
+        style;
+        constructor(_x, _y, text, style) {
+            this.text = text;
+            this.style = style;
+        }
+        setText(text) {
+            this.text = text;
+            return this;
+        }
+        setOrigin() {
+            return this;
+        }
+        setFontSize(size) {
+            this.style['fontSize'] = size;
+            return this;
+        }
+        setFontFamily(family) {
+            this.style['fontFamily'] = family;
+            return this;
+        }
+        setColor(color) {
+            this.style['color'] = color;
+            return this;
+        }
+        setStroke(color, thickness) {
+            this.style['stroke'] = color;
+            this.style['strokeThickness'] = thickness;
+            return this;
+        }
+        getBounds() {
+            const charWidth = 10;
+            const lineHeight = parseInt(this.style['fontSize']) ?? 18;
+            return {
+                width: this.text.length * charWidth,
+                height: lineHeight,
+            };
+        }
+    }
+    class MockSprite {
+        // eslint-disable-next-line no-unused-vars
+        constructor(_x, _y, _texture) { }
+        setOrigin() {
+            return this;
+        }
+        setTexture() {
+            return this;
+        }
+    }
+    class MockGraphics {
+        clear() {
+            return this;
+        }
+        fillStyle() {
+            return this;
+        }
+        fillRoundedRect() {
+            return this;
+        }
+        generateTexture() {
+            return this;
+        }
+        destroy() {
+            return this;
+        }
+    }
+    class Container {
+        // eslint-disable-next-line no-unused-vars
+        constructor(_scene, _x, _y) { }
+        add() {
+            return this;
+        }
+        setInteractive() {
+            return this;
+        }
+        on() {
+            return this;
+        }
+        setScale() {
+            return this;
+        }
+    }
+    class Scene {
+        add = {
+            text: vi.fn((x, y, text, style) => new MockText(x, y, text, style)),
+            sprite: vi.fn((x, y, texture) => new MockSprite(x, y, texture)),
+            graphics: vi.fn(() => new MockGraphics()),
+        };
+    }
+    class BasePlugin {
+        constructor() { }
+    }
+    const GameObjects = { Container };
+    const Plugins = { BasePlugin };
+    return { GameObjects, Scene, Plugins };
+});
+import { SectionHeader } from './section-header';
+describe('SectionHeader', () => {
+    it('should create a SectionHeader instance', () => {
+        const scene = new Scene();
+        const sectionHeader = new SectionHeader({
+            scene,
+            x: 100,
+            y: 100,
+            text: 'Section Title',
+        });
+        expect(sectionHeader).toBeInstanceOf(SectionHeader);
+    });
+    it('should create with custom properties', () => {
+        const scene = new Scene();
+        const sectionHeader = new SectionHeader({
+            scene,
+            x: 100,
+            y: 100,
+            text: 'Custom Header',
+            textSize: 'xl',
+            font: 'display',
+            backgroundColor: 'purple-600',
+            textColor: 'white',
+            strokeColor: 'purple-800',
+            borderRadius: 'lg',
+            margin: '6',
+        });
+        expect(sectionHeader).toBeInstanceOf(SectionHeader);
+    });
+    it('should support method chaining for colors', () => {
+        const scene = new Scene();
+        const sectionHeader = new SectionHeader({
+            scene,
+            x: 100,
+            y: 100,
+            text: 'Test Header',
+        });
+        const result = sectionHeader
+            .setTextColor('white')
+            .setStrokeColor('gray-800');
+        expect(result).toBe(sectionHeader);
+    });
+    it('should handle borderRadius full correctly in constructor', () => {
+        const scene = new Scene();
+        const sectionHeader = new SectionHeader({
+            scene,
+            x: 100,
+            y: 100,
+            text: 'Full Radius Header',
+            borderRadius: 'full',
+        });
+        expect(sectionHeader).toBeInstanceOf(SectionHeader);
+    });
+    it('should handle stroke color customization', () => {
+        const scene = new Scene();
+        const sectionHeader = new SectionHeader({
+            scene,
+            x: 100,
+            y: 100,
+            text: 'Stroke Test',
+            strokeColor: 'red-800',
+        });
+        expect(sectionHeader).toBeInstanceOf(SectionHeader);
+        // Test setStrokeColor
+        const result = sectionHeader.setStrokeColor('blue-900');
+        expect(result).toBe(sectionHeader);
+    });
+    it('should use default display font and bold style', () => {
+        const scene = new Scene();
+        const sectionHeader = new SectionHeader({
+            scene,
+            x: 100,
+            y: 100,
+            text: 'Default Style',
+        });
+        expect(sectionHeader).toBeInstanceOf(SectionHeader);
+        expect(sectionHeader.headerText).toBeDefined();
+    });
+});
+//# sourceMappingURL=section-header.spec.js.map

package/dist/components/section-header/section-header.spec.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hudini",
-  "version": "0.8.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": "*"