Initial frontend for gRPC UI

src-web/hooks/useCreateCookieJar.ts

@@ -1,17 +1,17 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { invoke } from '@tauri-apps/api';
 import { trackEvent } from '../lib/analytics';
-import type { HttpRequest } from '../lib/models';
+import type { CookieJar } from '../lib/models';
 import { useActiveWorkspaceId } from './useActiveWorkspaceId';
+import { cookieJarsQueryKey } from './useCookieJars';
 import { usePrompt } from './usePrompt';
-import { requestsQueryKey } from './useRequests';
 
 export function useCreateCookieJar() {
   const workspaceId = useActiveWorkspaceId();
   const queryClient = useQueryClient();
   const prompt = usePrompt();
 
-  return useMutation<HttpRequest>({
+  return useMutation<CookieJar>({
     mutationFn: async () => {
       if (workspaceId === null) {
         throw new Error("Cannot create cookie jar when there's no active workspace");
@@ -26,10 +26,10 @@ export function useCreateCookieJar() {
       return invoke('create_cookie_jar', { workspaceId, name });
     },
     onSettled: () => trackEvent('CookieJar', 'Create'),
-    onSuccess: async (request) => {
-      queryClient.setQueryData<HttpRequest[]>(
-        requestsQueryKey({ workspaceId: request.workspaceId }),
-        (requests) => [...(requests ?? []), request],
+    onSuccess: async (cookieJar) => {
+      queryClient.setQueryData<CookieJar[]>(
+        cookieJarsQueryKey({ workspaceId: cookieJar.workspaceId }),
+        (items) => [...(items ?? []), cookieJar],
       );
     },
   });

src-web/hooks/useGrpc.ts

@@ -0,0 +1,35 @@
+import { useMutation, useQuery } from '@tanstack/react-query';
+import { invoke } from '@tauri-apps/api';
+
+export function useGrpc(url: string | null) {
+  const callUnary = useMutation<
+    string,
+    unknown,
+    { service: string; method: string; message: string }
+  >({
+    mutationKey: ['grpc_call_reflect', url],
+    mutationFn: async ({ service, method, message }) => {
+      if (url === null) throw new Error('No URL provided');
+      return (await invoke('grpc_call_unary', {
+        endpoint: url,
+        service,
+        method,
+        message,
+      })) as string;
+    },
+  });
+
+  const reflect = useQuery<string | null>({
+    queryKey: ['grpc_reflect', url ?? ''],
+    queryFn: async () => {
+      if (url === null) return null;
+      console.log('GETTING SCHEMA', url);
+      return (await invoke('grpc_reflect', { endpoint: url })) as string;
+    },
+  });
+
+  return {
+    callUnary,
+    schema: reflect.data,
+  };
+}