refactor: migration teams adapters to urql

packages/hoppscotch-app/helpers/backend/GQLClient.ts

@@ -30,6 +30,7 @@ import * as E from "fp-ts/Either"
 import * as TE from "fp-ts/TaskEither"
 import { pipe, constVoid } from "fp-ts/function"
 import { Source, subscribe, pipe as wonkaPipe, onEnd } from "wonka"
+import { Subject } from "rxjs"
 import { keyDefs } from "./caching/keys"
 import { optimisticDefs } from "./caching/optimistic"
 import { updatesDef } from "./caching/updates"
@@ -122,7 +123,6 @@ const createHoppClient = () =>
       fetchExchange,
       subscriptionExchange({
         forwardSubscription: (operation) =>
-          // @ts-expect-error: An issue with the Urql typing
           subscriptionClient.request(operation),
       }),
     ],
@@ -145,6 +145,11 @@ type UseQueryOptions<T = any, V = object> = {
   pollDuration?: number | undefined
 }
 
+type RunQueryOptions<T = any, V = object> = {
+  query: TypedDocumentNode<T, V>
+  variables?: V
+}
+
 /**
  * A wrapper type for defining errors possible in a GQL operation
  */
@@ -158,6 +163,104 @@ export type GQLError<T extends string> =
       error: T
     }
 
