feat(app): fladen kan tale med en valgfri server, med sessionen som bearer

Tredje trin mod iOS-appen. I en browser deler fladen og API'et origin: hver
sti er relativ, og sessionen er en httpOnly-cookie. I appen ligger fladen i
appen selv på capacitor://localhost, og serveren er den, ejeren skrev ind.
Alt, der er forskelligt, bor i den nye `platform.js`, så browserens svar er
præcis, hvad det var før.

- `apiURL()` og `authorize()`: relative stier og cookie i en browser; den
  valgte server og `Authorization: Bearer` i appen, `credentials: 'omit'`.
- Login sender `client: app` og gemmer `session_token`; log ud fjerner det fra
  telefonen, også når serveren ikke svarede.
- Live-synk i appen beder om en billet og åbner socket'en på serveren med den.
- Første skærm i appen: "Hvilken Verdande vil du logge ind på?". Adressen
  prøves med /ping, før et adgangskodefelt vises, så en tastefejl, en router
  eller en server, der er nede, får sin egen sætning. Passkeys og opsætning af
  første konto vises ikke i appen; begge hører til serverens eget domæne.
- Billeder og downloads under /api/v1 hentes med tokenet og vises fra en blob,
  i appen og kun dér (`nativemedia.js`). Stien bevares i `data-src`, og
  `richtext.js` læser den først, så en note aldrig gemmer en blob-adresse.
- Service worker og Web Push er slået fra i appen: WKWebView har ingen af dem.

Serveren: `VERDANDE_APP_ORIGINS` regner flere origins som appens. Den findes
for E2E-projektet `app-origin`, der kører fladen fra app.localhost — samme
server, anden origin — med en Capacitor-stub og uden cookie. Prøven vælger
server, logger ind, ser et projekt fra "en anden enhed" dukke op over socket'en,
viser et billede fra en blob og logger ud.

Fire plantede fejl, hver fanget af prøven ved sit eget trin: ingen bearer,
socket uden billet, billeder ikke hentet, token efterladt ved log ud.

Dokumenterer også `VERDANDE_APP_SESSION_TTL` fra trin 1.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
kristianwind
2026-10-23 14:16:33 +02:00
co-authored by Claude Opus 5.5
parent a71af41d9e
commit b9028e8f7a
20 changed files with 728 additions and 23 deletions
+41 -3
View File
@@ -13,6 +13,23 @@
import { api, ApiError, humanMessage } from './api.js';
import { i18n, t } from './i18n.svelte.js';
import { appSession, isNativeApp } from './platform.js';
/**
* Where the live-sync socket is. A browser opens it on its own origin and the
* cookie goes with the handshake. The app cannot put its token on a handshake,
* so it asks for a one-use ticket first and opens the socket on its server with
* that.
*/
async function socketURL() {
if (!isNativeApp()) {
const scheme = location.protocol === 'https:' ? 'wss' : 'ws';
return `${scheme}://${location.host}/api/v1/ws`;
}
const { ticket } = await api.wsTicket();
const base = appSession.server().replace(/^http/, 'ws');
return `${base}/api/v1/ws?ticket=${encodeURIComponent(ticket)}`;
}
class AppState {
user = $state(null);
@@ -229,6 +246,14 @@ class AppState {
async load() {
this.loading = true;
// The app before it knows which server it belongs to: nothing to ask, and
// the sign-in screen is where the address is asked for.
if (isNativeApp() && !appSession.server()) {
this.user = null;
this.loading = false;
return;
}
// Døren, hvis dette vindue allerede er gået gennem den. Genindlæser nogen på
// /noter inde i urd-appen, kommer de ikke forbi /urd igen, og uden den her
// linje ville ansigtet falde af ved hvert F5.
@@ -281,10 +306,23 @@ class AppState {
// --- realtime ---------------------------------------------------------------
connect() {
async connect() {
if (this.#socket) return;
const scheme = location.protocol === 'https:' ? 'wss' : 'ws';
const socket = new WebSocket(`${scheme}://${location.host}/api/v1/ws`);
// Claimed before the await below, so two calls in the same moment cannot
// both open one.
this.#socket = 'opening';
let url;
try {
url = await socketURL();
} catch {
// No ticket — offline, or signed out. Try again the way a dropped
// socket does.
this.#socket = null;
setTimeout(() => this.connect(), this.#reconnectDelay);
this.#reconnectDelay = Math.min(this.#reconnectDelay * 2, 30000);
return;
}
const socket = new WebSocket(url);
this.#socket = socket;
socket.onopen = () => {