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>
89 lines
3.2 KiB
TypeScript
89 lines
3.2 KiB
TypeScript
/** The sizes the dividers were dragged to, kept in the browser: what is written, read back and refused. */
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
|
|
import { keepPanelSize, panelSize, resetPanelSizes } from '../../src/editor/panelSizes';
|
|
|
|
const STORAGE_KEY = 'feuerwerk.panel-sizes';
|
|
|
|
function memoryStore(initial: Record<string, string> = {}) {
|
|
const items = new Map(Object.entries(initial));
|
|
return {
|
|
items,
|
|
getItem: (key: string) => items.get(key) ?? null,
|
|
setItem: (key: string, value: string) => void items.set(key, value),
|
|
};
|
|
}
|
|
|
|
describe('the memory of panel sizes', () => {
|
|
beforeEach(() => resetPanelSizes());
|
|
afterEach(() => {
|
|
vi.unstubAllGlobals();
|
|
resetPanelSizes();
|
|
});
|
|
|
|
it('starts a panel at its own size where nothing was kept', () => {
|
|
vi.stubGlobal('window', { localStorage: memoryStore() });
|
|
expect(panelSize('left', 250, 160, 500)).toBe(250);
|
|
});
|
|
|
|
it('writes a size to the browser and reads it back on a new page', () => {
|
|
const store = memoryStore();
|
|
vi.stubGlobal('window', { localStorage: store });
|
|
keepPanelSize('left', 320);
|
|
expect(panelSize('left', 250, 160, 500)).toBe(320);
|
|
resetPanelSizes();
|
|
expect(panelSize('left', 250, 160, 500)).toBe(320);
|
|
expect(JSON.parse(store.items.get(STORAGE_KEY) ?? '')).toEqual({ left: 320 });
|
|
});
|
|
|
|
it('keeps every panel under its own name', () => {
|
|
const store = memoryStore();
|
|
vi.stubGlobal('window', { localStorage: store });
|
|
keepPanelSize('right', 410);
|
|
keepPanelSize('console', 120);
|
|
keepPanelSize('right', 430);
|
|
resetPanelSizes();
|
|
expect(panelSize('right', 350, 200, 600)).toBe(430);
|
|
expect(panelSize('console', 300, 28, 600)).toBe(120);
|
|
expect(panelSize('left', 250, 160, 500)).toBe(250);
|
|
expect(JSON.parse(store.items.get(STORAGE_KEY) ?? '')).toEqual({ console: 120, right: 430 });
|
|
});
|
|
|
|
it('holds a kept size to the bounds the divider keeps today', () => {
|
|
vi.stubGlobal('window', {
|
|
localStorage: memoryStore({ [STORAGE_KEY]: JSON.stringify({ left: 9000, right: 3, share: 0.5 }) }),
|
|
});
|
|
expect(panelSize('left', 250, 160, 500)).toBe(500);
|
|
expect(panelSize('right', 350, 200, 600)).toBe(200);
|
|
expect(panelSize('share', 0.6, 0.15, 0.85)).toBe(0.5);
|
|
});
|
|
|
|
it('reads rubbish as nothing', () => {
|
|
for (const rubbish of ['{broken', '[300]', '"wide"', 'null', '{"left":"300","right":null}']) {
|
|
resetPanelSizes();
|
|
vi.stubGlobal('window', { localStorage: memoryStore({ [STORAGE_KEY]: rubbish }) });
|
|
expect(panelSize('left', 250, 160, 500), rubbish).toBe(250);
|
|
expect(panelSize('right', 350, 200, 600), rubbish).toBe(350);
|
|
}
|
|
});
|
|
|
|
it('remembers for the page where the browser gives no storage', () => {
|
|
keepPanelSize('left', 300);
|
|
expect(panelSize('left', 250, 160, 500)).toBe(300);
|
|
resetPanelSizes();
|
|
expect(panelSize('left', 250, 160, 500)).toBe(250);
|
|
});
|
|
|
|
it('remembers for the page where the browser refuses to write', () => {
|
|
vi.stubGlobal('window', {
|
|
localStorage: {
|
|
getItem: () => null,
|
|
setItem: () => {
|
|
throw new Error('quota');
|
|
},
|
|
},
|
|
});
|
|
expect(() => keepPanelSize('left', 300)).not.toThrow();
|
|
expect(panelSize('left', 250, 160, 500)).toBe(300);
|
|
});
|
|
});
|