@pix3/cli 1.6.3 → 2.0.0-alpha.0

package/templates/recipe-bouncer-2d/files/scripts/GameRules.ts

@@ -1,377 +0,0 @@
-/**
- * GameRules — score, lives, timer, win/lose and the end flow.
- *
- * Listens on its own node for the semantic signals `TouchRules` emits
- * (`touch-scored` / `touch-damaged`), keeps the run state, and re-broadcasts
- * `score-changed` / `lives-changed` / `time-changed` for the HUD. It is the only
- * script that decides when the run is over.
- *
- * Win modes:
- *   `score`   — reach `targetScore`; the time limit (if any) is a deadline.
- *   `time`    — play until the timer ends, then win if `targetScore` was reached.
- *   `survive` — stay alive until the timer ends; reaching it is the win.
- * In every mode, running out of lives loses.
- *
- * The end-screen buttons dispatch the commands `restart` and `return-to-menu`
- * (`scene.commands`) instead of calling their methods: a test replays the end
- * flow without hunting for buttons, the run's intents are journalled with the
- * frame they happened on, and one real tap proves each binding once.
- *
- * It also publishes the run's state through `registerGameDebug`: this script
- * owns everything a test needs to read (score, lives, clock, outcome), so tools
- * and agents can assert on values instead of guessing from pixels. Add your own
- * state to `snapshot()` as you extend the rules — keep every value JSON-safe.
- */
-import {
-  Button2D,
-  Label2D,
-  NodeBase,
-  Script,
-  registerGameDebug,
-  type PropertySchema,
-} from '@pix3/runtime';
-
-type WinMode = 'score' | 'time' | 'survive';
-
-/** Snapshot numbers are read by humans and diffed by tools — keep them short. */
-function roundHundredths(value: number): number {
-  return Math.round(value * 100) / 100;
-}
-
-export class GameRules extends Script {
-  private score = 0;
-  private lives = 3;
-  private elapsed = 0;
-  private over = false;
-  private won = false;
-  private disposeDebug: (() => void) | null = null;
-  private disposeCommands: (() => void)[] = [];
-  /** Components `finish()` switched off, so `resetRun()` revives exactly those. */
-  private frozen: { enabled: boolean }[] = [];
-
-  constructor(id: string, type: string) {
-    super(id, type);
-    this.config = {
-      winMode: 'score',
-      targetScore: 1500,
-      timeLimitSec: 0,
-      startingLives: 3,
-      resultNode: 'result-overlay',
-      resultLabel: 'result-label',
-      winText: 'YOU WIN!',
-      loseText: 'GAME OVER',
-      retryButton: 'retry-button',
-      menuButton: 'menu-button',
-      menuScene: 'res://scenes/menu.pix3scene',
-      gameScene: 'res://scenes/main.pix3scene',
-      // Comma-separated node ids frozen on game over: every component on the node and
-      // on everything under it (spawned instances included) is disabled.
-      freezeNodes: 'ball,paddle',
-    };
-  }
-
-  static getPropertySchema(): PropertySchema {
-    const num = (name: string, label: string, min: number, max: number, step: number) => ({
-      name,
-      type: 'number' as const,
-      ui: { label, group: 'Rules', min, max, step, slider: true },
-      getValue: (s: unknown) => (s as GameRules).config[name],
-      setValue: (s: unknown, v: unknown) => {
-        const n = Number(v);
-        (s as GameRules).config[name] = Math.min(max, Math.max(min, Number.isFinite(n) ? n : min));
-      },
-    });
-    const str = (name: string, label: string, group: string) => ({
-      name,
-      type: 'string' as const,
-      ui: { label, group },
-      getValue: (s: unknown) => (s as GameRules).config[name],
-      setValue: (s: unknown, v: unknown) => {
-        (s as GameRules).config[name] = typeof v === 'string' ? v : '';
-      },
-    });
-
-    return {
-      nodeType: 'GameRules',
-      properties: [
-        {
-          name: 'winMode',
-          type: 'select',
-          ui: { label: 'Win Mode', group: 'Rules', options: ['score', 'time', 'survive'] },
-          getValue: s => (s as GameRules).config.winMode,
-          setValue: (s, v) => {
-            (s as GameRules).config.winMode = v === 'time' || v === 'survive' ? v : 'score';
-          },
-        },
-        num('targetScore', 'Target Score', 1, 99999, 1),
-        num('timeLimitSec', 'Time Limit (s)', 0, 600, 1),
-        num('startingLives', 'Starting Lives', 1, 20, 1),
-        str('winText', 'Win Text', 'Result'),
-        str('loseText', 'Lose Text', 'Result'),
-        str('resultNode', 'Result Overlay', 'Result'),
-        str('resultLabel', 'Result Label', 'Result'),
-        str('retryButton', 'Retry Button', 'Flow'),
-        str('menuButton', 'Menu Button', 'Flow'),
-        str('menuScene', 'Menu Scene', 'Flow'),
-        str('gameScene', 'Game Scene', 'Flow'),
-        str('freezeNodes', 'Freeze Nodes', 'Flow'),
-      ],
-      groups: {
-        Rules: { label: 'Rules', expanded: true },
-        Result: { label: 'Result Screen', expanded: true },
-        Flow: { label: 'Flow', expanded: false },
-      },
-    };
-  }
-
-  onStart(): void {
-    this.lives = Math.max(1, Number(this.config.startingLives) || 1);
-    const commands = this.scene?.commands;
-    this.disposeCommands = [
-      commands?.register('restart', () => this.restart(), {
-        description: 'Reload the game scene for a fresh run.',
-      }),
-      commands?.register('return-to-menu', () => this.toMenu(), {
-        description: 'Leave the run and transition back to the menu scene.',
-      }),
-    ].filter((dispose): dispose is () => void => dispose !== undefined);
-
-    this.disposeDebug = registerGameDebug({
-      name: 'recipe-bouncer-2d',
-      version: 1,
-      // The registry IS the action list — never a second, hand-kept copy.
-      actions: () => this.scene?.commands.list().map(command => command.name) ?? [],
-      // What "the start" means for a run, so a test can put the game back without
-      // reloading the scene — a reload restores the scene graph but not what a
-      // script parked outside it, which is why tooling has to label the two
-      // differently. `seed` is accepted and ignored here: the recipe's spawners
-      // draw from `Math.random`, so this restores the same starting STATE, not the
-      // same SEQUENCE. Wire it to a seeded RNG if you need replayable runs.
-      reset: () => this.resetRun(),
-      snapshot: () => ({
-        scene: 'game',
-        phase: this.over ? (this.won ? 'won' : 'lost') : 'playing',
-        score: this.score,
-        lives: this.lives,
-        winMode: String(this.config.winMode ?? 'score'),
-        targetScore: Math.max(1, Number(this.config.targetScore) || 1),
-        elapsedSec: roundHundredths(this.elapsed),
-        // null when the mode has no clock at all.
-        timeLeftSec: this.timeLeftSec(),
-      }),
-    });
-
-    const owner = this.node;
-    owner?.connect('touch-scored', this, (...args: unknown[]) =>
-      this.addScore(Number(args[0]) || 0)
-    );
-    owner?.connect('touch-damaged', this, (...args: unknown[]) =>
-      this.takeDamage(Number(args[0]) || 0)
-    );
-    // The HUD announces itself once it is connected, so it never misses the
-    // opening values (its onStart runs after this one).
-    owner?.connect('hud-ready', this, () => this.broadcast());
-
-    this.setNodeVisible(String(this.config.resultNode ?? ''), false);
-    this.bindButton(
-      String(this.config.retryButton ?? ''),
-      () => this.scene?.commands.dispatch('restart'),
-      false
-    );
-    this.bindButton(
-      String(this.config.menuButton ?? ''),
-      () => this.scene?.commands.dispatch('return-to-menu'),
-      true
-    );
-    this.broadcast();
-  }
-
-  onUpdate(dt: number): void {
-    if (this.over) {
-      return;
-    }
-    this.elapsed += dt;
-    const limit = Math.max(0, Number(this.config.timeLimitSec) || 0);
-    this.node?.emit('time-changed', limit > 0 ? Math.max(0, limit - this.elapsed) : this.elapsed);
-
-    if (this.lives <= 0) {
-      this.finish(false);
-      return;
-    }
-    const raw = String(this.config.winMode ?? 'score');
-    const mode: WinMode = raw === 'time' ? 'time' : raw === 'survive' ? 'survive' : 'score';
-    const target = Math.max(1, Number(this.config.targetScore) || 1);
-    const timeUp = limit > 0 && this.elapsed >= limit;
-
-    if (mode === 'score') {
-      if (this.score >= target) this.finish(true);
-      else if (timeUp) this.finish(false);
-    } else if (mode === 'time') {
-      if (timeUp) this.finish(this.score >= target);
-    } else if (timeUp) {
-      this.finish(true);
-    }
-  }
-
-  onDetach(): void {
-    // Clearing is safe in any order: the disposer only clears the global when it
-    // still holds *this* provider, so a scene that already registered its own wins.
-    this.disposeDebug?.();
-    this.disposeDebug = null;
-    // The scene's registry is cleared on stop anyway; this covers the other
-    // case — this script being detached while the scene keeps running.
-    for (const dispose of this.disposeCommands) {
-      dispose();
-    }
-    this.disposeCommands = [];
-    super.onDetach();
-  }
-
-  /** Seconds left on the clock, or `null` when this run has no time limit. */
-  private timeLeftSec(): number | null {
-    const limit = Math.max(0, Number(this.config.timeLimitSec) || 0);
-    return limit > 0 ? roundHundredths(Math.max(0, limit - this.elapsed)) : null;
-  }
-
-  private addScore(amount: number): void {
-    if (this.over) return;
-    this.score += amount;
-    this.node?.emit('score-changed', this.score);
-  }
-
-  private takeDamage(amount: number): void {
-    if (this.over) return;
-    this.lives = Math.max(0, this.lives - Math.max(1, amount));
-    this.node?.emit(
-      'lives-changed',
-      this.lives,
-      Math.max(1, Number(this.config.startingLives) || 1)
-    );
-  }
-
-  private broadcast(): void {
-    const owner = this.node;
-    owner?.emit('score-changed', this.score);
-    owner?.emit('lives-changed', this.lives, Math.max(1, Number(this.config.startingLives) || 1));
-    const limit = Math.max(0, Number(this.config.timeLimitSec) || 0);
-    owner?.emit('time-changed', limit > 0 ? Math.max(0, limit - this.elapsed) : this.elapsed);
-  }
-
-  /** End the run. Call this from your own code for a custom win/lose condition. */
-  finish(won: boolean): void {
-    if (this.over) return;
-    this.over = true;
-    this.won = won;
-
-    const label = this.findNode(String(this.config.resultLabel ?? ''));
-    if (label instanceof Label2D) {
-      label.setText(String((won ? this.config.winText : this.config.loseText) ?? ''));
-    }
-    this.setNodeVisible(String(this.config.resultNode ?? ''), true);
-    this.setButtonEnabled(String(this.config.retryButton ?? ''), true);
-
-    // A freeze node freezes its whole subtree: the spawners' own components AND
-    // every instance they spawned under themselves (a chaser's script, a pickup's
-    // pop-in), so nothing keeps moving over the result card.
-    for (const id of String(this.config.freezeNodes ?? '').split(',')) {
-      const root = this.findNode(id.trim());
-      if (!root) continue;
-      root.traverse(object => {
-        if (!(object instanceof NodeBase)) return;
-        for (const component of object.components) {
-          // Only remember what WE switched off: reviving everything on reset would
-          // silently enable a component the scene author had left disabled.
-          if (!component.enabled) continue;
-          component.enabled = false;
-          this.frozen.push(component);
-        }
-      });
-    }
-
-    // The run's last impression: a procedural jingle (no asset needed) and, on a
-    // win, a warm screen flash. Both are one-liners — `scene.audio.sfx` and
-    // `scene.juice.flash`.
-    const scene = this.scene;
-    scene?.audio.sfx(won ? 'win' : 'lose');
-    if (won) {
-      scene?.juice.flash({ color: '#ffe066', intensity: 0.5, durationSec: 0.35 });
-    }
-    this.node?.emit(won ? 'game-won' : 'game-lost', this.score);
-  }
-
-  private restart(): void {
-    void this.scene?.changeScene(String(this.config.gameScene ?? ''), { transition: 'fade' });
-  }
-
-  private toMenu(): void {
-    void this.scene?.changeScene(String(this.config.menuScene ?? ''), { transition: 'fade' });
-  }
-
-  /**
-   * Back to the state `onStart` left behind: score, lives, clock and outcome, the
-   * result overlay hidden, the freeze `finish()` applied lifted, and anything a
-   * spawner still has on the field despawned. Those leftovers are state too — a
-   * run that begins amid the previous run's targets did not begin from the start.
-   *
-   * Public because it is useful on its own (an in-run "try again" that skips the
-   * scene reload); the debug provider's `reset` is this method.
-   */
-  resetRun(): void {
-    for (const component of this.frozen) {
-      component.enabled = true;
-    }
-    this.frozen = [];
-    this.clearSpawned();
-
-    this.score = 0;
-    this.lives = Math.max(1, Number(this.config.startingLives) || 1);
-    this.elapsed = 0;
-    this.over = false;
-    this.won = false;
-
-    this.setNodeVisible(String(this.config.resultNode ?? ''), false);
-    this.setButtonEnabled(String(this.config.retryButton ?? ''), false);
-    this.broadcast();
-  }
-
-  /**
-   * Ask every component on a `freezeNodes` node that owns spawned instances to
-   * drop them. Duck-typed instead of importing `Spawner`: the freeze list is
-   * whatever the scene author wrote there, and a project may put its own spawner
-   * in it — one that also happens to offer `clear()`.
-   */
-  private clearSpawned(): void {
-    for (const id of String(this.config.freezeNodes ?? '').split(',')) {
-      const node = this.findNode(id.trim());
-      if (!node) continue;
-      for (const component of node.components) {
-        const clear = (component as { clear?: unknown }).clear;
-        if (typeof clear === 'function') {
-          (clear as () => void).call(component);
-        }
-      }
-    }
-  }
-
-  private bindButton(query: string, handler: () => void, enabled: boolean): void {
-    const button = this.findNode(query);
-    if (button instanceof Button2D) {
-      button.enabled = enabled;
-      button.connect('pressed', this, handler);
-    }
-  }
-
-  private setButtonEnabled(query: string, enabled: boolean): void {
-    const button = this.findNode(query);
-    if (button instanceof Button2D) {
-      button.enabled = enabled;
-    }
-  }
-
-  private setNodeVisible(query: string, visible: boolean): void {
-    const node = this.findNode(query);
-    if (node) {
-      node.visible = visible;
-    }
-  }
-}

