refactor: details

packages/framework/src/ui/PhaserBridge.tsx

@@ -59,7 +59,7 @@ export interface PhaserSceneProps<TData extends Record<string, unknown> = {}> {
     children?: any;
 }
 
-export const phaserSceneContext = createContext<ReadonlySignal<Phaser.Scene | undefined>>(signal(undefined));
+export const phaserSceneContext = createContext<ReadonlySignal<ReactiveScene> | null>(null);
 export function PhaserScene<TData extends Record<string, unknown> = {}>(props: PhaserSceneProps<TData>) {
     const phaserGameSignal = useContext(phaserContext);
     const sceneSignal = useSignal<Phaser.Scene>();
@@ -83,5 +83,5 @@ export function PhaserScene<TData extends Record<string, unknown> = {}>(props: P
         };
     });
 
-    return <phaserSceneContext.Provider value={sceneSignal}>{props.children}</phaserSceneContext.Provider>;
+    return <phaserSceneContext.Provider value={sceneSignal as ReadonlySignal<ReactiveScene>}>{props.children}</phaserSceneContext.Provider>;
 }

packages/sample-game/src/ui/App.tsx

@@ -1,10 +1,9 @@
 import {useComputed} from '@preact/signals';
 import { createGameHost, type GameModule } from 'boardgame-core';
-import Phaser from 'phaser';
 import { h } from 'preact';
-import { PhaserGame, PhaserScene } from 'boardgame-phaser';
+import {PhaserGame, PhaserScene, ReactiveScene} from 'boardgame-phaser';
 
-export default function App<TState extends Record<string, unknown>>(props: { gameModule: GameModule<TState>, gameScene: { new(): Phaser.Scene } }) {
+export default function App<TState extends Record<string, unknown>>(props: { gameModule: GameModule<TState>, gameScene: { new(): ReactiveScene } }) {
 
     const gameHost = useComputed(() => {
         const gameHost = createGameHost(props.gameModule);