Sasedev/khadhroony-bot3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.1.0-pre.051

Browse Source
This commit is contained in:
SinuS von SifriduS
2026-07-25 21:47:21 +02:00
parent 50fd7467f8
commit 184fe6da88
11 changed files with 304 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
kb-app-demo-desktop/frontend/demo_config.html Normal file
View File

@@ -0,0 +1,93 @@
<!-- file: kb-app-demo-desktop/frontend/demo_config.html -->
<!-- version: 2 -->
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Khadhroony Bot3 - Configuration</title>
<link rel="stylesheet" href="sass/main.scss" />
</head>
<body class="bg-body-tertiary">
<header class="app-header">
<nav class="navbar navbar-expand-lg h-100 py-0 bg-light text-dark">
<div class="container my-0">
<div class="navbar-brand d-flex align-items-center" aria-label="Khadhroony Bot3">
<img alt="Logo" src="imgs/logo.png" class="app-logo" />
<span class="ps-2 fs-4 fw-bold text-primary font-logo">Bot3</span>
</div>
<div class="ms-auto d-flex align-items-center gap-2">
<span class="badge text-bg-primary">Configuration</span>
</div>
</div>
</nav>
</header>
<main class="app-main">
<div class="osb-scrollable pt-1 pb-4" data-simplebar>
<div class="container py-4">
<div class="row g-4">
<div class="col-12">
<div class="card shadow-sm border-0">
<div class="card-body">
<h1 class="h3 card-title mb-3">Profil actif</h1>
<dl class="row mb-0">
<dt class="col-sm-3">Fichier</dt>
<dd class="col-sm-9"><code id="configPath">Chargement...</code></dd>
<dt class="col-sm-3">Profil</dt>
<dd class="col-sm-9"><code id="activeProfileName">Chargement...</code></dd>
<dt class="col-sm-3">Environnement</dt>
<dd class="col-sm-9"><code id="activeEnvironment">Chargement...</code></dd>
</dl>
</div>
</div>
</div>
<div class="col-12 col-xl-6">
<div class="card shadow-sm border-0 h-100">
<div class="card-body">
<h2 class="h5 card-title mb-3">Configuration active</h2>
<div id="activeProfileJson" class="app-config-box app-json-viewer mb-0">Chargement...</div>
</div>
</div>
</div>
<div class="col-12 col-xl-6">
<div class="card shadow-sm border-0 h-100">
<div class="card-body">
<h2 class="h5 card-title mb-3">Configuration complète</h2>
<div id="fullConfigJson" class="app-config-box app-json-viewer mb-0">Chargement...</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card shadow-sm border-0">
<div class="card-body">
<h2 class="h5 card-title mb-3">Schéma JSON embarqué</h2>
<div id="schemaJson" class="app-config-box app-json-viewer mb-0">Chargement...</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="app-footer bg-dark text-light">
<div class="container h-100 d-flex align-items-center">
<div class="row flex-grow-1 align-items-center">
<div class="col-12 text-center text-small my-1 my-md-0">
&copy; 2026 SASEDEV
</div>
</div>
</div>
</footer>
<script type="module" src="ts/demo_config.ts" defer></script>
</body>
</html>

4
kb-app-demo-desktop/frontend/main.html
View File

@@ -1,5 +1,5 @@
<!-- file: kb-app-demo-desktop/frontend/main.html -->
<!-- version: 4 -->
<!-- version: 5 -->
<!DOCTYPE html>
<html lang="fr">
<head>
@@ -22,6 +22,8 @@
Démos
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a id="openDemoConfigLink" class="dropdown-item" href="#">Configuration</a></li>
<li><hr class="dropdown-divider"></li>
<li><a id="openDemoWsLink" class="dropdown-item" href="#">WebSocket standard</a></li>
<li><a id="openDemoHttpLink" class="dropdown-item" href="#">HTTP JSON-RPC</a></li>
<li><a id="openDemoBackfillLink" class="dropdown-item" href="#">Backfill HTTP</a></li>

84
kb-app-demo-desktop/frontend/ts/demo_config.ts Normal file
View File

