v0.2.6-pre.014

crates/ksp-app-wallet-desk/frontend/ts/splash.ts

@@ -1,12 +1,11 @@
 // file: crates/ksp-app-wallet-desk/frontend/ts/splash.ts
-// version: 1
+// version: 2
 
 import { listen } from "@tauri-apps/api/event";
 import { getCurrentWindow } from "@tauri-apps/api/window";
 import type { SplashOrderDto } from "./bindings/ksp_app_wallet_desk/splash/SplashOrderDto.ts";
 import { frontendDebug, frontendError, frontendInfo, frontendTrace, installFrontendConsoleBridge } from "./frontend_log";
 import { invokeKsp } from "./invoke";
-import "../sass/splash.scss";
 
 installFrontendConsoleBridge("splash");
 
@@ -50,21 +49,46 @@ async function animateOpacity(element: HTMLElement, fromOpacity: number, toOpaci
     frontendTrace("splash", "Splash opacity animation completed", { toOpacity, durationMs });
 }
 
-function replaceStatus(message: string | null): void {
-    if (!message) {
+function scrollToLatest(element: HTMLElement): void {
+    element.scrollTop = element.scrollHeight;
+}
+
+function addMessage(message: string, status: string | null): void {
+    const container = document.querySelector<HTMLElement>("#messages-container");
+    if (!container) {
         return;
     }
-    const status = document.querySelector<HTMLElement>("#splash-status");
-    if (status) {
-        status.textContent = message;
-        frontendTrace("splash", "Splash status replaced", { message });
+    const line = document.createElement("div");
+    const safeStatus = status === "warning" || status === "error" || status === "success" ? status : "info";
+    line.className = `splash-message ${safeStatus}`;
+    line.textContent = message;
+    container.appendChild(line);
+    scrollToLatest(container);
+}
+
+function addDebugMessage(message: string): void {
+    const container = document.querySelector<HTMLElement>("#debug-info");
+    if (!container) {
+        return;
     }
+    container.hidden = false;
+    const line = document.createElement("div");
+    line.textContent = `${new Date().toLocaleTimeString()}: ${message}`;
+    container.appendChild(line);
+    scrollToLatest(container);
 }
 
 async function handleSplashOrder(order: SplashOrderDto): Promise<void> {
     frontendTrace("splash", "Splash order received", { action: order.action });
     const container = document.querySelector<HTMLElement>("#splash-container");
-    replaceStatus(order.message);
+    if (order.action === "add_message" && order.message) {
+        addMessage(order.message, order.status);
+        return;
+    }
+    if (order.action === "add_debug" && order.message) {
+        addDebugMessage(order.message);
+        return;
+    }
     if (!container) {
         return;
     }
@@ -93,7 +117,7 @@ async function initializeSplash(): Promise<void> {
     try {
         await invokeKsp<void>("splash", "splash_frontend_ready");
     } catch {
-        replaceStatus("Le lifecycle du splash n'a pas pu démarrer.");
+        addMessage("Le lifecycle du splash n'a pas pu démarrer.", "error");
         if (container) {
             container.style.opacity = "1";
             container.style.willChange = "auto";