added codegen config

.gitignore

@@ -14,5 +14,7 @@ public/storybook
 repo-metadata.json
 content/networks-metadata.json
 src/@types/apollo
+src/@types/codegen/
+src/@types/codegen/*
 graphql.schema.json
 src/@types/graph.types.ts

codegen.yml

@@ -12,11 +12,35 @@ documents:
   - './src/components/molecules/PoolTransactions.tsx'
   - './src/components/molecules/MarketStats.tsx'
 generates:
-  ./src/@types/graph.types.ts:
+  ./src/@types/codegen/graph.types.ts:
+    plugins:
+      - 'typescript'
+  ./src/@types/codegen/graph.operations.ts:
+    plugins:
+      - 'typescript'
+      - 'typescript-operations'
+  ./src/@types/codegen/graph.urql.ts:
+    plugins:
+      - 'typescript-urql'
+  ./src/@types/codegen/graph.reactApollo.ts:
     plugins:
       - 'typescript'
       - 'typescript-operations'
       - 'typescript-react-apollo'
-  ./graphql.schema.json:
+  ./src/@types/codegen/graph.reactQuery.ts:
     plugins:
-      - 'introspection'
+      - 'typescript'
+      - 'typescript-operations'
+      - 'typescript-react-query'
+  ./src/@types/codegen/graph.genericSdk.ts:
+    plugins:
+      - 'typescript'
+      - 'typescript-operations'
+      - 'typescript-generic-sdk'
+  ./src/@types/codegen/graph.tyedDocumentNode.ts:
+    plugins:
+      - 'typescript'
+      - 'typescript-operations'
+      - 'typed-document-node'
+    config:
+      withHooks: false

gatsby-node.js

@@ -8,10 +8,10 @@ execSync(`node ./scripts/write-repo-metadata > repo-metadata.json`, {
 })
 
 // Generate GraphQl typings for urql
-// execSync(`npm run graphql:graphTypes`, { stdio: 'inherit' })
+execSync(`npm run graphql:graphTypes`, { stdio: 'inherit' })
 
-// Generate Apollo typings
+// // Generate Apollo typings
-execSync(`npm run apollo:codegen`, { stdio: 'inherit' })
+// execSync(`npm run apollo:codegen`, { stdio: 'inherit' })
 
 // Fetch EVM networks metadata
 execSync(

package.json

@@ -9,8 +9,8 @@
     "build": "gatsby build && cp _redirects public/_redirects",
     "serve": "serve -s public/",
     "jest": "NODE_ENV=test jest -c tests/unit/jest.config.js",
-    "test-graphql": "npm run graphql:graphTypes && npm run lint && npm run jest",
+    "test": "npm run graphql:graphTypes && npm run lint && npm run jest",
-    "test": "npm run apollo:codegen && npm run lint && npm run jest",
+    "test-to-be-removed": "npm run apollo:codegen && npm run lint && npm run jest",
     "test:watch": "npm run lint && npm run jest -- --watch",
     "lint": "npm run write:repoMetadata && eslint --ignore-path .gitignore --ext .js --ext .ts --ext .tsx . && npm run type-check",
     "format": "prettier --ignore-path .gitignore './**/*.{css,yml,js,ts,tsx,json}' --write",
@@ -94,9 +94,13 @@
   "devDependencies": {
     "@graphql-codegen/cli": "1.21.6",
     "@graphql-codegen/introspection": "1.18.2",
+    "@graphql-codegen/typed-document-node": "^2.1.4",
     "@graphql-codegen/typescript": "1.22.4",
+    "@graphql-codegen/typescript-generic-sdk": "^2.1.4",
     "@graphql-codegen/typescript-operations": "^1.18.3",
-    "@graphql-codegen/typescript-react-apollo": "2.3.0",
+    "@graphql-codegen/typescript-react-apollo": "^3.1.4",
+    "@graphql-codegen/typescript-react-query": "^3.0.1",
+    "@graphql-codegen/typescript-urql": "^3.2.0",
     "@svgr/webpack": "^5.5.0",
     "@testing-library/jest-dom": "^5.12.0",
     "@testing-library/react": "^11.2.7",
@@ -116,7 +120,6 @@
     "@types/yup": "^0.29.11",
     "@typescript-eslint/eslint-plugin": "^4.26.0",
     "@typescript-eslint/parser": "^4.26.0",
-    "apollo": "^2.33.4",
     "eslint": "^7.27.0",
     "eslint-config-oceanprotocol": "^1.5.0",
     "eslint-config-prettier": "^8.3.0",