@number10/jsx-phaser 5.0.0

package/dist/scene-backgrounds.d.ts

@@ -0,0 +1,69 @@
+import * as Phaser from 'phaser';
+/**
+ * Built-in decorative background variants that can be attached to a Phaser scene.
+ */
+export type SceneBackgroundType = 'grid' | 'logo' | 'gradient' | 'particles' | 'none';
+/**
+ * Optional animation applied to a scene background after it is created.
+ */
+export type BackgroundAnimation = 'lemniscate' | 'wave' | 'pulse' | 'rotate' | 'static';
+/**
+ * Configuration for {@link addSceneBackground}.
+ */
+export interface BackgroundConfig {
+    /** Background variant to create. Use `'none'` to disable background creation. */
+    type: SceneBackgroundType;
+    /** Animation preset applied to the created background. Defaults depend on caller config. */
+    animation?: BackgroundAnimation;
+    /** Background opacity, usually between `0` and `1`. */
+    opacity?: number;
+    /** Primary color as a Phaser numeric color, for example `0x4a9eff`. */
+    color?: number;
+    /** Secondary color used by gradient backgrounds. */
+    colorSecondary?: number;
+    /** Texture key used by the logo background. Defaults to the built-in logo key. */
+    logoKey?: string;
+}
+/**
+ * Handle returned by {@link addSceneBackground}.
+ */
+export interface SceneBackgroundHandle {
+    /** Root game object created for the background. */
+    background: BackgroundTarget;
+    /** Stops animations, destroys game objects, removes generated textures, and detaches listeners. */
+    destroy: () => void;
+    /** Manually resize the background to match an external viewport size. */
+    resize: (width: number, height: number) => void;
+}
+/**
+ * Default scene background used when no explicit config is provided.
+ */
+export declare const DEFAULT_BACKGROUND: BackgroundConfig;
+type BackgroundTarget = Phaser.GameObjects.Container | Phaser.GameObjects.Image | Phaser.GameObjects.TileSprite;
+/**
+ * Adds a decorative background object to a Phaser scene.
+ *
+ * The helper owns all game objects, tweens, resize listeners, and generated textures it creates.
+ * It automatically cleans up on scene shutdown or destroy. Call `handle.destroy()` when removing
+ * the background earlier.
+ *
+ * @param scene - Phaser scene that receives the background.
+ * @param config - Background type, colors, opacity, animation, and optional logo texture key.
+ * @returns A handle for manual resize and cleanup, or `null` when `config.type` is `'none'`.
+ *
+ * @example
+ * ```ts
+ * const handle = addSceneBackground(scene, {
+ *   type: 'grid',
+ *   animation: 'wave',
+ *   color: 0x4a9eff,
+ *   opacity: 0.12,
+ * })
+ *
+ * // Later, if the background should be removed before scene shutdown:
+ * handle?.destroy()
+ * ```
+ */
+export declare function addSceneBackground(scene: Phaser.Scene, config?: BackgroundConfig): SceneBackgroundHandle | null;
+export {};
+//# sourceMappingURL=scene-backgrounds.d.ts.map

package/dist/scene-backgrounds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-backgrounds.d.ts","sourceRoot":"","sources":["../src/scene-backgrounds.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AAEhC;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CAAA;AAErF;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEvF;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,iFAAiF;IACjF,IAAI,EAAE,mBAAmB,CAAA;IAEzB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAE/B,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,mDAAmD;IACnD,UAAU,EAAE,gBAAgB,CAAA;IAE5B,mGAAmG;IACnG,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB,yEAAyE;IACzE,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAChD;AAID;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,gBAKhC,CAAA;AAED,KAAK,gBAAgB,GACjB,MAAM,CAAC,WAAW,CAAC,SAAS,GAC5B,MAAM,CAAC,WAAW,CAAC,KAAK,GACxB,MAAM,CAAC,WAAW,CAAC,UAAU,CAAA;AA4CjC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,GAAE,gBAAqC,GAC5C,qBAAqB,GAAG,IAAI,CA6L9B"}

package/dist/scene-backgrounds.js

