@number10/jsx-phaser 5.0.0

package/dist/phaser-vdom-runtime.js

@@ -0,0 +1,63 @@
+import { createVDOMRuntime } from "@number10/jsx-core/vdom";
+import { SceneWrapper } from "./components/internal/SceneWrapper.js";
+import { isSceneTarget, getParentContentSize, attachSurfaceContext, deriveHostContext, createDummyNode, extractScene, updateGestureHitAreaAfterLayout } from "./phaser-bridges.js";
+import { PhaserHostAdapter } from "./phaser-host-adapter.js";
+import { PhaserSurfaceAdapter } from "./phaser-surface-adapter.js";
+import { getRenderContext } from "./render-context.js";
+import { getThemedProps, themeRegistry } from "./theme.js";
+import { setThemeRemountHandler } from "@number10/jsx-core";
+function wrapRootVNode(type, props) {
+  const { width, height, disableAutoSize = false, key: _key, ...componentProps } = props;
+  if (disableAutoSize) {
+    return {
+      type,
+      props: { ...componentProps, width, height },
+      children: []
+    };
+  }
+  const componentVNode = {
+    type,
+    props: { ...componentProps, width, height },
+    children: []
+  };
+  return {
+    type: SceneWrapper,
+    props: { width, height, children: componentVNode },
+    children: [],
+    __theme: themeRegistry.getGlobalTheme()
+  };
+}
+const phaserHostAdapter = new PhaserHostAdapter();
+const phaserSurfaceAdapter = new PhaserSurfaceAdapter();
+const phaserVDOMRuntime = createVDOMRuntime(
+  {
+    hostAdapter: phaserHostAdapter,
+    surfaceAdapter: phaserSurfaceAdapter
+  },
+  {
+    createDummyNode,
+    getHostContext: deriveHostContext,
+    resolveProps: (type, theme, props) => getThemedProps(type, theme, props),
+    attachSurfaceContext,
+    getParentContentSize,
+    afterLayout: (container, parent) => {
+      const renderContext = getRenderContext(parent);
+      renderContext.deferLayout(() => updateGestureHitAreaAfterLayout(container));
+    },
+    wrapRootVNode,
+    extractSurfaceTarget: (parent) => extractScene(parent) ?? parent,
+    isSurfaceTarget: isSceneTarget
+  }
+);
+phaserSurfaceAdapter.setVDOM({
+  mount: phaserVDOMRuntime.mount,
+  patchVNode: phaserVDOMRuntime.patchVNode,
+  unmount: phaserVDOMRuntime.unmount
+});
+setThemeRemountHandler(() => {
+  phaserVDOMRuntime.remountAll();
+});
+export {
+  phaserVDOMRuntime
+};
+//# sourceMappingURL=phaser-vdom-runtime.js.map