package/templates/recipe-bouncer-2d/files/scripts/MenuFlow.ts

@@ -1,109 +0,0 @@
-/**
- * MenuFlow — drives the menu scene (the project's entry/export scene).
- *
- * PLAY transitions to the game scene with a fade. That is all it does: keep the
- * menu dumb so the game scene stays directly playable on its own (agents and
- * the editor open `main.pix3scene` and press play without going through here).
- *
- * PLAY does not call `startGame()` directly: it dispatches the command
- * `start-game` (`scene.commands`). A test can then leave the menu without a tap,
- * every raised intent lands in `scene.commands.log` with its frame, and one real
- * tap is enough to prove the button is still wired to the intent it claims.
- *
- * It registers a debug provider too. `registerGameDebug` is global and
- * last-wins, and only the running scene's flow script registers one — so
- * without this, everything a tool reads while the menu is up would come back
- * empty (or, worse, stale from the previous scene).
- */
-import { Script, registerGameDebug, type PropertySchema } from '@pix3/runtime';
-
-export class MenuFlow extends Script {
-  private playButtonReady = false;
-  private disposeDebug: (() => void) | null = null;
-  private disposeCommands: (() => void)[] = [];
-
-  constructor(id: string, type: string) {
-    super(id, type);
-    this.config = {
-      gameScene: 'res://scenes/main.pix3scene',
-      playButton: 'play-button',
-    };
-  }
-
-  static getPropertySchema(): PropertySchema {
-    const str = (name: string, label: string) => ({
-      name,
-      type: 'string' as const,
-      ui: { label, group: 'Menu' },
-      getValue: (s: unknown) => (s as MenuFlow).config[name],
-      setValue: (s: unknown, v: unknown) => {
-        (s as MenuFlow).config[name] = typeof v === 'string' ? v : '';
-      },
-    });
-
-    return {
-      nodeType: 'MenuFlow',
-      properties: [str('gameScene', 'Game Scene'), str('playButton', 'Play Button')],
-      groups: { Menu: { label: 'Menu Flow', expanded: true } },
-    };
-  }
-
-  onStart(): void {
-    const commands = this.scene?.commands;
-    this.disposeCommands = [
-      commands?.register('start-game', () => this.startGame(), {
-        description: 'Leave the menu and transition into the game scene.',
-      }),
-    ].filter((dispose): dispose is () => void => dispose !== undefined);
-
-    this.disposeDebug = registerGameDebug({
-      name: 'recipe-bouncer-2d',
-      version: 1,
-      // The registry IS the action list — never a second, hand-kept copy.
-      actions: () => this.scene?.commands.list().map(command => command.name) ?? [],
-      // `scene` is what tells a reader which flow answered: the game scene's
-      // GameRules publishes under the same name.
-      snapshot: () => ({
-        scene: 'menu',
-        gameScene: String(this.config.gameScene ?? ''),
-        playButtonReady: this.playButtonReady,
-      }),
-    });
-
-    const button = this.findNode(String(this.config.playButton ?? ''));
-    if (!button) {
-      console.warn(`[MenuFlow] Button "${this.config.playButton}" not found.`);
-      return;
-    }
-    this.playButtonReady = true;
-    button.connect('pressed', this, () => {
-      this.scene?.commands.dispatch('start-game');
-    });
-  }
-
-  onDetach(): void {
-    // Safe in any order: the disposer clears the global only while it still
-    // holds *this* provider, so the next scene's registration is never wiped.
-    this.disposeDebug?.();
-    this.disposeDebug = null;
-    // The scene's registry is cleared on stop anyway; this covers the other
-    // case — this script being detached while the scene keeps running.
-    for (const dispose of this.disposeCommands) {
-      dispose();
-    }
-    this.disposeCommands = [];
-    this.playButtonReady = false;
-    super.onDetach();
-  }
-
-  /** Transition into the game scene. */
-  startGame(): void {
-    // The press is the user gesture Web Audio waits for, so this is also what
-    // unlocks sound for the run. `sfx` is procedural — no asset to author.
-    this.scene?.audio.sfx('powerup');
-    void this.scene?.changeScene(String(this.config.gameScene ?? ''), {
-      transition: 'fade',
-      durationSec: 0.3,
-    });
-  }
-}

