diff --git a/admin/src/features/scope/graphql/scope.graphql b/admin/src/features/scope/graphql/scope.graphql
new file mode 100644
index 0000000..bc1b077
--- /dev/null
+++ b/admin/src/features/scope/graphql/scope.graphql
@@ -0,0 +1,5 @@
+query Scope {
+ scope {
+ url
+ }
+}
diff --git a/admin/src/features/scope/graphql/setScope.graphql b/admin/src/features/scope/graphql/setScope.graphql
new file mode 100644
index 0000000..59e8a3a
--- /dev/null
+++ b/admin/src/features/scope/graphql/setScope.graphql
@@ -0,0 +1,5 @@
+mutation SetScope($scope: [ScopeRuleInput!]!) {
+ setScope(scope: $scope) {
+ url
+ }
+}
diff --git a/admin/src/components/sender/EditRequest.tsx b/admin/src/features/sender/components/EditRequest.tsx
similarity index 97%
rename from admin/src/components/sender/EditRequest.tsx
rename to admin/src/features/sender/components/EditRequest.tsx
index ca0e325..e903419 100644
--- a/admin/src/components/sender/EditRequest.tsx
+++ b/admin/src/features/sender/components/EditRequest.tsx
@@ -3,29 +3,30 @@ import {
Box,
BoxProps,
Button,
- FormControl,
InputLabel,
+ FormControl,
MenuItem,
Select,
TextField,
Typography,
} from "@mui/material";
-import { ComponentType, FormEventHandler, useEffect, useRef, useState } from "react";
import { AllotmentProps, PaneProps } from "allotment/dist/types/src/allotment";
+import { useRouter } from "next/router";
+import React, { useEffect, useRef, useState } from "react";
-import { KeyValuePair, sortKeyValuePairs } from "./KeyValuePair";
-import {
- GetSenderRequestQuery,
- HttpProtocol,
- useCreateOrUpdateSenderRequestMutation,
- useGetSenderRequestQuery,
- useSendRequestMutation,
-} from "../../generated/graphql";
import EditRequestTabs from "./EditRequestTabs";
+import { KeyValuePair, sortKeyValuePairs } from "./KeyValuePair";
import Response from "./Response";
+import {
+ GetSenderRequestQuery,
+ useCreateOrUpdateSenderRequestMutation,
+ HttpProtocol,
+ useGetSenderRequestQuery,
+ useSendRequestMutation,
+} from "lib/graphql/generated";
+
import "allotment/dist/style.css";
-import { useRouter } from "next/router";
enum HttpMethod {
Get = "GET",
@@ -49,7 +50,7 @@ const httpProtoMap = new Map([
[HttpProto.Http2, HttpProtocol.Http2],
]);
-function updateKeyPairItem(key: string, value: string, idx: number, items: any[]): any[] {
+function updateKeyPairItem(key: string, value: string, idx: number, items: KeyValuePair[]): KeyValuePair[] {
const updated = [...items];
updated[idx] = { key, value };
@@ -96,7 +97,7 @@ function queryParamsFromURL(url: string): KeyValuePair[] {
const queryParams: KeyValuePair[] = [];
const searchParams = new URLSearchParams(url.slice(questionMarkIndex + 1));
- for (let [key, value] of searchParams) {
+ for (const [key, value] of searchParams) {
queryParams.push({ key, value });
}
@@ -213,14 +214,14 @@ function EditRequest(): JSX.Element {
});
};
- const handleFormSubmit: FormEventHandler = (e) => {
+ const handleFormSubmit: React.FormEventHandler = (e) => {
e.preventDefault();
createOrUpdateRequestAndSend();
};
const isMountedRef = useRef(false);
const [Allotment, setAllotment] = useState<
- (ComponentType
& { Pane: ComponentType }) | null
+ (React.ComponentType & { Pane: React.ComponentType }) | null
>(null);
useEffect(() => {
isMountedRef.current = true;
diff --git a/admin/src/components/sender/EditRequestTabs.tsx b/admin/src/features/sender/components/EditRequestTabs.tsx
similarity index 93%
rename from admin/src/components/sender/EditRequestTabs.tsx
rename to admin/src/features/sender/components/EditRequestTabs.tsx
index 9f06e50..2742ff7 100644
--- a/admin/src/components/sender/EditRequestTabs.tsx
+++ b/admin/src/features/sender/components/EditRequestTabs.tsx
@@ -1,9 +1,10 @@
import { TabContext, TabList, TabPanel } from "@mui/lab";
import { Box, Tab } from "@mui/material";
-import { useState } from "react";
-import Editor from "../common/Editor";
+import React, { useState } from "react";
-import KeyValuePairTable, { KeyValuePair, KeyValuePairTableProps } from "./KeyValuePair";
+import { KeyValuePairTable, KeyValuePair, KeyValuePairTableProps } from "./KeyValuePair";
+
+import Editor from "lib/components/Editor";
enum TabValue {
QueryParams = "queryParams",
@@ -11,7 +12,7 @@ enum TabValue {
Body = "body",
}
-export type EditRequestTabsProps = {
+interface EditRequestTabsProps {
queryParams: KeyValuePair[];
headers: KeyValuePair[];
onQueryParamChange: KeyValuePairTableProps["onChange"];
@@ -20,7 +21,7 @@ export type EditRequestTabsProps = {
onHeaderDelete: KeyValuePairTableProps["onDelete"];
body: string;
onBodyChange: (value: string) => void;
-};
+}
function EditRequestTabs(props: EditRequestTabsProps): JSX.Element {
const {
diff --git a/admin/src/components/sender/History.tsx b/admin/src/features/sender/components/History.tsx
similarity index 91%
rename from admin/src/components/sender/History.tsx
rename to admin/src/features/sender/components/History.tsx
index 596db20..77fb610 100644
--- a/admin/src/components/sender/History.tsx
+++ b/admin/src/features/sender/components/History.tsx
@@ -1,8 +1,9 @@
import { TableContainer, Table, TableHead, TableRow, TableCell, Typography, Box, TableBody } from "@mui/material";
import { useRouter } from "next/router";
-import { useGetSenderRequestsQuery } from "../../generated/graphql";
-import CenteredPaper from "../common/CenteredPaper";
-import HttpStatusIcon from "../common/HttpStatusIcon";
+
+import CenteredPaper from "lib/components/CenteredPaper";
+import HttpStatusIcon from "lib/components/HttpStatusIcon";
+import { useGetSenderRequestsQuery } from "lib/graphql/generated";
function History(): JSX.Element {
const { data, loading } = useGetSenderRequestsQuery({
@@ -38,7 +39,7 @@ function History(): JSX.Element {
whiteSpace: "nowrap",
overflow: "hidden",
textOverflow: "ellipsis",
- } as any;
+ };
return (
handleRowClick(id)}
>
-
+
{method}
{origin}
diff --git a/admin/src/components/sender/KeyValuePair.tsx b/admin/src/features/sender/components/KeyValuePair.tsx
similarity index 97%
rename from admin/src/components/sender/KeyValuePair.tsx
rename to admin/src/features/sender/components/KeyValuePair.tsx
index c159adc..f4a57df 100644
--- a/admin/src/components/sender/KeyValuePair.tsx
+++ b/admin/src/features/sender/components/KeyValuePair.tsx
@@ -1,16 +1,16 @@
-import { IconButton, InputBase, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "@mui/material";
import ClearIcon from "@mui/icons-material/Clear";
+import { IconButton, InputBase, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "@mui/material";
-export type KeyValuePair = {
+export interface KeyValuePair {
key: string;
value: string;
-};
+}
-export type KeyValuePairTableProps = {
+export interface KeyValuePairTableProps {
items: KeyValuePair[];
onChange?: (key: string, value: string, index: number) => void;
onDelete?: (index: number) => void;
-};
+}
export function KeyValuePairTable({ items, onChange, onDelete }: KeyValuePairTableProps): JSX.Element {
const inputSx = {
diff --git a/admin/src/components/sender/Response.tsx b/admin/src/features/sender/components/Response.tsx
similarity index 87%
rename from admin/src/components/sender/Response.tsx
rename to admin/src/features/sender/components/Response.tsx
index 363d4b7..22cec12 100644
--- a/admin/src/components/sender/Response.tsx
+++ b/admin/src/features/sender/components/Response.tsx
@@ -2,12 +2,13 @@ import { Box, Typography } from "@mui/material";
import { sortKeyValuePairs } from "./KeyValuePair";
import ResponseTabs from "./ResponseTabs";
-import ResponseStatus from "../common/ResponseStatus";
-import { HttpResponseLog } from "../../generated/graphql";
-export type ResponseProps = {
+import ResponseStatus from "lib/components/ResponseStatus";
+import { HttpResponseLog } from "lib/graphql/generated";
+
+interface ResponseProps {
response?: HttpResponseLog | null;
-};
+}
function Response({ response }: ResponseProps): JSX.Element {
return (
diff --git a/admin/src/components/sender/ResponseTabs.tsx b/admin/src/features/sender/components/ResponseTabs.tsx
similarity index 87%
rename from admin/src/components/sender/ResponseTabs.tsx
rename to admin/src/features/sender/components/ResponseTabs.tsx
index 8c085e5..d5ebccb 100644
--- a/admin/src/components/sender/ResponseTabs.tsx
+++ b/admin/src/features/sender/components/ResponseTabs.tsx
@@ -1,17 +1,18 @@
import { TabContext, TabList, TabPanel } from "@mui/lab";
import { Box, Tab, Typography } from "@mui/material";
-import { useState } from "react";
-import { HttpResponseLog } from "../../generated/graphql";
-import CenteredPaper from "../common/CenteredPaper";
-import Editor from "../common/Editor";
+import React, { useState } from "react";
-import KeyValuePairTable from "./KeyValuePair";
+import { KeyValuePairTable } from "./KeyValuePair";
-export type ResponseTabsProps = {
+import CenteredPaper from "lib/components/CenteredPaper";
+import Editor from "lib/components/Editor";
+import { HttpResponseLog } from "lib/graphql/generated";
+
+interface ResponseTabsProps {
headers: HttpResponseLog["headers"];
body: HttpResponseLog["body"];
hasResponse: boolean;
-};
+}
enum TabValue {
Body = "body",
diff --git a/admin/src/components/sender/createOrUpdateRequest.graphql b/admin/src/features/sender/graphql/createOrUpdateRequest.graphql
similarity index 100%
rename from admin/src/components/sender/createOrUpdateRequest.graphql
rename to admin/src/features/sender/graphql/createOrUpdateRequest.graphql
diff --git a/admin/src/components/sender/createSenderRequestFromRequestLog.graphql b/admin/src/features/sender/graphql/createSenderRequestFromRequestLog.graphql
similarity index 100%
rename from admin/src/components/sender/createSenderRequestFromRequestLog.graphql
rename to admin/src/features/sender/graphql/createSenderRequestFromRequestLog.graphql
diff --git a/admin/src/components/sender/sendRequest.graphql b/admin/src/features/sender/graphql/sendRequest.graphql
similarity index 100%
rename from admin/src/components/sender/sendRequest.graphql
rename to admin/src/features/sender/graphql/sendRequest.graphql
diff --git a/admin/src/components/sender/senderRequest.graphql b/admin/src/features/sender/graphql/senderRequest.graphql
similarity index 100%
rename from admin/src/components/sender/senderRequest.graphql
rename to admin/src/features/sender/graphql/senderRequest.graphql
diff --git a/admin/src/components/sender/senderRequests.graphql b/admin/src/features/sender/graphql/senderRequests.graphql
similarity index 100%
rename from admin/src/components/sender/senderRequests.graphql
rename to admin/src/features/sender/graphql/senderRequests.graphql
diff --git a/admin/src/generated/graphql.tsx b/admin/src/generated/graphql.tsx
deleted file mode 100644
index 52c5bc2..0000000
--- a/admin/src/generated/graphql.tsx
+++ /dev/null
@@ -1,479 +0,0 @@
-import { gql } from '@apollo/client';
-import * as Apollo from '@apollo/client';
-export type Maybe = T | null;
-export type InputMaybe = Maybe;
-export type Exact = { [K in keyof T]: T[K] };
-export type MakeOptional = Omit & { [SubKey in K]?: Maybe };
-export type MakeMaybe = Omit & { [SubKey in K]: Maybe };
-const defaultOptions = {} as const;
-/** All built-in and custom scalars, mapped to their actual values */
-export type Scalars = {
- ID: string;
- String: string;
- Boolean: boolean;
- Int: number;
- Float: number;
- Regexp: any;
- Time: any;
- URL: any;
-};
-
-export type ClearHttpRequestLogResult = {
- __typename?: 'ClearHTTPRequestLogResult';
- success: Scalars['Boolean'];
-};
-
-export type CloseProjectResult = {
- __typename?: 'CloseProjectResult';
- success: Scalars['Boolean'];
-};
-
-export type DeleteProjectResult = {
- __typename?: 'DeleteProjectResult';
- success: Scalars['Boolean'];
-};
-
-export type DeleteSenderRequestsResult = {
- __typename?: 'DeleteSenderRequestsResult';
- success: Scalars['Boolean'];
-};
-
-export type HttpHeader = {
- __typename?: 'HttpHeader';
- key: Scalars['String'];
- value: Scalars['String'];
-};
-
-export type HttpHeaderInput = {
- key: Scalars['String'];
- value: Scalars['String'];
-};
-
-export enum HttpMethod {
- Connect = 'CONNECT',
- Delete = 'DELETE',
- Get = 'GET',
- Head = 'HEAD',
- Options = 'OPTIONS',
- Patch = 'PATCH',
- Post = 'POST',
- Put = 'PUT',
- Trace = 'TRACE'
-}
-
-export enum HttpProtocol {
- Http1 = 'HTTP1',
- Http2 = 'HTTP2'
-}
-
-export type HttpRequestLog = {
- __typename?: 'HttpRequestLog';
- body?: Maybe;
- headers: Array;
- id: Scalars['ID'];
- method: HttpMethod;
- proto: Scalars['String'];
- response?: Maybe;
- timestamp: Scalars['Time'];
- url: Scalars['String'];
-};
-
-export type HttpRequestLogFilter = {
- __typename?: 'HttpRequestLogFilter';
- onlyInScope: Scalars['Boolean'];
- searchExpression?: Maybe;
-};
-
-export type HttpRequestLogFilterInput = {
- onlyInScope?: InputMaybe;
- searchExpression?: InputMaybe;
-};
-
-export type HttpResponseLog = {
- __typename?: 'HttpResponseLog';
- body?: Maybe;
- headers: Array;
- /** Will be the same ID as its related request ID. */
- id: Scalars['ID'];
- proto: HttpProtocol;
- statusCode: Scalars['Int'];
- statusReason: Scalars['String'];
-};
-
-export type Mutation = {
- __typename?: 'Mutation';
- clearHTTPRequestLog: ClearHttpRequestLogResult;
- closeProject: CloseProjectResult;
- createOrUpdateSenderRequest: SenderRequest;
- createProject?: Maybe;
- createSenderRequestFromHttpRequestLog: SenderRequest;
- deleteProject: DeleteProjectResult;
- deleteSenderRequests: DeleteSenderRequestsResult;
- openProject?: Maybe;
- sendRequest: SenderRequest;
- setHttpRequestLogFilter?: Maybe;
- setScope: Array;
- setSenderRequestFilter?: Maybe;
-};
-
-
-export type MutationCreateOrUpdateSenderRequestArgs = {
- request: SenderRequestInput;
-};
-
-
-export type MutationCreateProjectArgs = {
- name: Scalars['String'];
-};
-
-
-export type MutationCreateSenderRequestFromHttpRequestLogArgs = {
- id: Scalars['ID'];
-};
-
-
-export type MutationDeleteProjectArgs = {
- id: Scalars['ID'];
-};
-
-
-export type MutationOpenProjectArgs = {
- id: Scalars['ID'];
-};
-
-
-export type MutationSendRequestArgs = {
- id: Scalars['ID'];
-};
-
-
-export type MutationSetHttpRequestLogFilterArgs = {
- filter?: InputMaybe;
-};
-
-
-export type MutationSetScopeArgs = {
- scope: Array;
-};
-
-
-export type MutationSetSenderRequestFilterArgs = {
- filter?: InputMaybe;
-};
-
-export type Project = {
- __typename?: 'Project';
- id: Scalars['ID'];
- isActive: Scalars['Boolean'];
- name: Scalars['String'];
-};
-
-export type Query = {
- __typename?: 'Query';
- activeProject?: Maybe;
- httpRequestLog?: Maybe;
- httpRequestLogFilter?: Maybe;
- httpRequestLogs: Array;
- projects: Array;
- scope: Array;
- senderRequest?: Maybe;
- senderRequests: Array;
-};
-
-
-export type QueryHttpRequestLogArgs = {
- id: Scalars['ID'];
-};
-
-
-export type QuerySenderRequestArgs = {
- id: Scalars['ID'];
-};
-
-export type ScopeHeader = {
- __typename?: 'ScopeHeader';
- key?: Maybe;
- value?: Maybe;
-};
-
-export type ScopeHeaderInput = {
- key?: InputMaybe;
- value?: InputMaybe;
-};
-
-export type ScopeRule = {
- __typename?: 'ScopeRule';
- body?: Maybe;
- header?: Maybe;
- url?: Maybe;
-};
-
-export type ScopeRuleInput = {
- body?: InputMaybe;
- header?: InputMaybe;
- url?: InputMaybe;
-};
-
-export type SenderRequest = {
- __typename?: 'SenderRequest';
- body?: Maybe;
- headers?: Maybe>;
- id: Scalars['ID'];
- method: HttpMethod;
- proto: HttpProtocol;
- response?: Maybe;
- sourceRequestLogID?: Maybe;
- timestamp: Scalars['Time'];
- url: Scalars['URL'];
-};
-
-export type SenderRequestFilter = {
- __typename?: 'SenderRequestFilter';
- onlyInScope: Scalars['Boolean'];
- searchExpression?: Maybe;
-};
-
-export type SenderRequestFilterInput = {
- onlyInScope?: InputMaybe;
- searchExpression?: InputMaybe;
-};
-
-export type SenderRequestInput = {
- body?: InputMaybe;
- headers?: InputMaybe>;
- id?: InputMaybe;
- method?: InputMaybe;
- proto?: InputMaybe;
- url: Scalars['URL'];
-};
-
-export type CreateOrUpdateSenderRequestMutationVariables = Exact<{
- request: SenderRequestInput;
-}>;
-
-
-export type CreateOrUpdateSenderRequestMutation = { __typename?: 'Mutation', createOrUpdateSenderRequest: { __typename?: 'SenderRequest', id: string } };
-
-export type CreateSenderRequestFromHttpRequestLogMutationVariables = Exact<{
- id: Scalars['ID'];
-}>;
-
-
-export type CreateSenderRequestFromHttpRequestLogMutation = { __typename?: 'Mutation', createSenderRequestFromHttpRequestLog: { __typename?: 'SenderRequest', id: string } };
-
-export type SendRequestMutationVariables = Exact<{
- id: Scalars['ID'];
-}>;
-
-
-export type SendRequestMutation = { __typename?: 'Mutation', sendRequest: { __typename?: 'SenderRequest', id: string } };
-
-export type GetSenderRequestQueryVariables = Exact<{
- id: Scalars['ID'];
-}>;
-
-
-export type GetSenderRequestQuery = { __typename?: 'Query', senderRequest?: { __typename?: 'SenderRequest', id: string, sourceRequestLogID?: string | null, url: any, method: HttpMethod, proto: HttpProtocol, body?: string | null, timestamp: any, headers?: Array<{ __typename?: 'HttpHeader', key: string, value: string }> | null, response?: { __typename?: 'HttpResponseLog', id: string, proto: HttpProtocol, statusCode: number, statusReason: string, body?: string | null, headers: Array<{ __typename?: 'HttpHeader', key: string, value: string }> } | null } | null };
-
-export type GetSenderRequestsQueryVariables = Exact<{ [key: string]: never; }>;
-
-
-export type GetSenderRequestsQuery = { __typename?: 'Query', senderRequests: Array<{ __typename?: 'SenderRequest', id: string, url: any, method: HttpMethod, response?: { __typename?: 'HttpResponseLog', id: string, statusCode: number, statusReason: string } | null }> };
-
-
-export const CreateOrUpdateSenderRequestDocument = gql`
- mutation CreateOrUpdateSenderRequest($request: SenderRequestInput!) {
- createOrUpdateSenderRequest(request: $request) {
- id
- }
-}
- `;
-export type CreateOrUpdateSenderRequestMutationFn = Apollo.MutationFunction;
-
-/**
- * __useCreateOrUpdateSenderRequestMutation__
- *
- * To run a mutation, you first call `useCreateOrUpdateSenderRequestMutation` within a React component and pass it any options that fit your needs.
- * When your component renders, `useCreateOrUpdateSenderRequestMutation` returns a tuple that includes:
- * - A mutate function that you can call at any time to execute the mutation
- * - An object with fields that represent the current status of the mutation's execution
- *
- * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
- *
- * @example
- * const [createOrUpdateSenderRequestMutation, { data, loading, error }] = useCreateOrUpdateSenderRequestMutation({
- * variables: {
- * request: // value for 'request'
- * },
- * });
- */
-export function useCreateOrUpdateSenderRequestMutation(baseOptions?: Apollo.MutationHookOptions) {
- const options = {...defaultOptions, ...baseOptions}
- return Apollo.useMutation(CreateOrUpdateSenderRequestDocument, options);
- }
-export type CreateOrUpdateSenderRequestMutationHookResult = ReturnType;
-export type CreateOrUpdateSenderRequestMutationResult = Apollo.MutationResult;
-export type CreateOrUpdateSenderRequestMutationOptions = Apollo.BaseMutationOptions;
-export const CreateSenderRequestFromHttpRequestLogDocument = gql`
- mutation CreateSenderRequestFromHttpRequestLog($id: ID!) {
- createSenderRequestFromHttpRequestLog(id: $id) {
- id
- }
-}
- `;
-export type CreateSenderRequestFromHttpRequestLogMutationFn = Apollo.MutationFunction;
-
-/**
- * __useCreateSenderRequestFromHttpRequestLogMutation__
- *
- * To run a mutation, you first call `useCreateSenderRequestFromHttpRequestLogMutation` within a React component and pass it any options that fit your needs.
- * When your component renders, `useCreateSenderRequestFromHttpRequestLogMutation` returns a tuple that includes:
- * - A mutate function that you can call at any time to execute the mutation
- * - An object with fields that represent the current status of the mutation's execution
- *
- * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
- *
- * @example
- * const [createSenderRequestFromHttpRequestLogMutation, { data, loading, error }] = useCreateSenderRequestFromHttpRequestLogMutation({
- * variables: {
- * id: // value for 'id'
- * },
- * });
- */
-export function useCreateSenderRequestFromHttpRequestLogMutation(baseOptions?: Apollo.MutationHookOptions) {
- const options = {...defaultOptions, ...baseOptions}
- return Apollo.useMutation(CreateSenderRequestFromHttpRequestLogDocument, options);
- }
-export type CreateSenderRequestFromHttpRequestLogMutationHookResult = ReturnType;
-export type CreateSenderRequestFromHttpRequestLogMutationResult = Apollo.MutationResult;
-export type CreateSenderRequestFromHttpRequestLogMutationOptions = Apollo.BaseMutationOptions;
-export const SendRequestDocument = gql`
- mutation SendRequest($id: ID!) {
- sendRequest(id: $id) {
- id
- }
-}
- `;
-export type SendRequestMutationFn = Apollo.MutationFunction;
-
-/**
- * __useSendRequestMutation__
- *
- * To run a mutation, you first call `useSendRequestMutation` within a React component and pass it any options that fit your needs.
- * When your component renders, `useSendRequestMutation` returns a tuple that includes:
- * - A mutate function that you can call at any time to execute the mutation
- * - An object with fields that represent the current status of the mutation's execution
- *
- * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
- *
- * @example
- * const [sendRequestMutation, { data, loading, error }] = useSendRequestMutation({
- * variables: {
- * id: // value for 'id'
- * },
- * });
- */
-export function useSendRequestMutation(baseOptions?: Apollo.MutationHookOptions) {
- const options = {...defaultOptions, ...baseOptions}
- return Apollo.useMutation(SendRequestDocument, options);
- }
-export type SendRequestMutationHookResult = ReturnType;
-export type SendRequestMutationResult = Apollo.MutationResult;
-export type SendRequestMutationOptions = Apollo.BaseMutationOptions;
-export const GetSenderRequestDocument = gql`
- query GetSenderRequest($id: ID!) {
- senderRequest(id: $id) {
- id
- sourceRequestLogID
- url
- method
- proto
- headers {
- key
- value
- }
- body
- timestamp
- response {
- id
- proto
- statusCode
- statusReason
- body
- headers {
- key
- value
- }
- }
- }
-}
- `;
-
-/**
- * __useGetSenderRequestQuery__
- *
- * To run a query within a React component, call `useGetSenderRequestQuery` and pass it any options that fit your needs.
- * When your component renders, `useGetSenderRequestQuery` returns an object from Apollo Client that contains loading, error, and data properties
- * you can use to render your UI.
- *
- * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
- *
- * @example
- * const { data, loading, error } = useGetSenderRequestQuery({
- * variables: {
- * id: // value for 'id'
- * },
- * });
- */
-export function useGetSenderRequestQuery(baseOptions: Apollo.QueryHookOptions) {
- const options = {...defaultOptions, ...baseOptions}
- return Apollo.useQuery(GetSenderRequestDocument, options);
- }
-export function useGetSenderRequestLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions) {
- const options = {...defaultOptions, ...baseOptions}
- return Apollo.useLazyQuery(GetSenderRequestDocument, options);
- }
-export type GetSenderRequestQueryHookResult = ReturnType;
-export type GetSenderRequestLazyQueryHookResult = ReturnType;
-export type GetSenderRequestQueryResult = Apollo.QueryResult;
-export const GetSenderRequestsDocument = gql`
- query GetSenderRequests {
- senderRequests {
- id
- url
- method
- response {
- id
- statusCode
- statusReason
- }
- }
-}
- `;
-
-/**
- * __useGetSenderRequestsQuery__
- *
- * To run a query within a React component, call `useGetSenderRequestsQuery` and pass it any options that fit your needs.
- * When your component renders, `useGetSenderRequestsQuery` returns an object from Apollo Client that contains loading, error, and data properties
- * you can use to render your UI.
- *
- * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
- *
- * @example
- * const { data, loading, error } = useGetSenderRequestsQuery({
- * variables: {
- * },
- * });
- */
-export function useGetSenderRequestsQuery(baseOptions?: Apollo.QueryHookOptions) {
- const options = {...defaultOptions, ...baseOptions}
- return Apollo.useQuery(GetSenderRequestsDocument, options);
- }
-export function useGetSenderRequestsLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions) {
- const options = {...defaultOptions, ...baseOptions}
- return Apollo.useLazyQuery(GetSenderRequestsDocument, options);
- }
-export type GetSenderRequestsQueryHookResult = ReturnType;
-export type GetSenderRequestsLazyQueryHookResult = ReturnType;
-export type GetSenderRequestsQueryResult = Apollo.QueryResult;
\ No newline at end of file
diff --git a/admin/src/lib/Project.ts b/admin/src/lib/Project.ts
deleted file mode 100644
index 7eb9520..0000000
--- a/admin/src/lib/Project.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export type Project = {
- id: string
- name: string
- isActive: boolean
-}
\ No newline at end of file
diff --git a/admin/src/components/common/CenteredPaper.tsx b/admin/src/lib/components/CenteredPaper.tsx
similarity index 100%
rename from admin/src/components/common/CenteredPaper.tsx
rename to admin/src/lib/components/CenteredPaper.tsx
diff --git a/admin/src/components/common/Editor.tsx b/admin/src/lib/components/Editor.tsx
similarity index 100%
rename from admin/src/components/common/Editor.tsx
rename to admin/src/lib/components/Editor.tsx
diff --git a/admin/src/components/common/HttpStatusIcon.tsx b/admin/src/lib/components/HttpStatusIcon.tsx
similarity index 100%
rename from admin/src/components/common/HttpStatusIcon.tsx
rename to admin/src/lib/components/HttpStatusIcon.tsx
index 417acac..de0f946 100644
--- a/admin/src/components/common/HttpStatusIcon.tsx
+++ b/admin/src/lib/components/HttpStatusIcon.tsx
@@ -1,5 +1,5 @@
-import { SvgIconTypeMap } from "@mui/material";
import FiberManualRecordIcon from "@mui/icons-material/FiberManualRecord";
+import { SvgIconTypeMap } from "@mui/material";
interface Props {
status: number;
diff --git a/admin/src/components/common/ResponseStatus.tsx b/admin/src/lib/components/ResponseStatus.tsx
similarity index 82%
rename from admin/src/components/common/ResponseStatus.tsx
rename to admin/src/lib/components/ResponseStatus.tsx
index c56ada9..0c61e25 100644
--- a/admin/src/components/common/ResponseStatus.tsx
+++ b/admin/src/lib/components/ResponseStatus.tsx
@@ -1,7 +1,8 @@
import { Typography } from "@mui/material";
import HttpStatusIcon from "./HttpStatusIcon";
-import { HttpProtocol } from "../../generated/graphql";
+
+import { HttpProtocol } from "lib/graphql/generated";
type ResponseStatusProps = {
proto: HttpProtocol;
@@ -20,7 +21,7 @@ function mapProto(proto: HttpProtocol): string {
}
}
-function ResponseStatus({ proto, statusCode, statusReason }: ResponseStatusProps): JSX.Element {
+export default function ResponseStatus({ proto, statusCode, statusReason }: ResponseStatusProps): JSX.Element {
return (
{" "}
@@ -33,5 +34,3 @@ function ResponseStatus({ proto, statusCode, statusReason }: ResponseStatusProps
);
}
-
-export default ResponseStatus;
diff --git a/admin/src/components/common/useContextMenu.tsx b/admin/src/lib/components/useContextMenu.tsx
similarity index 80%
rename from admin/src/components/common/useContextMenu.tsx
rename to admin/src/lib/components/useContextMenu.tsx
index 49f5787..3cf4a3f 100644
--- a/admin/src/components/common/useContextMenu.tsx
+++ b/admin/src/lib/components/useContextMenu.tsx
@@ -1,12 +1,16 @@
-import * as React from "react";
import { Menu } from "@mui/material";
+import React, { useState } from "react";
-export interface ContextMenuProps {
+interface ContextMenuProps {
children?: React.ReactNode;
}
-function useContextMenu(): [(props: ContextMenuProps) => JSX.Element, (e: React.MouseEvent) => void, () => void] {
- const [contextMenu, setContextMenu] = React.useState<{
+export default function useContextMenu(): [
+ (props: ContextMenuProps) => JSX.Element,
+ (e: React.MouseEvent) => void,
+ () => void
+] {
+ const [contextMenu, setContextMenu] = useState<{
mouseX: number;
mouseY: number;
} | null>(null);
@@ -43,5 +47,3 @@ function useContextMenu(): [(props: ContextMenuProps) => JSX.Element, (e: React.
return [menu, handleContextMenu, handleClose];
}
-
-export default useContextMenu;
diff --git a/admin/src/lib/graphql.ts b/admin/src/lib/graphql.ts
deleted file mode 100644
index faa5cb5..0000000
--- a/admin/src/lib/graphql.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { useMemo } from "react";
-import { ApolloClient, HttpLink, InMemoryCache, NormalizedCacheObject } from "@apollo/client";
-import merge from "deepmerge";
-import isEqual from "lodash/isEqual";
-
-export const APOLLO_STATE_PROP_NAME = "__APOLLO_STATE__";
-
-let apolloClient: ApolloClient;
-
-function createApolloClient() {
- return new ApolloClient({
- ssrMode: typeof window === "undefined",
- link: new HttpLink({
- uri: "/api/graphql/",
- }),
- cache: new InMemoryCache(),
- });
-}
-
-export function initializeApollo(initialState = null) {
- const _apolloClient = apolloClient ?? createApolloClient();
-
- // If your page has Next.js data fetching methods that use Apollo Client, the initial state
- // gets hydrated here
- if (initialState) {
- // Get existing cache, loaded during client side data fetching
- const existingCache = _apolloClient.extract();
-
- // Merge the existing cache into data passed from getStaticProps/getServerSideProps
- const data = merge(initialState, existingCache, {
- // combine arrays using object equality (like in sets)
- arrayMerge: (destinationArray, sourceArray) => [
- ...sourceArray,
- ...destinationArray.filter((d) => sourceArray.every((s) => !isEqual(d, s))),
- ],
- });
-
- // Restore the cache with the merged data
- _apolloClient.cache.restore(data);
- }
- // For SSG and SSR always create a new Apollo Client
- if (typeof window === "undefined") return _apolloClient;
- // Create the Apollo Client once in the client
- if (!apolloClient) apolloClient = _apolloClient;
-
- return _apolloClient;
-}
-
-export function addApolloState(client: ApolloClient, pageProps: any) {
- if (pageProps?.props) {
- pageProps.props[APOLLO_STATE_PROP_NAME] = client.cache.extract();
- }
-
- return pageProps;
-}
-
-export function useApollo(pageProps: any) {
- const state = pageProps[APOLLO_STATE_PROP_NAME];
- const store = useMemo(() => initializeApollo(state), [state]);
- return store;
-}
diff --git a/admin/src/lib/graphql/generated.tsx b/admin/src/lib/graphql/generated.tsx
new file mode 100644
index 0000000..a08e322
--- /dev/null
+++ b/admin/src/lib/graphql/generated.tsx
@@ -0,0 +1,983 @@
+import { gql } from '@apollo/client';
+import * as Apollo from '@apollo/client';
+export type Maybe = T | null;
+export type InputMaybe = Maybe;
+export type Exact = { [K in keyof T]: T[K] };
+export type MakeOptional = Omit & { [SubKey in K]?: Maybe };
+export type MakeMaybe = Omit & { [SubKey in K]: Maybe };
+const defaultOptions = {} as const;
+/** All built-in and custom scalars, mapped to their actual values */
+export type Scalars = {
+ ID: string;
+ String: string;
+ Boolean: boolean;
+ Int: number;
+ Float: number;
+ Regexp: any;
+ Time: any;
+ URL: any;
+};
+
+export type ClearHttpRequestLogResult = {
+ __typename?: 'ClearHTTPRequestLogResult';
+ success: Scalars['Boolean'];
+};
+
+export type CloseProjectResult = {
+ __typename?: 'CloseProjectResult';
+ success: Scalars['Boolean'];
+};
+
+export type DeleteProjectResult = {
+ __typename?: 'DeleteProjectResult';
+ success: Scalars['Boolean'];
+};
+
+export type DeleteSenderRequestsResult = {
+ __typename?: 'DeleteSenderRequestsResult';
+ success: Scalars['Boolean'];
+};
+
+export type HttpHeader = {
+ __typename?: 'HttpHeader';
+ key: Scalars['String'];
+ value: Scalars['String'];
+};
+
+export type HttpHeaderInput = {
+ key: Scalars['String'];
+ value: Scalars['String'];
+};
+
+export enum HttpMethod {
+ Connect = 'CONNECT',
+ Delete = 'DELETE',
+ Get = 'GET',
+ Head = 'HEAD',
+ Options = 'OPTIONS',
+ Patch = 'PATCH',
+ Post = 'POST',
+ Put = 'PUT',
+ Trace = 'TRACE'
+}
+
+export enum HttpProtocol {
+ Http1 = 'HTTP1',
+ Http2 = 'HTTP2'
+}
+
+export type HttpRequestLog = {
+ __typename?: 'HttpRequestLog';
+ body?: Maybe;
+ headers: Array;
+ id: Scalars['ID'];
+ method: HttpMethod;
+ proto: Scalars['String'];
+ response?: Maybe;
+ timestamp: Scalars['Time'];
+ url: Scalars['String'];
+};
+
+export type HttpRequestLogFilter = {
+ __typename?: 'HttpRequestLogFilter';
+ onlyInScope: Scalars['Boolean'];
+ searchExpression?: Maybe;
+};
+
+export type HttpRequestLogFilterInput = {
+ onlyInScope?: InputMaybe;
+ searchExpression?: InputMaybe;
+};
+
+export type HttpResponseLog = {
+ __typename?: 'HttpResponseLog';
+ body?: Maybe;
+ headers: Array;
+ /** Will be the same ID as its related request ID. */
+ id: Scalars['ID'];
+ proto: HttpProtocol;
+ statusCode: Scalars['Int'];
+ statusReason: Scalars['String'];
+};
+
+export type Mutation = {
+ __typename?: 'Mutation';
+ clearHTTPRequestLog: ClearHttpRequestLogResult;
+ closeProject: CloseProjectResult;
+ createOrUpdateSenderRequest: SenderRequest;
+ createProject?: Maybe;
+ createSenderRequestFromHttpRequestLog: SenderRequest;
+ deleteProject: DeleteProjectResult;
+ deleteSenderRequests: DeleteSenderRequestsResult;
+ openProject?: Maybe;
+ sendRequest: SenderRequest;
+ setHttpRequestLogFilter?: Maybe;
+ setScope: Array;
+ setSenderRequestFilter?: Maybe;
+};
+
+
+export type MutationCreateOrUpdateSenderRequestArgs = {
+ request: SenderRequestInput;
+};
+
+
+export type MutationCreateProjectArgs = {
+ name: Scalars['String'];
+};
+
+
+export type MutationCreateSenderRequestFromHttpRequestLogArgs = {
+ id: Scalars['ID'];
+};
+
+
+export type MutationDeleteProjectArgs = {
+ id: Scalars['ID'];
+};
+
+
+export type MutationOpenProjectArgs = {
+ id: Scalars['ID'];
+};
+
+
+export type MutationSendRequestArgs = {
+ id: Scalars['ID'];
+};
+
+
+export type MutationSetHttpRequestLogFilterArgs = {
+ filter?: InputMaybe;
+};
+
+
+export type MutationSetScopeArgs = {
+ scope: Array;
+};
+
+
+export type MutationSetSenderRequestFilterArgs = {
+ filter?: InputMaybe;
+};
+
+export type Project = {
+ __typename?: 'Project';
+ id: Scalars['ID'];
+ isActive: Scalars['Boolean'];
+ name: Scalars['String'];
+};
+
+export type Query = {
+ __typename?: 'Query';
+ activeProject?: Maybe;
+ httpRequestLog?: Maybe;
+ httpRequestLogFilter?: Maybe;
+ httpRequestLogs: Array;
+ projects: Array;
+ scope: Array;
+ senderRequest?: Maybe;
+ senderRequests: Array;
+};
+
+
+export type QueryHttpRequestLogArgs = {
+ id: Scalars['ID'];
+};
+
+
+export type QuerySenderRequestArgs = {
+ id: Scalars['ID'];
+};
+
+export type ScopeHeader = {
+ __typename?: 'ScopeHeader';
+ key?: Maybe;
+ value?: Maybe;
+};
+
+export type ScopeHeaderInput = {
+ key?: InputMaybe;
+ value?: InputMaybe;
+};
+
+export type ScopeRule = {
+ __typename?: 'ScopeRule';
+ body?: Maybe;
+ header?: Maybe;
+ url?: Maybe;
+};
+
+export type ScopeRuleInput = {
+ body?: InputMaybe;
+ header?: InputMaybe;
+ url?: InputMaybe;
+};
+
+export type SenderRequest = {
+ __typename?: 'SenderRequest';
+ body?: Maybe;
+ headers?: Maybe>;
+ id: Scalars['ID'];
+ method: HttpMethod;
+ proto: HttpProtocol;
+ response?: Maybe;
+ sourceRequestLogID?: Maybe;
+ timestamp: Scalars['Time'];
+ url: Scalars['URL'];
+};
+
+export type SenderRequestFilter = {
+ __typename?: 'SenderRequestFilter';
+ onlyInScope: Scalars['Boolean'];
+ searchExpression?: Maybe;
+};
+
+export type SenderRequestFilterInput = {
+ onlyInScope?: InputMaybe;
+ searchExpression?: InputMaybe;
+};
+
+export type SenderRequestInput = {
+ body?: InputMaybe;
+ headers?: InputMaybe>;
+ id?: InputMaybe;
+ method?: InputMaybe;
+ proto?: InputMaybe;
+ url: Scalars['URL'];
+};
+
+export type CloseProjectMutationVariables = Exact<{ [key: string]: never; }>;
+
+
+export type CloseProjectMutation = { __typename?: 'Mutation', closeProject: { __typename?: 'CloseProjectResult', success: boolean } };
+
+export type CreateProjectMutationVariables = Exact<{
+ name: Scalars['String'];
+}>;
+
+
+export type CreateProjectMutation = { __typename?: 'Mutation', createProject?: { __typename?: 'Project', id: string, name: string } | null };
+
+export type DeleteProjectMutationVariables = Exact<{
+ id: Scalars['ID'];
+}>;
+
+
+export type DeleteProjectMutation = { __typename?: 'Mutation', deleteProject: { __typename?: 'DeleteProjectResult', success: boolean } };
+
+export type OpenProjectMutationVariables = Exact<{
+ id: Scalars['ID'];
+}>;
+
+
+export type OpenProjectMutation = { __typename?: 'Mutation', openProject?: { __typename?: 'Project', id: string, name: string, isActive: boolean } | null };
+
+export type ProjectsQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type ProjectsQuery = { __typename?: 'Query', projects: Array<{ __typename?: 'Project', id: string, name: string, isActive: boolean }> };
+
+export type ClearHttpRequestLogMutationVariables = Exact<{ [key: string]: never; }>;
+
+
+export type ClearHttpRequestLogMutation = { __typename?: 'Mutation', clearHTTPRequestLog: { __typename?: 'ClearHTTPRequestLogResult', success: boolean } };
+
+export type HttpRequestLogQueryVariables = Exact<{
+ id: Scalars['ID'];
+}>;
+
+
+export type HttpRequestLogQuery = { __typename?: 'Query', httpRequestLog?: { __typename?: 'HttpRequestLog', id: string, method: HttpMethod, url: string, proto: string, body?: string | null, headers: Array<{ __typename?: 'HttpHeader', key: string, value: string }>, response?: { __typename?: 'HttpResponseLog', proto: HttpProtocol, statusCode: number, statusReason: string, body?: string | null, headers: Array<{ __typename?: 'HttpHeader', key: string, value: string }> } | null } | null };
+
+export type HttpRequestLogFilterQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type HttpRequestLogFilterQuery = { __typename?: 'Query', httpRequestLogFilter?: { __typename?: 'HttpRequestLogFilter', onlyInScope: boolean, searchExpression?: string | null } | null };
+
+export type HttpRequestLogsQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type HttpRequestLogsQuery = { __typename?: 'Query', httpRequestLogs: Array<{ __typename?: 'HttpRequestLog', id: string, method: HttpMethod, url: string, timestamp: any, response?: { __typename?: 'HttpResponseLog', statusCode: number, statusReason: string } | null }> };
+
+export type SetHttpRequestLogFilterMutationVariables = Exact<{
+ filter?: InputMaybe;
+}>;
+
+
+export type SetHttpRequestLogFilterMutation = { __typename?: 'Mutation', setHttpRequestLogFilter?: { __typename?: 'HttpRequestLogFilter', onlyInScope: boolean, searchExpression?: string | null } | null };
+
+export type ScopeQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type ScopeQuery = { __typename?: 'Query', scope: Array<{ __typename?: 'ScopeRule', url?: any | null }> };
+
+export type SetScopeMutationVariables = Exact<{
+ scope: Array | ScopeRuleInput;
+}>;
+
+
+export type SetScopeMutation = { __typename?: 'Mutation', setScope: Array<{ __typename?: 'ScopeRule', url?: any | null }> };
+
+export type CreateOrUpdateSenderRequestMutationVariables = Exact<{
+ request: SenderRequestInput;
+}>;
+
+
+export type CreateOrUpdateSenderRequestMutation = { __typename?: 'Mutation', createOrUpdateSenderRequest: { __typename?: 'SenderRequest', id: string } };
+
+export type CreateSenderRequestFromHttpRequestLogMutationVariables = Exact<{
+ id: Scalars['ID'];
+}>;
+
+
+export type CreateSenderRequestFromHttpRequestLogMutation = { __typename?: 'Mutation', createSenderRequestFromHttpRequestLog: { __typename?: 'SenderRequest', id: string } };
+
+export type SendRequestMutationVariables = Exact<{
+ id: Scalars['ID'];
+}>;
+
+
+export type SendRequestMutation = { __typename?: 'Mutation', sendRequest: { __typename?: 'SenderRequest', id: string } };
+
+export type GetSenderRequestQueryVariables = Exact<{
+ id: Scalars['ID'];
+}>;
+
+
+export type GetSenderRequestQuery = { __typename?: 'Query', senderRequest?: { __typename?: 'SenderRequest', id: string, sourceRequestLogID?: string | null, url: any, method: HttpMethod, proto: HttpProtocol, body?: string | null, timestamp: any, headers?: Array<{ __typename?: 'HttpHeader', key: string, value: string }> | null, response?: { __typename?: 'HttpResponseLog', id: string, proto: HttpProtocol, statusCode: number, statusReason: string, body?: string | null, headers: Array<{ __typename?: 'HttpHeader', key: string, value: string }> } | null } | null };
+
+export type GetSenderRequestsQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type GetSenderRequestsQuery = { __typename?: 'Query', senderRequests: Array<{ __typename?: 'SenderRequest', id: string, url: any, method: HttpMethod, response?: { __typename?: 'HttpResponseLog', id: string, statusCode: number, statusReason: string } | null }> };
+
+
+export const CloseProjectDocument = gql`
+ mutation CloseProject {
+ closeProject {
+ success
+ }
+}
+ `;
+export type CloseProjectMutationFn = Apollo.MutationFunction;
+
+/**
+ * __useCloseProjectMutation__
+ *
+ * To run a mutation, you first call `useCloseProjectMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useCloseProjectMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [closeProjectMutation, { data, loading, error }] = useCloseProjectMutation({
+ * variables: {
+ * },
+ * });
+ */
+export function useCloseProjectMutation(baseOptions?: Apollo.MutationHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useMutation(CloseProjectDocument, options);
+ }
+export type CloseProjectMutationHookResult = ReturnType;
+export type CloseProjectMutationResult = Apollo.MutationResult;
+export type CloseProjectMutationOptions = Apollo.BaseMutationOptions;
+export const CreateProjectDocument = gql`
+ mutation CreateProject($name: String!) {
+ createProject(name: $name) {
+ id
+ name
+ }
+}
+ `;
+export type CreateProjectMutationFn = Apollo.MutationFunction;
+
+/**
+ * __useCreateProjectMutation__
+ *
+ * To run a mutation, you first call `useCreateProjectMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useCreateProjectMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [createProjectMutation, { data, loading, error }] = useCreateProjectMutation({
+ * variables: {
+ * name: // value for 'name'
+ * },
+ * });
+ */
+export function useCreateProjectMutation(baseOptions?: Apollo.MutationHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useMutation(CreateProjectDocument, options);
+ }
+export type CreateProjectMutationHookResult = ReturnType;
+export type CreateProjectMutationResult = Apollo.MutationResult;
+export type CreateProjectMutationOptions = Apollo.BaseMutationOptions;
+export const DeleteProjectDocument = gql`
+ mutation DeleteProject($id: ID!) {
+ deleteProject(id: $id) {
+ success
+ }
+}
+ `;
+export type DeleteProjectMutationFn = Apollo.MutationFunction;
+
+/**
+ * __useDeleteProjectMutation__
+ *
+ * To run a mutation, you first call `useDeleteProjectMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useDeleteProjectMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [deleteProjectMutation, { data, loading, error }] = useDeleteProjectMutation({
+ * variables: {
+ * id: // value for 'id'
+ * },
+ * });
+ */
+export function useDeleteProjectMutation(baseOptions?: Apollo.MutationHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useMutation(DeleteProjectDocument, options);
+ }
+export type DeleteProjectMutationHookResult = ReturnType;
+export type DeleteProjectMutationResult = Apollo.MutationResult;
+export type DeleteProjectMutationOptions = Apollo.BaseMutationOptions;
+export const OpenProjectDocument = gql`
+ mutation OpenProject($id: ID!) {
+ openProject(id: $id) {
+ id
+ name
+ isActive
+ }
+}
+ `;
+export type OpenProjectMutationFn = Apollo.MutationFunction;
+
+/**
+ * __useOpenProjectMutation__
+ *
+ * To run a mutation, you first call `useOpenProjectMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useOpenProjectMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [openProjectMutation, { data, loading, error }] = useOpenProjectMutation({
+ * variables: {
+ * id: // value for 'id'
+ * },
+ * });
+ */
+export function useOpenProjectMutation(baseOptions?: Apollo.MutationHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useMutation(OpenProjectDocument, options);
+ }
+export type OpenProjectMutationHookResult = ReturnType;
+export type OpenProjectMutationResult = Apollo.MutationResult;
+export type OpenProjectMutationOptions = Apollo.BaseMutationOptions;
+export const ProjectsDocument = gql`
+ query Projects {
+ projects {
+ id
+ name
+ isActive
+ }
+}
+ `;
+
+/**
+ * __useProjectsQuery__
+ *
+ * To run a query within a React component, call `useProjectsQuery` and pass it any options that fit your needs.
+ * When your component renders, `useProjectsQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useProjectsQuery({
+ * variables: {
+ * },
+ * });
+ */
+export function useProjectsQuery(baseOptions?: Apollo.QueryHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useQuery(ProjectsDocument, options);
+ }
+export function useProjectsLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useLazyQuery(ProjectsDocument, options);
+ }
+export type ProjectsQueryHookResult = ReturnType;
+export type ProjectsLazyQueryHookResult = ReturnType;
+export type ProjectsQueryResult = Apollo.QueryResult;
+export const ClearHttpRequestLogDocument = gql`
+ mutation ClearHTTPRequestLog {
+ clearHTTPRequestLog {
+ success
+ }
+}
+ `;
+export type ClearHttpRequestLogMutationFn = Apollo.MutationFunction;
+
+/**
+ * __useClearHttpRequestLogMutation__
+ *
+ * To run a mutation, you first call `useClearHttpRequestLogMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useClearHttpRequestLogMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [clearHttpRequestLogMutation, { data, loading, error }] = useClearHttpRequestLogMutation({
+ * variables: {
+ * },
+ * });
+ */
+export function useClearHttpRequestLogMutation(baseOptions?: Apollo.MutationHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useMutation(ClearHttpRequestLogDocument, options);
+ }
+export type ClearHttpRequestLogMutationHookResult = ReturnType;
+export type ClearHttpRequestLogMutationResult = Apollo.MutationResult;
+export type ClearHttpRequestLogMutationOptions = Apollo.BaseMutationOptions;
+export const HttpRequestLogDocument = gql`
+ query HttpRequestLog($id: ID!) {
+ httpRequestLog(id: $id) {
+ id
+ method
+ url
+ proto
+ headers {
+ key
+ value
+ }
+ body
+ response {
+ proto
+ headers {
+ key
+ value
+ }
+ statusCode
+ statusReason
+ body
+ }
+ }
+}
+ `;
+
+/**
+ * __useHttpRequestLogQuery__
+ *
+ * To run a query within a React component, call `useHttpRequestLogQuery` and pass it any options that fit your needs.
+ * When your component renders, `useHttpRequestLogQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useHttpRequestLogQuery({
+ * variables: {
+ * id: // value for 'id'
+ * },
+ * });
+ */
+export function useHttpRequestLogQuery(baseOptions: Apollo.QueryHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useQuery(HttpRequestLogDocument, options);
+ }
+export function useHttpRequestLogLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useLazyQuery(HttpRequestLogDocument, options);
+ }
+export type HttpRequestLogQueryHookResult = ReturnType;
+export type HttpRequestLogLazyQueryHookResult = ReturnType;
+export type HttpRequestLogQueryResult = Apollo.QueryResult;
+export const HttpRequestLogFilterDocument = gql`
+ query HttpRequestLogFilter {
+ httpRequestLogFilter {
+ onlyInScope
+ searchExpression
+ }
+}
+ `;
+
+/**
+ * __useHttpRequestLogFilterQuery__
+ *
+ * To run a query within a React component, call `useHttpRequestLogFilterQuery` and pass it any options that fit your needs.
+ * When your component renders, `useHttpRequestLogFilterQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useHttpRequestLogFilterQuery({
+ * variables: {
+ * },
+ * });
+ */
+export function useHttpRequestLogFilterQuery(baseOptions?: Apollo.QueryHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useQuery(HttpRequestLogFilterDocument, options);
+ }
+export function useHttpRequestLogFilterLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useLazyQuery(HttpRequestLogFilterDocument, options);
+ }
+export type HttpRequestLogFilterQueryHookResult = ReturnType;
+export type HttpRequestLogFilterLazyQueryHookResult = ReturnType;
+export type HttpRequestLogFilterQueryResult = Apollo.QueryResult;
+export const HttpRequestLogsDocument = gql`
+ query HttpRequestLogs {
+ httpRequestLogs {
+ id
+ method
+ url
+ timestamp
+ response {
+ statusCode
+ statusReason
+ }
+ }
+}
+ `;
+
+/**
+ * __useHttpRequestLogsQuery__
+ *
+ * To run a query within a React component, call `useHttpRequestLogsQuery` and pass it any options that fit your needs.
+ * When your component renders, `useHttpRequestLogsQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useHttpRequestLogsQuery({
+ * variables: {
+ * },
+ * });
+ */
+export function useHttpRequestLogsQuery(baseOptions?: Apollo.QueryHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useQuery(HttpRequestLogsDocument, options);
+ }
+export function useHttpRequestLogsLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useLazyQuery(HttpRequestLogsDocument, options);
+ }
+export type HttpRequestLogsQueryHookResult = ReturnType;
+export type HttpRequestLogsLazyQueryHookResult = ReturnType;
+export type HttpRequestLogsQueryResult = Apollo.QueryResult;
+export const SetHttpRequestLogFilterDocument = gql`
+ mutation SetHttpRequestLogFilter($filter: HttpRequestLogFilterInput) {
+ setHttpRequestLogFilter(filter: $filter) {
+ onlyInScope
+ searchExpression
+ }
+}
+ `;
+export type SetHttpRequestLogFilterMutationFn = Apollo.MutationFunction;
+
+/**
+ * __useSetHttpRequestLogFilterMutation__
+ *
+ * To run a mutation, you first call `useSetHttpRequestLogFilterMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useSetHttpRequestLogFilterMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [setHttpRequestLogFilterMutation, { data, loading, error }] = useSetHttpRequestLogFilterMutation({
+ * variables: {
+ * filter: // value for 'filter'
+ * },
+ * });
+ */
+export function useSetHttpRequestLogFilterMutation(baseOptions?: Apollo.MutationHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useMutation(SetHttpRequestLogFilterDocument, options);
+ }
+export type SetHttpRequestLogFilterMutationHookResult = ReturnType;
+export type SetHttpRequestLogFilterMutationResult = Apollo.MutationResult;
+export type SetHttpRequestLogFilterMutationOptions = Apollo.BaseMutationOptions;
+export const ScopeDocument = gql`
+ query Scope {
+ scope {
+ url
+ }
+}
+ `;
+
+/**
+ * __useScopeQuery__
+ *
+ * To run a query within a React component, call `useScopeQuery` and pass it any options that fit your needs.
+ * When your component renders, `useScopeQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useScopeQuery({
+ * variables: {
+ * },
+ * });
+ */
+export function useScopeQuery(baseOptions?: Apollo.QueryHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useQuery(ScopeDocument, options);
+ }
+export function useScopeLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useLazyQuery(ScopeDocument, options);
+ }
+export type ScopeQueryHookResult = ReturnType;
+export type ScopeLazyQueryHookResult = ReturnType;
+export type ScopeQueryResult = Apollo.QueryResult;
+export const SetScopeDocument = gql`
+ mutation SetScope($scope: [ScopeRuleInput!]!) {
+ setScope(scope: $scope) {
+ url
+ }
+}
+ `;
+export type SetScopeMutationFn = Apollo.MutationFunction;
+
+/**
+ * __useSetScopeMutation__
+ *
+ * To run a mutation, you first call `useSetScopeMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useSetScopeMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [setScopeMutation, { data, loading, error }] = useSetScopeMutation({
+ * variables: {
+ * scope: // value for 'scope'
+ * },
+ * });
+ */
+export function useSetScopeMutation(baseOptions?: Apollo.MutationHookOptions) {
+ const options = {...defaultOptions, ...baseOptions}
+ return Apollo.useMutation(SetScopeDocument, options);
+ }
+export type SetScopeMutationHookResult = ReturnType;
+export type SetScopeMutationResult = Apollo.MutationResult;
+export type SetScopeMutationOptions = Apollo.BaseMutationOptions;
+export const CreateOrUpdateSenderRequestDocument = gql`
+ mutation CreateOrUpdateSenderRequest($request: SenderRequestInput!) {
+ createOrUpdateSenderRequest(request: $request) {
+ id
+ }
+}
+ `;
+export type CreateOrUpdateSenderRequestMutationFn = Apollo.MutationFunction;
+
+/**
+ * __useCreateOrUpdateSenderRequestMutation__
+ *
+ * To run a mutation, you first call `useCreateOrUpdateSenderRequestMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useCreateOrUpdateSenderRequestMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [createOrUpdateSenderRequestMutation, { data, loading, error }] = useCreateOrUpdateSenderRequestMutation({
+ * variables: {
+ * request: // value for 'request'
+ * },
+ * });
+ */
+export function useCreateOrUpdateSenderRequestMutation(baseOptions?: Apollo.MutationHookOptions