package/dist/phaser-vdom-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phaser-vdom-runtime.js","sources":["../src/phaser-vdom-runtime.ts"],"sourcesContent":["import type {\n  LayoutContainer,\n  MountProps,\n  Props,\n  SurfaceTarget,\n  VDOMOperations,\n  VNode,\n  VNodeLike,\n} from '@number10/jsx-core'\nimport { createVDOMRuntime } from '@number10/jsx-core/vdom'\nimport { SceneWrapper } from './components/internal/SceneWrapper'\nimport type { NodeType } from './core-types'\nimport {\n  attachSurfaceContext,\n  createDummyNode,\n  deriveHostContext,\n  extractScene,\n  getParentContentSize,\n  isSceneTarget,\n  updateGestureHitAreaAfterLayout,\n} from './phaser-bridges'\nimport { PhaserHostAdapter } from './phaser-host-adapter'\nimport { PhaserSurfaceAdapter } from './phaser-surface-adapter'\nimport { getRenderContext } from './render-context'\nimport { getThemedProps, setThemeRemountHandler, themeRegistry } from './theme'\nimport type { PhaserPartialTheme } from './theme-base'\nimport type { ParentType } from './types'\n\nfunction wrapRootVNode(\n  type: NodeType | ((props: unknown) => VNodeLike),\n  props: MountProps & Record<string, unknown>\n): VNode {\n  const { width, height, disableAutoSize = false, key: _key, ...componentProps } = props\n\n  if (disableAutoSize) {\n    return {\n      type,\n      props: { ...componentProps, width, height },\n      children: [],\n    }\n  }\n\n  const componentVNode: VNode = {\n    type,\n    props: { ...componentProps, width, height },\n    children: [],\n  }\n\n  return {\n    type: SceneWrapper,\n    props: { width, height, children: componentVNode },\n    children: [],\n    __theme: themeRegistry.getGlobalTheme() as Record<string, unknown>,\n  }\n}\n\nconst phaserHostAdapter = new PhaserHostAdapter()\nconst phaserSurfaceAdapter = new PhaserSurfaceAdapter()\n\nexport const phaserVDOMRuntime = createVDOMRuntime(\n  {\n    hostAdapter: phaserHostAdapter,\n    surfaceAdapter: phaserSurfaceAdapter,\n  },\n  {\n    createDummyNode,\n    getHostContext: deriveHostContext,\n    resolveProps: (type: string, theme: PhaserPartialTheme | undefined, props: Props) =>\n      getThemedProps(type as never, theme as never, props as never),\n    attachSurfaceContext,\n    getParentContentSize,\n    afterLayout: (container: LayoutContainer, parent: unknown) => {\n      const renderContext = getRenderContext(parent as ParentType)\n      renderContext.deferLayout(() => updateGestureHitAreaAfterLayout(container))\n    },\n    wrapRootVNode,\n    extractSurfaceTarget: (parent: unknown) => (extractScene(parent) ?? parent) as SurfaceTarget,\n    isSurfaceTarget: isSceneTarget,\n  }\n)\n\n// Register Phaser's VDOM operations on the adapter for portable components\nphaserSurfaceAdapter.setVDOM({\n  mount: phaserVDOMRuntime.mount as VDOMOperations['mount'],\n  patchVNode: phaserVDOMRuntime.patchVNode as VDOMOperations['patchVNode'],\n  unmount: phaserVDOMRuntime.unmount as VDOMOperations['unmount'],\n})\n\nsetThemeRemountHandler(() => {\n  phaserVDOMRuntime.remountAll()\n})\n"],"names":[],"mappings":";;;;;;;;AA4BA,SAAS,cACP,MACA,OACO;AACP,QAAM,EAAE,OAAO,QAAQ,kBAAkB,OAAO,KAAK,MAAM,GAAG,eAAA,IAAmB;AAEjF,MAAI,iBAAiB;AACnB,WAAO;AAAA,MACL;AAAA,MACA,OAAO,EAAE,GAAG,gBAAgB,OAAO,OAAA;AAAA,MACnC,UAAU,CAAA;AAAA,IAAC;AAAA,EAEf;AAEA,QAAM,iBAAwB;AAAA,IAC5B;AAAA,IACA,OAAO,EAAE,GAAG,gBAAgB,OAAO,OAAA;AAAA,IACnC,UAAU,CAAA;AAAA,EAAC;AAGb,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO,EAAE,OAAO,QAAQ,UAAU,eAAA;AAAA,IAClC,UAAU,CAAA;AAAA,IACV,SAAS,cAAc,eAAA;AAAA,EAAe;AAE1C;AAEA,MAAM,oBAAoB,IAAI,kBAAA;AAC9B,MAAM,uBAAuB,IAAI,qBAAA;AAE1B,MAAM,oBAAoB;AAAA,EAC/B;AAAA,IACE,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAAA,EAElB;AAAA,IACE;AAAA,IACA,gBAAgB;AAAA,IAChB,cAAc,CAAC,MAAc,OAAuC,UAClE,eAAe,MAAe,OAAgB,KAAc;AAAA,IAC9D;AAAA,IACA;AAAA,IACA,aAAa,CAAC,WAA4B,WAAoB;AAC5D,YAAM,gBAAgB,iBAAiB,MAAoB;AAC3D,oBAAc,YAAY,MAAM,gCAAgC,SAAS,CAAC;AAAA,IAC5E;AAAA,IACA;AAAA,IACA,sBAAsB,CAAC,WAAqB,aAAa,MAAM,KAAK;AAAA,IACpE,iBAAiB;AAAA,EAAA;AAErB;AAGA,qBAAqB,QAAQ;AAAA,EAC3B,OAAO,kBAAkB;AAAA,EACzB,YAAY,kBAAkB;AAAA,EAC9B,SAAS,kBAAkB;AAC7B,CAAC;AAED,uBAAuB,MAAM;AAC3B,oBAAkB,WAAA;AACpB,CAAC;"}

