@number10/phaserjsx 0.1.0

package/dist/utils/KeyboardInputManager.d.ts

@@ -0,0 +1,48 @@
+export type KeyboardInputManagerConfig = {
+    onInput?: (value: string, event: Event) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onKeyUp?: (event: KeyboardEvent) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    maxLength?: number;
+    disabled?: boolean;
+    debug?: boolean | undefined;
+};
+/**
+ * Manages hidden DOM input for keyboard events
+ */
+export declare class KeyboardInputManager {
+    private domInput;
+    private container;
+    private config;
+    constructor(container: Phaser.GameObjects.Container, config: KeyboardInputManagerConfig);
+    /**
+     * Create hidden DOM input element
+     */
+    private create;
+    /**
+     * Update DOM input value programmatically
+     */
+    setValue(value: string): void;
+    /**
+     * Focus the DOM input
+     */
+    focus(): void;
+    /**
+     * Blur the DOM input
+     */
+    blur(): void;
+    /**
+     * Check if DOM input is focused
+     */
+    isFocused(): boolean;
+    /**
+     * Set pointer events (auto when not focused, none when focused)
+     */
+    setPointerEvents(enabled: boolean): void;
+    /**
+     * Destroy the DOM input
+     */
+    destroy(): void;
+}
+//# sourceMappingURL=KeyboardInputManager.d.ts.map

package/dist/utils/KeyboardInputManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardInputManager.d.ts","sourceRoot":"","sources":["../../src/utils/KeyboardInputManager.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC/C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5B,CAAA;AAED;;GAEG;AACH,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,SAAS,CAA8B;IAC/C,OAAO,CAAC,MAAM,CAA4B;gBAE9B,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,0BAA0B;IAMvF;;OAEG;IACH,OAAO,CAAC,MAAM;IAiDd;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO7B;;OAEG;IACH,KAAK,IAAI,IAAI;IAOb;;OAEG;IACH,IAAI,IAAI,IAAI;IAOZ;;OAEG;IACH,SAAS,IAAI,OAAO;IAKpB;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAOxC;;OAEG;IACH,OAAO,IAAI,IAAI;CAIhB"}

package/dist/utils/dom-input-manager.d.ts

@@ -0,0 +1,109 @@
+import { default as Phaser } from 'phaser';
+/**
+ * Configuration for DOM input element
+ */
+export interface DOMInputConfig {
+    /** Input type (text, password, email, etc.) */
+    type?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Initial value */
+    value?: string;
+    /** Whether input is disabled */
+    disabled?: boolean;
+    /** Maximum length of input */
+    maxLength?: number;
+    /** Autocomplete behavior */
+    autocomplete?: string;
+    /** Autocorrect behavior (Safari) */
+    autocorrect?: string;
+    /** Autocapitalize behavior (mobile) */
+    autocapitalize?: string;
+    /** Spellcheck behavior */
+    spellcheck?: boolean;
+    /** CSS styles to apply */
+    styles?: Partial<CSSStyleDeclaration>;
+    /** Input event callback */
+    onInput?: (value: string, event: Event) => void;
+    /** Keyboard event callbacks */
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onKeyUp?: (event: KeyboardEvent) => void;
+    /** Focus event callbacks */
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+}
+/**
+ * DOM input element wrapper with automatic positioning
+ */
+export declare class DOMInputElement {
+    private input;
+    private container;
+    private scene;
+    private scrollHandler;
+    private resizeHandler;
+    private throttledScrollHandler;
+    private throttledResizeHandler;
+    private intersectionObserver;
+    private isDestroyed;
+    private lastValues;
+    private counter;
+    private scrollThrottleTimeout;
+    private resizeThrottleTimeout;
+    constructor(container: Phaser.GameObjects.Container, config?: DOMInputConfig);
+    /**
+     * Setup IntersectionObserver to detect canvas position changes
+     */
+    private setupIntersectionObserver;
+    /**
+     * Throttle function to limit call frequency
+     * @param func - Function to throttle
+     * @param delay - Minimum delay between calls in ms
+     * @returns Throttled function
+     */
+    private throttle;
+    /**
+     * Apply default styles to input element
+     */
+    private applyDefaultStyles;
+    /**
+     * Update input element position to match Phaser container
+     */
+    private updatePosition;
+    /**
+     * Get the DOM input element
+     */
+    getElement(): HTMLInputElement;
+    /**
+     * Set input value
+     */
+    setValue(value: string): void;
+    /**
+     * Get input value
+     */
+    getValue(): string;
+    /**
+     * Focus the input
+     */
+    focus(): void;
+    /**
+     * Blur the input
+     */
+    blur(): void;
+    /**
+     * Set disabled state
+     */
+    setDisabled(disabled: boolean): void;
+    /**
+     * Set placeholder
+     */
+    setPlaceholder(placeholder: string): void;
+    /**
+     * Update styles
+     */
+    setStyles(styles: Partial<CSSStyleDeclaration>): void;
+    /**
+     * Destroy the input element and cleanup
+     */
+    destroy(): void;
+}
+//# sourceMappingURL=dom-input-manager.d.ts.map

