Support binary responses!

src-web/hooks/useIntrospectGraphQL.ts

@@ -35,6 +35,10 @@ export function useIntrospectGraphQL(baseRequest: HttpRequest) {
         );
       }
 
+      if (response.body === null) {
+        return Promise.reject(new Error('Empty body returned in response'));
+      }
+
       const { data } = JSON.parse(response.body);
       return buildClientSchema(data);
     },

src-web/hooks/useResponseBodyBlob.ts

@@ -0,0 +1,20 @@
+import { useQuery } from '@tanstack/react-query';
+import { readBinaryFile } from '@tauri-apps/api/fs';
+import type { HttpResponse } from '../lib/models';
+
+export function useResponseBodyBlob(response: HttpResponse | null) {
+  return useQuery<Uint8Array | null>({
+    enabled: response != null,
+    queryKey: ['response-body-binary', response?.updatedAt],
+    initialData: null,
+    queryFn: async () => {
+      if (response?.body) {
+        return Uint8Array.of(...response.body);
+      }
+      if (response?.bodyPath) {
+        return readBinaryFile(response.bodyPath);
+      }
+      return null;
+    },
+  }).data;
+}

src-web/hooks/useResponseBodyText.ts

@@ -0,0 +1,21 @@
+import { useQuery } from '@tanstack/react-query';
+import { readTextFile } from '@tauri-apps/api/fs';
+import type { HttpResponse } from '../lib/models';
+
+export function useResponseBodyText(response: HttpResponse) {
+  return useQuery<string | null>({
+    queryKey: ['response-body-text', response?.updatedAt],
+    initialData: null,
+    queryFn: async () => {
+      if (response.body) {
+        return String.fromCharCode.apply(null, response.body);
+      }
+
+      if (response.bodyPath) {
+        return await readTextFile(response.bodyPath);
+      }
+
+      return null;
+    },
+  }).data;
+}

src-web/hooks/useResponseContentType.ts

@@ -0,0 +1,9 @@
+import { useMemo } from 'react';
+import type { HttpResponse } from '../lib/models';
+
+export function useResponseContentType(response: HttpResponse | null): string | null {
+  return useMemo(
+    () => response?.headers.find((h) => h.name.toLowerCase() === 'content-type')?.value ?? null,
+    [response],
+  );
+}

src-web/hooks/useResponseViewMode.ts

@@ -1,11 +1,8 @@
 import { useLocalStorage } from 'react-use';
 
-export function useResponseViewMode(
-  requestId?: string,
-): [string | undefined, (m: 'pretty' | 'raw') => void] {
-  const [value, setValue] = useLocalStorage<'pretty' | 'raw'>(
-    `response_view_mode::${requestId}`,
-    'pretty',
-  );
-  return [value, setValue];
+const DEFAULT_VIEW_MODE = 'pretty';
+
+export function useResponseViewMode(requestId?: string): [string, (m: 'pretty' | 'raw') => void] {
+  const [value, setValue] = useLocalStorage<'pretty' | 'raw'>(`response_view_mode::${requestId}`);
+  return [value ?? DEFAULT_VIEW_MODE, setValue];
 }