Request pane context (#70)

src-web/components/RecentResponsesDropdown.tsx

@@ -1,4 +1,5 @@
 import type { HttpResponse } from '@yaakapp/api';
+import { useCopyHttpResponse } from '../hooks/useCopyHttpResponse';
 import { useDeleteHttpResponse } from '../hooks/useDeleteHttpResponse';
 import { useDeleteHttpResponses } from '../hooks/useDeleteHttpResponses';
 import { useSaveResponse } from '../hooks/useSaveResponse';
@@ -8,7 +9,6 @@ import { Icon } from './core/Icon';
 import { IconButton } from './core/IconButton';
 import { HStack } from './core/Stacks';
 import { StatusTag } from './core/StatusTag';
-import { useCopyHttpResponse } from './useCopyHttpResponse';
 
 interface Props {
   responses: HttpResponse[];

src-web/components/RequestPane.tsx

@@ -8,6 +8,7 @@ import { useContentTypeFromHeaders } from '../hooks/useContentTypeFromHeaders';
 import { useImportCurl } from '../hooks/useImportCurl';
 import { useIsResponseLoading } from '../hooks/useIsResponseLoading';
 import { usePinnedHttpResponse } from '../hooks/usePinnedHttpResponse';
+import { useRequestEditorEvent } from '../hooks/useRequestEditor';
 import { useRequests } from '../hooks/useRequests';
 import { useRequestUpdateKey } from '../hooks/useRequestUpdateKey';
 import { useSendAnyHttpRequest } from '../hooks/useSendAnyHttpRequest';
@@ -42,7 +43,6 @@ import { FormMultipartEditor } from './FormMultipartEditor';
 import { FormUrlencodedEditor } from './FormUrlencodedEditor';
 import { GraphQLEditor } from './GraphQLEditor';
 import { HeadersEditor } from './HeadersEditor';
-import { useOnFocusParamsTab } from './RequestEditorContext';
 import { useToast } from './ToastContext';
 import { UrlBar } from './UrlBar';
 import { UrlParametersEditor } from './UrlParameterEditor';
@@ -298,7 +298,7 @@ export const RequestPane = memo(function RequestPane({
   const { updateKey } = useRequestUpdateKey(activeRequestId ?? null);
   const importCurl = useImportCurl();
 
-  useOnFocusParamsTab(() => {
+  useRequestEditorEvent('focus_http_request_params_tab', () => {
     setActiveTab(TAB_PARAMS);
   });
 

src-web/components/UrlParameterEditor.tsx

@@ -1,8 +1,8 @@
 import type { HttpRequest } from '@yaakapp/api';
+import { useRequestEditorEvent } from '../hooks/useRequestEditor';
 import type { PairEditorRef } from './core/PairEditor';
 import { PairOrBulkEditor } from './core/PairOrBulkEditor';
 import { VStack } from './core/Stacks';
-import { useOnFocusParamValue } from './RequestEditorContext';
 import { useRef } from 'react';
 
 type Props = {
@@ -14,7 +14,8 @@ type Props = {
 export function UrlParametersEditor({ pairs, forceUpdateKey, onChange }: Props) {
   const pairEditor = useRef<PairEditorRef>(null);
 
-  useOnFocusParamValue(
+  useRequestEditorEvent(
+    'focus_http_request_param_value',
     (name) => {
       const pairIndex = pairs.findIndex((p) => p.name === name);
       if (pairIndex >= 0) {

src-web/components/core/Editor/Editor.tsx

@@ -19,10 +19,10 @@ import {
 } from 'react';
 import { useActiveEnvironmentVariables } from '../../../hooks/useActiveEnvironmentVariables';
 import { parseTemplate } from '../../../hooks/useParseTemplate';
+import { useRequestEditor } from '../../../hooks/useRequestEditor';
 import { useSettings } from '../../../hooks/useSettings';
 import { useTemplateFunctions } from '../../../hooks/useTemplateFunctions';
 import { useDialog } from '../../DialogContext';
-import { useRequestEditor } from '../../RequestEditorContext';
 import { TemplateFunctionDialog } from '../../TemplateFunctionDialog';
 import { TemplateVariableDialog } from '../../TemplateVariableDialog';
 import { IconButton } from '../IconButton';

src-web/components/useCopyHttpResponse.ts

@@ -1,15 +0,0 @@
-import { useMutation } from '@tanstack/react-query';
-import type { HttpResponse } from '@yaakapp/api';
-import { useCopy } from '../hooks/useCopy';
-import { getResponseBodyText } from '../lib/responseBody';
-
-export function useCopyHttpResponse(response: HttpResponse) {
-  const copy = useCopy();
-  return useMutation({
-    mutationKey: ['copy_http_response'],
-    async mutationFn() {
-      const body = await getResponseBodyText(response);
-      copy(body);
-    },
-  });
-}