resource settings page

src/apps/officer-web/state/useResources.ts

@@ -1,6 +1,17 @@
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useClient } from 'hooks/useClient';
 
+export type ResourceCredentials = {
+  apiKey?: string;
+  username?: string;
+  password?: string;
+};
+
+export type ResourceConnectionConfig = {
+  url: string;
+  credentials?: ResourceCredentials;
+};
+
 export type Resource = {
   id: string;
   name: string;
@@ -15,17 +26,37 @@ export type Resource = {
   updateCommand: string | null;
   installed: boolean;
   version: string | null;
+  connectionConfig: ResourceConnectionConfig | null;
 };
 
+export type PingResult = {
+  reachable: boolean;
+  latencyMs: number | null;
+};
+
+export type ResourceCategory = 'api-based' | 'local-cli';
+
+export const getResourceCategory = (r: Resource): ResourceCategory => (r.port ? 'api-based' : 'local-cli');
+
 const RESOURCES_KEY = ['RESOURCES'];
 
 export const useResources = () => {
   const client = useClient();
+  const queryClient = useQueryClient();
 
   const { data: resources, isLoading } = useQuery({
     queryKey: RESOURCES_KEY,
     queryFn: () => client.get<Resource[]>('/server-settings/resources'),
   });
 
-  return { resources, isLoading };
+  const saveConnectionConfig = async (id: string, config: Partial<ResourceConnectionConfig>) => {
+    await client.patch(`/server-settings/resources/config/${id}`, config);
+    queryClient.invalidateQueries({ queryKey: RESOURCES_KEY });
+  };
+
+  const pingResource = async (id: string, url?: string) => {
+    return client.post<PingResult>(`/server-settings/resources/${id}/ping`, { url });
+  };
+
+  return { resources, isLoading, saveConnectionConfig, pingResource };
 };