GraphQL autocomplete and duplicate request

src-web/hooks/useCreateRequest.ts

@@ -1,12 +1,12 @@
 import { useMutation } from '@tanstack/react-query';
 import { invoke } from '@tauri-apps/api';
-import { useNavigate } from 'react-router-dom';
 import type { HttpRequest } from '../lib/models';
 import { useActiveWorkspace } from './useActiveWorkspace';
+import { useRoutes } from './useRoutes';
 
 export function useCreateRequest({ navigateAfter }: { navigateAfter: boolean }) {
   const workspace = useActiveWorkspace();
-  const navigate = useNavigate();
+  const routes = useRoutes();
 
   return useMutation<string, unknown, Pick<HttpRequest, 'name' | 'sortPriority'>>({
     mutationFn: (patch) => {
@@ -16,8 +16,8 @@ export function useCreateRequest({ navigateAfter }: { navigateAfter: boolean })
       return invoke('create_request', { ...patch, workspaceId: workspace.id });
     },
     onSuccess: async (requestId) => {
-      if (navigateAfter) {
-        navigate(`/workspaces/${workspace?.id}/requests/${requestId}`);
+      if (navigateAfter && workspace !== null) {
+        routes.navigate('request', { workspaceId: workspace.id, requestId });
       }
     },
   });

src-web/hooks/useDeleteRequest.ts

@@ -8,6 +8,7 @@ export function useDeleteRequest(id: string | null) {
   const queryClient = useQueryClient();
   return useMutation<void, string>({
     mutationFn: async () => {
+      console.log('DELETE REQUEST2', id, workspaceId);
       if (id === null) return;
       await invoke('delete_request', { requestId: id });
     },

src-web/hooks/useDuplicateRequest.ts

@@ -0,0 +1,26 @@
+import { useMutation } from '@tanstack/react-query';
+import { invoke } from '@tauri-apps/api';
+import { useActiveWorkspaceId } from './useActiveWorkspaceId';
+import { useRoutes } from './useRoutes';
+
+export function useDuplicateRequest({
+  id,
+  navigateAfter,
+}: {
+  id: string | null;
+  navigateAfter: boolean;
+}) {
+  const workspaceId = useActiveWorkspaceId();
+  const routes = useRoutes();
+  return useMutation<string, string>({
+    mutationFn: async () => {
+      if (id === null) throw new Error("Can't duplicate a null request");
+      return invoke('duplicate_request', { id });
+    },
+    onSuccess: async (newId: string) => {
+      if (navigateAfter && workspaceId !== null) {
+        routes.navigate('request', { workspaceId, requestId: newId });
+      }
+    },
+  });
+}

src-web/hooks/useRequests.ts

@@ -1,7 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 import { invoke } from '@tauri-apps/api';
 import type { HttpRequest } from '../lib/models';
-import { convertDates } from '../lib/models';
 import { useActiveWorkspaceId } from './useActiveWorkspaceId';
 
 export function requestsQueryKey(workspaceId: string) {
@@ -16,8 +15,7 @@ export function useRequests() {
       queryKey: requestsQueryKey(workspaceId ?? 'n/a'),
       queryFn: async () => {
         if (workspaceId == null) return [];
-        const requests = (await invoke('requests', { workspaceId })) as HttpRequest[];
-        return requests.map(convertDates);
+        return (await invoke('requests', { workspaceId })) as HttpRequest[];
       },
     }).data ?? []
   );

src-web/hooks/useResponses.ts

@@ -1,7 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 import { invoke } from '@tauri-apps/api';
 import type { HttpResponse } from '../lib/models';
-import { convertDates } from '../lib/models';
 
 export function responsesQueryKey(requestId: string) {
   return ['http_responses', { requestId }];
@@ -14,10 +13,9 @@ export function useResponses(requestId: string | null) {
       initialData: [],
       queryKey: responsesQueryKey(requestId ?? 'n/a'),
       queryFn: async () => {
-        const responses = (await invoke('responses', {
+        return (await invoke('responses', {
           requestId,
         })) as HttpResponse[];
-        return responses.map(convertDates);
       },
     }).data ?? []
   );

src-web/hooks/useRoutes.ts

@@ -36,7 +36,6 @@ export function useRoutes() {
       // outside caller perspective.
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       const resolvedPath = routePaths[path](...(params as any));
-      console.log('NAVIGATE TO', resolvedPath, 'WITH PARAMS', params, 'AND PATH', path);
       navigate(resolvedPath);
     },
     paths: routePaths,

src-web/hooks/useSendRequest.ts

@@ -1,17 +1,11 @@
-import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { useMutation } from '@tanstack/react-query';
 import { invoke } from '@tauri-apps/api';
-import { responsesQueryKey } from './useResponses';
 
 export function useSendRequest(id: string | null) {
-  const queryClient = useQueryClient();
   return useMutation<void, string>({
     mutationFn: async () => {
       if (id === null) return;
       await invoke('send_request', { requestId: id });
     },
-    onSuccess: async () => {
-      if (id === null) return;
-      await queryClient.invalidateQueries(responsesQueryKey(id));
-    },
   }).mutate;
 }

src-web/hooks/useUpdateRequest.ts

@@ -14,11 +14,7 @@ export function useUpdateRequest(id: string | null) {
       const updatedRequest = { ...request, ...patch };
 
       await invoke('update_request', {
-        request: {
-          ...updatedRequest,
-          createdAt: updatedRequest.createdAt.toISOString().replace('Z', ''),
-          updatedAt: updatedRequest.updatedAt.toISOString().replace('Z', ''),
-        },
+        request: updatedRequest,
       });
     },
   });

src-web/hooks/useWorkspaces.ts

@@ -1,6 +1,5 @@
 import { invoke } from '@tauri-apps/api';
 import type { Workspace } from '../lib/models';
-import { convertDates } from '../lib/models';
 import { useQuery } from '@tanstack/react-query';
 
 export function workspacesQueryKey() {
@@ -10,8 +9,7 @@ export function workspacesQueryKey() {
 export function useWorkspaces() {
   return (
     useQuery(workspacesQueryKey(), async () => {
-      const workspaces = (await invoke('workspaces')) as Workspace[];
-      return workspaces.map(convertDates);
+      return (await invoke('workspaces')) as Workspace[];
     }).data ?? []
   );
 }