package/dist/utils/dom-input-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-input-manager.d.ts","sourceRoot":"","sources":["../../src/utils/dom-input-manager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AAEhC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACrC,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC/C,+BAA+B;IAC/B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC;AAED;;GAEG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,SAAS,CAA8B;IAC/C,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,aAAa,CAAY;IACjC,OAAO,CAAC,aAAa,CAAY;IACjC,OAAO,CAAC,sBAAsB,CAAY;IAC1C,OAAO,CAAC,sBAAsB,CAAY;IAC1C,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,UAAU,CAA2C;IAC7D,OAAO,CAAC,OAAO,CAAI;IACnB,OAAO,CAAC,qBAAqB,CAAsB;IACnD,OAAO,CAAC,qBAAqB,CAAsB;gBAEvC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,MAAM,GAAE,cAAmB;IAwFhF;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAgBjC;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAWhB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkC1B;;OAEG;IACH,OAAO,CAAC,cAAc;IAuDtB;;OAEG;IACH,UAAU,IAAI,gBAAgB;IAI9B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM7B;;OAEG;IACH,QAAQ,IAAI,MAAM;IAIlB;;OAEG;IACH,KAAK,IAAI,IAAI;IAMb;;OAEG;IACH,IAAI,IAAI,IAAI;IAMZ;;OAEG;IACH,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAMpC;;OAEG;IACH,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAMzC;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAMrD;;OAEG;IACH,OAAO,IAAI,IAAI;CA2BhB"}

package/dist/utils/svg-texture.d.ts

@@ -0,0 +1,30 @@
+import { default as Phaser } from 'phaser';
+/**
+ * Converts an SVG (string or URL) into a Phaser texture
+ *
+ * Supports multiple input formats:
+ * - Raw SVG string (must start with '<svg')
+ * - data:image/svg+xml URL
+ * - External URL (http/https)
+ *
+ * The function creates a canvas element, renders the SVG at the specified dimensions,
+ * and registers it as a Phaser texture. If a texture with the same key already exists,
+ * it will be replaced.
+ *
+ * @param scene - Phaser scene instance
+ * @param key - Unique texture key for registration
+ * @param svgOrUrl - SVG string or URL
+ * @param width - Desired texture width in pixels (default: 32)
+ * @param height - Desired texture height in pixels (default: 32)
+ * @throws {Error} If SVG loading or canvas rendering fails
+ * @example
+ * ```typescript
+ * // Raw SVG string
+ * await svgToTexture(scene, 'my-icon', '<svg>...</svg>', 64, 64)
+ *
+ * // URL
+ * await svgToTexture(scene, 'external-icon', 'https://example.com/icon.svg')
+ * ```
+ */
+export declare function svgToTexture(scene: Phaser.Scene, key: string, svgOrUrl: string, width?: number, height?: number): Promise<void>;
+//# sourceMappingURL=svg-texture.d.ts.map

package/dist/utils/svg-texture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-texture.d.ts","sourceRoot":"","sources":["../../src/utils/svg-texture.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AA0BhC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAsB,YAAY,CAChC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,KAAK,GAAE,MAAW,EAClB,MAAM,GAAE,MAAW,GAClB,OAAO,CAAC,IAAI,CAAC,CAyDf"}

package/dist/utils/texture-registry.d.ts

