File size: 2,026 Bytes
5710dd0 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | /**
* Header server switcher — lists the locally discovered kap-servers (dev
* middleware `/__inspect/servers`) and switches the connection between them
* without a reload. Discovered picks are not persisted as a full connection
* config; only the picked URL is remembered so a reload re-picks it while the
* instance is still alive. Falls back to a plain read-only URL when discovery
* is unavailable (static hosting) or finds no local servers.
*/
import { useConnection } from '../connection';
import { useServerDiscovery } from '../servers';
export function ServerSwitcher() {
const { baseUrl, connect } = useConnection();
const discovery = useServerDiscovery();
const data = discovery.data;
if (data === null || data === undefined || data.servers.length === 0) {
// No local discovery (static hosting / no servers): plain read-only URL.
return <span className="font-mono text-[10px] text-neutral-500">{baseUrl}</span>;
}
const current = data.servers.find((s) => s.url === baseUrl);
return (
<select
className="rounded border border-neutral-700 bg-neutral-950 px-1.5 py-0.5 font-mono text-[10px] text-neutral-300 outline-none focus:border-sky-600"
title={`Local kap-servers (${data.home})`}
value={current?.id ?? '__custom'}
onChange={(e) => {
const target = data.servers.find((s) => s.id === e.target.value);
if (target === undefined || target.url === baseUrl) return;
connect(
{ url: target.url, token: data.token ?? '' },
{ persist: false, rememberServerUrl: target.url },
);
}}
>
{current === undefined ? (
<option value="__custom">custom: {baseUrl.replace(/^https?:\/\//, '')}</option>
) : null}
{data.servers.map((s) => (
<option key={s.id} value={s.id}>
{s.url.replace(/^https?:\/\//, '')}
{s.pid !== undefined ? ` · pid ${s.pid}` : ''}
{s.source === 'proxy' ? ' · proxy' : ''}
</option>
))}
</select>
);
}
|