package/dist/plugin.cjs

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Phaser = require("phaser");
+const vdom = require("./vdom.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const Phaser__namespace = /* @__PURE__ */ _interopNamespaceDefault(Phaser);
+function createPhaserJSXPlugin(config) {
+  return {
+    key: "PhaserJSX",
+    plugin: PhaserJSXPlugin,
+    start: true,
+    data: config
+  };
+}
+class PhaserJSXPlugin extends Phaser__namespace.Plugins.BasePlugin {
+  config;
+  mountHandle;
+  container;
+  targetScene;
+  /**
+   * Constructor - receives plugin manager and optional mapping
+   */
+  constructor(pluginManager) {
+    super(pluginManager);
+  }
+  /**
+   * Init lifecycle - called first with config data
+   */
+  init(data) {
+    if (data) {
+      this.config = { ...data };
+    }
+  }
+  /**
+   * Start lifecycle - called when plugin should start
+   */
+  start() {
+    this.game.events.on("ready", this.onGameReady, this);
+  }
+  /**
+   * Game ready handler - scene system is now initialized
+   */
+  onGameReady() {
+    const scenes = this.game.scene.scenes;
+    if (scenes.length > 0) {
+      const targetScene = scenes[0];
+      if (!targetScene) return;
+      this.targetScene = targetScene;
+      targetScene.events.once("create", this.onSceneCreate, this);
+      if (targetScene.scene.isActive()) {
+        this.onSceneCreate();
+      }
+    } else {
+      console.warn("[PhaserJSX Plugin] No scenes found to mount JSX");
+    }
+  }
+  /**
+   * Scene create handler - auto-mount JSX
+   */
+  onSceneCreate() {
+    const shouldAutoMount = this.config?.autoMount !== false;
+    if (shouldAutoMount && this.config?.component) {
+      this.mount();
+      if (this.config?.autoResize !== false) {
+        this.setupResizeHandler();
+      }
+    } else {
+      console.warn("[PhaserJSX Plugin] Auto-mount disabled or no component configured");
+    }
+  }
+  /**
+   * Setup resize event handler
+   */
+  setupResizeHandler() {
+    if (!this.targetScene) return;
+    this.targetScene.scale.on("resize", this.onResize, this);
+  }
+  /**
+   * Handle scene resize - update component props
+   */
+  onResize(gameSize) {
+    if (!this.mountHandle || !this.config?.component || !this.container) return;
+    const props = this.config.props || {};
+    const width = props.width ?? gameSize.width;
+    const height = props.height ?? gameSize.height;
+    this.mountHandle = vdom.mountJSX(this.container, this.config.component, {
+      ...props,
+      width,
+      height
+    });
+  }
+  /**
+   * Configure plugin
+   * Can be called from scene to set up component dynamically
+   */
+  configure(component, props) {
+    const newConfig = {
+      component
+    };
+    if (props !== void 0) {
+      newConfig.props = props;
+    }
+    this.config = {
+      ...this.config,
+      ...newConfig
+    };
+  }
+  /**
+   * Mount JSX component
+   */
+  mount() {
+    if (!this.targetScene) {
+      console.warn("[PhaserJSX Plugin] No scene available for mounting");
+      return;
+    }
+    if (!this.config?.component) {
+      console.warn("[PhaserJSX Plugin] No component configured for mounting");
+      return;
+    }
+    if (!this.container) {
+      const containerConfig = this.config.container || {};
+      this.container = this.targetScene.add.container(
+        containerConfig.x ?? 0,
+        containerConfig.y ?? 0
+      );
+      this.container.setDepth(containerConfig.depth ?? 100);
+    }
+    const props = this.config.props || {};
+    const width = props.width ?? this.targetScene.scale.width;
+    const height = props.height ?? this.targetScene.scale.height;
+    this.mountHandle = vdom.mountJSX(this.container, this.config.component, {
+      ...props,
+      width,
+      height
+    });
+  }
+  /**
+   * Unmount JSX component
+   */
+  unmount() {
+    if (this.mountHandle) {
+      this.mountHandle.unmount();
+      this.mountHandle = void 0;
+    }
+  }
+  /**
+   * Destroy lifecycle - cleanup
+   */
+  destroy() {
+    this.unmount();
+    if (this.container) {
+      this.container.destroy();
+      this.container = void 0;
+    }
+    this.game.events.off("ready", this.onGameReady, this);
+    if (this.targetScene) {
+      this.targetScene.events.off("create", this.onSceneCreate, this);
+      this.targetScene.scale.off("resize", this.onResize, this);
+    }
+    this.targetScene = void 0;
+    this.config = void 0;
+    super.destroy();
+  }
+}
+exports.PhaserJSXPlugin = PhaserJSXPlugin;
+exports.createPhaserJSXPlugin = createPhaserJSXPlugin;
+//# sourceMappingURL=plugin.cjs.map

package/dist/plugin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.cjs","sources":["../src/plugin.ts"],"sourcesContent":["/**\n * PhaserJSX Plugin for automatic JSX mounting\n * Enables declarative initialization via Phaser game config\n */\nimport * as Phaser from 'phaser'\nimport type { VNodeLike } from './types'\nimport { mountJSX, type MountHandle, type MountProps } from './vdom'\n\n/**\n * Plugin configuration\n */\nexport interface PhaserJSXPluginConfig<P = Record<string, unknown>> {\n  /** Component to mount */\n  component?: ((props: P & MountProps) => VNodeLike) | string\n  /** Props for component (width and height are auto-injected from game size) */\n  props?: P\n  /** Container configuration */\n  container?: {\n    x?: number\n    y?: number\n    depth?: number\n  }\n  /** Auto-mount on scene create (default: true) */\n  autoMount?: boolean\n  /** Auto-resize on scale events (default: true) */\n  autoResize?: boolean\n}\n\n/**\n * Extracts custom props from component function (excluding MountProps)\n */\ntype InferCustomProps<C> = C extends (props: infer P) => VNodeLike\n  ? Omit<P, keyof MountProps>\n  : never\n\n/**\n * Type-safe plugin entry for PhaserJSX Plugin\n * Use this in game config for proper TypeScript support\n *\n * @example\n * ```typescript\n * const config: Phaser.Types.Core.GameConfig = {\n *   plugins: {\n *     global: [\n *       createPhaserJSXPlugin({\n *         component: App,\n *         props: { title: 'My App' },\n *         autoResize: true\n *       })\n *     ]\n *   }\n * }\n * ```\n */\nexport interface PhaserJSXPluginEntry<P = Record<string, unknown>> {\n  key: string\n  plugin: typeof PhaserJSXPlugin\n  start: boolean\n  data: PhaserJSXPluginConfig<P>\n}\n\n/**\n * Creates a type-safe PhaserJSX plugin entry for game config\n * Provides full IDE autocomplete and type checking for plugin configuration\n * Automatically infers component props for full type safety\n *\n * @param config - Plugin configuration with component and props\n * @returns Type-safe plugin entry for Phaser game config\n *\n * @example\n * ```typescript\n * // Full type safety - TypeScript infers AppProps from component\n * createPhaserJSXPlugin({\n *   component: App,\n *   props: { title: 'My App' },  // Only valid AppProps allowed!\n *   autoResize: true\n * })\n * ```\n */\nexport function createPhaserJSXPlugin<C extends (props: unknown) => VNodeLike>(config: {\n  component: C\n  props?: InferCustomProps<C>\n  autoMount?: boolean\n  autoResize?: boolean\n  container?: { x?: number; y?: number; depth?: number }\n}): PhaserJSXPluginEntry<InferCustomProps<C>>\n\n/**\n * Creates a PhaserJSX plugin entry (string component variant)\n */\nexport function createPhaserJSXPlugin<P = Record<string, unknown>>(\n  config: PhaserJSXPluginConfig<P>\n): PhaserJSXPluginEntry<P>\n\n/**\n * Implementation\n */\nexport function createPhaserJSXPlugin<P = Record<string, unknown>>(\n  config: PhaserJSXPluginConfig<P>\n): PhaserJSXPluginEntry<P> {\n  return {\n    key: 'PhaserJSX',\n    plugin: PhaserJSXPlugin,\n    start: true,\n    data: config,\n  }\n}\n\n/**\n * PhaserJSX Plugin\n * Provides automatic JSX mounting through Phaser plugin system\n *\n * @example\n * ```typescript\n * // In game config\n * plugins: {\n *   global: [{\n *     key: 'PhaserJSX',\n *     plugin: PhaserJSXPlugin,\n *     start: true,\n *     data: {\n *       component: App,\n *       props: { width: '100%', height: '100%' }\n *     }\n *   }]\n * }\n * ```\n */\nexport class PhaserJSXPlugin extends Phaser.Plugins.BasePlugin {\n  private config: PhaserJSXPluginConfig | undefined\n  private mountHandle: MountHandle | undefined\n  private container: Phaser.GameObjects.Container | undefined\n  private targetScene: Phaser.Scene | undefined\n\n  /**\n   * Constructor - receives plugin manager and optional mapping\n   */\n  constructor(pluginManager: Phaser.Plugins.PluginManager) {\n    super(pluginManager)\n  }\n\n  /**\n   * Init lifecycle - called first with config data\n   */\n  override init(data?: PhaserJSXPluginConfig): void {\n    if (data) {\n      this.config = { ...data }\n    }\n  }\n\n  /**\n   * Start lifecycle - called when plugin should start\n   */\n  override start(): void {\n    // Listen for scene being added to the scene manager\n    this.game.events.on('ready', this.onGameReady, this)\n  }\n\n  /**\n   * Game ready handler - scene system is now initialized\n   */\n  private onGameReady(): void {\n    // Get first scene\n    const scenes = this.game.scene.scenes\n\n    if (scenes.length > 0) {\n      const targetScene = scenes[0]\n      if (!targetScene) return\n\n      this.targetScene = targetScene\n\n      // Listen to scene events\n      targetScene.events.once('create', this.onSceneCreate, this)\n\n      // If scene is already created, mount immediately\n      if (targetScene.scene.isActive()) {\n        this.onSceneCreate()\n      }\n    } else {\n      console.warn('[PhaserJSX Plugin] No scenes found to mount JSX')\n    }\n  }\n\n  /**\n   * Scene create handler - auto-mount JSX\n   */\n  private onSceneCreate(): void {\n    // Auto-mount if enabled and component is configured\n    const shouldAutoMount = this.config?.autoMount !== false\n    if (shouldAutoMount && this.config?.component) {\n      this.mount()\n      // Setup resize handler if auto-resize is enabled (default: true)\n      if (this.config?.autoResize !== false) {\n        this.setupResizeHandler()\n      }\n    } else {\n      console.warn('[PhaserJSX Plugin] Auto-mount disabled or no component configured')\n    }\n  }\n\n  /**\n   * Setup resize event handler\n   */\n  private setupResizeHandler(): void {\n    if (!this.targetScene) return\n\n    // Listen to scale resize events\n    this.targetScene.scale.on('resize', this.onResize, this)\n  }\n\n  /**\n   * Handle scene resize - update component props\n   */\n  private onResize(gameSize: Phaser.Structs.Size): void {\n    if (!this.mountHandle || !this.config?.component || !this.container) return\n\n    // Get current props\n    const props = this.config.props || {}\n    const width = (props as { width?: unknown }).width ?? gameSize.width\n    const height = (props as { height?: unknown }).height ?? gameSize.height\n\n    // Call mountJSX again with same container and component\n    // This will trigger a patch since mount already exists for this container\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    this.mountHandle = mountJSX(this.container, this.config.component as any, {\n      ...props,\n      width,\n      height,\n    })\n  }\n\n  /**\n   * Configure plugin\n   * Can be called from scene to set up component dynamically\n   */\n  configure(\n    component: ((props: unknown) => VNodeLike) | string,\n    props?: MountProps & Record<string, unknown>\n  ): void {\n    const newConfig: PhaserJSXPluginConfig = {\n      component,\n    }\n    if (props !== undefined) {\n      newConfig.props = props\n    }\n    this.config = {\n      ...this.config,\n      ...newConfig,\n    }\n  }\n\n  /**\n   * Mount JSX component\n   */\n  mount(): void {\n    if (!this.targetScene) {\n      console.warn('[PhaserJSX Plugin] No scene available for mounting')\n      return\n    }\n\n    if (!this.config?.component) {\n      console.warn('[PhaserJSX Plugin] No component configured for mounting')\n      return\n    }\n\n    // Create container if not exists\n    if (!this.container) {\n      const containerConfig = this.config.container || {}\n      this.container = this.targetScene.add.container(\n        containerConfig.x ?? 0,\n        containerConfig.y ?? 0\n      )\n      this.container.setDepth(containerConfig.depth ?? 100)\n    }\n\n    // Get dimensions from config or use scene dimensions\n    const props = this.config.props || {}\n    const width = (props as { width?: unknown }).width ?? this.targetScene.scale.width\n    const height = (props as { height?: unknown }).height ?? this.targetScene.scale.height\n\n    // Mount JSX\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    this.mountHandle = mountJSX(this.container, this.config.component as any, {\n      ...props,\n      width,\n      height,\n    })\n  }\n\n  /**\n   * Unmount JSX component\n   */\n  unmount(): void {\n    if (this.mountHandle) {\n      this.mountHandle.unmount()\n      this.mountHandle = undefined\n    }\n  }\n\n  /**\n   * Destroy lifecycle - cleanup\n   */\n  override destroy(): void {\n    // Unmount JSX\n    this.unmount()\n\n    // Remove container\n    if (this.container) {\n      this.container.destroy()\n      this.container = undefined\n    }\n\n    // Remove listeners\n    this.game.events.off('ready', this.onGameReady, this)\n    if (this.targetScene) {\n      this.targetScene.events.off('create', this.onSceneCreate, this)\n      this.targetScene.scale.off('resize', this.onResize, this)\n    }\n\n    // Clear references\n    this.targetScene = undefined\n    this.config = undefined\n\n    super.destroy()\n  }\n}\n"],"names":["Phaser","mountJSX"],"mappings":"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"}

package/dist/plugin.d.ts

@@ -0,0 +1,161 @@
+import { VNodeLike } from './types';
+import { MountProps } from './vdom';
+/**
+ * PhaserJSX Plugin for automatic JSX mounting
+ * Enables declarative initialization via Phaser game config
+ */
+import * as Phaser from 'phaser';
+/**
+ * Plugin configuration
+ */
+export interface PhaserJSXPluginConfig<P = Record<string, unknown>> {
+    /** Component to mount */
+    component?: ((props: P & MountProps) => VNodeLike) | string;
+    /** Props for component (width and height are auto-injected from game size) */
+    props?: P;
+    /** Container configuration */
+    container?: {
+        x?: number;
+        y?: number;
+        depth?: number;
+    };
+    /** Auto-mount on scene create (default: true) */
+    autoMount?: boolean;
+    /** Auto-resize on scale events (default: true) */
+    autoResize?: boolean;
+}
+/**
+ * Extracts custom props from component function (excluding MountProps)
+ */
+type InferCustomProps<C> = C extends (props: infer P) => VNodeLike ? Omit<P, keyof MountProps> : never;
+/**
+ * Type-safe plugin entry for PhaserJSX Plugin
+ * Use this in game config for proper TypeScript support
+ *
+ * @example
+ * ```typescript
+ * const config: Phaser.Types.Core.GameConfig = {
+ *   plugins: {
+ *     global: [
+ *       createPhaserJSXPlugin({
+ *         component: App,
+ *         props: { title: 'My App' },
+ *         autoResize: true
+ *       })
+ *     ]
+ *   }
+ * }
+ * ```
+ */
+export interface PhaserJSXPluginEntry<P = Record<string, unknown>> {
+    key: string;
+    plugin: typeof PhaserJSXPlugin;
+    start: boolean;
+    data: PhaserJSXPluginConfig<P>;
+}
+/**
+ * Creates a type-safe PhaserJSX plugin entry for game config
+ * Provides full IDE autocomplete and type checking for plugin configuration
+ * Automatically infers component props for full type safety
+ *
+ * @param config - Plugin configuration with component and props
+ * @returns Type-safe plugin entry for Phaser game config
+ *
+ * @example
+ * ```typescript
+ * // Full type safety - TypeScript infers AppProps from component
+ * createPhaserJSXPlugin({
+ *   component: App,
+ *   props: { title: 'My App' },  // Only valid AppProps allowed!
+ *   autoResize: true
+ * })
+ * ```
+ */
+export declare function createPhaserJSXPlugin<C extends (props: unknown) => VNodeLike>(config: {
+    component: C;
+    props?: InferCustomProps<C>;
+    autoMount?: boolean;
+    autoResize?: boolean;
+    container?: {
+        x?: number;
+        y?: number;
+        depth?: number;
+    };
+}): PhaserJSXPluginEntry<InferCustomProps<C>>;
+/**
+ * Creates a PhaserJSX plugin entry (string component variant)
+ */
+export declare function createPhaserJSXPlugin<P = Record<string, unknown>>(config: PhaserJSXPluginConfig<P>): PhaserJSXPluginEntry<P>;
+/**
+ * PhaserJSX Plugin
+ * Provides automatic JSX mounting through Phaser plugin system
+ *
+ * @example
+ * ```typescript
+ * // In game config
+ * plugins: {
+ *   global: [{
+ *     key: 'PhaserJSX',
+ *     plugin: PhaserJSXPlugin,
+ *     start: true,
+ *     data: {
+ *       component: App,
+ *       props: { width: '100%', height: '100%' }
+ *     }
+ *   }]
+ * }
+ * ```
+ */
+export declare class PhaserJSXPlugin extends Phaser.Plugins.BasePlugin {
+    private config;
+    private mountHandle;
+    private container;
+    private targetScene;
+    /**
+     * Constructor - receives plugin manager and optional mapping
+     */
+    constructor(pluginManager: Phaser.Plugins.PluginManager);
+    /**
+     * Init lifecycle - called first with config data
+     */
+    init(data?: PhaserJSXPluginConfig): void;
+    /**
+     * Start lifecycle - called when plugin should start
+     */
+    start(): void;
+    /**
+     * Game ready handler - scene system is now initialized
+     */
+    private onGameReady;
+    /**
+     * Scene create handler - auto-mount JSX
+     */
+    private onSceneCreate;
+    /**
+     * Setup resize event handler
+     */
+    private setupResizeHandler;
+    /**
+     * Handle scene resize - update component props
+     */
+    private onResize;
+    /**
+     * Configure plugin
+     * Can be called from scene to set up component dynamically
+     */
+    configure(component: ((props: unknown) => VNodeLike) | string, props?: MountProps & Record<string, unknown>): void;
+    /**
+     * Mount JSX component
+     */
+    mount(): void;
+    /**
+     * Unmount JSX component
+     */
+    unmount(): void;
+    /**
+     * Destroy lifecycle - cleanup
+     */
+    destroy(): void;
+}
+export {};
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

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

package/dist/plugin.js

@@ -0,0 +1,165 @@
+import * as Phaser from "phaser";
+import { mountJSX } from "./vdom.js";
+function createPhaserJSXPlugin(config) {
+  return {
+    key: "PhaserJSX",
+    plugin: PhaserJSXPlugin,
+    start: true,
+    data: config
+  };
+}
+class PhaserJSXPlugin extends Phaser.Plugins.BasePlugin {
+  config;
+  mountHandle;
+  container;
+  targetScene;
+  /**
+   * Constructor - receives plugin manager and optional mapping
+   */
+  constructor(pluginManager) {
+    super(pluginManager);
+  }
+  /**
+   * Init lifecycle - called first with config data
+   */
+  init(data) {
+    if (data) {
+      this.config = { ...data };
+    }
+  }
+  /**
+   * Start lifecycle - called when plugin should start
+   */
+  start() {
+    this.game.events.on("ready", this.onGameReady, this);
+  }
+  /**
+   * Game ready handler - scene system is now initialized
+   */
+  onGameReady() {
+    const scenes = this.game.scene.scenes;
+    if (scenes.length > 0) {
+      const targetScene = scenes[0];
+      if (!targetScene) return;
+      this.targetScene = targetScene;
+      targetScene.events.once("create", this.onSceneCreate, this);
+      if (targetScene.scene.isActive()) {
+        this.onSceneCreate();
+      }
+    } else {
+      console.warn("[PhaserJSX Plugin] No scenes found to mount JSX");
+    }
+  }
+  /**
+   * Scene create handler - auto-mount JSX
+   */
+  onSceneCreate() {
+    const shouldAutoMount = this.config?.autoMount !== false;
+    if (shouldAutoMount && this.config?.component) {
+      this.mount();
+      if (this.config?.autoResize !== false) {
+        this.setupResizeHandler();
+      }
+    } else {
+      console.warn("[PhaserJSX Plugin] Auto-mount disabled or no component configured");
+    }
+  }
+  /**
+   * Setup resize event handler
+   */
+  setupResizeHandler() {
+    if (!this.targetScene) return;
+    this.targetScene.scale.on("resize", this.onResize, this);
+  }
+  /**
+   * Handle scene resize - update component props
+   */
+  onResize(gameSize) {
+    if (!this.mountHandle || !this.config?.component || !this.container) return;
+    const props = this.config.props || {};
+    const width = props.width ?? gameSize.width;
+    const height = props.height ?? gameSize.height;
+    this.mountHandle = mountJSX(this.container, this.config.component, {
+      ...props,
+      width,
+      height
+    });
+  }
+  /**
+   * Configure plugin
+   * Can be called from scene to set up component dynamically
+   */
+  configure(component, props) {
+    const newConfig = {
+      component
+    };
+    if (props !== void 0) {
+      newConfig.props = props;
+    }
+    this.config = {
+      ...this.config,
+      ...newConfig
+    };
+  }
+  /**
+   * Mount JSX component
+   */
+  mount() {
+    if (!this.targetScene) {
+      console.warn("[PhaserJSX Plugin] No scene available for mounting");
+      return;
+    }
+    if (!this.config?.component) {
+      console.warn("[PhaserJSX Plugin] No component configured for mounting");
+      return;
+    }
+    if (!this.container) {
+      const containerConfig = this.config.container || {};
+      this.container = this.targetScene.add.container(
+        containerConfig.x ?? 0,
+        containerConfig.y ?? 0
+      );
+      this.container.setDepth(containerConfig.depth ?? 100);
+    }
+    const props = this.config.props || {};
+    const width = props.width ?? this.targetScene.scale.width;
+    const height = props.height ?? this.targetScene.scale.height;
+    this.mountHandle = mountJSX(this.container, this.config.component, {
+      ...props,
+      width,
+      height
+    });
+  }
+  /**
+   * Unmount JSX component
+   */
+  unmount() {
+    if (this.mountHandle) {
+      this.mountHandle.unmount();
+      this.mountHandle = void 0;
+    }
+  }
+  /**
+   * Destroy lifecycle - cleanup
+   */
+  destroy() {
+    this.unmount();
+    if (this.container) {
+      this.container.destroy();
+      this.container = void 0;
+    }
+    this.game.events.off("ready", this.onGameReady, this);
+    if (this.targetScene) {
+      this.targetScene.events.off("create", this.onSceneCreate, this);
+      this.targetScene.scale.off("resize", this.onResize, this);
+    }
+    this.targetScene = void 0;
+    this.config = void 0;
+    super.destroy();
+  }
+}
+export {
+  PhaserJSXPlugin,
+  createPhaserJSXPlugin
+};
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sources":["../src/plugin.ts"],"sourcesContent":["/**\n * PhaserJSX Plugin for automatic JSX mounting\n * Enables declarative initialization via Phaser game config\n */\nimport * as Phaser from 'phaser'\nimport type { VNodeLike } from './types'\nimport { mountJSX, type MountHandle, type MountProps } from './vdom'\n\n/**\n * Plugin configuration\n */\nexport interface PhaserJSXPluginConfig<P = Record<string, unknown>> {\n  /** Component to mount */\n  component?: ((props: P & MountProps) => VNodeLike) | string\n  /** Props for component (width and height are auto-injected from game size) */\n  props?: P\n  /** Container configuration */\n  container?: {\n    x?: number\n    y?: number\n    depth?: number\n  }\n  /** Auto-mount on scene create (default: true) */\n  autoMount?: boolean\n  /** Auto-resize on scale events (default: true) */\n  autoResize?: boolean\n}\n\n/**\n * Extracts custom props from component function (excluding MountProps)\n */\ntype InferCustomProps<C> = C extends (props: infer P) => VNodeLike\n  ? Omit<P, keyof MountProps>\n  : never\n\n/**\n * Type-safe plugin entry for PhaserJSX Plugin\n * Use this in game config for proper TypeScript support\n *\n * @example\n * ```typescript\n * const config: Phaser.Types.Core.GameConfig = {\n *   plugins: {\n *     global: [\n *       createPhaserJSXPlugin({\n *         component: App,\n *         props: { title: 'My App' },\n *         autoResize: true\n *       })\n *     ]\n *   }\n * }\n * ```\n */\nexport interface PhaserJSXPluginEntry<P = Record<string, unknown>> {\n  key: string\n  plugin: typeof PhaserJSXPlugin\n  start: boolean\n  data: PhaserJSXPluginConfig<P>\n}\n\n/**\n * Creates a type-safe PhaserJSX plugin entry for game config\n * Provides full IDE autocomplete and type checking for plugin configuration\n * Automatically infers component props for full type safety\n *\n * @param config - Plugin configuration with component and props\n * @returns Type-safe plugin entry for Phaser game config\n *\n * @example\n * ```typescript\n * // Full type safety - TypeScript infers AppProps from component\n * createPhaserJSXPlugin({\n *   component: App,\n *   props: { title: 'My App' },  // Only valid AppProps allowed!\n *   autoResize: true\n * })\n * ```\n */\nexport function createPhaserJSXPlugin<C extends (props: unknown) => VNodeLike>(config: {\n  component: C\n  props?: InferCustomProps<C>\n  autoMount?: boolean\n  autoResize?: boolean\n  container?: { x?: number; y?: number; depth?: number }\n}): PhaserJSXPluginEntry<InferCustomProps<C>>\n\n/**\n * Creates a PhaserJSX plugin entry (string component variant)\n */\nexport function createPhaserJSXPlugin<P = Record<string, unknown>>(\n  config: PhaserJSXPluginConfig<P>\n): PhaserJSXPluginEntry<P>\n\n/**\n * Implementation\n */\nexport function createPhaserJSXPlugin<P = Record<string, unknown>>(\n  config: PhaserJSXPluginConfig<P>\n): PhaserJSXPluginEntry<P> {\n  return {\n    key: 'PhaserJSX',\n    plugin: PhaserJSXPlugin,\n    start: true,\n    data: config,\n  }\n}\n\n/**\n * PhaserJSX Plugin\n * Provides automatic JSX mounting through Phaser plugin system\n *\n * @example\n * ```typescript\n * // In game config\n * plugins: {\n *   global: [{\n *     key: 'PhaserJSX',\n *     plugin: PhaserJSXPlugin,\n *     start: true,\n *     data: {\n *       component: App,\n *       props: { width: '100%', height: '100%' }\n *     }\n *   }]\n * }\n * ```\n */\nexport class PhaserJSXPlugin extends Phaser.Plugins.BasePlugin {\n  private config: PhaserJSXPluginConfig | undefined\n  private mountHandle: MountHandle | undefined\n  private container: Phaser.GameObjects.Container | undefined\n  private targetScene: Phaser.Scene | undefined\n\n  /**\n   * Constructor - receives plugin manager and optional mapping\n   */\n  constructor(pluginManager: Phaser.Plugins.PluginManager) {\n    super(pluginManager)\n  }\n\n  /**\n   * Init lifecycle - called first with config data\n   */\n  override init(data?: PhaserJSXPluginConfig): void {\n    if (data) {\n      this.config = { ...data }\n    }\n  }\n\n  /**\n   * Start lifecycle - called when plugin should start\n   */\n  override start(): void {\n    // Listen for scene being added to the scene manager\n    this.game.events.on('ready', this.onGameReady, this)\n  }\n\n  /**\n   * Game ready handler - scene system is now initialized\n   */\n  private onGameReady(): void {\n    // Get first scene\n    const scenes = this.game.scene.scenes\n\n    if (scenes.length > 0) {\n      const targetScene = scenes[0]\n      if (!targetScene) return\n\n      this.targetScene = targetScene\n\n      // Listen to scene events\n      targetScene.events.once('create', this.onSceneCreate, this)\n\n      // If scene is already created, mount immediately\n      if (targetScene.scene.isActive()) {\n        this.onSceneCreate()\n      }\n    } else {\n      console.warn('[PhaserJSX Plugin] No scenes found to mount JSX')\n    }\n  }\n\n  /**\n   * Scene create handler - auto-mount JSX\n   */\n  private onSceneCreate(): void {\n    // Auto-mount if enabled and component is configured\n    const shouldAutoMount = this.config?.autoMount !== false\n    if (shouldAutoMount && this.config?.component) {\n      this.mount()\n      // Setup resize handler if auto-resize is enabled (default: true)\n      if (this.config?.autoResize !== false) {\n        this.setupResizeHandler()\n      }\n    } else {\n      console.warn('[PhaserJSX Plugin] Auto-mount disabled or no component configured')\n    }\n  }\n\n  /**\n   * Setup resize event handler\n   */\n  private setupResizeHandler(): void {\n    if (!this.targetScene) return\n\n    // Listen to scale resize events\n    this.targetScene.scale.on('resize', this.onResize, this)\n  }\n\n  /**\n   * Handle scene resize - update component props\n   */\n  private onResize(gameSize: Phaser.Structs.Size): void {\n    if (!this.mountHandle || !this.config?.component || !this.container) return\n\n    // Get current props\n    const props = this.config.props || {}\n    const width = (props as { width?: unknown }).width ?? gameSize.width\n    const height = (props as { height?: unknown }).height ?? gameSize.height\n\n    // Call mountJSX again with same container and component\n    // This will trigger a patch since mount already exists for this container\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    this.mountHandle = mountJSX(this.container, this.config.component as any, {\n      ...props,\n      width,\n      height,\n    })\n  }\n\n  /**\n   * Configure plugin\n   * Can be called from scene to set up component dynamically\n   */\n  configure(\n    component: ((props: unknown) => VNodeLike) | string,\n    props?: MountProps & Record<string, unknown>\n  ): void {\n    const newConfig: PhaserJSXPluginConfig = {\n      component,\n    }\n    if (props !== undefined) {\n      newConfig.props = props\n    }\n    this.config = {\n      ...this.config,\n      ...newConfig,\n    }\n  }\n\n  /**\n   * Mount JSX component\n   */\n  mount(): void {\n    if (!this.targetScene) {\n      console.warn('[PhaserJSX Plugin] No scene available for mounting')\n      return\n    }\n\n    if (!this.config?.component) {\n      console.warn('[PhaserJSX Plugin] No component configured for mounting')\n      return\n    }\n\n    // Create container if not exists\n    if (!this.container) {\n      const containerConfig = this.config.container || {}\n      this.container = this.targetScene.add.container(\n        containerConfig.x ?? 0,\n        containerConfig.y ?? 0\n      )\n      this.container.setDepth(containerConfig.depth ?? 100)\n    }\n\n    // Get dimensions from config or use scene dimensions\n    const props = this.config.props || {}\n    const width = (props as { width?: unknown }).width ?? this.targetScene.scale.width\n    const height = (props as { height?: unknown }).height ?? this.targetScene.scale.height\n\n    // Mount JSX\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    this.mountHandle = mountJSX(this.container, this.config.component as any, {\n      ...props,\n      width,\n      height,\n    })\n  }\n\n  /**\n   * Unmount JSX component\n   */\n  unmount(): void {\n    if (this.mountHandle) {\n      this.mountHandle.unmount()\n      this.mountHandle = undefined\n    }\n  }\n\n  /**\n   * Destroy lifecycle - cleanup\n   */\n  override destroy(): void {\n    // Unmount JSX\n    this.unmount()\n\n    // Remove container\n    if (this.container) {\n      this.container.destroy()\n      this.container = undefined\n    }\n\n    // Remove listeners\n    this.game.events.off('ready', this.onGameReady, this)\n    if (this.targetScene) {\n      this.targetScene.events.off('create', this.onSceneCreate, this)\n      this.targetScene.scale.off('resize', this.onResize, this)\n    }\n\n    // Clear references\n    this.targetScene = undefined\n    this.config = undefined\n\n    super.destroy()\n  }\n}\n"],"names":[],"mappings":"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"}