frontend: Projektgerüst mit Vite — Single-HTML in ES-Module + Bündelung
Erster Schritt der Modularisierung (ROADMAP „tragfähige Codebasis", TASKS Phase 1). Der bisher einzelne index.html-Prototyp wird zur Vite-App: - CSS -> src/style.css, gesamtes JS -> src/app.js (noch als ein Modul; Parser/Renderer werden in den folgenden Checkboxen herausgelöst). - index.html ist der Vite-Entry (<script type="module" src="/src/app.js">). - npm run build (vite + vite-plugin-singlefile) inlint JS+CSS+Favicon (als data:-URI) in EINE self-contained dist/index.html -> bleibt file://-tauglich. - Vitest als Testrunner eingerichtet (tests/, passWithNoTests bis Schritt 2/3). - Pages-Workflow: Node + npm ci + npm test + npm run build, deployt dist/; Favicon-sed entfällt (inline), nur ../LICENSE + Footer-Version bleiben. - .claude/launch.json auf Vite-Dev-Server (Port 8137) umgestellt. Entscheidung als D19 dokumentiert (weicht D11 „kein Build-Zwang" bewusst auf, hält aber D16 file://-Versprechen über die gebündelte Datei). README (de/en) und frontend/CLAUDE.md um Dev-/Build-/Test-Workflow ergänzt. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.8
parent
ad57707dbc
commit
78d1000f61
+5
-1
@@ -3,9 +3,13 @@
|
||||
Abhaken beim Erledigen; neue Aufgaben unten anfügen.
|
||||
|
||||
## Phase 1 — Modularisierung & Tests
|
||||
- [ ] Projektgerüst: `src/` (parser.js, model.js, render.js, app.js),
|
||||
- [x] Projektgerüst: `src/` (parser.js, model.js, render.js, app.js),
|
||||
`tests/`, `index.html` bindet Module ein; weiterhin ohne Build nutzbar
|
||||
(ES-Module) oder mit minimalem Setup (Vite) — Entscheidung dokumentieren.
|
||||
→ **Vite** gewählt (D19): `src/` als ES-Module, `npm run build` bündelt zu
|
||||
einer self-contained `dist/index.html` (file://-tauglich). Gerüst steht
|
||||
(aktuell `src/app.js` + `src/style.css`); Parser/Renderer werden in den
|
||||
folgenden Checkboxen herausgelöst.
|
||||
- [ ] Parser extrahieren; Verhalten exakt wie in `docs/SPEC.md` §1–§8.
|
||||
- [ ] Unit-Tests für den Parser (Vitest): kanonisches Beispiel aus SPEC §10
|
||||
als Fixture; Randfälle: gemischte Gates, Tabs/ungleichmäßige Einrückung,
|
||||
|
||||
Reference in New Issue
Block a user