Migrate to indexer

.github/workflows/deploy-to-k8s.yml

@@ -75,9 +75,10 @@ jobs:
           tags: ${{ needs.prepair.outputs.image_name }}
           build-args: |
             VITE_NODE_ADDRESS=${{ secrets.VITE_NODE_ADDRESS }}
-            VITE_IPFS_ADDRESS=${{ secrets.VITE_IPFS_ADDRESS }}
+            VITE_IPFS_UPLOAD_ADDRESS=${{ secrets.VITE_IPFS_UPLOAD_ADDRESS }}
             VITE_IPFS_GATEWAY_ADDRESS=${{ secrets.VITE_IPFS_GATEWAY_ADDRESS }}
-            VITE_CONTRACT_ADDRESS=${{ secrets.VITE_CONTRACT_ADDRESS }}
+            VITE_INDEXER_ADDRESS=${{ secrets.VITE_INDEXER_ADDRESS }}
+            VITE_INDEXER_WS_ADDRESS=${{ secrets.VITE_INDEXER_WS_ADDRESS }}
 
   deploy-to-k8s:
     needs: [prepair, build-and-push-image]

frontend/.env.example

@@ -1,3 +1,5 @@
 VITE_NODE_ADDRESS=
-VITE_IPFS_ADDRESS=
-VITE_CONTRACT_ADDRESS=
+VITE_IPFS_UPLOAD_ADDRESS=
+VITE_IPFS_GATEWAY_ADDRESS=
+VITE_INDEXER_ADDRESS=
+VITE_INDEXER_WS_ADDRESS=

frontend/.eslintignore

@@ -0,0 +1 @@
+graphql

frontend/Dockerfile

@@ -0,0 +1,32 @@
+FROM node:18-alpine
+MAINTAINER GEAR
+
+COPY ./frontend /opt
+
+RUN apk update
+
+RUN apk add xsel
+
+RUN npm install -g pnpm
+
+ARG VITE_NODE_ADDRESS  \
+    VITE_IPFS_UPLOAD_ADDRESS  \
+    VITE_IPFS_GATEWAY_ADDRESS  \
+    VITE_INDEXER_ADDRESS \
+    VITE_INDEXER_WS_ADDRESS
+ENV VITE_NODE_ADDRESS=${VITE_NODE_ADDRESS} \
+    VITE_IPFS_UPLOAD_ADDRESS=${VITE_IPFS_UPLOAD_ADDRESS} \
+    VITE_IPFS_GATEWAY_ADDRESS=${VITE_IPFS_GATEWAY_ADDRESS} \
+    VITE_INDEXER_ADDRESS=${VITE_INDEXER_ADDRESS} \
+    VITE_INDEXER_WS_ADDRESS=${VITE_INDEXER_WS_ADDRESS} \
+    DISABLE_ESLINT_PLUGIN=true
+
+WORKDIR /opt
+
+RUN pnpm install
+
+RUN pnpm build
+
+RUN npm install --global serve
+
+CMD ["serve", "-s", "/opt/dist"]

frontend/codegen.ts

@@ -0,0 +1,23 @@
+import { CodegenConfig } from '@graphql-codegen/cli';
+import { loadEnv } from 'vite';
+
+const config: CodegenConfig = {
+  schema: loadEnv('', process.cwd(), '').VITE_INDEXER_ADDRESS,
+  documents: ['src/**/*.{ts,tsx}'],
+  ignoreNoDocuments: true, // for better experience with the watcher
+  generates: {
+    './src/graphql/': {
+      preset: 'client',
+      plugins: [],
+      config: {
+        scalars: {
+          DateTime: 'string',
+          BigInt: 'string',
+        },
+        avoidOptionals: true,
+      },
+    },
+  },
+};
+
+export default config;

frontend/package.json

@@ -4,28 +4,32 @@
   "version": "0.0.1",
   "type": "module",
   "scripts": {
-    "start": "vite --open",
+    "start": "vite --open --port 3000",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "codegen": "graphql-codegen"
   },
   "dependencies": {
-    "@gear-js/api": "0.35.2",
-    "@gear-js/react-hooks": "0.9.5",
-    "@gear-js/vara-ui": "0.0.6",
+    "@gear-js/api": "0.36.3",
+    "@gear-js/react-hooks": "0.10.3",
+    "@gear-js/vara-ui": "0.0.7",
     "@hookform/resolvers": "3.3.3",
-    "@polkadot/api": "10.10.1",
-    "@polkadot/api-derive": "10.10.1",
+    "@polkadot/api": "10.11.2",
     "@polkadot/react-identicon": "3.6.4",
-    "@polkadot/types": "10.10.1",
-    "kubo-rpc-client": "3.0.2",
+    "graphql-ws": "5.14.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hook-form": "7.49.2",
     "react-router-dom": "6.21.0",
+    "urql": "4.0.6",
     "zod": "3.22.4"
   },
   "devDependencies": {
+    "@graphql-codegen/cli": "5.0.0",
+    "@graphql-codegen/client-preset": "4.1.0",
+    "@graphql-typed-document-node/core": "3.2.0",
+    "@polkadot/types": "10.11.2",
     "@types/react": "18.2.43",
     "@types/react-dom": "18.2.17",
     "@typescript-eslint/eslint-plugin": "6.14.0",
@@ -39,6 +43,7 @@
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-react-refresh": "0.4.5",
+    "graphql": "16.8.1",
     "sass": "1.69.5",
     "typescript": "5.2.2",
     "vite": "5.0.8",