feat: add dataprotector subgraph integration and update poco queries

Author: ErwanDecoster

.env

@@ -1,2 +1,3 @@
 VITE_POCO_SUBGRAPH_URL="https://thegraph.iex.ec/subgraphs/name/bellecour/poco-v5"
+VITE_DATAPROTECTOR_SUBGRAPH_URL="https://thegraph.iex.ec/subgraphs/name/bellecour/dataprotector-v2"
 VITE_REOWN_PROJECT_ID=b89f75687c01fa0df9e68c903283012d

codegenDataprotector.ts

@@ -0,0 +1,26 @@
+import type { CodegenConfig } from '@graphql-codegen/cli'
+import * as dotenv from 'dotenv';
+
+dotenv.config();
+
+const config: CodegenConfig = {
+  schema: process.env.VITE_DATAPROTECTOR_SUBGRAPH_URL,
+  // documents: ['src/**/*.tsx', "src/**/*.ts"],
+  ignoreNoDocuments: true,
+  generates: {
+    './src/graphql/dataprotector/': {
+      preset: 'client',
+      config: {
+        documentMode: 'string'
+      }
+    },
+    './src/graphql/schemaDataProtector.graphql': {
+      plugins: ['schema-ast'],
+      config: {
+        includeDirectives: true
+      }
+    }
+  }
+}
+ 
+export default config

codegenPoco.ts

@@ -8,13 +8,13 @@ const config: CodegenConfig = {
   documents: ['src/**/*.tsx', "src/**/*.ts"],
   ignoreNoDocuments: true,
   generates: {
-    './src/graphql/': {
+    './src/graphql/poco/': {
       preset: 'client',
       config: {
         documentMode: 'string'
       }
     },
-    './schema.graphql': {
+    './src/graphql/schemaPoco.graphql': {
       plugins: ['schema-ast'],
       config: {
         includeDirectives: true

package.json

@@ -11,9 +11,10 @@
     "format": "prettier --write src",
     "check-format": "prettier --check src",
     "preview": "vite preview",
-    "codegen": "npm run codegen:poco",
+    "codegen": "npm run codegen:poco && npm run codegen:dataprotector",
     "watch:codegen": "npm run watch:codegen:poco",
     "codegen:poco": "graphql-codegen --config codegenPoco.ts",
+    "codegen:dataprotector": "graphql-codegen --config codegenDataProtector.ts",
     "watch:codegen:poco": "graphql-codegen --config codegenPoco.ts --watch"
   },
   "dependencies": {

src/config.ts

@@ -21,7 +21,10 @@ export const SUPPORTED_CHAINS = [
     color: '#F4942566',
     icon: iexecLogo,
     blockExplorerUrl: 'https://blockscout-bellecour.iex.ec',
-    subgraphUrl: 'https://thegraph.iex.ec/subgraphs/name/bellecour/poco-v5',
+    subgraphUrl: {
+      poco: 'https://thegraph.iex.ec/subgraphs/name/bellecour/poco-v5',
+      dataprotector: 'https://thegraph.iex.ec/subgraphs/name/bellecour/dataprotector',
+    },
     bridge: 'https://bridge-bellecour.iex.ec/',
     bridgeInformation:
       'Move your xRLC in your wallet between bellecour and Ethereum Mainnet with our bridge.',
@@ -35,8 +38,10 @@ export const SUPPORTED_CHAINS = [
     color: '#28A0F080',
     icon: arbitrumSepoliaIcon,
     blockExplorerUrl: 'https://arbiscan.io/',
-    subgraphUrl:
-      'https://thegraph.arbitrum.iex.ec/api/subgraphs/id/B1comLe9SANBLrjdnoNTJSubbeC7cY7EoNu6zD82HeKy',
+    subgraphUrl: {
+      poco: 'https://thegraph.arbitrum.iex.ec/api/subgraphs/id/B1comLe9SANBLrjdnoNTJSubbeC7cY7EoNu6zD82HeKy',
+      dataprotector: 'TODO',
+    },
     wagmiNetwork: arbitrum,
     tokenSymbol: 'RLC',
   },
@@ -47,8 +52,10 @@ export const SUPPORTED_CHAINS = [
     color: '#28A0F080',
     icon: arbitrumSepoliaIcon,
     blockExplorerUrl: 'https://sepolia.arbiscan.io/',
-    subgraphUrl:
-      'https://thegraph.arbitrum-sepolia-testnet.iex.ec/api/subgraphs/id/2GCj8gzLCihsiEDq8cYvC5nUgK6VfwZ6hm3Wj8A3kcxz',
+    subgraphUrl: {
+      poco: 'https://thegraph.arbitrum-sepolia-testnet.iex.ec/api/subgraphs/id/2GCj8gzLCihsiEDq8cYvC5nUgK6VfwZ6hm3Wj8A3kcxz',
+      dataprotector: 'TODO',
+    },
     wagmiNetwork: arbitrumSepolia,
     tokenSymbol: 'RLC',
     isExperimental: true,

src/graphql/execute.ts

@@ -1,4 +1,4 @@
-import { graphql } from '@/graphql/gql';
+import { graphql } from '@/graphql/poco/gql';
 
 export const addressQuery = graphql(`
   query Address($address: ID!) {

src/modules/addresses/address/addressQuery.ts

@@ -1,5 +1,5 @@
 import { PREVIEW_TABLE_LENGTH, TABLE_REFETCH_INTERVAL } from '@/config';
-import { execute } from '@/graphql/execute';
+import { execute } from '@/graphql/poco/execute';
 import { useQuery } from '@tanstack/react-query';
 import { LoaderCircle } from 'lucide-react';
 import { DataTable } from '@/components/DataTable';

src/modules/addresses/address/apps/AddressAppsTable.tsx

@@ -1,4 +1,4 @@
-import { graphql } from '@/graphql/gql';
+import { graphql } from '@/graphql/poco/gql';
 
 export const addressAppsQuery = graphql(`
   query AddressApps(

src/modules/addresses/address/apps/addressAppsQuery.ts

@@ -1,5 +1,5 @@
 import { PREVIEW_TABLE_LENGTH, TABLE_REFETCH_INTERVAL } from '@/config';
-import { execute } from '@/graphql/execute';
+import { execute } from '@/graphql/poco/execute';
 import { useQuery } from '@tanstack/react-query';
 import { LoaderCircle } from 'lucide-react';
 import { DataTable } from '@/components/DataTable';