@@ -0,0 +1,268 @@
+import * as Phaser from "phaser";
+const DEFAULT_LOGO_KEY = "phaser-jsx-logo";
+const DEFAULT_BACKGROUND = {
+  type: "grid",
+  animation: "lemniscate",
+  opacity: 0.15,
+  color: 4890367
+};
+let sceneBackgroundTextureId = 0;
+function colorToCss(color) {
+  return `#${color.toString(16).padStart(6, "0")}`;
+}
+function createCanvasTexture(scene, width, height, draw) {
+  const textureKey = `__phaserjsx_scene_bg_${sceneBackgroundTextureId++}`;
+  const textureWidth = Math.max(1, Math.ceil(width));
+  const textureHeight = Math.max(1, Math.ceil(height));
+  const texture = scene.textures.createCanvas(textureKey, textureWidth, textureHeight);
+  if (!texture) {
+    throw new Error("Unable to create scene background texture");
+  }
+  const canvas = texture.getSourceImage();
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    throw new Error("Unable to create scene background canvas texture");
+  }
+  ctx.clearRect(0, 0, textureWidth, textureHeight);
+  draw(ctx, textureWidth, textureHeight);
+  texture.refresh();
+  return textureKey;
+}
+function removeTexture(scene, textureKey) {
+  if (textureKey && scene.textures.exists(textureKey)) {
+    scene.textures.remove(textureKey);
+  }
+}
+function addSceneBackground(scene, config = DEFAULT_BACKGROUND) {
+  const bgConfig = config ?? DEFAULT_BACKGROUND;
+  if (bgConfig.type === "none") return null;
+  let background;
+  let backgroundTween;
+  const particleTweens = [];
+  const textureKeys = /* @__PURE__ */ new Set();
+  let resizeFn;
+  let destroyed = false;
+  const createGridBackground = () => {
+    const gridSize = 40;
+    const color = bgConfig.color ?? 4890367;
+    const opacity = bgConfig.opacity ?? 0.15;
+    const textureKey = createCanvasTexture(scene, gridSize, gridSize, (ctx, width, height) => {
+      ctx.globalAlpha = opacity;
+      ctx.strokeStyle = colorToCss(color);
+      ctx.lineWidth = 1;
+      ctx.beginPath();
+      ctx.moveTo(0.5, 0);
+      ctx.lineTo(0.5, height);
+      ctx.moveTo(0, 0.5);
+      ctx.lineTo(width, 0.5);
+      ctx.stroke();
+    });
+    textureKeys.add(textureKey);
+    const tile = scene.add.tileSprite(0, 0, scene.scale.width, scene.scale.height, textureKey);
+    tile.setOrigin(0, 0);
+    const moveGrid = (offsetX, offsetY) => {
+      tile.tilePositionX = -offsetX;
+      tile.tilePositionY = -offsetY;
+    };
+    tile.__redrawFn = moveGrid;
+    background = tile;
+    resizeFn = (width, height) => {
+      tile.setSize(width, height);
+    };
+  };
+  const createLogoBackground = () => {
+    const container = scene.add.container(scene.scale.width / 2, scene.scale.height / 2);
+    const opacity = bgConfig.opacity ?? 0.1;
+    const logoKey = bgConfig.logoKey ?? DEFAULT_LOGO_KEY;
+    const logo = scene.add.image(0, 0, logoKey);
+    logo.setAlpha(opacity);
+    logo.setScale(0.5);
+    container.add(logo);
+    background = container;
+    resizeFn = (width, height) => {
+      container.setPosition(width / 2, height / 2);
+    };
+  };
+  const createGradientBackground = () => {
+    const color1 = bgConfig.color ?? 4890367;
+    const color2 = bgConfig.colorSecondary ?? 7031551;
+    const opacity = bgConfig.opacity ?? 0.2;
+    const createGradientTexture = (width, height) => createCanvasTexture(scene, width, height, (ctx, textureWidth, textureHeight) => {
+      const gradient = ctx.createLinearGradient(0, 0, 0, textureHeight);
+      gradient.addColorStop(0, colorToCss(color1));
+      gradient.addColorStop(1, colorToCss(color2));
+      ctx.globalAlpha = opacity;
+      ctx.fillStyle = gradient;
+      ctx.fillRect(0, 0, textureWidth, textureHeight);
+    });
+    let textureKey = createGradientTexture(scene.scale.width, scene.scale.height);
+    textureKeys.add(textureKey);
+    const image = scene.add.image(0, 0, textureKey);
+    image.setOrigin(0, 0);
+    resizeFn = (width, height) => {
+      const previousTextureKey = textureKey;
+      textureKey = createGradientTexture(width, height);
+      textureKeys.add(textureKey);
+      image.setTexture(textureKey);
+      image.setDisplaySize(width, height);
+      textureKeys.delete(previousTextureKey);
+      removeTexture(scene, previousTextureKey);
+    };
+    background = image;
+  };
+  const createParticlesBackground = () => {
+    const container = scene.add.container(0, 0);
+    const particleCount = 20;
+    const color = bgConfig.color ?? 4890367;
+    const opacity = bgConfig.opacity ?? 0.1;
+    const particles = [];
+    for (let i = 0; i < particleCount; i += 1) {
+      const size = Phaser.Math.Between(2, 6);
+      const x = Phaser.Math.Between(0, scene.scale.width);
+      const y = Phaser.Math.Between(0, scene.scale.height);
+      const particle = scene.add.circle(x, y, size, color, opacity);
+      container.add(particle);
+      particles.push(particle);
+      particleTweens.push(
+        scene.tweens.add({
+          targets: particle,
+          y: particle.y + Phaser.Math.Between(-50, 50),
+          x: particle.x + Phaser.Math.Between(-50, 50),
+          alpha: opacity * 1.5,
+          duration: Phaser.Math.Between(2e3, 4e3),
+          yoyo: true,
+          repeat: -1,
+          ease: "Sine.easeInOut"
+        })
+      );
+    }
+    background = container;
+    resizeFn = (width, height) => {
+      for (const particle of particles) {
+        particle.setPosition(Phaser.Math.Between(0, width), Phaser.Math.Between(0, height));
+      }
+    };
+  };
+  switch (bgConfig.type) {
+    case "grid":
+      createGridBackground();
+      break;
+    case "logo":
+      createLogoBackground();
+      break;
+    case "gradient":
+      createGradientBackground();
+      break;
+    case "particles":
+      createParticlesBackground();
+      break;
+  }
+  if (!background) return null;
+  if (bgConfig.animation && bgConfig.animation !== "static") {
+    backgroundTween = applyAnimation(scene, background, bgConfig.animation);
+  }
+  const onResize = () => {
+    if (resizeFn) resizeFn(scene.scale.width, scene.scale.height);
+  };
+  const cleanup = () => {
+    if (destroyed) return;
+    destroyed = true;
+    backgroundTween?.stop();
+    for (const tween of particleTweens) {
+      tween.stop();
+    }
+    background?.destroy();
+    background = void 0;
+    for (const textureKey of textureKeys) {
+      removeTexture(scene, textureKey);
+    }
+    textureKeys.clear();
+    scene.scale.off(Phaser.Scale.Events.RESIZE, onResize);
+    scene.events.off(Phaser.Scenes.Events.SHUTDOWN, cleanup);
+    scene.events.off(Phaser.Scenes.Events.DESTROY, cleanup);
+  };
+  scene.scale.on(Phaser.Scale.Events.RESIZE, onResize);
+  scene.events.once(Phaser.Scenes.Events.SHUTDOWN, cleanup);
+  scene.events.once(Phaser.Scenes.Events.DESTROY, cleanup);
+  return {
+    background,
+    destroy: cleanup,
+    resize: (width, height) => {
+      if (resizeFn) resizeFn(width, height);
+    }
+  };
+}
+function applyAnimation(scene, target, animation) {
+  const redrawFn = target.__redrawFn;
+  switch (animation) {
+    case "lemniscate":
+      return redrawFn ? animateLemniscate(scene, redrawFn) : animatePulse(scene, target);
+    case "wave":
+      return redrawFn ? animateWave(scene, redrawFn) : animatePulse(scene, target);
+    case "pulse":
+      return animatePulse(scene, target);
+    case "rotate":
+      return animateRotate(scene, target);
+    case "static":
+    default:
+      return void 0;
+  }
+}
+function animateLemniscate(scene, drawFn) {
+  const amplitude = 30;
+  const duration = 8e3;
+  return scene.tweens.addCounter({
+    from: 0,
+    to: Math.PI * 2,
+    duration,
+    repeat: -1,
+    onUpdate: (tween) => {
+      const t = tween.getValue();
+      if (t !== null) {
+        const offsetX = amplitude * Math.cos(t);
+        const offsetY = amplitude * Math.sin(2 * t) / 2;
+        drawFn(offsetX, offsetY);
+      }
+    }
+  });
+}
+function animateWave(scene, drawFn) {
+  return scene.tweens.addCounter({
+    from: 0,
+    to: 40,
+    duration: 3e3,
+    yoyo: true,
+    repeat: -1,
+    onUpdate: (tween) => {
+      const offset = tween.getValue();
+      if (offset !== null) {
+        drawFn(offset, 0);
+      }
+    }
+  });
+}
+function animatePulse(scene, target) {
+  return scene.tweens.add({
+    targets: target,
+    scaleX: 1.1,
+    scaleY: 1.1,
+    duration: 2e3,
+    yoyo: true,
+    repeat: -1,
+    ease: "Sine.easeInOut"
+  });
+}
+function animateRotate(scene, target) {
+  return scene.tweens.add({
+    targets: target,
+    angle: 360,
+    duration: 2e4,
+    repeat: -1,
+    ease: "Linear"
+  });
+}
+export {
+  DEFAULT_BACKGROUND,
+  addSceneBackground
+};
+//# sourceMappingURL=scene-backgrounds.js.map

