Copy as curl

src-web/components/Sidebar.tsx

@@ -9,6 +9,7 @@ import { useActiveEnvironmentId } from '../hooks/useActiveEnvironmentId';
 import { useActiveRequest } from '../hooks/useActiveRequest';
 import { useActiveWorkspace } from '../hooks/useActiveWorkspace';
 import { useAppRoutes } from '../hooks/useAppRoutes';
+import { useCopyAsCurl } from '../hooks/useCopyAsCurl';
 import { useCreateDropdownItems } from '../hooks/useCreateDropdownItems';
 import { useDeleteFolder } from '../hooks/useDeleteFolder';
 import { useDeleteRequest } from '../hooks/useDeleteRequest';
@@ -607,6 +608,7 @@ const SidebarItem = forwardRef(function SidebarItem(
   const deleteRequest = useDeleteRequest(activeRequest ?? null);
   const duplicateHttpRequest = useDuplicateHttpRequest({ id: itemId, navigateAfter: true });
   const duplicateGrpcRequest = useDuplicateGrpcRequest({ id: itemId, navigateAfter: true });
+  const copyAsCurl = useCopyAsCurl(itemId);
   const sendRequest = useSendRequest(itemId);
   const sendManyRequests = useSendManyRequests();
   const latestHttpResponse = useLatestHttpResponse(itemId);
@@ -734,6 +736,14 @@ const SidebarItem = forwardRef(function SidebarItem(
                           leftSlot: <Icon icon="sendHorizontal" />,
                           onSelect: () => sendRequest.mutate(),
                         },
+                        {
+                          key: 'copyCurl',
+                          label: 'Copy as Curl',
+                          leftSlot: <Icon icon="copy" />,
+                          onSelect: async () => {
+                            await copyAsCurl.mutateAsync();
+                          },
+                        },
                         { type: 'separator' },
                       ]
                     : []) as DropdownItem[]),

src-web/hooks/useCopyAsCurl.ts

@@ -0,0 +1,13 @@
+import { useMutation } from '@tanstack/react-query';
+import { invoke } from '@tauri-apps/api/core';
+import { writeText } from '@tauri-apps/plugin-clipboard-manager';
+
+export function useCopyAsCurl(requestId: string) {
+  return useMutation<string>({
+    mutationFn: async () => {
+      const cmd: string = await invoke('cmd_request_to_curl', { requestId });
+      await writeText(cmd);
+      return cmd;
+    },
+  });
+}