Request actions (#65)

src-web/components/Sidebar.tsx

@@ -10,7 +10,6 @@ import { useActiveEnvironment } from '../hooks/useActiveEnvironment';
 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';
@@ -18,6 +17,7 @@ import { useDuplicateGrpcRequest } from '../hooks/useDuplicateGrpcRequest';
 import { useDuplicateHttpRequest } from '../hooks/useDuplicateHttpRequest';
 import { useFolders } from '../hooks/useFolders';
 import { useHotKey } from '../hooks/useHotKey';
+import { useHttpRequestActions } from '../hooks/useHttpRequestActions';
 import { useKeyValue } from '../hooks/useKeyValue';
 import { useLatestGrpcConnection } from '../hooks/useLatestGrpcConnection';
 import { useLatestHttpResponse } from '../hooks/useLatestHttpResponse';
@@ -34,6 +34,7 @@ import { useUpdateAnyHttpRequest } from '../hooks/useUpdateAnyHttpRequest';
 import { useWorkspaces } from '../hooks/useWorkspaces';
 import { fallbackRequestName } from '../lib/fallbackRequestName';
 import { isResponseLoading } from '../lib/models';
+import { getHttpRequest } from '../lib/store';
 import type { DropdownItem } from './core/Dropdown';
 import { ContextMenu } from './core/Dropdown';
 import { HttpMethodTag } from './core/HttpMethodTag';
@@ -653,7 +654,7 @@ function SidebarItem({
   const renameRequest = useRenameRequest(itemId);
   const duplicateHttpRequest = useDuplicateHttpRequest({ id: itemId, navigateAfter: true });
   const duplicateGrpcRequest = useDuplicateGrpcRequest({ id: itemId, navigateAfter: true });
-  const copyAsCurl = useCopyAsCurl(itemId);
+  const httpRequestActions = useHttpRequestActions();
   const sendRequest = useSendAnyHttpRequest();
   const moveToWorkspace = useMoveToWorkspace(itemId);
   const sendManyRequests = useSendManyRequests();
@@ -782,12 +783,16 @@ function SidebarItem({
                 leftSlot: <Icon icon="sendHorizontal" />,
                 onSelect: () => sendRequest.mutate(itemId),
               },
-              {
-                key: 'copyCurl',
-                label: 'Copy as Curl',
-                leftSlot: <Icon icon="copy" />,
-                onSelect: copyAsCurl.mutate,
-              },
+              ...httpRequestActions.map((a) => ({
+                key: a.key,
+                label: a.label,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                leftSlot: <Icon icon={(a.icon as any) ?? 'empty'} />,
+                onSelect: async () => {
+                  const request = await getHttpRequest(itemId);
+                  if (request != null) await a.call(request);
+                },
+              })),
               { type: 'separator' },
             ]
           : [];
@@ -829,12 +834,12 @@ function SidebarItem({
     }
   }, [
     child.children,
-    copyAsCurl.mutate,
     createDropdownItems,
     deleteFolder,
     deleteRequest,
     duplicateGrpcRequest,
     duplicateHttpRequest,
+    httpRequestActions,
     itemId,
     itemModel,
     itemName,

src-web/components/ToastContext.tsx

@@ -1,5 +1,7 @@
 import type { ReactNode } from 'react';
 import React, { createContext, useContext, useMemo, useRef, useState } from 'react';
+import type { ShowToastRequest } from '../../plugin-runtime-types/src';
+import { useListenToTauriEvent } from '../hooks/useListenToTauriEvent';
 import type { ToastProps } from './core/Toast';
 import { Toast } from './core/Toast';
 import { generateId } from '../lib/generateId';
@@ -61,6 +63,10 @@ export const ToastProvider = ({ children }: { children: React.ReactNode }) => {
     [],
   );
 
+  useListenToTauriEvent<ShowToastRequest>('show_toast', (event) => {
+    actions.show({ ...event.payload });
+  });
+
   const state: State = { toasts, actions };
   return <ToastContext.Provider value={state}>{children}</ToastContext.Provider>;
 };

src-web/hooks/useCopyAsCurl.tsx

@@ -1,20 +0,0 @@
-import { useMutation } from '@tanstack/react-query';
-import { invokeCmd } from '../lib/tauri';
-import { useActiveEnvironment } from './useActiveEnvironment';
-import { useCopy } from './useCopy';
-
-export function useCopyAsCurl(requestId: string) {
-  const copy = useCopy();
-  const [environment] = useActiveEnvironment();
-  return useMutation({
-    mutationKey: ['copy_as_curl', requestId],
-    mutationFn: async () => {
-      const cmd: string = await invokeCmd('cmd_request_to_curl', {
-        requestId,
-        environmentId: environment?.id,
-      });
-      copy(cmd);
-      return cmd;
-    },
-  });
-}

src-web/hooks/useHttpRequestActions.ts

@@ -0,0 +1,37 @@
+import { useQuery } from '@tanstack/react-query';
+import type {
+  CallHttpRequestActionRequest,
+  GetHttpRequestActionsResponse,
+  HttpRequest,
+} from '@yaakapp/api';
+import { invokeCmd } from '../lib/tauri';
+
+export function useHttpRequestActions() {
+  const httpRequestActions = useQuery({
+    queryKey: ['http_request_actions'],
+    queryFn: async () => {
+      const responses = (await invokeCmd(
+        'cmd_http_request_actions',
+      )) as GetHttpRequestActionsResponse[];
+      return responses;
+    },
+  });
+
+  return (
+    httpRequestActions.data?.flatMap((r) =>
+      r.actions.map((a) => ({
+        key: a.key,
+        label: a.label,
+        icon: a.icon,
+        call: async (httpRequest: HttpRequest) => {
+          const payload: CallHttpRequestActionRequest = {
+            key: a.key,
+            pluginRefId: r.pluginRefId,
+            args: { httpRequest },
+          };
+          await invokeCmd('cmd_call_http_request_action', { req: payload });
+        },
+      })),
+    ) ?? []
+  );
+}

src-web/lib/tauri.ts

@@ -2,6 +2,7 @@ import type { InvokeArgs } from '@tauri-apps/api/core';
 import { invoke } from '@tauri-apps/api/core';
 
 type TauriCmd =
+  | 'cmd_call_http_request_action'
   | 'cmd_check_for_updates'
   | 'cmd_create_cookie_jar'
   | 'cmd_create_environment'
@@ -47,7 +48,6 @@ type TauriCmd =
   | 'cmd_metadata'
   | 'cmd_new_nested_window'
   | 'cmd_new_window'
-  | 'cmd_request_to_curl'
   | 'cmd_dismiss_notification'
   | 'cmd_save_response'
   | 'cmd_send_ephemeral_request'
@@ -62,6 +62,7 @@ type TauriCmd =
   | 'cmd_update_http_request'
   | 'cmd_update_settings'
   | 'cmd_update_workspace'
+  | 'cmd_http_request_actions'
   | 'cmd_write_file_dev';
 
 export async function invokeCmd<T>(cmd: TauriCmd, args?: InvokeArgs): Promise<T> {