package/dist/scene-backgrounds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-backgrounds.js","sources":["../src/scene-backgrounds.ts"],"sourcesContent":["import * as Phaser from 'phaser'\n\n/**\n * Built-in decorative background variants that can be attached to a Phaser scene.\n */\nexport type SceneBackgroundType = 'grid' | 'logo' | 'gradient' | 'particles' | 'none'\n\n/**\n * Optional animation applied to a scene background after it is created.\n */\nexport type BackgroundAnimation = 'lemniscate' | 'wave' | 'pulse' | 'rotate' | 'static'\n\n/**\n * Configuration for {@link addSceneBackground}.\n */\nexport interface BackgroundConfig {\n  /** Background variant to create. Use `'none'` to disable background creation. */\n  type: SceneBackgroundType\n\n  /** Animation preset applied to the created background. Defaults depend on caller config. */\n  animation?: BackgroundAnimation\n\n  /** Background opacity, usually between `0` and `1`. */\n  opacity?: number\n\n  /** Primary color as a Phaser numeric color, for example `0x4a9eff`. */\n  color?: number\n\n  /** Secondary color used by gradient backgrounds. */\n  colorSecondary?: number\n\n  /** Texture key used by the logo background. Defaults to the built-in logo key. */\n  logoKey?: string\n}\n\n/**\n * Handle returned by {@link addSceneBackground}.\n */\nexport interface SceneBackgroundHandle {\n  /** Root game object created for the background. */\n  background: BackgroundTarget\n\n  /** Stops animations, destroys game objects, removes generated textures, and detaches listeners. */\n  destroy: () => void\n\n  /** Manually resize the background to match an external viewport size. */\n  resize: (width: number, height: number) => void\n}\n\nconst DEFAULT_LOGO_KEY = 'phaser-jsx-logo'\n\n/**\n * Default scene background used when no explicit config is provided.\n */\nexport const DEFAULT_BACKGROUND: BackgroundConfig = {\n  type: 'grid',\n  animation: 'lemniscate',\n  opacity: 0.15,\n  color: 0x4a9eff,\n}\n\ntype BackgroundTarget =\n  | Phaser.GameObjects.Container\n  | Phaser.GameObjects.Image\n  | Phaser.GameObjects.TileSprite\ntype RedrawableTarget = BackgroundTarget & { __redrawFn?: (x: number, y: number) => void }\n\nlet sceneBackgroundTextureId = 0\n\nfunction colorToCss(color: number): string {\n  return `#${color.toString(16).padStart(6, '0')}`\n}\n\nfunction createCanvasTexture(\n  scene: Phaser.Scene,\n  width: number,\n  height: number,\n  draw: (ctx: CanvasRenderingContext2D, width: number, height: number) => void\n): string {\n  const textureKey = `__phaserjsx_scene_bg_${sceneBackgroundTextureId++}`\n  const textureWidth = Math.max(1, Math.ceil(width))\n  const textureHeight = Math.max(1, Math.ceil(height))\n  const texture = scene.textures.createCanvas(textureKey, textureWidth, textureHeight)\n\n  if (!texture) {\n    throw new Error('Unable to create scene background texture')\n  }\n\n  const canvas = texture.getSourceImage() as HTMLCanvasElement\n  const ctx = canvas.getContext('2d')\n\n  if (!ctx) {\n    throw new Error('Unable to create scene background canvas texture')\n  }\n\n  ctx.clearRect(0, 0, textureWidth, textureHeight)\n  draw(ctx, textureWidth, textureHeight)\n  texture.refresh()\n\n  return textureKey\n}\n\nfunction removeTexture(scene: Phaser.Scene, textureKey: string | undefined): void {\n  if (textureKey && scene.textures.exists(textureKey)) {\n    scene.textures.remove(textureKey)\n  }\n}\n\n/**\n * Adds a decorative background object to a Phaser scene.\n *\n * The helper owns all game objects, tweens, resize listeners, and generated textures it creates.\n * It automatically cleans up on scene shutdown or destroy. Call `handle.destroy()` when removing\n * the background earlier.\n *\n * @param scene - Phaser scene that receives the background.\n * @param config - Background type, colors, opacity, animation, and optional logo texture key.\n * @returns A handle for manual resize and cleanup, or `null` when `config.type` is `'none'`.\n *\n * @example\n * ```ts\n * const handle = addSceneBackground(scene, {\n *   type: 'grid',\n *   animation: 'wave',\n *   color: 0x4a9eff,\n *   opacity: 0.12,\n * })\n *\n * // Later, if the background should be removed before scene shutdown:\n * handle?.destroy()\n * ```\n */\nexport function addSceneBackground(\n  scene: Phaser.Scene,\n  config: BackgroundConfig = DEFAULT_BACKGROUND\n): SceneBackgroundHandle | null {\n  const bgConfig = config ?? DEFAULT_BACKGROUND\n  if (bgConfig.type === 'none') return null\n\n  let background: BackgroundTarget | undefined\n  let backgroundTween: Phaser.Tweens.Tween | undefined\n  const particleTweens: Phaser.Tweens.Tween[] = []\n  const textureKeys = new Set<string>()\n  let resizeFn: ((width: number, height: number) => void) | undefined\n  let destroyed = false\n\n  const createGridBackground = () => {\n    const gridSize = 40\n    const color = bgConfig.color ?? 0x4a9eff\n    const opacity = bgConfig.opacity ?? 0.15\n    const textureKey = createCanvasTexture(scene, gridSize, gridSize, (ctx, width, height) => {\n      ctx.globalAlpha = opacity\n      ctx.strokeStyle = colorToCss(color)\n      ctx.lineWidth = 1\n      ctx.beginPath()\n      ctx.moveTo(0.5, 0)\n      ctx.lineTo(0.5, height)\n      ctx.moveTo(0, 0.5)\n      ctx.lineTo(width, 0.5)\n      ctx.stroke()\n    })\n    textureKeys.add(textureKey)\n\n    const tile = scene.add.tileSprite(0, 0, scene.scale.width, scene.scale.height, textureKey)\n    tile.setOrigin(0, 0)\n\n    const moveGrid = (offsetX: number, offsetY: number) => {\n      tile.tilePositionX = -offsetX\n      tile.tilePositionY = -offsetY\n    }\n\n    ;(tile as RedrawableTarget).__redrawFn = moveGrid\n    background = tile\n    resizeFn = (width, height) => {\n      tile.setSize(width, height)\n    }\n  }\n\n  const createLogoBackground = () => {\n    const container = scene.add.container(scene.scale.width / 2, scene.scale.height / 2)\n    const opacity = bgConfig.opacity ?? 0.1\n    const logoKey = bgConfig.logoKey ?? DEFAULT_LOGO_KEY\n\n    const logo = scene.add.image(0, 0, logoKey)\n    logo.setAlpha(opacity)\n    logo.setScale(0.5)\n\n    container.add(logo)\n    background = container\n    resizeFn = (width, height) => {\n      container.setPosition(width / 2, height / 2)\n    }\n  }\n\n  const createGradientBackground = () => {\n    const color1 = bgConfig.color ?? 0x4a9eff\n    const color2 = bgConfig.colorSecondary ?? 0x6b4aff\n    const opacity = bgConfig.opacity ?? 0.2\n\n    const createGradientTexture = (width: number, height: number) =>\n      createCanvasTexture(scene, width, height, (ctx, textureWidth, textureHeight) => {\n        const gradient = ctx.createLinearGradient(0, 0, 0, textureHeight)\n        gradient.addColorStop(0, colorToCss(color1))\n        gradient.addColorStop(1, colorToCss(color2))\n\n        ctx.globalAlpha = opacity\n        ctx.fillStyle = gradient\n        ctx.fillRect(0, 0, textureWidth, textureHeight)\n      })\n\n    let textureKey = createGradientTexture(scene.scale.width, scene.scale.height)\n    textureKeys.add(textureKey)\n\n    const image = scene.add.image(0, 0, textureKey)\n    image.setOrigin(0, 0)\n\n    resizeFn = (width, height) => {\n      const previousTextureKey = textureKey\n      textureKey = createGradientTexture(width, height)\n      textureKeys.add(textureKey)\n      image.setTexture(textureKey)\n      image.setDisplaySize(width, height)\n      textureKeys.delete(previousTextureKey)\n      removeTexture(scene, previousTextureKey)\n    }\n\n    background = image\n  }\n\n  const createParticlesBackground = () => {\n    const container = scene.add.container(0, 0)\n    const particleCount = 20\n    const color = bgConfig.color ?? 0x4a9eff\n    const opacity = bgConfig.opacity ?? 0.1\n    const particles: Phaser.GameObjects.Arc[] = []\n\n    for (let i = 0; i < particleCount; i += 1) {\n      const size = Phaser.Math.Between(2, 6)\n      const x = Phaser.Math.Between(0, scene.scale.width)\n      const y = Phaser.Math.Between(0, scene.scale.height)\n\n      const particle = scene.add.circle(x, y, size, color, opacity)\n      container.add(particle)\n      particles.push(particle)\n\n      particleTweens.push(\n        scene.tweens.add({\n          targets: particle,\n          y: particle.y + Phaser.Math.Between(-50, 50),\n          x: particle.x + Phaser.Math.Between(-50, 50),\n          alpha: opacity * 1.5,\n          duration: Phaser.Math.Between(2000, 4000),\n          yoyo: true,\n          repeat: -1,\n          ease: 'Sine.easeInOut',\n        })\n      )\n    }\n\n    background = container\n    resizeFn = (width, height) => {\n      for (const particle of particles) {\n        particle.setPosition(Phaser.Math.Between(0, width), Phaser.Math.Between(0, height))\n      }\n    }\n  }\n\n  switch (bgConfig.type) {\n    case 'grid':\n      createGridBackground()\n      break\n    case 'logo':\n      createLogoBackground()\n      break\n    case 'gradient':\n      createGradientBackground()\n      break\n    case 'particles':\n      createParticlesBackground()\n      break\n  }\n\n  if (!background) return null\n\n  if (bgConfig.animation && bgConfig.animation !== 'static') {\n    backgroundTween = applyAnimation(scene, background, bgConfig.animation)\n  }\n\n  const onResize = () => {\n    if (resizeFn) resizeFn(scene.scale.width, scene.scale.height)\n  }\n\n  const cleanup = () => {\n    if (destroyed) return\n    destroyed = true\n\n    backgroundTween?.stop()\n    for (const tween of particleTweens) {\n      tween.stop()\n    }\n\n    background?.destroy()\n    background = undefined\n    for (const textureKey of textureKeys) {\n      removeTexture(scene, textureKey)\n    }\n    textureKeys.clear()\n\n    scene.scale.off(Phaser.Scale.Events.RESIZE, onResize)\n    scene.events.off(Phaser.Scenes.Events.SHUTDOWN, cleanup)\n    scene.events.off(Phaser.Scenes.Events.DESTROY, cleanup)\n  }\n\n  scene.scale.on(Phaser.Scale.Events.RESIZE, onResize)\n  scene.events.once(Phaser.Scenes.Events.SHUTDOWN, cleanup)\n  scene.events.once(Phaser.Scenes.Events.DESTROY, cleanup)\n\n  return {\n    background,\n    destroy: cleanup,\n    resize: (width, height) => {\n      if (resizeFn) resizeFn(width, height)\n    },\n  }\n}\n\nfunction applyAnimation(\n  scene: Phaser.Scene,\n  target: BackgroundTarget,\n  animation: BackgroundAnimation\n): Phaser.Tweens.Tween | undefined {\n  const redrawFn = (target as RedrawableTarget).__redrawFn\n\n  switch (animation) {\n    case 'lemniscate':\n      return redrawFn ? animateLemniscate(scene, redrawFn) : animatePulse(scene, target)\n    case 'wave':\n      return redrawFn ? animateWave(scene, redrawFn) : animatePulse(scene, target)\n    case 'pulse':\n      return animatePulse(scene, target)\n    case 'rotate':\n      return animateRotate(scene, target)\n    case 'static':\n    default:\n      return undefined\n  }\n}\n\nfunction animateLemniscate(\n  scene: Phaser.Scene,\n  drawFn: (x: number, y: number) => void\n): Phaser.Tweens.Tween {\n  const amplitude = 30\n  const duration = 8000\n\n  return scene.tweens.addCounter({\n    from: 0,\n    to: Math.PI * 2,\n    duration,\n    repeat: -1,\n    onUpdate: (tween) => {\n      const t = tween.getValue()\n      if (t !== null) {\n        const offsetX = amplitude * Math.cos(t)\n        const offsetY = (amplitude * Math.sin(2 * t)) / 2\n        drawFn(offsetX, offsetY)\n      }\n    },\n  })\n}\n\nfunction animateWave(\n  scene: Phaser.Scene,\n  drawFn: (x: number, y: number) => void\n): Phaser.Tweens.Tween {\n  return scene.tweens.addCounter({\n    from: 0,\n    to: 40,\n    duration: 3000,\n    yoyo: true,\n    repeat: -1,\n    onUpdate: (tween) => {\n      const offset = tween.getValue()\n      if (offset !== null) {\n        drawFn(offset, 0)\n      }\n    },\n  })\n}\n\nfunction animatePulse(scene: Phaser.Scene, target: BackgroundTarget): Phaser.Tweens.Tween {\n  return scene.tweens.add({\n    targets: target,\n    scaleX: 1.1,\n    scaleY: 1.1,\n    duration: 2000,\n    yoyo: true,\n    repeat: -1,\n    ease: 'Sine.easeInOut',\n  })\n}\n\nfunction animateRotate(scene: Phaser.Scene, target: BackgroundTarget): Phaser.Tweens.Tween {\n  return scene.tweens.add({\n    targets: target,\n    angle: 360,\n    duration: 20000,\n    repeat: -1,\n    ease: 'Linear',\n  })\n}\n"],"names":[],"mappings":"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"}

