chore(client): use graphl.web

packages/client/package.json

@@ -16,18 +16,15 @@
     "dist"
   ],
   "dependencies": {
+    "@0no-co/graphql.web": "^1.0.8",
     "std-env": "^3.7.0"
   },
-  "peerDependencies": {
-    "graphql": "^16.0.0"
-  },
   "devDependencies": {
     "@bigcommerce/eslint-config": "^2.9.1",
     "@bigcommerce/eslint-config-catalyst": "workspace:^",
     "@types/node": "^20.16.1",
     "dotenv-cli": "^7.4.2",
     "eslint": "^8.57.0",
-    "graphql": "^16.9.0",
     "prettier": "^3.3.3",
     "tsup": "^8.2.4",
     "typescript": "^5.5.4"

packages/client/src/utils/getOperationName.ts

@@ -1,10 +1,16 @@
-import { DefinitionNode, Kind, OperationDefinitionNode, parse } from 'graphql';
+import { DefinitionNode, OperationDefinitionNode, parse } from '@0no-co/graphql.web';
 
 function isOperationDefinitionNode(node: DefinitionNode): node is OperationDefinitionNode {
-  return node.kind === Kind.OPERATION_DEFINITION;
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
+  return node.kind === 'OperationDefinition';
 }
 
-export const getOperationInfo = (document: string) => {
+interface OperationInfo {
+  name?: string;
+  type: 'query' | 'mutation' | 'subscription';
+}
+
+export const getOperationInfo = (document: string): OperationInfo => {
   const documentNode = parse(document);
 
   const operationInfo = documentNode.definitions.filter(isOperationDefinitionNode).map((def) => {

packages/client/src/utils/normalizeQuery.ts

@@ -1,4 +1,4 @@
-import { DocumentNode, print } from 'graphql';
+import { DocumentNode, print } from '@0no-co/graphql.web';
 
 import { DocumentDecoration } from '../types';