@@ -0,0 +1,49 @@
+import { default as Phaser } from 'phaser';
+interface TextureRequest {
+    key: string;
+    svg: string;
+    width: number;
+    height: number;
+}
+/**
+ * Global texture registry to manage texture loading and cleanup
+ * Uses reference counting per scene to ensure textures are only removed when no longer needed
+ */
+declare class TextureRegistry {
+    private sceneTextures;
+    /**
+     * Get or create texture map for a scene
+     */
+    private getTextureMap;
+    /**
+     * Request a texture in a specific scene, incrementing reference count
+     * Loads the texture if it's the first request in this scene
+     */
+    requestTexture(scene: Phaser.Scene, request: TextureRequest): Promise<void>;
+    /**
+     * Release a texture in a specific scene, decrementing reference count
+     * Removes the texture if reference count reaches zero
+     */
+    releaseTexture(scene: Phaser.Scene, key: string): void;
+    /**
+     * Check if a texture is loaded in a specific scene
+     */
+    isTextureLoaded(scene: Phaser.Scene, key: string): boolean;
+    /**
+     * Get all loaded textures in a specific scene
+     */
+    getLoadedTextures(scene: Phaser.Scene): string[];
+    /**
+     * Release all textures in a specific scene
+     * Called automatically when scene shuts down
+     */
+    releaseScene(scene: Phaser.Scene): void;
+    /**
+     * Release all textures from all scenes
+     * Use with caution - removes all textures from all Phaser scenes
+     */
+    releaseAll(): void;
+}
+export declare const textureRegistry: TextureRegistry;
+export {};
+//# sourceMappingURL=texture-registry.d.ts.map

package/dist/utils/texture-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"texture-registry.d.ts","sourceRoot":"","sources":["../../src/utils/texture-registry.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AAGhC,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAQD;;;GAGG;AACH,cAAM,eAAe;IAEnB,OAAO,CAAC,aAAa,CAAqD;IAE1E;;OAEG;IACH,OAAO,CAAC,aAAa;IASrB;;;OAGG;IACG,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAwCjF;;;OAGG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM;IAiB/C;;OAEG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO;IAO1D;;OAEG;IACH,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,MAAM,EAAE;IAQhD;;;OAGG;IACH,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK;IAYhC;;;OAGG;IACH,UAAU;CAUX;AAGD,eAAO,MAAM,eAAe,iBAAwB,CAAA"}

package/dist/vdom.d.ts

@@ -0,0 +1,60 @@
+import { default as Phaser } from 'phaser';
+import { NodeProps, NodeType } from './core-types';
+import { VNode } from './hooks';
+import { ParentType } from './types';
+export type VNodeLike = VNode | VNode[] | null;
+/**
+ * Base props that mountJSX requires for scene dimensions
+ * Provides viewport size for percentage-based sizing
+ */
+export interface MountProps {
+    /** Scene/container width in pixels */
+    width: number;
+    /** Scene/container height in pixels */
+    height: number;
+    /** Disable automatic SceneWrapper (default: false) */
+    disableAutoSize?: boolean;
+}
+/**
+ * Combined props type: MountProps + Component-specific props
+ * Use this for type-safe mountJSX calls
+ */
+export type MountComponentProps<P = Record<string, never>> = MountProps & P;
+/**
+ * Creates a VNode element (alternative to JSX)
+ * @param type - Element type (string or component)
+ * @param props - Element props
+ * @param children - Child elements
+ * @returns VNode object
+ */
+export declare function createElement(type: string | ((props: Record<string, unknown>) => VNode), props: Record<string, unknown> | null, ...children: VNode[]): VNode;
+/**
+ * Mounts a VNode to the scene or parent container
+ * @param parentOrScene - Scene or parent container
+ * @param vnode - Virtual node to mount
+ * @returns Created Phaser GameObject
+ */
+export declare function mount(parentOrScene: ParentType, vnode: VNode): Phaser.GameObjects.GameObject;
+/**
+ * Unmounts a VNode and cleans up resources
+ * @param vnode - VNode to unmount
+ */
+export declare function unmount(vnode: VNode | null | undefined | false): void;
+/**
+ * Patches VNode tree with updates
+ * @param parent - Parent container or scene
+ * @param oldV - Previous VNode (can be null if previous render returned null)
+ * @param newV - New VNode (can be null if new render returns null)
+ */
+export declare function patchVNode(parent: ParentType, oldV: VNode | null, newV: VNode | null): void;
+/**
+ * Mounts a component by type and props
+ * Automatically wraps component in SceneWrapper unless disableAutoSize is true
+ * @param parentOrScene - Phaser scene or parent container
+ * @param type - Component type (function or string)
+ * @param props - Component props including width and height
+ * @returns Created Phaser GameObject
+ */
+export declare function mountJSX<T extends NodeType>(parentOrScene: ParentType, type: T, props: MountComponentProps<NodeProps<T>>): Phaser.GameObjects.GameObject;
+export declare function mountJSX<P = Record<string, never>>(parentOrScene: ParentType, type: (props: P & MountProps) => VNode, props: MountComponentProps<P>): Phaser.GameObjects.GameObject;
+//# sourceMappingURL=vdom.d.ts.map

