0.3.1-0-pre.3

crates/apps/game-snake-poc-tauri/frontend/ts/main.ts

@@ -1,9 +1,11 @@
 // file: crates/apps/game-snake-poc-tauri/frontend/ts/main.ts
-// version: 1
+// version: 2
 
-import init, { SnakeWasmGame } from "@snake-wasm";
 import "../css/main.css";
+import { loadSnakeTauriAssets } from "./assets";
 import { getRuntimeDescriptor, reportFrontendReady } from "./bridge";
+import { startGame } from "./game";
+import { bindInputs } from "./input";
 import { frontendError, frontendInfo, initializeFrontendTracing } from "./logging";
 
 function requiredElement<T extends HTMLElement>(identifier: string): T {
@@ -18,39 +20,48 @@ async function bootstrap(): Promise<void> {
     await initializeFrontendTracing();
     frontendInfo("Snake Tauri frontend bootstrap started");
     const descriptor = await getRuntimeDescriptor();
-    await init();
-    const game = new SnakeWasmGame();
-    const configured = game.configure_runtime_provenance(
-        descriptor.platformFamily,
-        descriptor.runtimeHost,
-        descriptor.deviceClass,
-        descriptor.inputProfile,
-    );
-    if (!configured) {
-        game.free();
-        throw new Error("La provenance Tauri Android n'a pas été acceptée par l'adapter Snake WASM.");
-    }
-    const status = requiredElement<HTMLParagraphElement>("runtime-status");
+    const canvas = requiredElement<HTMLCanvasElement>("game");
+    const score = requiredElement<HTMLOutputElement>("score");
+    const length = requiredElement<HTMLOutputElement>("length");
     const provenance = requiredElement<HTMLOutputElement>("runtime-provenance");
-    status.textContent = "Runtime minimal initialisé. Le Canvas et les contrôles arrivent dans 0-pre.3.";
-    provenance.value = [
-        game.provenance_platform_family(),
-        game.provenance_runtime_host(),
-        game.provenance_execution_model(),
-        game.provenance_device_class(),
-        game.provenance_input_profile(),
-    ].join(" / ");
-    window.addEventListener("pagehide", () => game.free(), { once: true });
+    const assets = requiredElement<HTMLOutputElement>("asset-status");
+    const status = requiredElement<HTMLSpanElement>("runtime-status");
+    const error = requiredElement<HTMLParagraphElement>("startup-error");
+    const buttons = Array.from(document.querySelectorAll<HTMLButtonElement>("[data-direction]"));
+
+    status.textContent = "Chargement assets…";
+    const assetMetadata = await loadSnakeTauriAssets();
+    assets.value = `${assetMetadata.gameKind} / engine-v${assetMetadata.engineGeneration}`;
+    frontendInfo(`Snake Tauri assets ready: ${assetMetadata.game} / ${assets.value}`);
+
+    status.textContent = "Chargement WASM…";
+    const session = await startGame(canvas, score, length, provenance, descriptor);
+    bindInputs(session, buttons);
+    window.addEventListener("resize", () => {
+        session.refreshDeviceClass();
+        session.renderNow();
+    });
+    window.addEventListener("pagehide", () => session.dispose(), { once: true });
+
+    document.body.dataset.runtimeState = "ready";
+    status.textContent = "Prêt";
+    error.hidden = true;
+    canvas.focus();
     await reportFrontendReady();
     frontendInfo(`Snake Tauri frontend ready: ${provenance.value}`);
 }
 
 void bootstrap().catch(reason => {
-    const message = reason instanceof Error ? reason.message : String(reason);
+    const message = reason instanceof Error ? reason.stack ?? reason.message : String(reason);
     document.body.dataset.runtimeState = "error";
     const status = document.getElementById("runtime-status");
+    const error = document.getElementById("startup-error");
     if (status !== null) {
-        status.textContent = `Échec d'initialisation : ${message}`;
+        status.textContent = "Erreur";
+    }
+    if (error !== null) {
+        error.textContent = `Impossible de démarrer Snake : ${message}`;
+        error.hidden = false;
     }
     frontendError(`Snake Tauri frontend bootstrap failed: ${message}`);
 });