package/templates/recipe-bouncer-2d/files/scripts/PaddleController.ts

@@ -1,112 +0,0 @@
-/**
- * PaddleController — the only thing the player directly drives.
- *
- * Slides the paddle along its local X axis, clamped to `boundsNode`, either by
- * following the pointer or with the arrow/A-D keys. `BallBody` re-reads the
- * paddle's world transform every frame, so anything this script does to the
- * node — including rotating it — is picked up by the physics for free.
- *
- * This is the blessed swap point for flippers: keep the file's job ("turn input
- * into paddle transforms") and change what a paddle IS. See design/recipe.md.
- */
-import { Group2D, Script, type PropertySchema } from '@pix3/runtime';
-
-export class PaddleController extends Script {
-  constructor(id: string, type: string) {
-    super(id, type);
-    this.config = {
-      // 'pointer' = follow the finger/mouse, 'keys' = arrows / A-D.
-      mode: 'pointer',
-      speed: 1600,
-      // Half the paddle's width — keeps it inside the field.
-      halfWidth: 130,
-      boundsNode: 'board',
-    };
-  }
-
-  static getPropertySchema(): PropertySchema {
-    const num = (name: string, label: string, min: number, max: number, step: number) => ({
-      name,
-      type: 'number' as const,
-      ui: { label, group: 'Paddle', min, max, step, slider: true },
-      getValue: (s: unknown) => (s as PaddleController).config[name],
-      setValue: (s: unknown, v: unknown) => {
-        const n = Number(v);
-        (s as PaddleController).config[name] = Math.min(max, Math.max(min, Number.isFinite(n) ? n : min));
-      },
-    });
-
-    return {
-      nodeType: 'PaddleController',
-      properties: [
-        {
-          name: 'mode',
-          type: 'select',
-          ui: { label: 'Mode', group: 'Paddle', options: ['pointer', 'keys'] },
-          getValue: s => (s as PaddleController).config.mode,
-          setValue: (s, v) => {
-            (s as PaddleController).config.mode = v === 'keys' ? 'keys' : 'pointer';
-          },
-        },
-        num('speed', 'Speed (px/s)', 100, 6000, 25),
-        num('halfWidth', 'Half Width', 10, 800, 5),
-        {
-          name: 'boundsNode',
-          type: 'string',
-          ui: { label: 'Bounds Node', group: 'Paddle' },
-          getValue: s => (s as PaddleController).config.boundsNode,
-          setValue: (s, v) => {
-            (s as PaddleController).config.boundsNode = typeof v === 'string' ? v : '';
-          },
-        },
-      ],
-      groups: { Paddle: { label: 'Paddle', expanded: true } },
-    };
-  }
-
-  onUpdate(dt: number): void {
-    const node = this.node;
-    if (!node || dt <= 0) {
-      return;
-    }
-    const speed = Math.max(0, Number(this.config.speed) || 0);
-
-    if (this.config.mode === 'keys') {
-      const dir =
-        (this.held('Key_ArrowRight', 'Key_D') ? 1 : 0) - (this.held('Key_ArrowLeft', 'Key_A') ? 1 : 0);
-      node.position.x += dir * speed * dt;
-    } else {
-      const pointer = this.scene?.getPointer2DWorldPosition() ?? null;
-      if (pointer) {
-        const target = this.worldToParentX(pointer.x, pointer.y);
-        const delta = target - node.position.x;
-        const step = Math.min(Math.abs(delta), speed * dt);
-        node.position.x += Math.sign(delta) * step;
-      }
-    }
-
-    const bounds = this.findNode(String(this.config.boundsNode ?? ''));
-    if (bounds instanceof Group2D) {
-      const limit = Math.max(0, bounds.width / 2 - Math.max(0, Number(this.config.halfWidth) || 0));
-      node.position.x = Math.min(limit, Math.max(-limit, node.position.x));
-    }
-  }
-
-  private held(...buttons: string[]): boolean {
-    return buttons.some(name => this.input?.getButton(name) ?? false);
-  }
-
-  /** World X → the X of this node's parent space (exact 2×2 inverse). */
-  private worldToParentX(wx: number, wy: number): number {
-    const parent = this.node?.parentNode ?? null;
-    if (!parent) {
-      return wx;
-    }
-    parent.updateWorldMatrix(true, false);
-    const e = parent.matrixWorld.elements;
-    const dx = wx - e[12];
-    const dy = wy - e[13];
-    const det = e[0] * e[5] - e[1] * e[4];
-    return Math.abs(det) < 1e-8 ? dx : (e[5] * dx - e[4] * dy) / det;
-  }
-}

