0.3.4

kb_app/frontend/ts/main.ts

@@ -4,51 +4,17 @@ import * as bootstrap from "bootstrap";
 import "simplebar";
 import ResizeObserver from "resize-observer-polyfill";
 import { invoke } from "@tauri-apps/api/core";
-import { listen, type UnlistenFn } from "@tauri-apps/api/event";
-//import { error } from "@fltsci/tauri-plugin-tracing";
-//import { info } from "@fltsci/tauri-plugin-tracing";
 import { trace, takeoverConsole } from "@fltsci/tauri-plugin-tracing";
 
 (window as Window & typeof globalThis & { bootstrap?: typeof bootstrap }).bootstrap = bootstrap;
 (window as Window & typeof globalThis & { ResizeObserver?: typeof ResizeObserver }).ResizeObserver = ResizeObserver;
 
-function appendLogLine(textarea: HTMLTextAreaElement, line: string): void {
-    const now = new Date();
-    const timestamp = now.toLocaleTimeString("fr-CH", { hour12: false });
-    textarea.value += `[${timestamp}] ${line}\n`;
-    textarea.scrollTop = textarea.scrollHeight;
-}
-
-function setRunningState(
-    isRunning: boolean,
-    statusBadge: HTMLSpanElement,
-    connectButton: HTMLButtonElement,
-    disconnectButton: HTMLButtonElement,
-): void {
-    if (isRunning) {
-        statusBadge.textContent = "Connected";
-        statusBadge.className = "badge text-bg-success";
-        connectButton.disabled = true;
-        disconnectButton.disabled = false;
-        return;
+async function openDemoWsWindow(): Promise<void> {
+    try {
+        await invoke("open_demo_ws_window");
+    } catch (error) {
+        console.error("open_demo_ws_window failed:", error);
     }
-
-    statusBadge.textContent = "Disconnected";
-    statusBadge.className = "badge text-bg-secondary";
-    connectButton.disabled = false;
-    disconnectButton.disabled = true;
-}
-
-function setBusyState(
-    label: string,
-    statusBadge: HTMLSpanElement,
-    connectButton: HTMLButtonElement,
-    disconnectButton: HTMLButtonElement,
-): void {
-    statusBadge.textContent = label;
-    statusBadge.className = "badge text-bg-warning";
-    connectButton.disabled = true;
-    disconnectButton.disabled = true;
 }
 document.addEventListener("DOMContentLoaded", async () => {
     void takeoverConsole();
@@ -86,60 +52,20 @@ document.addEventListener("DOMContentLoaded", async () => {
         a.setAttribute("href", url.pathname + "?" + url.searchParams.toString());
     });
     
-    const connectButton = document.querySelector<HTMLButtonElement>("#wsConnectButton");
-    const disconnectButton = document.querySelector<HTMLButtonElement>("#wsDisconnectButton");
-    const statusBadge = document.querySelector<HTMLSpanElement>("#wsStatusBadge");
-    const logTextarea = document.querySelector<HTMLTextAreaElement>("#wsLogTextarea");
+    const openDemoWsButton = document.querySelector<HTMLButtonElement>("#openDemoWsButton");
+    const openDemoWsButtonSecondary = document.querySelector<HTMLButtonElement>("#openDemoWsButtonSecondary");
 
-    if (!connectButton || !disconnectButton || !statusBadge || !logTextarea) {
-        trace("main UI controls not found");
-        return;
-    }
-
-    let unlistenLogEvent: UnlistenFn | null = null;
-
-    try {
-        unlistenLogEvent = await listen<string>("kb-log", (event) => {
-            appendLogLine(logTextarea, event.payload);
+    if (openDemoWsButton) {
+        openDemoWsButton.addEventListener("click", () => {
+            void openDemoWsWindow();
         });
-    } catch (error) {
-        appendLogLine(logTextarea, `[ui] event listen error: ${String(error)}`);
     }
 
-    setRunningState(false, statusBadge, connectButton, disconnectButton);
-    appendLogLine(logTextarea, "[ui] main window loaded");
-
-    connectButton.addEventListener("click", async () => {
-        setBusyState("Starting", statusBadge, connectButton, disconnectButton);
-
-        try {
-            const startedCount = await invoke<number>("start_ws_clients");
-            appendLogLine(logTextarea, `[ui] started ${startedCount} websocket client(s)`);
-            setRunningState(true, statusBadge, connectButton, disconnectButton);
-        } catch (error) {
-            appendLogLine(logTextarea, `[ui] start error: ${String(error)}`);
-            setRunningState(false, statusBadge, connectButton, disconnectButton);
-        }
-    });
-
-    disconnectButton.addEventListener("click", async () => {
-        setBusyState("Stopping", statusBadge, connectButton, disconnectButton);
-
-        try {
-            const stoppedCount = await invoke<number>("stop_ws_clients");
-            appendLogLine(logTextarea, `[ui] stopped ${stoppedCount} websocket client(s)`);
-            setRunningState(false, statusBadge, connectButton, disconnectButton);
-        } catch (error) {
-            appendLogLine(logTextarea, `[ui] stop error: ${String(error)}`);
-            setRunningState(true, statusBadge, connectButton, disconnectButton);
-        }
-    });
-
-    window.addEventListener("beforeunload", () => {
-        if (unlistenLogEvent) {
-            unlistenLogEvent();
-        }
-    });
+    if (openDemoWsButtonSecondary) {
+        openDemoWsButtonSecondary.addEventListener("click", () => {
+            void openDemoWsWindow();
+        });
+    }
     
     trace("window loaded");