hudini 0.19.0 → 0.21.0

package/README.md

@@ -293,35 +293,9 @@ Notes:
 - Hover scales the icon subtly, click animates press/release.
 - Colors and sizes integrate with `phaser-wind` theme tokens.
 
-### FlatIconButton
-
-A flat-style icon button with customizable colors, opacity, and border radius.
-
-```ts
-import { FlatIconButton } from 'hudini';
-
-const flatBtn = new FlatIconButton({
-  scene: this,
-  x: 200,
-  y: 100,
-  icon: 'solid/play',
-  size: 'lg',
-  backgroundColor: 'blue-600',
-  iconColor: 'white',
-  borderRadius: 'md',
-  backgroundOpacity: 0.8,
-  iconOpacity: 1,
-  onClick: () => {
-    // your click handler
-  },
-});
-
-this.add.existing(flatBtn);
-```
-
 ### Interactive API
 
-Both `IconButton` and `FlatIconButton` provide direct access to event methods for advanced event handling:
+`IconButton` provides direct access to event methods for advanced event handling:
 
 ```ts
 const button = new IconButton({ 

package/dist/components/alert/alert.d.ts

@@ -0,0 +1,161 @@
+import { IconText, type IconKey } from 'font-awesome-for-phaser';
+import { GameObjects, Scene } from 'phaser';
+import { type ColorKey, type FontKey, type FontSizeKey, type RadiusKey, type SpacingKey } from 'phaser-wind';
+import { ContainerInteractive } from '../container-interactive';
+import { Stack } from '../stack';
+/**
+ * Semantic color intent for an Alert. Each variant defines a default fill
+ * color and (for the semantic ones) a default left icon — matching daisyUI's
+ * alert conventions.
+ */
+export type AlertVariant = 'success' | 'error' | 'warning' | 'info' | 'neutral';
+/** Parameters for creating an {@link Alert}. */
+export type AlertParams = {
+    /** Phaser scene where the alert will be added. */
+    scene: Scene;
+    /** X position (center of the alert box). */
+    x: number;
+    /** Y position (center of the alert box). */
+    y: number;
+    /** Alert text. */
+    text: string;
+    /**
+     * Semantic variant. Drives the default `color` and default `leftIcon`.
+     * Defaults to `'info'`.
+     */
+    variant?: AlertVariant;
+    /**
+     * Background color. Overrides the variant's default. Accepts a palette
+     * family (`'blue'`), a full token (`'blue-500'`), a theme key, or a CSS
+     * string.
+     */
+    color?: ColorKey | string;
+    /** Text color. Defaults to `'white'`. */
+    textColor?: ColorKey | string;
+    /**
+     * Font Awesome icon shown to the LEFT of the text. When omitted, uses the
+     * variant's default (`circle-check` for success, `circle-xmark` for error,
+     * etc). Pass `null` to explicitly disable the default icon.
+     */
+    leftIcon?: IconKey | null;
+    /**
+     * Font Awesome icon shown to the RIGHT of the text. No default — omit for
+     * no right icon, or pass an icon key (commonly `'xmark'` for a "close"
+     * affordance).
+     */
+    rightIcon?: IconKey;
+    /**
+     * Font size in px (number) or a Phaser Wind font size token. Defaults to
+     * `'base'`.
+     */
+    fontSize?: FontSizeKey | number;
+    /** Font family. Defaults to `'Fredoka'`. */
+    font?: FontKey | string;
+    /**
+     * Border radius in px (number) or a Phaser Wind radius token. Defaults to
+     * `'md'`.
+     */
+    borderRadius?: RadiusKey | number;
+    /**
+     * Inner padding around the content in px (number) or a Phaser Wind spacing
+     * token. Defaults to `'4'`.
+     */
+    padding?: SpacingKey | number;
+    /**
+     * Gap between icons and text in pixels. Defaults to a value proportional
+     * to the font size.
+     */
+    iconGap?: number;
+    /**
+     * Optional click handler. When provided, the alert becomes interactive
+     * and the cursor turns into a pointer on hover. When omitted, the alert
+     * is a static banner.
+     */
+    onClick?: () => void;
+};
+/**
+ * Alert — a static (or optionally clickable) notification banner.
+ *
+ * Same visual language as a filled `TextButton` (colored fill + white
+ * outlined text + optional icons), but without hover/click tweens.
+ * Semantic variants (`success`/`error`/`warning`/`info`/`neutral`) come with
+ * sensible default colors and icons.
+ *
+ * Meant to be used inline (permanent banner, form error, achievement popup)
+ * or wrapped in a Toast for auto-dismiss behavior (separate component).
+ *
+ * @example
+ * new Alert({
+ *   scene, x: 400, y: 100,
+ *   variant: 'success',
+ *   text: 'Player saved!',
+ * });
+ *
+ * @example
+ * // With a right icon acting as a "close" hint + a click handler
+ * new Alert({
+ *   scene, x: 400, y: 100,
+ *   variant: 'warning',
+ *   text: 'Low health!',
+ *   rightIcon: 'xmark',
+ *   onClick: () => alert.destroy(),
+ * });
+ */
+export declare class Alert extends ContainerInteractive<Phaser.GameObjects.Sprite> {
+    /** The background sprite of the alert. */
+    backgroundSprite: GameObjects.Sprite;
+    /** The text object. */
+    alertText: GameObjects.Text;
+    /** The horizontal Stack composing [leftIcon?, text, rightIcon?]. */
+    contentStack: Stack;
+    /** Left icon glyph, when set (either by variant default or explicit). */
+    leftIconText: IconText | undefined;
+    /** Right icon glyph, when explicitly set. */
+    rightIconText: IconText | undefined;
+    private pw;
+    private fontSizePx;
+    private paddingPx;
+    private borderRadiusPx;
+    private colorInput;
+    private colorAlert;
+    private textColorValue;
+    private fontFamily;
+    private textValue;
+    private variant;
+    private leftIconKey;
+    private rightIconKey;
+    private iconGap;
+    constructor({ scene, x, y, text, variant, color, textColor, leftIcon, rightIcon, fontSize, font, borderRadius, padding, iconGap, onClick, }: AlertParams);
+    /** Change the alert text. */
+    setText(text: string): this;
+    /** Change the background color (overrides the variant's default). */
+    setColor(color: ColorKey | string): this;
+    /** Change the text color. */
+    setTextColor(color: ColorKey | string): this;
+    /**
+     * Switch to another semantic variant. Applies the variant's default color
+     * and left icon unless the caller had previously overridden them (in which
+     * case the overrides stick — call `setColor` / `setLeftIcon` separately to
+     * clear them).
+     */
+    setVariant(variant: AlertVariant): this;
+    /** Set (or clear with `undefined`) the left icon. */
+    setLeftIcon(icon: IconKey | undefined): this;
+    /** Set (or clear with `undefined`) the right icon. */
+    setRightIcon(icon: IconKey | undefined): this;
+    /** Change the border radius. */
+    setBorderRadius(borderRadius: RadiusKey | number): this;
+    /** Change the inner padding. */
+    setPadding(padding: SpacingKey | number): this;
+    private createAlertContent;
+    private createIcon;
+    private rebuildContent;
+    private createBackgroundSprite;
+    private regenerateSprites;
+    private syncContainerSize;
+    private getAlertDimensions;
+    private createBackgroundTexture;
+    private setupContainer;
+    private setupClickHandler;
+}
+//# sourceMappingURL=alert.d.ts.map

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

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

package/dist/components/alert/alert.js

@@ -0,0 +1,304 @@
+/* eslint-disable max-lines-per-function */
+/* eslint-disable complexity */
+/* eslint-disable max-lines */
+import { IconText } from 'font-awesome-for-phaser';
+import { Color, } from 'phaser-wind';
+import { BUTTON_STROKE_THICKNESS, getButtonStrokeColor, } from '../../utils/button-style';
+import { getPWFromScene } from '../../utils/get-pw-from-scene';
+import { ContainerInteractive } from '../container-interactive';
+import { Stack } from '../stack';
+import { Text } from '../text';
+const VARIANT_CONFIGS = {
+    success: { color: 'green-500', leftIcon: 'circle-check' },
+    error: { color: 'red-500', leftIcon: 'circle-xmark' },
+    warning: { color: 'yellow-500', leftIcon: 'triangle-exclamation' },
+    info: { color: 'blue-500', leftIcon: 'circle-info' },
+    neutral: { color: 'slate-600', leftIcon: undefined },
+};
+/** See {@link TEXTURE_ANTIALIAS_MARGIN} in text-button. */
+const TEXTURE_ANTIALIAS_MARGIN = 1;
+const MIN_ICON_TEXT_GAP_PX = 4;
+const ICON_TEXT_GAP_RATIO = 0.35;
+/**
+ * Alert — a static (or optionally clickable) notification banner.
+ *
+ * Same visual language as a filled `TextButton` (colored fill + white
+ * outlined text + optional icons), but without hover/click tweens.
+ * Semantic variants (`success`/`error`/`warning`/`info`/`neutral`) come with
+ * sensible default colors and icons.
+ *
+ * Meant to be used inline (permanent banner, form error, achievement popup)
+ * or wrapped in a Toast for auto-dismiss behavior (separate component).
+ *
+ * @example
+ * new Alert({
+ *   scene, x: 400, y: 100,
+ *   variant: 'success',
+ *   text: 'Player saved!',
+ * });
+ *
+ * @example
+ * // With a right icon acting as a "close" hint + a click handler
+ * new Alert({
+ *   scene, x: 400, y: 100,
+ *   variant: 'warning',
+ *   text: 'Low health!',
+ *   rightIcon: 'xmark',
+ *   onClick: () => alert.destroy(),
+ * });
+ */
+export class Alert extends ContainerInteractive {
+    /** The background sprite of the alert. */
+    backgroundSprite;
+    /** The text object. */
+    alertText;
+    /** The horizontal Stack composing [leftIcon?, text, rightIcon?]. */
+    contentStack;
+    /** Left icon glyph, when set (either by variant default or explicit). */
+    leftIconText;
+    /** Right icon glyph, when explicitly set. */
+    rightIconText;
+    pw;
+    fontSizePx;
+    paddingPx;
+    borderRadiusPx;
+    colorInput;
+    colorAlert;
+    textColorValue;
+    fontFamily;
+    textValue;
+    variant;
+    leftIconKey;
+    rightIconKey;
+    iconGap;
+    constructor({ scene, x, y, text, variant = 'info', color, textColor = 'white', leftIcon, rightIcon, fontSize = 'base', font, borderRadius = 'md', padding = '4', iconGap, onClick, }) {
+        super({ scene, x, y });
+        this.pw = getPWFromScene(scene);
+        // Resolve variant defaults.
+        const variantConfig = VARIANT_CONFIGS[variant];
+        const resolvedColor = color ?? variantConfig.color;
+        // `leftIcon === null` means "explicitly disable the default"; omitting
+        // it falls back to the variant's default; passing an IconKey overrides.
+        const resolvedLeftIcon = leftIcon === null
+            ? undefined
+            : leftIcon ?? variantConfig.leftIcon;
+        this.variant = variant;
+        this.textValue = text;
+        this.leftIconKey = resolvedLeftIcon;
+        this.rightIconKey = rightIcon;
+        this.iconGap = iconGap;
+        this.fontSizePx =
+            typeof fontSize === 'number'
+                ? fontSize
+                : this.pw.fontSize.px(fontSize ?? 'base');
+        this.paddingPx =
+            typeof padding === 'number'
+                ? padding
+                : this.pw.spacing.px(padding ?? '4');
+        this.borderRadiusPx =
+            typeof borderRadius === 'number'
+                ? borderRadius
+                : this.pw.radius.px(borderRadius ?? 'md');
+        this.colorInput = String(resolvedColor);
+        this.colorAlert = Color.rgb(resolvedColor);
+        this.textColorValue = Color.rgb(textColor);
+        this.fontFamily = font
+            ? typeof font === 'string'
+                ? font
+                : this.pw.font.family(font)
+            : 'Fredoka';
+        this.createAlertContent(scene);
+        this.createBackgroundSprite(scene);
+        this.setupContainer();
+        this.hitArea = this.backgroundSprite;
+        if (onClick) {
+            this.setupClickHandler(onClick);
+        }
+        this.syncContainerSize();
+    }
+    /** Change the alert text. */
+    setText(text) {
+        this.textValue = text;
+        this.alertText.setText(text);
+        this.contentStack.layout();
+        this.regenerateSprites();
+        return this;
+    }
+    /** Change the background color (overrides the variant's default). */
+    setColor(color) {
+        this.colorInput = String(color);
+        this.colorAlert = Color.rgb(color);
+        // Text stroke derives from colorInput — rebuild content.
+        this.rebuildContent();
+        this.regenerateSprites();
+        return this;
+    }
+    /** Change the text color. */
+    setTextColor(color) {
+        this.textColorValue = Color.rgb(color);
+        this.alertText.setColor(this.textColorValue);
+        this.leftIconText?.setColor(this.textColorValue);
+        this.rightIconText?.setColor(this.textColorValue);
+        return this;
+    }
+    /**
+     * Switch to another semantic variant. Applies the variant's default color
+     * and left icon unless the caller had previously overridden them (in which
+     * case the overrides stick — call `setColor` / `setLeftIcon` separately to
+     * clear them).
+     */
+    setVariant(variant) {
+        if (this.variant === variant)
+            return this;
+        this.variant = variant;
+        const cfg = VARIANT_CONFIGS[variant];
+        this.colorInput = String(cfg.color);
+        this.colorAlert = Color.rgb(cfg.color);
+        this.leftIconKey = cfg.leftIcon;
+        this.rebuildContent();
+        this.regenerateSprites();
+        return this;
+    }
+    /** Set (or clear with `undefined`) the left icon. */
+    setLeftIcon(icon) {
+        this.leftIconKey = icon;
+        this.rebuildContent();
+        this.regenerateSprites();
+        return this;
+    }
+    /** Set (or clear with `undefined`) the right icon. */
+    setRightIcon(icon) {
+        this.rightIconKey = icon;
+        this.rebuildContent();
+        this.regenerateSprites();
+        return this;
+    }
+    /** Change the border radius. */
+    setBorderRadius(borderRadius) {
+        this.borderRadiusPx =
+            typeof borderRadius === 'number'
+                ? borderRadius
+                : this.pw.radius.px(borderRadius ?? 'md');
+        this.regenerateSprites();
+        return this;
+    }
+    /** Change the inner padding. */
+    setPadding(padding) {
+        this.paddingPx =
+            typeof padding === 'number'
+                ? padding
+                : this.pw.spacing.px(padding ?? '4');
+        this.regenerateSprites();
+        return this;
+    }
+    createAlertContent(scene) {
+        const strokeThickness = BUTTON_STROKE_THICKNESS;
+        const strokeColor = getButtonStrokeColor(this.colorInput);
+        this.alertText = new Text({
+            scene,
+            x: 0,
+            y: 0,
+            text: this.textValue,
+            size: this.fontSizePx,
+            fontFamily: this.fontFamily,
+            strokeThickness,
+            strokeColor,
+        });
+        this.alertText.setColor(this.textColorValue);
+        this.alertText.setOrigin(0.5, 0.5);
+        this.leftIconText = this.leftIconKey
+            ? this.createIcon(scene, this.leftIconKey, strokeColor, strokeThickness)
+            : undefined;
+        this.rightIconText = this.rightIconKey
+            ? this.createIcon(scene, this.rightIconKey, strokeColor, strokeThickness)
+            : undefined;
+        const children = [];
+        if (this.leftIconText)
+            children.push(this.leftIconText);
+        children.push(this.alertText);
+        if (this.rightIconText)
+            children.push(this.rightIconText);
+        const gap = this.iconGap ??
+            Math.max(MIN_ICON_TEXT_GAP_PX, Math.round(this.fontSizePx * ICON_TEXT_GAP_RATIO));
+        this.contentStack = new Stack({
+            scene,
+            x: 0,
+            y: 0,
+            direction: 'row',
+            align: 'center',
+            gap,
+            children,
+        });
+    }
+    createIcon(scene, icon, strokeColor, strokeThickness) {
+        const iconText = new IconText({
+            scene,
+            x: 0,
+            y: 0,
+            icon,
+            size: this.fontSizePx,
+            style: {
+                color: this.textColorValue,
+                strokeThickness,
+                stroke: strokeColor,
+            },
+        });
+        iconText.setFontStyle('900');
+        iconText.setOrigin(0.5, 0.5);
+        scene.add.existing(iconText);
+        return iconText;
+    }
+    rebuildContent() {
+        this.remove(this.contentStack, true);
+        this.createAlertContent(this.scene);
+        this.add(this.contentStack);
+    }
+    createBackgroundSprite(scene) {
+        const backgroundTexture = this.createBackgroundTexture(scene);
+        this.backgroundSprite = scene.add.sprite(0, 0, backgroundTexture);
+        this.backgroundSprite.setOrigin(0.5, 0.5);
+    }
+    regenerateSprites() {
+        this.alertText.setText(this.textValue);
+        this.contentStack.layout();
+        const backgroundTexture = this.createBackgroundTexture(this.scene);
+        this.backgroundSprite.setTexture(backgroundTexture);
+        this.syncContainerSize();
+    }
+    syncContainerSize() {
+        const { width, height } = this.getAlertDimensions();
+        this.setSize(width, height);
+    }
+    getAlertDimensions() {
+        const contentWidth = this.contentStack.width;
+        const contentHeight = this.contentStack.height;
+        return {
+            width: contentWidth + this.paddingPx * 2,
+            height: contentHeight + this.paddingPx * 2,
+        };
+    }
+    createBackgroundTexture(scene) {
+        const { width, height } = this.getAlertDimensions();
+        const textureKey = `alert_bg_${this.colorAlert}_${this.borderRadiusPx}_${width}_${height}`;
+        const padding = TEXTURE_ANTIALIAS_MARGIN;
+        const textureWidth = width + padding * 2;
+        const textureHeight = height + padding * 2;
+        const graphics = scene.add.graphics();
+        const maxRadius = Math.floor(Math.min(width / 2, height / 2));
+        const effectiveRadius = Math.min(this.borderRadiusPx, maxRadius);
+        const finalRadius = Math.max(0, effectiveRadius);
+        graphics.fillStyle(Color.hex(this.colorAlert), 1);
+        graphics.fillRoundedRect(padding, padding, width, height, finalRadius);
+        graphics.generateTexture(textureKey, textureWidth, textureHeight);
+        graphics.destroy();
+        return textureKey;
+    }
+    setupContainer() {
+        this.add([this.backgroundSprite, this.contentStack]);
+    }
+    setupClickHandler(onClick) {
+        this.backgroundSprite.setInteractive({ useHandCursor: true });
+        this.backgroundSprite.on('pointerdown', onClick);
+    }
+}
+//# sourceMappingURL=alert.js.map

package/dist/components/alert/alert.js.map

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

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

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

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

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