0.3.1-0-pre.4

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

@@ -1,11 +1,12 @@
 // file: crates/apps/game-snake-poc-tauri/frontend/ts/main.ts
-// version: 2
+// version: 3
 
 import "../css/main.css";
 import { loadSnakeTauriAssets } from "./assets";
 import { getRuntimeDescriptor, reportFrontendReady } from "./bridge";
 import { startGame } from "./game";
 import { bindInputs } from "./input";
+import { bindTauriLifecycle } from "./lifecycle";
 import { frontendError, frontendInfo, initializeFrontendTracing } from "./logging";
 
 function requiredElement<T extends HTMLElement>(identifier: string): T {
@@ -21,6 +22,7 @@ async function bootstrap(): Promise<void> {
     frontendInfo("Snake Tauri frontend bootstrap started");
     const descriptor = await getRuntimeDescriptor();
     const canvas = requiredElement<HTMLCanvasElement>("game");
+    const stage = requiredElement<HTMLElement>("game-stage");
     const score = requiredElement<HTMLOutputElement>("score");
     const length = requiredElement<HTMLOutputElement>("length");
     const provenance = requiredElement<HTMLOutputElement>("runtime-provenance");
@@ -37,11 +39,7 @@ async function bootstrap(): Promise<void> {
     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 });
+    bindTauriLifecycle(session, stage);
 
     document.body.dataset.runtimeState = "ready";
     status.textContent = "Prêt";