package/dist/theme-base.d.ts

@@ -0,0 +1,133 @@
+import { IconProps } from './components/custom';
+import { BackgroundProps, LayoutProps, PhaserProps, TextSpecificProps, TransformProps } from './core-props';
+import { CustomComponentThemes } from './theme-custom';
+import { PartialTheme as CorePartialTheme, PortableTextStyle } from '@number10/jsx-core';
+/**
+ * Type helper for nested component themes
+ * Allows a component theme to include nested themes for child components
+ * Excludes lowercase primitives to avoid conflicts with prop names
+ */
+export type NestedComponentThemes = {
+    [K in Exclude<keyof ComponentThemes, 'view' | 'text' | 'nineslice' | 'sprite' | 'image' | 'graphics' | 'vectorDraw' | 'tilesprite' | 'particles'>]?: Partial<ComponentThemes[K]>;
+};
+/**
+ * Theme definition for View component
+ * Includes all visual props that can be themed, plus nested component themes
+ */
+export interface ViewTheme extends Partial<TransformProps>, Partial<PhaserProps>, Partial<LayoutProps>, Partial<BackgroundProps>, NestedComponentThemes {
+}
+/**
+ * Theme definition for Text component
+ * Includes all text-specific visual props that can be themed, plus nested component themes
+ */
+export interface TextTheme extends Partial<TransformProps>, Partial<PhaserProps>, Partial<TextSpecificProps>, NestedComponentThemes {
+    visible?: boolean | import('./core-props').Display;
+    style?: PortableTextStyle;
+}
+/**
+ * Theme definition for NineSlice component
+ */
+export interface NineSliceTheme extends Partial<TransformProps>, Partial<PhaserProps>, NestedComponentThemes {
+    visible?: boolean | import('./core-props').Display;
+    texture?: string;
+    leftWidth?: number;
+    rightWidth?: number;
+    topHeight?: number;
+    bottomHeight?: number;
+}
+/**
+ * Theme definition for Sprite component (dummy - minimal theme support)
+ */
+export interface SpriteTheme extends Partial<TransformProps>, Partial<PhaserProps>, NestedComponentThemes {
+    visible?: boolean | import('./core-props').Display;
+    texture?: string;
+    tint?: number;
+}
+/**
+ * Theme definition for Image component (dummy - minimal theme support)
+ */
+export interface ImageTheme extends Partial<TransformProps>, Partial<PhaserProps>, NestedComponentThemes {
+    visible?: boolean | import('./core-props').Display;
+    texture?: string;
+    tint?: number;
+}
+/**
+ * Theme definition for Graphics component (dummy - minimal theme support)
+ */
+export interface GraphicsTheme extends Partial<TransformProps>, Partial<PhaserProps>, NestedComponentThemes {
+    visible?: boolean | import('./core-props').Display;
+}
+/**
+ * Theme definition for portable vector drawing content.
+ */
+export interface VectorDrawTheme extends Partial<TransformProps>, Partial<PhaserProps>, NestedComponentThemes {
+    visible?: boolean | import('./core-props').Display;
+}
+/**
+ * Theme definition for TileSprite component (dummy - minimal theme support)
+ */
+export interface TileSpriteTheme extends Partial<TransformProps>, Partial<PhaserProps>, NestedComponentThemes {
+    visible?: boolean | import('./core-props').Display;
+    texture?: string;
+    tint?: number;
+}
+/**
+ * Theme definition for Particles component (minimal support)
+ */
+export interface ParticlesTheme extends Partial<TransformProps>, Partial<PhaserProps>, NestedComponentThemes {
+    visible?: boolean | import('./core-props').Display;
+    texture?: string;
+}
+export interface IconTheme extends Partial<IconProps> {
+}
+/**
+ * Built-in component theme definitions
+ */
+export interface BuiltInComponentThemes {
+    view: ViewTheme;
+    text: TextTheme;
+    nineslice: NineSliceTheme;
+    sprite: SpriteTheme;
+    image: ImageTheme;
+    graphics: GraphicsTheme;
+    vectorDraw: VectorDrawTheme;
+    tilesprite: TileSpriteTheme;
+    particles: ParticlesTheme;
+    View: ViewTheme;
+    Text: TextTheme;
+    NineSlice: NineSliceTheme;
+    Sprite: SpriteTheme;
+    Image: ImageTheme;
+    Graphics: GraphicsTheme;
+    TileSprite: TileSpriteTheme;
+    Particles: ParticlesTheme;
+    Icon: IconTheme;
+}
+/**
+ * Complete theme definition combining built-in and custom components
+ */
+export interface ComponentThemes extends BuiltInComponentThemes, CustomComponentThemes {
+}
+export type { CustomComponentThemes };
+/**
+ * Phaser-specific theme override map.
+ *
+ * When a component moves from Phaser to core, its theme interface moves into
+ * core's ComponentThemes generic and is removed from this instantiation.
+ *
+ * A hypothetical Pixi renderer would define:
+ *   type PixiPartialTheme = CorePartialTheme<PixiComponentThemes>
+ */
+export type PhaserPartialTheme = CorePartialTheme<ComponentThemes>;
+/** @deprecated Prefer PhaserPartialTheme for renderer-specific theme overrides. */
+export type PartialTheme = PhaserPartialTheme;
+/**
+ * Complete theme with all component styles defined
+ * Built-in components are required, custom components are optional
+ */
+export type Theme = {
+    [K in keyof BuiltInComponentThemes]: BuiltInComponentThemes[K];
+} & {
+    [K in keyof Omit<ComponentThemes, keyof BuiltInComponentThemes>]?: ComponentThemes[K];
+};
+//# sourceMappingURL=theme-base.d.ts.map