+export const runGQLQuery = <DocType, DocVarType, DocErrorType extends string>(
+  args: RunQueryOptions<DocType, DocVarType>
+): Promise<E.Either<GQLError<DocErrorType>, DocType>> => {
+  const request = createRequest<DocType, DocVarType>(args.query, args.variables)
+  const source = client.value.executeQuery(request)
+
+  return new Promise((resolve) => {
+    const sub = wonkaPipe(
+      source,
+      subscribe((res) => {
+        if (sub) {
+          sub.unsubscribe()
+        }
+
+        pipe(
+          // The target
+          res.data as DocType | undefined,
+          // Define what happens if data does not exist (it is an error)
+          E.fromNullable(
+            pipe(
+              // Take the network error value
+              res.error?.networkError,
+              // If it null, set the left to the generic error name
+              E.fromNullable(res.error?.message),
+              E.match(
+                // The left case (network error was null)
+                (gqlErr) =>
+                  <GQLError<DocErrorType>>{
+                    type: "gql_error",
+                    error: parseGQLErrorString(gqlErr ?? "") as DocErrorType,
+                  },
+                // The right case (it was a GraphQL Error)
+                (networkErr) =>
+                  <GQLError<DocErrorType>>{
+                    type: "network_error",
+                    error: networkErr,
+                  }
+              )
+            )
+          ),
+          resolve
+        )
+      })
+    )
+  })
+}
+
+export const runGQLSubscription = <
+  DocType,
+  DocVarType,
+  DocErrorType extends string
+>(
+  args: RunQueryOptions<DocType, DocVarType>
+) => {
+  const result$ = new Subject<E.Either<GQLError<DocErrorType>, DocType>>()
+
+  const source = client.value.executeSubscription(
+    createRequest(args.query, args.variables)
+  )
+
+  wonkaPipe(
+    source,
+    subscribe((res) => {
+      result$.next(
+        pipe(
+          // The target
+          res.data as DocType | undefined,
+          // Define what happens if data does not exist (it is an error)
+          E.fromNullable(
+            pipe(
+              // Take the network error value
+              res.error?.networkError,
+              // If it null, set the left to the generic error name
+              E.fromNullable(res.error?.message),
+              E.match(
+                // The left case (network error was null)
+                (gqlErr) =>
+                  <GQLError<DocErrorType>>{
+                    type: "gql_error",
+                    error: parseGQLErrorString(gqlErr ?? "") as DocErrorType,
+                  },
+                // The right case (it was a GraphQL Error)
+                (networkErr) =>
+                  <GQLError<DocErrorType>>{
+                    type: "network_error",
+                    error: networkErr,
+                  }
+              )
+            )
+          )
+        )
+      )
+    })
+  )
+
+  return result$
+}
+
 export const useGQLQuery = <DocType, DocVarType, DocErrorType extends string>(
   _args: UseQueryOptions<DocType, DocVarType>
 ) => {

packages/hoppscotch-app/helpers/backend/gql/queries/GetCollectionChildren.graphql

@@ -0,0 +1,8 @@
+query GetCollectionChildren($collectionID: ID!) {
+  collection(collectionID: $collectionID) {
+    children {
+      id
+      title
+    }
+  }
+}

packages/hoppscotch-app/helpers/backend/gql/queries/GetCollectionRequests.graphql

@@ -0,0 +1,7 @@
+query GetCollectionRequests($collectionID: ID!, $cursor: ID) {
+  requestsInCollection(collectionID: $collectionID, cursor: $cursor) {
+    id
+    title
+    request
+  }
+}

packages/hoppscotch-app/helpers/backend/gql/queries/GetTeamMembers.graphql

@@ -0,0 +1,12 @@
+query GetTeamMembers($teamID: ID!, $cursor: ID) {
+  team(teamID: $teamID) {
+    members(cursor: $cursor) {
+      membershipID
+      user {
+        uid
+        email
+      }
+      role
+    }
+  }
+}

packages/hoppscotch-app/helpers/backend/gql/queries/RootCollectionsOfTeam.graphql

@@ -0,0 +1,6 @@
+query RootCollectionsOfTeam($teamID: ID!, $cursor: ID) {
+  rootCollectionsOfTeam(teamID: $teamID, cursor: $cursor) {
+    id
+    title
+  }
+}

packages/hoppscotch-app/helpers/backend/gql/subscriptions/TeamCollectionAdded.graphql

@@ -0,0 +1,9 @@
+subscription TeamCollectionAdded($teamID: ID!) {
+  teamCollectionAdded(teamID: $teamID) {
+    id
+    title
+    parent {
+      id
+    }
+  }
+}

packages/hoppscotch-app/helpers/backend/gql/subscriptions/TeamCollectionRemoved.graphql

@@ -0,0 +1,3 @@
+subscription TeamCollectionRemoved($teamID: ID!) {
+  teamCollectionRemoved(teamID: $teamID)
+}

packages/hoppscotch-app/helpers/backend/gql/subscriptions/TeamCollectionUpdated.graphql

@@ -0,0 +1,9 @@
+subscription TeamCollectionUpdated($teamID: ID!) {
+  teamCollectionUpdated(teamID: $teamID) {
+    id
+    title
+    parent {
+      id
+    }
+  }
+}

packages/hoppscotch-app/helpers/backend/gql/subscriptions/TeamMemberAdded.graphql

@@ -1,5 +1,10 @@
 subscription TeamMemberAdded($teamID: ID!) {
   teamMemberAdded(teamID: $teamID) {
     membershipID
+    user {
+      uid
+      email
+    }
+    role
   }
 }

packages/hoppscotch-app/helpers/backend/gql/subscriptions/TeamMemberUpdated.graphql

@@ -1,5 +1,10 @@
 subscription TeamMemberUpdated($teamID: ID!) {
   teamMemberUpdated(teamID: $teamID) {
     membershipID
+    user {
+      uid
+      email
+    }
+    role
   }
 }

packages/hoppscotch-app/helpers/backend/gql/subscriptions/TeamRequestAdded.graphql

@@ -0,0 +1,8 @@
+subscription TeamRequestAdded($teamID: ID!) {
+  teamRequestAdded(teamID: $teamID) {
+    id
+    collectionID
+    request
+    title
+  }
+}

packages/hoppscotch-app/helpers/backend/gql/subscriptions/TeamRequestDeleted.graphql

@@ -0,0 +1,3 @@
+subscription TeamRequestDeleted($teamID: ID!) {
+  teamRequestDeleted(teamID: $teamID)
+}

packages/hoppscotch-app/helpers/backend/gql/subscriptions/TeamRequestUpdated.graphql

@@ -0,0 +1,8 @@
+subscription TeamRequestUpdated($teamID: ID!) {
+  teamRequestUpdated(teamID: $teamID) {
+    id
+    collectionID
+    request
+    title
+  }
+}