Offscale was the first plugin extracted and it was done before we knew what "extracted" meant. Music, done last, is the standard. This brings offscale to it. ── The rebrand ── The plugin was `offscale` to the platform and `headscale` to itself: sidecar name and handles, the port announcement, the API proxy name, the React components, every hook, the react-query keys, the panel ids and appTypes, and the Postgres table. Now all of those say offscale. The line drawn, and it is deliberate: OffScale is Officer's tooling layer, and Headscale is the server it manages. So every IDENTIFIER is offscale, while a message like `headscale unreachable`, the `headscale apikeys create` hint and the ACL assistant's prompt still say Headscale — because they are talking about the remote server, and renaming them would make the code lie about what it reached. 495 occurrences became 180, and the 180 are all of that second kind. ── The live bug this uncovered ── `headscaleSectionPath` built links to `/headscale/<section>`. The shell has no such route — plugin routes come from `plugin.route`, which is `/offscale` — and it redirects unknown paths to the home page. So every section link in the nav, the console and the server picker silently went home. The extraction moved the route and left the link builder behind. Also live: ServersView told the user to run `pm2 start ecosystem.config.cjs --only officer-headscale`, a process that has not existed since the sidecar was renamed. ── The correctness fix music already had ── api/router.ts hardcoded `prefix: '/api/offscale'`. The proxy strips `prefix.length` characters, so a literal is correct only for a first-party publisher; published by anyone else this mounts at `/api/p/<publisher>/offscale` and forwards the wrong subpath. Derived from `mountPrefix()` now, as music does. ── The rest ── - assets/icon.png — the OffScale artwork, 256px to match music's. The tile stops being a glyph badge. - First tests: 21 of them, over the version floor and the protobuf normalisers. Those are the two places a Headscale release actually breaks this, and they had no coverage at all. `meetsFloor` has a real trap pinned now — comparing minor first would refuse 1.0 as older than 0.29. - OFFSCALE_API.md — the contract was a 45-line comment inside sidecar/index.ts, which is not linkable and not published. Now a document, as MUSIC_API.md is. - web/panels.ts re-exported three components. A plugin cannot export components; that was residue of the platform importing them before extraction. - Comments pointed at src/servers/api/headscale/ and src/servers/sidecar/headscale/, neither of which has existed since the extraction. The crypto purpose moved headscale → offscale too, and the secret-store row was renamed rather than left to create a fresh key — the material is preserved, so this is reversible. Free to do only because offscale_servers had 0 rows; with one stored API key it would have been a migration.
103 lines
3.8 KiB
TypeScript
103 lines
3.8 KiB
TypeScript
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
|
|
import { useClient } from 'hooks/useClient';
|
|
import type { OffscaleServer, OffscaleHealth, OffscaleSshTest } from './shared';
|
|
|
|
// The registered-servers cache. Every panel in the /headscale workspace reads this one query, so switching
|
|
// the active server anywhere updates the whole screen at once.
|
|
//
|
|
// Registration is validated server-side before anything is saved (reachable, >=0.29, key accepted), which
|
|
// means a POST can fail for perfectly ordinary reasons — a typo'd URL, a revoked key. Those are not
|
|
// exceptional here, so the mutations surface their message rather than swallowing it.
|
|
|
|
const SERVERS_KEY = ['offscale', 'servers'] as const;
|
|
const EMPTY: OffscaleServer[] = [];
|
|
|
|
const BASE = '/offscale/_officer/servers';
|
|
|
|
/**
|
|
* Readable message from a useClient rejection. It throws `{status, message}` where `message` is the raw
|
|
* body text — JSON `{error}` from our sidecar, but plain text from the platform's own 401/503 paths.
|
|
*/
|
|
export function offscaleErrorMessage(err: unknown): string {
|
|
const raw = (err as { message?: unknown } | null)?.message;
|
|
if (typeof raw !== 'string' || !raw) return 'Something went wrong';
|
|
try {
|
|
const parsed = JSON.parse(raw) as { error?: unknown };
|
|
if (typeof parsed.error === 'string' && parsed.error) return parsed.error;
|
|
} catch {
|
|
/* plain text */
|
|
}
|
|
return raw.slice(0, 300);
|
|
}
|
|
|
|
export type RegisterServerInput = { name?: string; url: string; apiKey: string; sshHost?: string };
|
|
/** `sshHost: ''` clears the console target; omitting it leaves whatever is stored alone. */
|
|
export type UpdateServerInput = { id: number; name?: string; url?: string; apiKey?: string; sshHost?: string };
|
|
|
|
export function useOffscaleServers() {
|
|
const { get, post, patch, delete: del } = useClient();
|
|
const qc = useQueryClient();
|
|
|
|
const query = useQuery({
|
|
queryKey: SERVERS_KEY,
|
|
queryFn: () => get<{ servers: OffscaleServer[] }>(BASE),
|
|
staleTime: 30_000,
|
|
});
|
|
|
|
const invalidate = () => qc.invalidateQueries({ queryKey: SERVERS_KEY });
|
|
|
|
const register = useMutation({
|
|
mutationFn: (input: RegisterServerInput) => post<{ server: OffscaleServer }>(BASE, input),
|
|
onSuccess: invalidate,
|
|
});
|
|
|
|
const update = useMutation({
|
|
mutationFn: ({ id, ...rest }: UpdateServerInput) => patch<{ server: OffscaleServer }>(`${BASE}/${id}`, rest),
|
|
onSuccess: invalidate,
|
|
});
|
|
|
|
const remove = useMutation({
|
|
mutationFn: (id: number) => del(`${BASE}/${id}`),
|
|
onSuccess: invalidate,
|
|
});
|
|
|
|
const activate = useMutation({
|
|
mutationFn: (id: number) => post<{ server: OffscaleServer }>(`${BASE}/${id}/activate`),
|
|
// Deleting or switching reshuffles which server is active, and every domain query is scoped to it.
|
|
onSuccess: () => qc.invalidateQueries({ queryKey: ['offscale'] }),
|
|
});
|
|
|
|
const servers = query.data?.servers ?? EMPTY;
|
|
|
|
return {
|
|
servers,
|
|
active: servers.find((s) => s.isActive) ?? null,
|
|
isLoading: query.isLoading,
|
|
error: query.error,
|
|
refetch: query.refetch,
|
|
register,
|
|
update,
|
|
remove,
|
|
activate,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Try to open a shell on a console target with the keys already on this machine. Takes the host rather than a
|
|
* server id so the form can test a value before it is saved — which is when a typo is still cheap to fix.
|
|
*/
|
|
export function useOffscaleSshTest() {
|
|
const { post } = useClient();
|
|
return useMutation({
|
|
mutationFn: (host: string) => post<OffscaleSshTest>('/offscale/_officer/ssh-test', { host }),
|
|
});
|
|
}
|
|
|
|
/** On-demand reachability probe for one server. Never automatic — it costs two upstream round trips. */
|
|
export function useOffscaleHealth() {
|
|
const { get } = useClient();
|
|
return useMutation({
|
|
mutationFn: (id: number) => get<OffscaleHealth>(`${BASE}/${id}/health`),
|
|
});
|
|
}
|