fix: remove top level graphql-relay dependency (#9611)

package.json

@@ -101,7 +101,6 @@
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "graphql": "15.7.2",
-    "graphql-relay": "^0.10.0",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^7.0.4",
     "jscodeshift": "^0.14.0",

packages/client/shared/gqlIds/DomainJoinRequestId.ts

@@ -1,4 +1,25 @@
-import {toGlobalId, fromGlobalId} from 'graphql-relay'
+import {GraphQLID} from 'graphql'
+
+/**
+ * Takes a type name and an ID specific to that type name, and returns a
+ * "global ID" that is unique among all types.
+ */
+const toGlobalId = (type: string, id: string | number) => {
+  return btoa([type, GraphQLID.serialize(id)].join(':'))
+}
+
+/**
+ * Takes the "global ID" created by toGlobalID, and returns the type name and ID
+ * used to create it.
+ */
+const fromGlobalId = (globalId: string) => {
+  const unbasedGlobalId = atob(globalId)
+  const delimiterPos = unbasedGlobalId.indexOf(':')
+  return {
+    type: unbasedGlobalId.substring(0, delimiterPos),
+    id: unbasedGlobalId.substring(delimiterPos + 1)
+  }
+}
 
 const DomainJoinRequestId = {
   join: (id: number): string => toGlobalId('DomainJoinRequest', id),