Download response, and some fixes

src-web/hooks/useSendAnyRequest.ts

@@ -1,15 +1,40 @@
 import { useMutation } from '@tanstack/react-query';
 import { invoke } from '@tauri-apps/api';
+import { save } from '@tauri-apps/api/dialog';
+import slugify from 'slugify';
 import { trackEvent } from '../lib/analytics';
 import type { HttpResponse } from '../lib/models';
+import { getRequest } from '../lib/store';
 import { useActiveEnvironmentId } from './useActiveEnvironmentId';
 import { useAlert } from './useAlert';
 
-export function useSendAnyRequest() {
+export function useSendAnyRequest(options: { download?: boolean } = {}) {
   const environmentId = useActiveEnvironmentId();
   const alert = useAlert();
-  return useMutation<HttpResponse, string, string | null>({
-    mutationFn: (id) => invoke('send_request', { requestId: id, environmentId }),
+  return useMutation<HttpResponse | null, string, string | null>({
+    mutationFn: async (id) => {
+      const request = await getRequest(id);
+      if (request == null) {
+        return null;
+      }
+
+      let downloadDir: string | null = null;
+      if (options.download) {
+        downloadDir = await save({
+          title: 'Select Download Destination',
+          defaultPath: slugify(request.name, { lower: true, trim: true, strict: true }),
+        });
+        if (downloadDir == null) {
+          return null;
+        }
+      }
+
+      return invoke('send_request', {
+        requestId: id,
+        environmentId,
+        downloadDir: downloadDir,
+      });
+    },
     onSettled: () => trackEvent('HttpRequest', 'Send'),
     onError: (err) => alert({ title: 'Export Failed', body: err }),
   });

src-web/hooks/useSendRequest.ts

@@ -2,9 +2,9 @@ import { useMutation } from '@tanstack/react-query';
 import type { HttpResponse } from '../lib/models';
 import { useSendAnyRequest } from './useSendAnyRequest';
 
-export function useSendRequest(id: string | null) {
-  const sendAnyRequest = useSendAnyRequest();
-  return useMutation<HttpResponse, string>({
+export function useSendRequest(id: string | null, options: { download?: boolean } = {}) {
+  const sendAnyRequest = useSendAnyRequest(options);
+  return useMutation<HttpResponse | null, string>({
     mutationFn: () => sendAnyRequest.mutateAsync(id),
   });
 }