gRPC request actions and "copy as gRPCurl" (#232)

src-web/hooks/useGrpcProtoFiles.ts

@@ -1,3 +1,4 @@
+import { getKeyValue } from '../lib/keyValueStore';
 import { useKeyValue } from './useKeyValue';
 
 export function protoFilesArgs(requestId: string | null) {
@@ -10,3 +11,7 @@ export function protoFilesArgs(requestId: string | null) {
 export function useGrpcProtoFiles(activeRequestId: string | null) {
   return useKeyValue<string[]>({ ...protoFilesArgs(activeRequestId), fallback: [] });
 }
+
+export async function getGrpcProtoFiles(activeRequestId: string | null) {
+  return getKeyValue<string[]>({ ...protoFilesArgs(activeRequestId), fallback: [] });
+}

src-web/hooks/useGrpcRequestActions.ts

@@ -0,0 +1,51 @@
+import { useQuery } from '@tanstack/react-query';
+import type { GrpcRequest } from '@yaakapp-internal/models';
+import type {
+  CallGrpcRequestActionRequest,
+  GetGrpcRequestActionsResponse,
+  GrpcRequestAction,
+} from '@yaakapp-internal/plugins';
+import { useMemo } from 'react';
+import { invokeCmd } from '../lib/tauri';
+import { getGrpcProtoFiles } from './useGrpcProtoFiles';
+import { usePluginsKey } from './usePlugins';
+
+export type CallableGrpcRequestAction = Pick<GrpcRequestAction, 'label' | 'icon'> & {
+  call: (grpcRequest: GrpcRequest) => Promise<void>;
+};
+
+export function useGrpcRequestActions() {
+  const pluginsKey = usePluginsKey();
+
+  const actionsResult = useQuery<CallableGrpcRequestAction[]>({
+    queryKey: ['grpc_request_actions', pluginsKey],
+    queryFn: async () => {
+      const responses = await invokeCmd<GetGrpcRequestActionsResponse[]>(
+        'cmd_grpc_request_actions',
+      );
+
+      return responses.flatMap((r) =>
+        r.actions.map((a, i) => ({
+          label: a.label,
+          icon: a.icon,
+          call: async (grpcRequest: GrpcRequest) => {
+            const protoFiles = await getGrpcProtoFiles(grpcRequest.id);
+            const payload: CallGrpcRequestActionRequest = {
+              index: i,
+              pluginRefId: r.pluginRefId,
+              args: { grpcRequest, protoFiles },
+            };
+            await invokeCmd('cmd_call_grpc_request_action', { req: payload });
+          },
+        })),
+      );
+    },
+  });
+
+  const actions = useMemo(() => {
+    return actionsResult.data ?? [];
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [JSON.stringify(actionsResult.data)]);
+
+  return actions;
+}