package/dist/theme-base.d.ts.map

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

package/dist/theme-custom.d.ts

@@ -0,0 +1,13 @@
+import { PortableComponentThemes } from '@number10/jsx-components';
+import { EffectName } from '@number10/jsx-core';
+import { NestedComponentThemes, ViewTheme } from './theme-base';
+type PortablePrimitiveThemeKeys = 'View' | 'Text' | 'Image' | 'Sprite' | 'Icon';
+type PortableCustomComponentThemes = Omit<PortableComponentThemes, PortablePrimitiveThemeKeys>;
+export interface CustomComponentThemes extends PortableCustomComponentThemes {
+    NineSliceButton: ViewTheme & {
+        effect?: EffectName;
+        effectConfig?: Record<string, unknown>;
+    } & NestedComponentThemes;
+}
+export {};
+//# sourceMappingURL=theme-custom.d.ts.map

package/dist/theme-custom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-custom.d.ts","sourceRoot":"","sources":["../src/theme-custom.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AACvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEpE,KAAK,0BAA0B,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AAC/E,KAAK,6BAA6B,GAAG,IAAI,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,CAAA;AAE9F,MAAM,WAAW,qBAAsB,SAAQ,6BAA6B;IAC1E,eAAe,EAAE,SAAS,GAAG;QAC3B,MAAM,CAAC,EAAE,UAAU,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KACvC,GAAG,qBAAqB,CAAA;CAC1B"}

