Offizieller Actions-Weg (upload-pages-artifact + deploy-pages) mit permissions pages/id-token und concurrency-Gruppe "pages"; Trigger: Push auf main + workflow_dispatch. Vitest-Step als Platzhalter auskommentiert (Tests folgen, TASKS.md Phase 1). Site-Aufbau: frontend/index.html an die Wurzel-URL, dazu docs/brand/ (Favicon) und LICENSE (MIT-Link im Footer). Die ../-Pfade der Quelle zeigten von der Wurzel aus über die Site hinaus; statt den Editor zu aendern, zieht der Workflow sie nur auf der Site-Kopie per sed gerade (Editor-Quelle bleibt unveraendert, lokal weiter nutzbar). backend/ und uebrige docs/ werden nicht veroeffentlicht. Doku: README-Abschnitt "Deployment" (inkl. einmaliger Settings- Umstellung auf Source "GitHub Actions", Repo muss oeffentlich sein), TASKS.md-Rubrik "Deployment" abgehakt, DECISIONS D16. Hinweis: der Auftrag nannte "D15", das war aber schon fuer den kompakten Modus vergeben -> als D16 angelegt. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2.4 KiB
Werkbaum
Eine textuelle, Markdown-artige Notation für Projektstrukturpläne (Work Breakdown Structure) mit Und/Oder-Zerlegung — und ein Live-Editor, der sie als Diagramm rendert.
[~] Werkbaum (XL) https://wiki.example.de/relaunch
- [~] Dokumentenspeicher
| [x] Textdatei mit Copy+Paste im Frontend (S)
- [x] Parser
- [x] Texteingabefeld im Frontend
| [ ] Backend
- [~] Darstellung/Rendern (XL)
- [/] H (S) @anna
- [ ] CMS-Anbindung (M)
| [ ] WordPress
| [?] Headless CMS
- = Pflicht-Teilpaket (all of, im Diagramm nebeneinander) ·
| = Alternative (any of, untereinander) · […] = Status ·
(M) = T-Shirt-Aufwand · @name = Zuständigkeit · %% = Kommentar.
Nutzung
frontend/index.html im Browser öffnen — links Text bearbeiten, rechts entsteht das
Diagramm live. Toggles: transponierte (schmale) Darstellung, verworfene
Elemente einblenden.
Projektdokumente
frontend/— Editor ·backend/— Kotlin/Spring (Gerüst folgt, siehe backend/README.md)docs/SPEC.md— verbindliche Sprachdefinitiondocs/DECISIONS.md— Design-Entscheidungen mit Begründungdocs/ROADMAP.md— Mermaid-Plugin, Taiga-Integration, Tenzudocs/TASKS.md— offene Aufgaben (Checkboxen)docs/brand/BRAND.md— Logo, Wortbild, Anwendungsregelndocs/design/— Design-Herleitung der MarkeCLAUDE.md— Projektkontext für Claude Code
Deployment
Der Editor wird per GitHub Actions als statische Seite auf GitHub Pages
veröffentlicht (Workflow: .github/workflows/pages.yml). Ausgelöst bei jedem
Push auf main sowie manuell (workflow_dispatch).
Der Workflow stellt einen Site-Ordner zusammen: frontend/index.html liegt als
index.html an der Wurzel-URL, dazu die vom Editor referenzierten Dateien
(docs/brand/ fürs Favicon, LICENSE für den MIT-Link im Footer). Die
../-Pfade der Editor-Quelle werden dabei nur auf der Kopie geradegezogen — die
Quelldatei bleibt unverändert. backend/ und die übrigen docs/ werden nicht
veröffentlicht.
Einmalige Einrichtung: In den Repo-Settings unter Pages als Source „GitHub Actions" wählen. Das Repo muss dafür öffentlich sein (GitHub Pages via Actions ist für private Repos nur mit kostenpflichtigem Plan verfügbar).
Lizenz
MIT — siehe LICENSE. © 2026 Michael Hönnig.