feat(website): replace using axios with fetch

Using the solution at remix-run/remix#4414 (comment).
However, it would be better if we do not have to write a custom fetch
function at all.

.gitignore

@@ -48,9 +48,6 @@ Thumbs.db
 # edgedb
 libs/main-db/dbschema/edgeql-js
 
-# website
-!apps/website/app/lib
-
 # Moon
 .moon/cache
 .moon/docker

apps/website/.gitignore

@@ -5,3 +5,4 @@ public/build
 
 app/tailwind.css
 app/lib/routes.d.ts
+!app/lib

apps/website/app/lib/services/graphql.server.ts

@@ -1,5 +1,7 @@
-import axios from 'axios';
-import { Thunder, ZeusScalars } from '@codefarem/generated/orchestrator-graphql';
+import {
+  Thunder,
+  ZeusScalars,
+} from '@codefarem/generated/orchestrator-graphql';
 import { ApplicationConfig } from '../config.server';
 
 /**
@@ -8,20 +10,17 @@ import { ApplicationConfig } from '../config.server';
 export const graphqlSdk = (authorizationToken = '') => {
   const headers: Record<string, string> = {
     'Content-Type': 'application/json',
+    connection: 'keep-alive',
   };
   if (authorizationToken)
     headers.Authorization = `Bearer ${authorizationToken}`;
   return Thunder(async (query) => {
-    const response = await axios.post(
+    const response = await fetch(
       `${ApplicationConfig.APPLICATION_API_URL}/graphql`,
-      JSON.stringify({ query }),
-      { headers }
+      { method: 'POST', body: JSON.stringify({ query }), headers }
     );
-    if (!response?.data?.data) {
-      console.dir(response?.data?.errors, { depth: Infinity })
-      throw new Error(`There was an error in the graphql request, please check developer logs`)
-    }
-    return response.data.data;
+    const data = await response.json();
+    return data.data;
   });
 };
 

apps/website/package.json

@@ -22,7 +22,6 @@
     "@routes-gen/remix": "0.3.5",
     "@types/uuid": "8.3.4",
     "@uiw/react-codemirror": "4.12.3",
-    "axios": "1.1.3",
     "change-case": "4.1.2",
     "clsx": "1.2.1",
     "codemirror": "6.0.1",