package/dist/theme-defaults.cjs

@@ -0,0 +1,29 @@
+"use strict";
+const jsxCore = require("@number10/jsx-core");
+function registerPrimitiveDefaults(name) {
+  jsxCore.registerComponentThemeDefaults(name, () => ({ alpha: 1, visible: true }));
+}
+function registerTextDefaults(name) {
+  jsxCore.registerComponentThemeDefaults(name, (colors) => ({
+    text: "",
+    alpha: 1,
+    visible: true,
+    style: jsxCore.createTextStyleTokens(colors.text.DEFAULT.toString()).DEFAULT
+  }));
+}
+function registerPhaserThemeDefaults() {
+  registerPrimitiveDefaults("view");
+  registerTextDefaults("text");
+  registerPrimitiveDefaults("nineslice");
+  registerPrimitiveDefaults("NineSlice");
+  registerPrimitiveDefaults("graphics");
+  registerPrimitiveDefaults("Graphics");
+  registerPrimitiveDefaults("vectorDraw");
+  registerPrimitiveDefaults("tilesprite");
+  registerPrimitiveDefaults("TileSprite");
+  registerPrimitiveDefaults("particles");
+  registerPrimitiveDefaults("Particles");
+  jsxCore.registerComponentThemeDefaults("NineSliceButton", () => ({}));
+}
+registerPhaserThemeDefaults();
+//# sourceMappingURL=theme-defaults.cjs.map

