adminandClaude Opus 5.5
043c224cc3
The editor gets a name of its own that fits beside Brandmauer, Glutspeicher and Feuerwehr. This is stage 1, 2 and 4 of #422: the name, the URL and the stored state in the browser. Repository, CI runners, containers and the GAME_MAKER_* variables follow in stage 3. - All paths come from SITE_PATH in src/core/site.ts: the API endpoint, the data folders, the play page and the base in vite.config.ts. A later move is one line instead of fifteen. - The window title, the sign-in screen, the playground and the README say Feuerwerk. The package, __feuerwerkPlay, the take worklet and the writing app in Ogg and Matroska follow. - The session cookie is now feuerwerk_session, so everyone signs in once more. - localStorage keys are now feuerwerk.*. moveOldStoredKeys copies the old game-maker.* keys over on the first start, so settings, panel sizes and save games survive. - tools/ci/serve.sh serves the build under /feuerwerk/. The variable GAME_MAKER_BASE_URL keeps its name until stage 3. Outside the repository, nockal.com/feuerwerk/ is a second symlink to the same tree. nginx sends the bare /game-maker/ folder there with a 301. Everything else under /game-maker/ is still served directly, so shared play links and the API keep working. Finding: when nginx redirects a path without a trailing slash or with a query, the Brandmauer answers with its own 307 to the same URL plus a slash, placed after the query. A play link would lose its token that way, which is why only the bare folder is redirected. Tests: - Gate on melektaus-atx: CHECK EXIT 0, 307 files, 4756 tests (4 new in site.test.ts). - Counter-check: when the migration misses the old prefix, 3 of the 4 new tests fail. - e2e 60 under /feuerwerk/: ALL PASSED, 20 checks. - From outside: /feuerwerk/ 200, /game-maker/ 301, an old play link 200. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
/**
|
||
* How far each divider was dragged, kept in this browser: a panel made wider stays wider after a
|
||
* reload, in every project. Best effort, like the folds – a browser that refuses `localStorage`
|
||
* forgets with the page.
|
||
*/
|
||
import { clamp } from '../ui/math';
|
||
|
||
const STORAGE_KEY = 'feuerwerk.panel-sizes';
|
||
|
||
let sizes: Map<string, number> | null = null;
|
||
|
||
function storage(): Pick<Storage, 'getItem' | 'setItem'> | null {
|
||
try {
|
||
return typeof window === 'undefined' ? null : window.localStorage;
|
||
} catch {
|
||
return null;
|
||
}
|
||
}
|
||
|
||
function read(): Map<string, number> {
|
||
try {
|
||
const stored: unknown = JSON.parse(storage()?.getItem(STORAGE_KEY) ?? '{}');
|
||
if (typeof stored !== 'object' || stored === null || Array.isArray(stored)) return new Map();
|
||
return new Map(
|
||
Object.entries(stored).filter((entry): entry is [string, number] => Number.isFinite(entry[1])),
|
||
);
|
||
} catch {
|
||
return new Map();
|
||
}
|
||
}
|
||
|
||
/**
|
||
* The size a panel starts with: what was kept under `name`, held to the bounds its divider keeps
|
||
* today, or `fallback` where nothing was kept.
|
||
*/
|
||
export function panelSize(name: string, fallback: number, min: number, max: number): number {
|
||
sizes ??= read();
|
||
const kept = sizes.get(name);
|
||
return kept === undefined ? fallback : clamp(kept, min, max);
|
||
}
|
||
|
||
export function keepPanelSize(name: string, size: number): void {
|
||
sizes ??= read();
|
||
sizes.set(name, size);
|
||
try {
|
||
storage()?.setItem(STORAGE_KEY, JSON.stringify(Object.fromEntries([...sizes].sort())));
|
||
} catch {
|
||
// Kept for this page only.
|
||
}
|
||
}
|
||
|
||
/** Forgets what was read, so the next question asks the browser again (tests). */
|
||
export function resetPanelSizes(): void {
|
||
sizes = null;
|
||
}
|