Refinement-Runde Panel/Wiki: Bedienung, Themes, Archiv-Wahl, Frontend-Tests

- Slug transliteriert Umlaute/ß (fuer statt f-r); aktiver Tab mit Akzent +
  Unterstrich; kein aktiver Tab bei zugeklapptem Panel (mode.clear)
- Suche: Live-Update auch beim Löschen (<3 Zeichen: Hinweis), #tag-Filter in
  der Query, Treffer öffnen im Dokument-Tab (panel_load, ohne Frontmatter);
  Wiki-Sprung-Button im Dokument; Wiki-Fehler sichtbar als Toast
- Archiv-Formular am Archiv-Button (Ordner/Beschreibung/Schlagwörter);
  panel_archive_cmd nimmt Meta entgegen
- Wiki-Übersicht: Zuletzt-Sektion, Backlink-Zähler, Wurzel-Eyebrow
- Themes: Panel-Farben über CSS-Variablen, applyTheme leitet sie aus dem
  jeweiligen Theme ab (auch helle); gemeinsames themes.ts
- Fenster: Doppelklick maximiert; gelöstes Fenster merkt Größe/Position
  (Window-ACL: set-position/outer-position/inner-size ergänzt);
  open_panel_window async (GTK-Deadlock-Vorgabe); Panel-Fenster spiegelt
  JS-Fehler ins Dev-Log
- Archiv pro Projekt wähl-/abwählbar (Einstellungsdialog, setzt/entfernt
  Permissions); require_archive_home legt den Ordner an; ohne Archiv nur
  Befehle+Dokument im Panel
- Frontend-Tests: vitest + happy-dom, 27 Tests über Modus-, Such-, Wiki-,
  Editor- und Formular-Logik (npm test)
This commit is contained in:
marcus hinz
2026-07-19 17:08:05 +02:00
parent 81a663e020
commit 286513def8
27 changed files with 1653 additions and 190 deletions
+42 -9
View File
@@ -21,7 +21,7 @@ import "./panel-tiles.css";
export interface PanelWiring {
view: PanelView;
cmdView: CommandsView;
mode: { to(m: PanelMode): void; current(): PanelMode };
mode: { to(m: PanelMode): void; clear(): void; current(): PanelMode | null };
/// Entwurfstext beim Start (für die Anfangs-Modus-Entscheidung).
draft: string;
}
@@ -31,17 +31,37 @@ export async function wirePanel(
onIncoming?: () => void,
): Promise<PanelWiring> {
const titleEl = document.querySelector(".panel-title") as HTMLElement;
const [defaultLang, draft, cmds, search, wiki] = await Promise.all([
const [defaultLang, draft, cmds, search, wiki, archiveHome] = await Promise.all([
invoke<string>("spellcheck_lang"),
invoke<string>("panel_read", { project }),
invoke<string>("commands_read", { project }),
invoke<string>("search_read", { project }),
invoke<string>("wiki_read", { project }),
invoke<string | null>("panel_archive_dir_cmd", { project }),
]);
// Jeder Wiki-Sprung (Wikilink, Chip, Suchtreffer) geht als ein Invoke an den
// Kern; das Ergebnis kommt über den Wiki-Puffer und `wiki-update` zurück.
const openWiki = (name: string) => invoke("wiki_open", { project, name });
// Ohne Archiv (in den Projekt-Einstellungen abgewählt) gibt es nur Befehle
// und Dokument — Wiki-/Suche-Tabs und die Archiv-Werkzeuge verschwinden.
if (!archiveHome) {
for (const sel of [
'#panel-tabs [data-mode="wiki"]',
'#panel-tabs [data-mode="search"]',
"#panel-archive",
"#panel-wiki-jump",
]) {
const el = document.querySelector<HTMLElement>(sel)!;
el.hidden = true;
// Raus aus der draft-only-Menge, sonst blendet der Modus-Umschalter
// die Archiv-Werkzeuge im Dokument-Modus wieder ein.
el.classList.remove("draft-only");
}
}
// Jeder Wiki-Sprung (Wikilink, Chip, Dokument-Sprung) geht als ein Invoke an
// den Kern; das Ergebnis kommt über den Wiki-Puffer und `wiki-update` zurück.
// Fehler (z. B. Ziel nicht im Archiv) erscheinen als Toast.
const openWiki = (name: string) =>
invoke("wiki_open", { project, name }).catch((e) => panelToast(String(e)));
const view = initPanelView({
content: document.getElementById("panel-content")!,
@@ -58,13 +78,21 @@ export async function wirePanel(
const cmdView = initCommandsView(document.getElementById("commands-content")!, (line, entry) =>
invoke("commands_delete", { project, line, entry }),
);
// Treffer-Klick lädt das Dokument in den Dokument-Tab (dort editier- und
// archivierbar); der Sprung ins Wiki geht von dort aus.
const searchView = initSearchView(
document.getElementById("search-content")!,
(relpath) => openWiki(relpath.split("/").pop()!.replace(/\.md$/, "")),
(query) =>
void invoke("search_run", { project, query }).catch((e) =>
(path) =>
void invoke("panel_load", { project, path }).catch((e) => panelToast(String(e))),
(raw) => {
// `#tag`-Tokens filtern aufs Schlagwort, der Rest ist die Volltext-Query.
const words = raw.split(/\s+/).filter(Boolean);
const tag = words.find((w) => w.startsWith("#"))?.slice(1) ?? null;
const query = words.filter((w) => !w.startsWith("#")).join(" ");
void invoke("search_run", { project, query, tag }).catch((e) =>
panelToast(`Suche fehlgeschlagen: ${e}`),
),
);
},
);
const wikiView = initWikiView(document.getElementById("wiki-content")!, openWiki);
const mode = initPanelMode({
@@ -92,6 +120,11 @@ export async function wirePanel(
if (wikiView.empty()) void openWiki("tag:");
});
// Sprung Dokument → Wiki: löst den angezeigten Titel gegen das Archiv auf.
document
.getElementById("panel-wiki-jump")!
.addEventListener("click", () => void openWiki(titleEl.textContent || ""));
await listen<string>("panel-update", (e) => {
view.set(e.payload);
mode.to("draft");