Ajout du script de déploiement automatisé + assets statiques (manifest, icônes, sw.js modèle)

deploy/deploy_wasm.ps1

@@ -0,0 +1,66 @@
+# ============================================================================
+# deploy_wasm.ps1 - Build + déploiement de shipheart_wasm vers le CM5
+# ----------------------------------------------------------------------------
+# Automatise : renommage HTML, injection manifest/service-worker, versionnage
+# du cache (résout le problème de mise à jour automatique côté client, cf
+# synthèse §21.10/21.11), et transfert final vers le CM5.
+#
+# Prérequis : avoir lancé Build dans Qt Creator (kit WebAssembly) AVANT ce
+# script - il ne compile pas, il ne fait que préparer et déployer la sortie
+# déjà construite.
+# ============================================================================
+
+param(
+    [string]$BuildDir = "O:\Technique\Projets_Qt\koriolan\shipheart_wasm\build\WebAssembly_Qt_6_8_3_Release",
+    [string]$AssetsDir = "O:\Technique\Projets_Qt\koriolan\shipheart_wasm\deploy",   # manifest.json, icônes, sw.js "modèle" (CACHE_NAME sans version)
+    [string]$CM5Host = "192.168.1.220",
+    [int]$CM5Port = 2022,
+    [string]$CM5User = "koriolan",
+    [string]$CM5Path = "/var/www/shipheart-poc-wasm/"
+)
+
+$ErrorActionPreference = "Stop"
+
+# --- 1. Renommer le HTML généré par Qt ---
+Copy-Item "$BuildDir\shipheart_wasm.html" "$BuildDir\index.html" -Force
+
+# --- 2. Injecter les blocs manifest / service-worker ---
+$html = Get-Content "$BuildDir\index.html" -Raw
+$html = $html -replace "</head>", @"
+<link rel="manifest" href="manifest.json">
+<meta name="theme-color" content="#0e283a">
+<link rel="apple-touch-icon" href="icon-192.png">
+</head>
+"@
+$html = $html -replace "</body>", @"
+<script>
+if ('serviceWorker' in navigator) {
+  window.addEventListener('load', () => {
+    navigator.serviceWorker.register('sw.js');
+  });
+}
+</script>
+</body>
+"@
+Set-Content "$BuildDir\index.html" $html -NoNewline
+
+# --- 3. Versionner sw.js (change le CACHE_NAME à chaque déploiement) ---
+# Le fichier "modèle" (CACHE_NAME générique) vit dans $AssetsDir, sous
+# contrôle de version - on ne le modifie jamais sur place, on écrit la
+# version horodatée directement dans le dossier de build.
+$version = Get-Date -Format "yyyyMMdd_HHmmss"
+$sw = Get-Content "$AssetsDir\sw.js" -Raw
+$sw = $sw -replace 'const CACHE_NAME = "[^"]*";', "const CACHE_NAME = ""shipheart-wasm-$version"";"
+Set-Content "$BuildDir\sw.js" $sw -NoNewline
+
+# --- 4. Transfert vers le CM5 ---
+Copy-Item "$AssetsDir\manifest.json" "$BuildDir\manifest.json" -Force
+Copy-Item "$AssetsDir\icon-192.png" "$BuildDir\icon-192.png" -Force
+Copy-Item "$AssetsDir\icon-512.png" "$BuildDir\icon-512.png" -Force
+
+$fichiers = "index.html","qtloader.js","qtlogo.svg","shipheart_wasm.js","shipheart_wasm.wasm","shipheart_wasm.worker.js","sw.js","manifest.json","icon-192.png","icon-512.png"
+foreach ($f in $fichiers) {
+    scp -P $CM5Port "$BuildDir\$f" "${CM5User}@${CM5Host}:${CM5Path}"
+}
+
+Write-Host "Déploiement terminé - version $version"

deploy/manifest.json

@@ -0,0 +1,22 @@
+{
+  "name": "ShipHeart (POC WASM)",
+  "short_name": "ShipHeart POC",
+  "description": "POC d'accès à ShipHeart via WebAssembly - jusqu'à home_accueil.qml",
+  "start_url": "./index.html",
+  "display": "fullscreen",
+  "orientation": "landscape",
+  "background_color": "#0e283a",
+  "theme_color": "#0e283a",
+  "icons": [
+    {
+      "src": "icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}

deploy/sw.js

@@ -0,0 +1,68 @@
+// Service worker du client ShipHeart.
+// Stratégie "cache d'abord" pour la coquille statique de l'app (mêmes fichiers
+// que le domaine de la page elle-même), MAIS jamais pour les appels vers
+// l'API (données live, cross-origine) - ceux-ci passent toujours par le
+// réseau, sans jamais être mis en cache, sous peine de figer les données
+// affichées (rencontré concrètement : rafraîchissement périodique et même
+// rechargement de page ne montraient plus jamais de valeurs à jour).
+
+const CACHE_NAME = "shipheart-wasm-v1";
+const APP_SHELL = [
+  "./index.html",
+  "./qtloader.js",
+  "./shipheart_wasm.js",
+  "./shipheart_wasm.worker.js",
+  "./shipheart_wasm.wasm",
+  "./manifest.json",
+  "./icon-192.png",
+  "./icon-512.png",
+];
+
+self.addEventListener("install", (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) =>
+      Promise.allSettled(
+        APP_SHELL.map((url) =>
+          cache.add(url).catch((err) => console.warn("Échec de mise en cache:", url, err))
+        )
+      )
+    )
+  );
+  self.skipWaiting();
+});
+
+self.addEventListener("activate", (event) => {
+  event.waitUntil(
+    caches.keys().then((keys) =>
+      Promise.all(
+        keys.filter((key) => key !== CACHE_NAME).map((key) => caches.delete(key))
+      )
+    )
+  );
+  self.clients.claim();
+});
+
+self.addEventListener("fetch", (event) => {
+  const url = new URL(event.request.url);
+
+  // Appels vers l'API (données live, autre origine) : jamais de cache,
+  // toujours le réseau.
+  if (url.origin !== self.location.origin) {
+    event.respondWith(fetch(event.request));
+    return;
+  }
+
+  // Coquille statique de l'app (même origine) : cache d'abord, comme avant.
+  event.respondWith(
+    caches.match(event.request).then((cached) => {
+      if (cached) return cached;
+      return fetch(event.request).then((response) => {
+        if (response && response.ok) {
+          const responseClone = response.clone();
+          caches.open(CACHE_NAME).then((cache) => cache.put(event.request, responseClone));
+        }
+        return response;
+      });
+    })
+  );
+});