package/dist/theme-defaults.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-defaults.cjs","sources":["../src/theme-defaults.ts"],"sourcesContent":["/**\n * Phaser-specific theme default registration.\n *\n * Portable component defaults live in @number10/jsx-components. This module only\n * contributes Phaser host primitives and Phaser-only custom component themes.\n */\nimport {\n  createTextStyleTokens,\n  registerComponentThemeDefaults,\n  type ColorTokens,\n} from '@number10/jsx-core'\nimport './theme-custom' // Import to activate declaration merging\n\nfunction registerPrimitiveDefaults(name: string): void {\n  registerComponentThemeDefaults(name, () => ({ alpha: 1, visible: true }))\n}\n\nfunction registerTextDefaults(name: string): void {\n  registerComponentThemeDefaults(name, (colors: ColorTokens) => ({\n    text: '',\n    alpha: 1,\n    visible: true,\n    style: createTextStyleTokens(colors.text.DEFAULT.toString()).DEFAULT,\n  }))\n}\n\nfunction registerPhaserThemeDefaults(): void {\n  registerPrimitiveDefaults('view')\n  registerTextDefaults('text')\n  registerPrimitiveDefaults('nineslice')\n  registerPrimitiveDefaults('NineSlice')\n  registerPrimitiveDefaults('graphics')\n  registerPrimitiveDefaults('Graphics')\n  registerPrimitiveDefaults('vectorDraw')\n  registerPrimitiveDefaults('tilesprite')\n  registerPrimitiveDefaults('TileSprite')\n  registerPrimitiveDefaults('particles')\n  registerPrimitiveDefaults('Particles')\n\n  registerComponentThemeDefaults('NineSliceButton', () => ({}))\n}\n\nregisterPhaserThemeDefaults()\n"],"names":["registerComponentThemeDefaults","createTextStyleTokens"],"mappings":";;AAaA,SAAS,0BAA0B,MAAoB;AACrDA,UAAAA,+BAA+B,MAAM,OAAO,EAAE,OAAO,GAAG,SAAS,OAAO;AAC1E;AAEA,SAAS,qBAAqB,MAAoB;AAChDA,yCAA+B,MAAM,CAAC,YAAyB;AAAA,IAC7D,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAOC,QAAAA,sBAAsB,OAAO,KAAK,QAAQ,SAAA,CAAU,EAAE;AAAA,EAAA,EAC7D;AACJ;AAEA,SAAS,8BAAoC;AAC3C,4BAA0B,MAAM;AAChC,uBAAqB,MAAM;AAC3B,4BAA0B,WAAW;AACrC,4BAA0B,WAAW;AACrC,4BAA0B,UAAU;AACpC,4BAA0B,UAAU;AACpC,4BAA0B,YAAY;AACtC,4BAA0B,YAAY;AACtC,4BAA0B,YAAY;AACtC,4BAA0B,WAAW;AACrC,4BAA0B,WAAW;AAErCD,yCAA+B,mBAAmB,OAAO,CAAA,EAAG;AAC9D;AAEA,4BAAA;"}

package/dist/theme-defaults.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=theme-defaults.d.ts.map