package/dist/vdom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vdom.d.ts","sourceRoot":"","sources":["../src/vdom.ts"],"names":[],"mappings":"AAKA,OAAO,MAAM,MAAM,QAAQ,CAAA;AAE3B,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAGvD,OAAO,EAA0D,KAAK,KAAK,EAAE,MAAM,SAAS,CAAA;AAO5F,OAAO,KAAK,EAAE,UAAU,EAAO,MAAM,SAAS,CAAA;AAE9C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,EAAE,GAAG,IAAI,CAAA;AAE9C;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAA;IACd,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED;;;GAGG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,UAAU,GAAG,CAAC,CAAA;AA8U3E;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,EAC1D,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,EACrC,GAAG,QAAQ,EAAE,KAAK,EAAE,GACnB,KAAK,CAGP;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,UAAU,CAwR5F;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,GAAG,IAAI,CAoCrE;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,IAAI,QAwVpF;AAED;;;;;;;GAOG;AAEH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,QAAQ,EACzC,aAAa,EAAE,UAAU,EACzB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GACvC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAA;AAEhC,wBAAgB,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,aAAa,EAAE,UAAU,EACzB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,UAAU,KAAK,KAAK,EACtC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAC5B,MAAM,CAAC,WAAW,CAAC,UAAU,CAAA"}

package/dist/viewport-context.d.ts

@@ -0,0 +1,39 @@
+import { ParentType } from './types';
+/**
+ * Viewport dimensions
+ */
+export interface ViewportSize {
+    width: number;
+    height: number;
+}
+/**
+ * Viewport registry - stores current viewport dimensions
+ * Similar to themeRegistry pattern
+ */
+declare class ViewportRegistry {
+    private viewport;
+    private parent;
+    /**
+     * Update viewport dimensions
+     * @param width - Viewport width in pixels
+     * @param height - Viewport height in pixels
+     * @param parent - Optional Phaser scene reference
+     */
+    setViewport(width: number, height: number, parent?: ParentType): void;
+    /**
+     * Get current viewport dimensions
+     * @returns Current viewport size
+     */
+    getViewport(): ViewportSize;
+    /**
+     * Get Phaser scene reference
+     * @returns Scene or undefined
+     */
+    getParent(): ParentType | undefined;
+}
+/**
+ * Global viewport registry instance
+ */
+export declare const viewportRegistry: ViewportRegistry;
+export {};
+//# sourceMappingURL=viewport-context.d.ts.map

package/dist/viewport-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport-context.d.ts","sourceRoot":"","sources":["../src/viewport-context.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,cAAM,gBAAgB;IACpB,OAAO,CAAC,QAAQ,CAA4C;IAC5D,OAAO,CAAC,MAAM,CAAwB;IAEtC;;;;;OAKG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI;IAKrE;;;OAGG;IACH,WAAW,IAAI,YAAY;IAI3B;;;OAGG;IACH,SAAS,IAAI,UAAU,GAAG,SAAS;CAGpC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,kBAAyB,CAAA"}

package/dist/vite-plugin-icons.d.ts

