refactor: extract rehearser stylesheet

This commit is contained in:
mARTin-B78 2026-09-04 11:42:43 +02:00
parent eb008475ed
commit 065445a20a
7 changed files with 1148 additions and 1143 deletions

View File

@ -8,6 +8,8 @@ Follows [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) · versioned wi
## [Unreleased] ## [Unreleased]
### Changed ### Changed
- **Rehearser stylesheet extraction.** The main Rehearser layout, cast, stage, training, library, and script-view
rules now live in `static/css/rehearser.css`, loaded after the core stylesheet with release cache busting.
- **Rehearser cast-renderer extraction.** The full cast-card renderer and delegated cast interactions now live in - **Rehearser cast-renderer extraction.** The full cast-card renderer and delegated cast interactions now live in
`rehearser-cast.js`; the legacy `renderCastList` global and existing behavior remain available. `rehearser-cast.js`; the legacy `renderCastList` global and existing behavior remain available.
- **Provider status clarity.** TTS and STT backend discovery now reports configuration separately from liveness, - **Provider status clarity.** TTS and STT backend discovery now reports configuration separately from liveness,

View File

@ -142,7 +142,8 @@ architecture change: the larger Audiobook/Rehearser/style split.
- [x] Split the Performance/resource diagnostic styles into `static/css/resource-diagnostics.css`. - [x] Split the Performance/resource diagnostic styles into `static/css/resource-diagnostics.css`.
- [x] Split background-job history and retry-panel styles into `static/css/background-jobs.css`. - [x] Split background-job history and retry-panel styles into `static/css/background-jobs.css`.
- [x] Split Voice Design form and sample-grid styles into `static/css/voice-design.css`. - [x] Split Voice Design form and sample-grid styles into `static/css/voice-design.css`.
- [ ] Split `style.css` by feature. - [x] Split `style.css` by feature; Rehearser rules now live in `static/css/rehearser.css` alongside the existing
diagnostics, background-job, and voice-design feature styles.
- [ ] Do not migrate to TypeScript or rewrite the frontend until behavior is covered by tests. - [ ] Do not migrate to TypeScript or rewrite the frontend until behavior is covered by tests.
## P1 — Frontend performance and memory safety ## P1 — Frontend performance and memory safety

View File

@ -1 +1 @@
1.24.44 1.24.45

View File

@ -42,6 +42,7 @@ Done incrementally as global-scope ordered files (no ES-module change needed)
- ✅ `static/css/resource-diagnostics.css` — isolated Performance/resource diagnostic panel styles. - ✅ `static/css/resource-diagnostics.css` — isolated Performance/resource diagnostic panel styles.
- ✅ `static/css/background-jobs.css` — isolated background-job history and retry-panel styles. - ✅ `static/css/background-jobs.css` — isolated background-job history and retry-panel styles.
- ✅ `static/css/voice-design.css` — isolated Voice Design form, samples, and preview-match styles. - ✅ `static/css/voice-design.css` — isolated Voice Design form, samples, and preview-match styles.
- ✅ `static/css/rehearser.css` — isolated Rehearser modal, cast, stage, training, bookshelf, and script-view styles.
- ✅ `rehearser-train.js` — transcript normalization, LCS comparison, and word-level training feedback; microphone/state wiring remains in `rehearser.js`. - ✅ `rehearser-train.js` — transcript normalization, LCS comparison, and word-level training feedback; microphone/state wiring remains in `rehearser.js`.
- ✅ `rehearser-library.js` — SQLite persistence helpers and IndexedDB migration; import/export and auto-save remain - ✅ `rehearser-library.js` — SQLite persistence helpers and IndexedDB migration; import/export and auto-save remain
in `rehearser.js` until their UI/event-handler dependencies are isolated. in `rehearser.js` until their UI/event-handler dependencies are isolated.

1135
static/css/rehearser.css Normal file

File diff suppressed because it is too large Load Diff

View File

@ -10,7 +10,7 @@
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
<meta name="color-scheme" content="light dark"> <meta name="color-scheme" content="light dark">
<meta name="theme-color" content="#2563EB"> <meta name="theme-color" content="#2563EB">
<meta name="app-version" content="1.24.44"> <meta name="app-version" content="1.24.45">
<link rel="manifest" href="/manifest.webmanifest"> <link rel="manifest" href="/manifest.webmanifest">
<link rel="icon" href="/static/icon.svg" type="image/svg+xml"> <link rel="icon" href="/static/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/static/icon.svg"> <link rel="apple-touch-icon" href="/static/icon.svg">
@ -27,10 +27,11 @@
<!-- ── Core styles (local — no CDN dependency for first paint) ────────── --> <!-- ── Core styles (local — no CDN dependency for first paint) ────────── -->
<link rel="stylesheet" href="/static/vendor/mdi/materialdesignicons.min.css"> <link rel="stylesheet" href="/static/vendor/mdi/materialdesignicons.min.css">
<link rel="stylesheet" href="/static/style.css?v=1.24.44"> <link rel="stylesheet" href="/static/style.css?v=1.24.45">
<link rel="stylesheet" href="/static/css/resource-diagnostics.css?v=1.24.44"> <link rel="stylesheet" href="/static/css/resource-diagnostics.css?v=1.24.45">
<link rel="stylesheet" href="/static/css/background-jobs.css?v=1.24.44"> <link rel="stylesheet" href="/static/css/background-jobs.css?v=1.24.45">
<link rel="stylesheet" href="/static/css/voice-design.css?v=1.24.44"> <link rel="stylesheet" href="/static/css/voice-design.css?v=1.24.45">
<link rel="stylesheet" href="/static/css/rehearser.css?v=1.24.45">
<!-- ── Flag icons — non-blocking (loaded async, icons appear after JS) ── --> <!-- ── Flag icons — non-blocking (loaded async, icons appear after JS) ── -->
@ -395,7 +396,7 @@ window.toggleNavTree = function(treeId, chevronId) {
</script> </script>
<!-- loader.js: fetches sections → loads JS modules → removes skeleton --> <!-- loader.js: fetches sections → loads JS modules → removes skeleton -->
<script src="/static/loader.js?v=1.24.44"></script> <script src="/static/loader.js?v=1.24.45"></script>
</body> </body>
</html> </html>

File diff suppressed because it is too large Load Diff