refactor: scope rehearser stage

This commit is contained in:
mARTin-B78 2026-09-04 12:42:22 +02:00
parent da3957347c
commit dea1de5c57
5 changed files with 23 additions and 12 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 stage namespace migration.** Stage scaling, cast-sidebar controls, and strip rendering now use a private
scope with explicit compatibility exports and the existing stage namespace.
- **Audiobook network namespace migration.** Timeout, streaming, and attribution transport helpers now use a private - **Audiobook network namespace migration.** Timeout, streaming, and attribution transport helpers now use a private
scope with explicit compatibility exports and the existing Audiobook namespace. scope with explicit compatibility exports and the existing Audiobook namespace.
- **Rehearser library namespace migration.** SQLite persistence and the IndexedDB migration adapter now use a private - **Rehearser library namespace migration.** SQLite persistence and the IndexedDB migration adapter now use a private

View File

@ -1 +1 @@
1.24.67 1.24.68

View File

@ -57,6 +57,7 @@ Done incrementally as global-scope ordered files (no ES-module change needed)
- ✅ Reader uses a private scope with explicit document, playback, and search compatibility exports. - ✅ Reader uses a private scope with explicit document, playback, and search compatibility exports.
- ✅ Rehearser library persistence uses a private scope with explicit SQLite/IndexedDB compatibility exports. - ✅ Rehearser library persistence uses a private scope with explicit SQLite/IndexedDB compatibility exports.
- ✅ Audiobook network transport uses a private scope with explicit timeout/stream compatibility exports. - ✅ Audiobook network transport uses a private scope with explicit timeout/stream compatibility exports.
- ✅ Rehearser stage controls use a private scope with explicit scaling and cast-sidebar compatibility exports.
- ✅ `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.

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.67"> <meta name="app-version" content="1.24.68">
<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,12 +27,12 @@
<!-- ── 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.67"> <link rel="stylesheet" href="/static/style.css?v=1.24.68">
<link rel="stylesheet" href="/static/css/resource-diagnostics.css?v=1.24.67"> <link rel="stylesheet" href="/static/css/resource-diagnostics.css?v=1.24.68">
<link rel="stylesheet" href="/static/css/background-jobs.css?v=1.24.67"> <link rel="stylesheet" href="/static/css/background-jobs.css?v=1.24.68">
<link rel="stylesheet" href="/static/css/voice-design.css?v=1.24.67"> <link rel="stylesheet" href="/static/css/voice-design.css?v=1.24.68">
<link rel="stylesheet" href="/static/css/rehearser.css?v=1.24.67"> <link rel="stylesheet" href="/static/css/rehearser.css?v=1.24.68">
<link rel="stylesheet" href="/static/css/audiobook.css?v=1.24.67"> <link rel="stylesheet" href="/static/css/audiobook.css?v=1.24.68">
<!-- ── Flag icons — non-blocking (loaded async, icons appear after JS) ── --> <!-- ── Flag icons — non-blocking (loaded async, icons appear after JS) ── -->
@ -397,7 +397,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.67"></script> <script src="/static/loader.js?v=1.24.68"></script>
</body> </body>
</html> </html>

View File

@ -2,6 +2,8 @@
// These controls consume rehState only when invoked, so they can be loaded // These controls consume rehState only when invoked, so they can be loaded
// after the core Rehearser module without changing the global compatibility API. // after the core Rehearser module without changing the global compatibility API.
(function (root) {
const REH_STAGE_FONT_KEY = 'ttsvc_reh_stage_scale'; const REH_STAGE_FONT_KEY = 'ttsvc_reh_stage_scale';
const REH_CAST_COLLAPSED_KEY = 'ttsvc_reh_cast_collapsed'; const REH_CAST_COLLAPSED_KEY = 'ttsvc_reh_cast_collapsed';
function rehStageScale() { function rehStageScale() {
@ -100,6 +102,12 @@ $('reh-font-inc')?.addEventListener('click', () => rehStageFontStep(0.1));
$('reh-font-dec')?.addEventListener('click', () => rehStageFontStep(-0.1)); $('reh-font-dec')?.addEventListener('click', () => rehStageFontStep(-0.1));
$('reh-cast-toggle')?.addEventListener('click', rehToggleCast); $('reh-cast-toggle')?.addEventListener('click', rehToggleCast);
window.TTVC = window.TTVC || {}; Object.assign(root, {
window.TTVC.rehearser = window.TTVC.rehearser || {}; REH_STAGE_FONT_KEY, REH_CAST_COLLAPSED_KEY,
window.TTVC.rehearser.stage = { renderCastStrip, rehApplyStageFont, rehApplyCastCollapsed }; rehStageScale, rehApplyStageFont, rehStageFontStep, rehApplyCastCollapsed,
rehToggleCast, renderCastStrip,
});
root.TTVC = root.TTVC || {};
root.TTVC.rehearser = root.TTVC.rehearser || {};
root.TTVC.rehearser.stage = { renderCastStrip, rehApplyStageFont, rehApplyCastCollapsed };
})(window);