v0.1.4-pre.007

crates/ksp-app-config-desk/frontend/ts/frontend_log.ts

@@ -0,0 +1,99 @@
+// file: crates/ksp-app-config-desk/frontend/ts/frontend_log.ts
+// version: 1
+
+//! Frontend logging helpers routed through the KSP Logging facade.
+
+import { invoke } from "@tauri-apps/api/core";
+import type { FrontendLogPayloadDto } from "./bindings/ksp_app_config_desk/frontend_logging/FrontendLogPayloadDto.ts";
+
+export type FrontendLogLevel = "trace" | "debug" | "info" | "warn" | "error";
+export type FrontendLogTargetId = "frontend" | "main" | "splash";
+
+type ConsoleMethod = (...items: unknown[]) => void;
+
+const originalConsole = {
+    trace: console.trace.bind(console),
+    debug: console.debug.bind(console),
+    log: console.log.bind(console),
+    info: console.info.bind(console),
+    warn: console.warn.bind(console),
+    error: console.error.bind(console),
+};
+
+function stringifyItem(item: unknown): string {
+    if (item instanceof Error) {
+        return item.stack ?? item.message;
+    }
+    if (typeof item === "string") {
+        return item;
+    }
+    try {
+        const serialized = JSON.stringify(item);
+        return serialized ?? String(item);
+    } catch {
+        return String(item);
+    }
+}
+
+function formatMessage(items: unknown[]): string {
+    return items.map(item => stringifyItem(item)).join(" ");
+}
+
+async function sendFrontendLog(level: FrontendLogLevel, targetId: FrontendLogTargetId, message: string): Promise<void> {
+    const payload: FrontendLogPayloadDto = {
+        level,
+        targetId,
+        message,
+    };
+    try {
+        await invoke("emit_frontend_log", { payload });
+    } catch (caughtError) {
+        originalConsole.error("KSP frontend logging bridge failed", caughtError);
+    }
+}
+
+export function frontendTrace(targetId: FrontendLogTargetId, ...items: unknown[]): void {
+    const message = formatMessage(items);
+    originalConsole.trace(message);
+    void sendFrontendLog("trace", targetId, message);
+}
+
+export function frontendDebug(targetId: FrontendLogTargetId, ...items: unknown[]): void {
+    const message = formatMessage(items);
+    originalConsole.debug(message);
+    void sendFrontendLog("debug", targetId, message);
+}
+
+export function frontendInfo(targetId: FrontendLogTargetId, ...items: unknown[]): void {
+    const message = formatMessage(items);
+    originalConsole.info(message);
+    void sendFrontendLog("info", targetId, message);
+}
+
+export function frontendWarn(targetId: FrontendLogTargetId, ...items: unknown[]): void {
+    const message = formatMessage(items);
+    originalConsole.warn(message);
+    void sendFrontendLog("warn", targetId, message);
+}
+
+export function frontendError(targetId: FrontendLogTargetId, ...items: unknown[]): void {
+    const message = formatMessage(items);
+    originalConsole.error(message);
+    void sendFrontendLog("error", targetId, message);
+}
+
+function buildConsoleBridge(level: FrontendLogLevel, targetId: FrontendLogTargetId, original: ConsoleMethod): ConsoleMethod {
+    return (...items: unknown[]) => {
+        original(...items);
+        void sendFrontendLog(level, targetId, formatMessage(items));
+    };
+}
+
+export function installFrontendConsoleBridge(targetId: FrontendLogTargetId): void {
+    console.trace = buildConsoleBridge("trace", targetId, originalConsole.trace);
+    console.debug = buildConsoleBridge("debug", targetId, originalConsole.debug);
+    console.log = buildConsoleBridge("info", targetId, originalConsole.log);
+    console.info = buildConsoleBridge("info", targetId, originalConsole.info);
+    console.warn = buildConsoleBridge("warn", targetId, originalConsole.warn);
+    console.error = buildConsoleBridge("error", targetId, originalConsole.error);
+}

crates/ksp-app-config-desk/frontend/ts/main.ts

@@ -1,16 +1,20 @@
 // file: crates/ksp-app-config-desk/frontend/ts/main.ts
-// version: 1
+// version: 2
 
 import "bootstrap";
 import ResizeObserver from "resize-observer-polyfill";
 import "simplebar";
 import { getCurrentWindow } from "@tauri-apps/api/window";
+import { frontendInfo, installFrontendConsoleBridge } from "./frontend_log";
 
 (window as Window & typeof globalThis & { ResizeObserver?: typeof ResizeObserver }).ResizeObserver = ResizeObserver;
+installFrontendConsoleBridge("main");
 
 document.addEventListener("DOMContentLoaded", () => {
+    const windowLabel = getCurrentWindow().label;
     const status = document.querySelector<HTMLElement>("#shellStatus");
     if (status) {
-        status.textContent = `Frontend chargé dans la fenêtre '${getCurrentWindow().label}'.`;
+        status.textContent = `Frontend chargé dans la fenêtre '${windowLabel}'.`;
     }
+    frontendInfo("main", "Config Desk main frontend loaded", { windowLabel });
 });

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

@@ -1,11 +1,16 @@
 // file: crates/ksp-app-config-desk/frontend/ts/splash.ts
-// version: 1
+// version: 2
 
 import { getCurrentWindow } from "@tauri-apps/api/window";
+import { frontendInfo, installFrontendConsoleBridge } from "./frontend_log";
+
+installFrontendConsoleBridge("splash");
 
 document.addEventListener("DOMContentLoaded", () => {
+    const windowLabel = getCurrentWindow().label;
     const status = document.querySelector<HTMLElement>("#splash-status");
     if (status) {
-        status.textContent = `Frontend chargé dans la fenêtre '${getCurrentWindow().label}'. Lifecycle complet prévu en pre.008.`;
+        status.textContent = `Frontend chargé dans la fenêtre '${windowLabel}'. Lifecycle complet prévu en pre.008.`;
     }
+    frontendInfo("splash", "Config Desk splash frontend loaded", { windowLabel });
 });