Carlos Florêncio
50 lines
1.5 KiB
TypeScript
50 lines
1.5 KiB
TypeScript
import { useEffect, useState } from "react";
|
|
import { listRemoteCredentials, type RemoteAuthSpec } from "@/lib/api/domains/settings-api";
|
|
import { createDebugLogger } from "@/lib/debug/log";
|
|
|
|
const debug = createDebugLogger("executor-compat:specs");
|
|
|
|
let cached: Promise<RemoteAuthSpec[]> | null = null;
|
|
|
|
function loadAuthSpecs(): Promise<RemoteAuthSpec[]> {
|
|
if (!cached) {
|
|
cached = listRemoteCredentials()
|
|
.then((res) => {
|
|
const specs = res.auth_specs ?? [];
|
|
debug("loaded", {
|
|
count: specs.length,
|
|
ids: specs.map((s) => s.id).join(",") || "-",
|
|
});
|
|
return specs;
|
|
})
|
|
.catch((err) => {
|
|
cached = null;
|
|
debug("load-failed", { error: err instanceof Error ? err.message : String(err) });
|
|
return [] as RemoteAuthSpec[];
|
|
});
|
|
}
|
|
return cached;
|
|
}
|
|
|
|
/**
|
|
* Module-cached fetch for remote-auth specs. Specs are static at runtime —
|
|
* fetching once per page is enough. `loaded` lets callers defer gating until
|
|
* the catalog is known, since "spec not in list" is a hard block once loaded.
|
|
*/
|
|
export function useRemoteAuthSpecs(): { specs: RemoteAuthSpec[]; loaded: boolean } {
|
|
const [state, setState] = useState<{ specs: RemoteAuthSpec[]; loaded: boolean }>({
|
|
specs: [],
|
|
loaded: false,
|
|
});
|
|
useEffect(() => {
|
|
let active = true;
|
|
void loadAuthSpecs().then((s) => {
|
|
if (active) setState({ specs: s, loaded: true });
|
|
});
|
|
return () => {
|
|
active = false;
|
|
};
|
|
}, []);
|
|
return state;
|
|
}
|