Function SettingsPage

packages/plugins/desktop-settings/src/client.tsx:85–397

()

// ---------------------------------------------------------------------------

function SettingsPage() {
  const bridge = readBridge();
  const [connection, setConnection] = useState<DesktopServerConnection | null>(null);
  const [settings, setSettings] = useState<DesktopServerSettings | null>(null);
  const [draft, setDraft] = useState<DesktopServerSettings | null>(null);
  const [authToken, setAuthToken] = useState<string | null>(null);
  const [status, setStatus] = useState<"idle" | "saving" | "restarting" | "error">("idle");
  const [error, setError] = useState<string | null>(null);

  useEffect(() => {
    if (!bridge) return;
    void Promise.all([
      bridge.getSettings(),
      bridge.getServerConnection(),
      bridge.getServerAuthToken?.() ?? Promise.resolve(null),
    ]).then(([nextSettings, nextConnection, nextToken]) => {
      setSettings(nextSettings);
      setDraft(nextSettings);
      setConnection(nextConnection);
      setAuthToken(nextToken);
    });
  }, [bridge]);

  const restartAndRefreshConnection = useCallback(async () => {
    if (!bridge) return;
    setStatus("restarting");
    // oxlint-disable-next-line executor/no-try-catch-or-throw -- boundary: renderer ↔ Electron IPC, errors surface in the form
    try {
      setConnection(await bridge.restartServer());
    } catch (err) {
      setError(describeIpcError(err));
      setStatus("error");
      return;
    }
    setStatus("idle");
  }, [bridge]);

  const apply = useCallback(
    async (patch: Partial<DesktopServerSettings>) => {
      if (!bridge) return;
      setStatus("saving");
      setError(null);
      let next: DesktopServerSettings;
      // oxlint-disable-next-line executor/no-try-catch-or-throw -- boundary: renderer ↔ Electron IPC, errors surface in the form
      try {
        next = await bridge.updateSettings(patch);
      } catch (err) {
        setError(describeIpcError(err));
        setStatus("error");
        return;
      }
      setSettings(next);
      setDraft(next);
      await restartAndRefreshConnection();
    },
    [bridge, restartAndRefreshConnection],
  );