@@ -0,0 +1,84 @@
// file: kb_app_demo/frontend/ts/demo_config.ts
// version: 5
import * as bootstrap from "bootstrap";
import "simplebar";
import "@andypf/json-viewer";
import ResizeObserver from "resize-observer-polyfill";
import { invoke } from "@tauri-apps/api/core";
import { frontendDebug, frontendError, installFrontendConsoleBridge } from "./frontend_log.ts";
import type { DemoConfigPayload } from "./bindings/kb_app_demo_desktop/demo_config/DemoConfigPayload.ts";
(window as Window & typeof globalThis & { bootstrap?: typeof bootstrap }).bootstrap = bootstrap;
(window as Window & typeof globalThis & { ResizeObserver?: typeof ResizeObserver }).ResizeObserver = ResizeObserver;
function setText(selector: string, value: string): void {
const element = document.querySelector<HTMLElement>(selector);
if (element) {
element.textContent = value;
}
}
function renderJsonViewer(selector: string, value: unknown): void {
const container = document.querySelector<HTMLElement>(selector);
if (!container) {
return;
}
const serialized = JSON.stringify(value, null, 2) ?? "null";
const viewer = document.createElement("andypf-json-viewer");
viewer.setAttribute("indent", "2");
viewer.setAttribute("expanded", "1");
viewer.setAttribute("theme", "default-light");
viewer.setAttribute("show-data-types", "true");
viewer.setAttribute("show-toolbar", "false");
viewer.setAttribute("expand-icon-type", "arrow");
viewer.setAttribute("show-copy", "true");
viewer.setAttribute("show-size", "true");
viewer.setAttribute("expand-empty", "false");
viewer.setAttribute("data", serialized);
container.textContent = "";
container.appendChild(viewer);
}
function parseSchemaJson(schemaJson: string): unknown {
try {
return JSON.parse(schemaJson) as unknown;
} catch (caughtError) {
const message = caughtError instanceof Error ? caughtError.message : String(caughtError);
return {
error: `Schema JSON parsing failed: ${message}`,
raw: schemaJson,
};
}
}
async function loadDemoConfig(): Promise<void> {
try {
const payload = await invoke<DemoConfigPayload>("load_demo_config");
setText("#configPath", payload.config_path);
setText("#activeProfileName", payload.active_profile_name);
setText("#activeEnvironment", payload.environment);
renderJsonViewer("#activeProfileJson", payload.active_profile);
renderJsonViewer("#fullConfigJson", payload.app_config);
renderJsonViewer("#schemaJson", parseSchemaJson(payload.schema_json));
} catch (caughtError) {
const message = caughtError instanceof Error ? caughtError.message : String(caughtError);
setText("#activeProfileJson", `Erreur pendant le chargement de la configuration : ${message}`);
frontendError("kb-app-demo-desktop.frontend.demo_config", `Configuration loading failed: ${message}`);
}
}
document.addEventListener("DOMContentLoaded", async () => {
installFrontendConsoleBridge("kb-app-demo-desktop.frontend.demo_config");
frontendDebug("kb-app-demo-desktop.frontend.demo_config", "configuration demo window loaded");
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
Array.from(tooltipTriggerList).map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
const toastElList = document.querySelectorAll('.toast');
Array.from(toastElList).map(toastEl => new bootstrap.Toast(toastEl));
const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]');
Array.from(popoverTriggerList).map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl));
await loadDemoConfig();
});

14
kb-app-demo-desktop/frontend/ts/main.ts
View File

@@ -28,8 +28,22 @@ async function loadReadme(readmeContent: HTMLElement): Promise<void> {
}
}
async function openDemoConfigWindow(): Promise<void> {
try {
await invoke("open_demo_config_window");
} catch (caughtError) {
const message = caughtError instanceof Error ? caughtError.message : String(caughtError);
frontendError("kb-app-demo-desktop.frontend.main", `Cannot open configuration window: ${message}`);
}
}
document.addEventListener("DOMContentLoaded", async () => {
installFrontendConsoleBridge("kb-app-demo-desktop.frontend.main");
document.querySelector<HTMLAnchorElement>("#openDemoConfigLink")?.addEventListener("click", event => {
event.preventDefault();
void openDemoConfigWindow();
});
frontendDebug("kb-app-demo-desktop.frontend.main", "main window loaded");
const readmeContent = document.querySelector<HTMLElement>("#readmeContent");
if (readmeContent) {