package/templates/recipe-bouncer-2d/files/scripts/ScoreHud.ts

@@ -1,94 +0,0 @@
-/**
- * ScoreHud — signal-driven HUD. Display only, no game logic.
- *
- * Listens on `sourceNode` (the node carrying `GameRules`) for:
- *   `score-changed` (score)
- *   `lives-changed` (lives, maxLives)
- *   `time-changed`  (seconds)
- *
- * If a HUD widget is missing from the scene it is quietly skipped, so you can
- * delete the timer or the lives bar without touching any script.
- */
-import { Bar2D, Label2D, Script, type PropertySchema } from '@pix3/runtime';
-
-export class ScoreHud extends Script {
-  constructor(id: string, type: string) {
-    super(id, type);
-    this.config = {
-      // Node that emits the HUD signals (the GameRules host).
-      sourceNode: 'game-root',
-      scoreLabel: 'score-label',
-      scoreFormat: 'SCORE {value}',
-      timeLabel: 'time-label',
-      timeFormat: '{value}',
-      livesBar: 'lives-bar',
-    };
-  }
-
-  static getPropertySchema(): PropertySchema {
-    const str = (name: string, label: string, description?: string) => ({
-      name,
-      type: 'string' as const,
-      ui: { label, group: 'HUD', description },
-      getValue: (s: unknown) => (s as ScoreHud).config[name],
-      setValue: (s: unknown, v: unknown) => {
-        (s as ScoreHud).config[name] = typeof v === 'string' ? v : '';
-      },
-    });
-
-    return {
-      nodeType: 'ScoreHud',
-      properties: [
-        str('sourceNode', 'Source Node', 'Node that emits score-changed / lives-changed / time-changed'),
-        str('scoreLabel', 'Score Label'),
-        str('scoreFormat', 'Score Format', '{value} is replaced by the score'),
-        str('timeLabel', 'Time Label'),
-        str('timeFormat', 'Time Format', '{value} is replaced by whole seconds'),
-        str('livesBar', 'Lives Bar'),
-      ],
-      groups: { HUD: { label: 'HUD', expanded: true } },
-    };
-  }
-
-  onStart(): void {
-    const source = this.findNode(String(this.config.sourceNode ?? ''));
-    if (!source) {
-      console.warn(`[ScoreHud] Source node "${this.config.sourceNode}" not found.`);
-      return;
-    }
-    source.connect('score-changed', this, (...args: unknown[]) => this.setScore(Number(args[0]) || 0));
-    source.connect('time-changed', this, (...args: unknown[]) => this.setTime(Number(args[0]) || 0));
-    source.connect('lives-changed', this, (...args: unknown[]) =>
-      this.setLives(Number(args[0]) || 0, Number(args[1]) || 0)
-    );
-    // Ask for the opening values now that the listeners are live: GameRules
-    // starts before this HUD (parent components tick before children).
-    source.emit('hud-ready');
-  }
-
-  private setScore(score: number): void {
-    const label = this.findNode(String(this.config.scoreLabel ?? ''));
-    if (label instanceof Label2D) {
-      label.setText(String(this.config.scoreFormat ?? '{value}').replace('{value}', String(Math.round(score))));
-    }
-  }
-
-  private setTime(seconds: number): void {
-    const label = this.findNode(String(this.config.timeLabel ?? ''));
-    if (label instanceof Label2D) {
-      label.setText(
-        String(this.config.timeFormat ?? '{value}').replace('{value}', String(Math.max(0, Math.ceil(seconds))))
-      );
-    }
-  }
-
-  private setLives(lives: number, maxLives: number): void {
-    const bar = this.findNode(String(this.config.livesBar ?? ''));
-    if (bar instanceof Bar2D) {
-      if (maxLives > 0) {
-        bar.maxValue = maxLives;
-      }
-      bar.setValue(lives);
-    }
-  }
-}