@@ -0,0 +1,29 @@
+import { Plugin } from 'vite';
+export interface IconGeneratorPluginOptions {
+    /** Path to icon generator config file */
+    configPath: string;
+    /**
+     * When to scan icon directories and generate types
+     * - 'never': Don't generate in plugin (use CLI manually)
+     * - 'start': Only at server start (default)
+     * - 'watch': At start + when SVG files change
+     */
+    scanIconDirectory?: 'never' | 'start' | 'watch';
+    /**
+     * When to scan code and generate loaders
+     * - 'start': Only at server start
+     * - 'watch': At start + when code changes (default)
+     */
+    generateLoaders?: 'start' | 'watch';
+    /** @deprecated Use scanIconDirectory instead */
+    watch?: boolean;
+    /** @deprecated Use scanIconDirectory='never' + generateLoaders='start' instead */
+    typesOnly?: boolean;
+    /** @deprecated Use scanIconDirectory='start' instead */
+    loadersOnly?: boolean;
+}
+/**
+ * Vite plugin for icon generation
+ */
+export declare function iconGeneratorPlugin(options: IconGeneratorPluginOptions): Plugin;
+//# sourceMappingURL=vite-plugin-icons.d.ts.map

package/dist/vite-plugin-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-plugin-icons.d.ts","sourceRoot":"","sources":["../src/vite-plugin-icons.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAGlC,MAAM,WAAW,0BAA0B;IACzC,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAA;IAElB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;IAE/C;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAEnC,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAiBD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM,CAqJ/E"}

package/dist/vite-plugin-icons.js

@@ -0,0 +1,95 @@
+import { resolve } from "node:path";
+async function loadGeneratorFunctions() {
+  const module = await import("./scripts/generate-icons.js");
+  return {
+    loadConfig: module.loadConfig,
+    generateTypes: module.generateTypes,
+    generateLoaders: module.generateLoaders,
+    scanIconSources: module.scanIconSources
+  };
+}
+function iconGeneratorPlugin(options) {
+  let config;
+  let root;
+  let isDevMode = false;
+  return {
+    name: "vite-plugin-icon-generator",
+    async configResolved(resolvedConfig) {
+      root = resolvedConfig.root;
+      isDevMode = resolvedConfig.command === "serve";
+      try {
+        const { loadConfig } = await loadGeneratorFunctions();
+        config = await loadConfig(options.configPath, root);
+        if (options.typesOnly && config.loaders) {
+          config = { ...config, loaders: { ...config.loaders, enabled: false } };
+        }
+        if (options.loadersOnly && config.types) {
+          config = { ...config, types: { ...config.types, enabled: false } };
+        }
+      } catch (error) {
+        this.error(`Icon Generator Plugin: ${error}`);
+      }
+    },
+    async buildStart() {
+      if (!config) return;
+      const scanIconDirectory = config.types?.scanIconDirectory ?? options.scanIconDirectory ?? "watch";
+      const generateLoadersMode = config.loaders?.generateLoaders ?? options.generateLoaders ?? "watch";
+      const shouldGenerateTypes = scanIconDirectory !== "never" && config.types?.enabled;
+      const shouldGenerateLoaders = config.loaders?.enabled && (isDevMode ? generateLoadersMode === "start" : true);
+      if (!shouldGenerateTypes && !shouldGenerateLoaders) return;
+      console.log("🎨 [Icon Generator] Generating icons...");
+      try {
+        const { generateTypes, generateLoaders, scanIconSources } = await loadGeneratorFunctions();
+        let typesResult = shouldGenerateTypes ? await generateTypes(config, root) : null;
+        if (shouldGenerateLoaders) {
+          if (!typesResult && config.types?.enabled) {
+            typesResult = await scanIconSources(config, root);
+          }
+          await generateLoaders(config, root, typesResult || void 0);
+        }
+        console.log("✨ [Icon Generator] Done!");
+      } catch (error) {
+        this.error(`Icon Generator Plugin: ${error}`);
+      }
+    },
+    async handleHotUpdate({ file, server }) {
+      if (!isDevMode || !config || options.watch === false) return;
+      const scanIconDirectory = config.types?.scanIconDirectory ?? options.scanIconDirectory ?? "watch";
+      const generateLoadersMode = config.loaders?.generateLoaders ?? options.generateLoaders ?? "watch";
+      const scanDirAbs = config.loaders?.enabled ? resolve(root, config.loaders.scanDir) : null;
+      const shouldRegenerateLoaders = generateLoadersMode === "watch" && config.loaders?.enabled && scanDirAbs && file.startsWith(scanDirAbs) && /\.(tsx?|jsx?)$/.test(file) && !file.endsWith(".generated.ts");
+      const sources = Array.isArray(config.source) ? config.source : [config.source];
+      const sourceAbsPaths = sources.filter((s) => s.directory).map((s) => resolve(root, s.directory));
+      const shouldRegenerateTypes = scanIconDirectory === "watch" && config.types?.enabled && file.endsWith(".svg") && sourceAbsPaths.some((path) => file.startsWith(path));
+      if (shouldRegenerateLoaders || shouldRegenerateTypes) {
+        console.log("🔄 [Icon Generator] File changed, regenerating...");
+        try {
+          const { generateTypes, generateLoaders, scanIconSources } = await loadGeneratorFunctions();
+          let typesResult = null;
+          if (shouldRegenerateTypes) {
+            typesResult = await generateTypes(config, root);
+          } else if (shouldRegenerateLoaders && config.types?.enabled) {
+            if (scanIconDirectory === "watch") {
+              typesResult = await generateTypes(config, root);
+            } else {
+              typesResult = await scanIconSources(config, root);
+            }
+          }
+          if (shouldRegenerateLoaders) {
+            await generateLoaders(config, root, typesResult || void 0);
+          }
+          console.log("✅ [Icon Generator] Regenerated");
+          server.ws.send({
+            type: "full-reload",
+            path: "*"
+          });
+        } catch (error) {
+          console.error("❌ [Icon Generator] Error:", error);
+        }
+      }
+    }
+  };
+}
+export {
+  iconGeneratorPlugin
+};

