mr.zeroandClaude Opus 5
cb8a28b156
The client had our store's config URL compiled into it, which meant a second store — or anybody else's site — needed a release of this app. It now asks `GET /api/stores` and installs what the site offers: one record and there is nothing to decide, several and the setup screen shows a picker. From a record the client works the rest out. `storeRepositoryUrl` gives the `config.json` to read, and that file stays the authority on how the store behaves; `catalogUrl` and `name` override its `store.base_url` and `store.name`, because the registry is what says which catalog a store is *for*. The store id — which names the store home and the folder games land in — comes from the repository name, so `ttg-desktop-store` becomes `ttg`. A repository with no `config.json` still installs: the engine merges whatever it is handed onto its own defaults, so the client writes a three-field config and the store behaves like the default one pointed at that catalog. That was worth having rather than an error, and it is tested. The registry address is now the single thing about a particular site left in the client, and `STORES_API` overrides it — which is how this was tested, against a local endpoint serving the same payload the site returns, with one store that has a config and one that has not. Both installed; the engine listed all ten titles with the synthesised config. `npm run uitest` now passes on either outcome — the grid when a store is present, the setup gate with a populated picker when there is none — and it reports both, so the gate cannot silently regress into an empty screen. Run with the registry unreachable it produces the retry gate, and fails, which is the honest verdict: a client that cannot reach the registry cannot set anything up. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
54 lines
1.9 KiB
HTML
54 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<!-- Nothing is loaded from the network except box art, and no inline code
|
|
runs: the app ships its own script and stylesheet. -->
|
|
<meta http-equiv="Content-Security-Policy"
|
|
content="default-src 'none'; script-src 'self'; style-src 'self'; img-src 'self' https: data:; font-src 'self'; connect-src 'none'">
|
|
<title>WarpEngine Store</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<header class="bar">
|
|
<div class="bar-title">
|
|
<span class="logo" aria-hidden="true">▚</span>
|
|
<span id="app-name">WarpEngine Store</span>
|
|
<span class="store-id" id="store-id"></span>
|
|
</div>
|
|
<div class="bar-actions">
|
|
<span class="progress" id="progress" hidden></span>
|
|
<button id="sync-all" class="btn btn-primary" disabled></button>
|
|
<button id="refresh" class="btn" disabled></button>
|
|
<select id="locale" class="select" aria-label="Language"></select>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Shown instead of the grid when there is nothing to drive yet. -->
|
|
<section id="gate" class="gate" hidden>
|
|
<h1 id="gate-title"></h1>
|
|
<p id="gate-body"></p>
|
|
<div class="gate-actions">
|
|
<label id="gate-choice" class="gate-choice" hidden>
|
|
<span id="gate-choice-label"></span>
|
|
<select id="gate-select" class="select"></select>
|
|
</label>
|
|
<button id="gate-action" class="btn btn-primary" hidden></button>
|
|
<a id="gate-link" class="link" href="#" hidden></a>
|
|
</div>
|
|
</section>
|
|
|
|
<main id="grid" class="grid" hidden></main>
|
|
|
|
<section id="empty" class="empty" hidden></section>
|
|
|
|
<footer class="log">
|
|
<button id="log-toggle" class="log-toggle" aria-expanded="false"></button>
|
|
<div class="log-lines" id="log-lines" hidden></div>
|
|
<div class="log-paths" id="log-paths"></div>
|
|
</footer>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|