// ============================================================================
// SETUP → MOTEUR & MISE À JOUR (propriétaire, app locale uniquement)
//
// Deux gestes, séparés par leur COÛT — c'est tout l'intérêt :
// 🔄 Recharger le backend : quelques secondes, SANS couper les iPhones. Le geste de tous
// les jours, faisable en pleine journée pendant que les VA travaillent.
// ⚠️ Redémarrer le moteur : coupe les iPhones ~5 min (WDA remonte sur chaque téléphone).
// Le geste RARE, à faire hors présence VA.
//
// Le moteur est lancé DÉTACHÉ : fermer l'app ne le coupe plus. Seul le bouton ci-dessous le
// redémarre. Ces commandes passent par window.electronSystem (pont Electron) : hors de l'app
// PhoneLabs, elles n'existent pas -> on l'affiche clairement au lieu de boutons morts.
// ============================================================================
// Formate des octets en Ko/Mo lisibles.
function koctets(n) {
n = Number(n) || 0;
if (n < 1024) return n + " o";
if (n < 1024 * 1024) return (n / 1024).toFixed(0) + " Ko";
return (n / 1024 / 1024).toFixed(1) + " Mo";
}
// Libellé + couleur selon ce qui a déclenché l'instantané.
function triggerInfo(t) {
const m = {
"manuel": ["Manuel", "var(--accent)"],
"avant-backend": ["Avant recharge backend", "#58a6ff"],
"avant-moteur": ["Avant redémarrage moteur", "#f0a020"],
"avant-retour": ["Avant un retour", "#a371f7"],
};
return m[t] || [t || "—", "var(--muted)"];
}
function SystemView() {
const { useState, useEffect } = React;
const SYS = (typeof window !== "undefined") ? window.electronSystem : null;
const [etat, setEtat] = useState(null);
const [busy, setBusy] = useState("");
const [flash, setFlash] = useState(null);
const [snaps, setSnaps] = useState(null); // null = pas encore chargé ; [] = aucun
const [snapBusy, setSnapBusy] = useState(""); // id en cours (création / restauration)
const rafraichir = async () => {
if (!SYS || !SYS.status) return;
try { setEtat(await SYS.status()); } catch (e) { setEtat(null); }
};
// Les snapshots passent par le BACKEND LOCAL (same-origin 127.0.0.1), pas par le pont Electron :
// ils protègent la donnée D1, et le backend a le secret agent pour /api/backup.
const chargerSnaps = async () => {
try {
const r = await fetch("/api/snapshots", { cache: "no-store" });
const j = await r.json();
setSnaps(Array.isArray(j && j.snapshots) ? j.snapshots : []);
} catch (e) { setSnaps([]); }
};
useEffect(() => {
rafraichir(); chargerSnaps();
const iv = setInterval(rafraichir, 5000);
return () => clearInterval(iv);
}, []);
const dire = (ok, txt) => { setFlash({ ok, txt }); setTimeout(() => setFlash(null), 6000); };
// Prend un instantané AVANT un geste risqué. Best-effort : renvoie le résumé, sans jamais lever.
const snapAvant = async (trigger) => {
try {
const r = await fetch("/api/snapshots/create", { method: "POST",
headers: { "Content-Type": "application/json" }, body: JSON.stringify({ trigger }) });
return await r.json();
} catch (e) { return { ok: false, error: String(e && e.message || e) }; }
};
const rechargerBackend = async () => {
setBusy("backend");
// Filet : instantané AVANT (le backend est encore vivant pour le prendre), puis on recharge.
const snp = await snapAvant("avant-backend");
const pre = snp && snp.ok ? "Instantané pris. " : "⚠️ Instantané non pris (" + ((snp && snp.error) || "?") + "). ";
try {
const r = await SYS.reloadBackend();
dire(!!(r && r.ok), (r && r.ok) ? "✓ " + pre + "Backend rechargé — aucune coupure iPhone." : "⚠️ " + pre + "Le backend n'est pas revenu. Réessaie, ou regarde le journal.");
} catch (e) { dire(false, "⚠️ Échec : " + (e && e.message || e)); }
setBusy(""); rafraichir(); chargerSnaps();
};
const redemarrerMoteur = async () => {
if (!window.confirm("Redémarrer le MOTEUR ?\n\n⚠️ Ça coupe les iPhones ~5 min (WDA remonte sur chaque téléphone). À faire hors présence des VA.\n\nUn instantané de sécurité est pris avant.\n\nContinuer ?")) return;
setBusy("moteur");
const snp = await snapAvant("avant-moteur");
const pre = snp && snp.ok ? "Instantané pris. " : "⚠️ Instantané non pris (" + ((snp && snp.error) || "?") + "). ";
try {
const r = await SYS.restartEngine();
dire(!!(r && r.ok), (r && r.ok) ? "✓ " + pre + "Moteur redémarré — les iPhones remontent." : "⚠️ " + pre + "Le moteur n'est pas revenu. Regarde le journal.");
} catch (e) { dire(false, "⚠️ Échec : " + (e && e.message || e)); }
setBusy(""); rafraichir(); chargerSnaps();
};
// Instantané manuel (bouton dédié).
const snapMaintenant = async () => {
setSnapBusy("create");
const j = await snapAvant("manuel");
dire(!!(j && j.ok), (j && j.ok) ? "✓ Instantané créé (" + j.count + " éléments, " + koctets(j.octets) + ")." : "⚠️ " + ((j && j.error) || "échec de l'instantané"));
setSnapBusy(""); chargerSnaps();
};
// Revenir sur un instantané : réécrit la donnée D1 (un instantané de l'état courant est pris avant).
const restaurer = async (s) => {
if (!window.confirm(
"Revenir sur l'instantané du " + s.at + " ?\n\n" +
"⚠️ Ça RÉÉCRIT les données actuelles (comptes, conteneurs, pointages, facturation…) avec celles de cet instantané.\n\n" +
"Un instantané de l'état ACTUEL est pris juste avant — donc ce retour est lui-même réversible.\n\nContinuer ?")) return;
setSnapBusy("r" + s.id);
try {
const r = await fetch("/api/snapshots/restore", { method: "POST",
headers: { "Content-Type": "application/json" }, body: JSON.stringify({ id: s.id }) });
const j = await r.json();
dire(!!(j && j.ok), (j && j.ok)
? "✓ Revenu sur l'instantané (" + j.count + " éléments réécrits). Recharge tes pages (Ctrl+Maj+R) pour voir les données restaurées."
: "⚠️ " + ((j && j.error) || "échec de la restauration"));
} catch (e) { dire(false, "⚠️ Échec : " + (e && e.message || e)); }
setSnapBusy(""); chargerSnaps();
};
// Épingle / désépingle (un instantané épinglé n'est jamais purgé automatiquement).
const epingler = async (s) => {
try {
await fetch("/api/snapshots/pin", { method: "POST",
headers: { "Content-Type": "application/json" }, body: JSON.stringify({ id: s.id, garde: !s.garde }) });
} catch (e) {}
chargerSnaps();
};
const carte = { background: "var(--surface)", border: "1px solid var(--border)", borderRadius: 14, padding: 18, marginBottom: 16 };
const pastille = (on) => ({ display: "inline-flex", alignItems: "center", gap: 6, fontSize: 12.5, fontWeight: 700,
color: on ? "#3fb950" : "#f85149" });
const pt = (on) => ;
if (!SYS) {
return (
⚙️ Moteur & mise à jour
Ce panneau pilote le moteur et le backend de cette machine. Il n'est disponible que
dans l'application PhoneLabs (le pont Electron), pas depuis un navigateur.
Ouvre-le depuis l'app installée sur le PC qui pilote les iPhones.
);
}
return (
⚙️ Moteur & mise à jour
Le moteur tourne détaché : fermer l'app ne coupe plus les iPhones. Redémarre-le seulement ici.
Applique une mise à jour du backend. Sans coupure : les iPhones
restent pilotés, quelques secondes de blip API au pire. À faire en pleine journée.
{/* Le geste lourd */}
⚠️ Redémarrer le moteur
Pour une mise à jour du moteur (pilotage iPhone). Coupe les iPhones ~5 min —
WDA remonte sur chaque téléphone. À faire hors présence des VA.
{/* Points de retour (instantanés de données D1) */}
💾 Points de retour
Copie complète des données (comptes, conteneurs, pointages, facturation, textes…). Un instantané est
pris automatiquement avant chaque recharge de backend et redémarrage de moteur. Les fichiers
restent sur ce PC. « Revenir » réécrit les données — et prend d'abord un instantané de l'état actuel.
{snaps === null &&
Chargement…
}
{snaps && snaps.length === 0 && (
Aucun instantané pour l'instant. Le premier sera pris au prochain geste, ou clique « Instantané maintenant ».