package/package.json

@@ -0,0 +1,117 @@
+{
+  "name": "@number10/phaserjsx",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Declarative Phaser3 + UI renderer core library",
+  "author": "Michael Rieck (Michael--) <mr@number10.de>",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "generate-icons": "./dist/scripts/generate-icons.js",
+    "generate-icon-types": "./dist/scripts/generate-icon-types.js",
+    "generate-icon-loaders": "./dist/scripts/generate-icon-loaders.js"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./jsx-runtime": {
+      "types": "./dist/jsx-runtime.d.ts",
+      "import": "./dist/jsx-runtime.js",
+      "require": "./dist/jsx-runtime.cjs"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "import": "./dist/jsx-dev-runtime.js",
+      "require": "./dist/jsx-dev-runtime.cjs"
+    },
+    "./components/custom": {
+      "types": "./dist/components/custom/index.d.ts",
+      "import": "./dist/components/custom/index.js",
+      "require": "./dist/components/custom/index.cjs"
+    },
+    "./scripts/icon-generator-config": {
+      "types": "./dist/scripts/icon-generator-config.d.ts",
+      "import": "./dist/scripts/icon-generator-config.js"
+    },
+    "./vite-plugin-icons": {
+      "types": "./dist/vite-plugin-icons.d.ts",
+      "import": "./dist/vite-plugin-icons.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "phaser",
+    "phaser3",
+    "declarative",
+    "typescript",
+    "game-engine",
+    "jsx",
+    "react-like",
+    "ui",
+    "components",
+    "hooks"
+  ],
+  "license": "GPL-3.0-only",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/number10/phaserjsx.git",
+    "directory": "packages/ui"
+  },
+  "homepage": "https://github.com/number10/phaserjsx",
+  "bugs": {
+    "url": "https://github.com/number10/phaserjsx/issues"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.17.20",
+    "@types/node": "^24.10.1",
+    "@typescript-eslint/eslint-plugin": "^8.46.4",
+    "@typescript-eslint/parser": "^8.46.4",
+    "@vitest/coverage-v8": "4.0.8",
+    "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-unused-imports": "^4.3.0",
+    "happy-dom": "^20.0.10",
+    "jsdom": "^27.2.0",
+    "prettier": "^3.6.2",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.2",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.8"
+  },
+  "peerDependencies": {
+    "phaser": "^3.90.0"
+  },
+  "peerDependenciesMeta": {
+    "phaser": {
+      "optional": false
+    }
+  },
+  "dependencies": {
+    "@preact/signals-core": "^1.12.1",
+    "fast-deep-equal": "^3.1.3",
+    "lodash": "^4.17.21",
+    "phaser3-rex-plugins": "^1.80.17",
+    "tsx": "^4.20.6"
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc --noEmit && vite build && pnpm build:scripts",
+    "build:scripts": "vite build --config scripts.vite.config.ts && chmod +x dist/scripts/*.js",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint .",
+    "format": "prettier --write .",
+    "typecheck": "tsc --noEmit"
+  }
+}