package/dist/theme-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-defaults.d.ts","sourceRoot":"","sources":["../src/theme-defaults.ts"],"names":[],"mappings":"AAWA,OAAO,gBAAgB,CAAA"}

package/dist/theme-defaults.js

@@ -0,0 +1,28 @@
+import { registerComponentThemeDefaults, createTextStyleTokens } from "@number10/jsx-core";
+function registerPrimitiveDefaults(name) {
+  registerComponentThemeDefaults(name, () => ({ alpha: 1, visible: true }));
+}
+function registerTextDefaults(name) {
+  registerComponentThemeDefaults(name, (colors) => ({
+    text: "",
+    alpha: 1,
+    visible: true,
+    style: createTextStyleTokens(colors.text.DEFAULT.toString()).DEFAULT
+  }));
+}
+function registerPhaserThemeDefaults() {
+  registerPrimitiveDefaults("view");
+  registerTextDefaults("text");
+  registerPrimitiveDefaults("nineslice");
+  registerPrimitiveDefaults("NineSlice");
+  registerPrimitiveDefaults("graphics");
+  registerPrimitiveDefaults("Graphics");
+  registerPrimitiveDefaults("vectorDraw");
+  registerPrimitiveDefaults("tilesprite");
+  registerPrimitiveDefaults("TileSprite");
+  registerPrimitiveDefaults("particles");
+  registerPrimitiveDefaults("Particles");
+  registerComponentThemeDefaults("NineSliceButton", () => ({}));
+}
+registerPhaserThemeDefaults();
+//# sourceMappingURL=theme-defaults.js.map

package/dist/theme-defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-defaults.js","sources":["../src/theme-defaults.ts"],"sourcesContent":["/**\n * Phaser-specific theme default registration.\n *\n * Portable component defaults live in @number10/jsx-components. This module only\n * contributes Phaser host primitives and Phaser-only custom component themes.\n */\nimport {\n  createTextStyleTokens,\n  registerComponentThemeDefaults,\n  type ColorTokens,\n} from '@number10/jsx-core'\nimport './theme-custom' // Import to activate declaration merging\n\nfunction registerPrimitiveDefaults(name: string): void {\n  registerComponentThemeDefaults(name, () => ({ alpha: 1, visible: true }))\n}\n\nfunction registerTextDefaults(name: string): void {\n  registerComponentThemeDefaults(name, (colors: ColorTokens) => ({\n    text: '',\n    alpha: 1,\n    visible: true,\n    style: createTextStyleTokens(colors.text.DEFAULT.toString()).DEFAULT,\n  }))\n}\n\nfunction registerPhaserThemeDefaults(): void {\n  registerPrimitiveDefaults('view')\n  registerTextDefaults('text')\n  registerPrimitiveDefaults('nineslice')\n  registerPrimitiveDefaults('NineSlice')\n  registerPrimitiveDefaults('graphics')\n  registerPrimitiveDefaults('Graphics')\n  registerPrimitiveDefaults('vectorDraw')\n  registerPrimitiveDefaults('tilesprite')\n  registerPrimitiveDefaults('TileSprite')\n  registerPrimitiveDefaults('particles')\n  registerPrimitiveDefaults('Particles')\n\n  registerComponentThemeDefaults('NineSliceButton', () => ({}))\n}\n\nregisterPhaserThemeDefaults()\n"],"names":[],"mappings":";AAaA,SAAS,0BAA0B,MAAoB;AACrD,iCAA+B,MAAM,OAAO,EAAE,OAAO,GAAG,SAAS,OAAO;AAC1E;AAEA,SAAS,qBAAqB,MAAoB;AAChD,iCAA+B,MAAM,CAAC,YAAyB;AAAA,IAC7D,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO,sBAAsB,OAAO,KAAK,QAAQ,SAAA,CAAU,EAAE;AAAA,EAAA,EAC7D;AACJ;AAEA,SAAS,8BAAoC;AAC3C,4BAA0B,MAAM;AAChC,uBAAqB,MAAM;AAC3B,4BAA0B,WAAW;AACrC,4BAA0B,WAAW;AACrC,4BAA0B,UAAU;AACpC,4BAA0B,UAAU;AACpC,4BAA0B,YAAY;AACtC,4BAA0B,YAAY;AACtC,4BAA0B,YAAY;AACtC,4BAA0B,WAAW;AACrC,4BAA0B,WAAW;AAErC,iCAA+B,mBAAmB,OAAO,CAAA,EAAG;AAC9D;AAEA,4BAAA;"}

package/dist/theme.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxCore = require("@number10/jsx-core");
+require("@number10/jsx-components");
+require("./theme-defaults.cjs");
+const themeRegistry = jsxCore.themeRegistry;
+const defaultTheme = jsxCore.defaultTheme;
+function createDefaultTheme(presetName = "oceanBlue", mode = "light") {
+  return jsxCore.createDefaultTheme(presetName, mode);
+}
+function mergeThemes(base, override) {
+  return jsxCore.mergeThemes(base, override);
+}
+function createTheme(theme, colorPreset) {
+  return jsxCore.createTheme(theme, colorPreset);
+}
+function getThemedProps(componentName, localTheme, explicitProps) {
+  return jsxCore.getThemedProps(
+    componentName,
+    localTheme,
+    explicitProps
+  );
+}
+Object.defineProperty(exports, "setThemeRemountHandler", {
+  enumerable: true,
+  get: () => jsxCore.setThemeRemountHandler
+});
+exports.createDefaultTheme = createDefaultTheme;
+exports.createTheme = createTheme;
+exports.defaultTheme = defaultTheme;
+exports.getThemedProps = getThemedProps;
+exports.mergeThemes = mergeThemes;
+exports.themeRegistry = themeRegistry;
+//# sourceMappingURL=theme.cjs.map