Merge branch 'main' of github.com:FuelLabs/fuel-explorer into lf/fix/structure-and-txlist

Author: LuizAsFight

.eslintignore

@@ -19,6 +19,10 @@ inputs:
   dockerfile:
     description: 'Path to the Dockerfile'
     required: true
+  context:
+    description: 'Path to the Context'
+    default: .
+    required: true
   build-args:
     description: 'List of build-time variables'
     required: false
@@ -65,7 +69,7 @@ runs:
       uses: docker/build-push-action@v4
       id: publish
       with:
-        context: .
+        context: ${{ inputs.context }}
         file: ${{ inputs.dockerfile }}
         push: true
         tags: ${{ steps.meta.outputs.tags }}

.eslintrc.js

@@ -30,3 +30,4 @@ jobs:
           password: ${{ secrets.GITHUB_TOKEN }}
           image: ghcr.io/fuellabs/fuel-explorer
           dockerfile: deployment/Dockerfile
+          context: ./packages/graphql

.github/actions/docker-publish/action.yaml

@@ -1,4 +1,4 @@
-name: 'PR Checks'
+name: "PR Checks"
 
 on:
   pull_request:
@@ -47,6 +47,5 @@ jobs:
 
       - name: Run lint & ts:check
         run: |
-          pnpm build
-          pnpm lint:check
+          pnpm lint:ci
           pnpm ts:check

.github/workflows/docker-publish.yml

@@ -1,4 +1,3 @@
 export default {
-  '**/*.(js|jsx|ts|jsx|md|mdx|json|html|css)': ['prettier --write'],
-  '**/*.ts?(x)': ['eslint'],
+  '**/*.(js|jsx|ts|tsx|md|json|mdx|html|css)': ['biome check --apply-unsafe'],
 };

.github/workflows/pr.yaml

@@ -27,7 +27,8 @@ save-workspace-protocol=rolling
 public-hoist-pattern[]=*tailwind-variants*
 public-hoist-pattern[]=*framer-motion*
 public-hoist-pattern[]=*@react-aria/interactions*
-public-hoist-pattern[]=*eslint*
-public-hoist-pattern[]=*prettier*
 public-hoist-pattern[]=*ts-node*
 public-hoist-pattern[]=@types*
+public-hoist-pattern[]=*viem*
+public-hoist-pattern[]=*wagmi*
+public-hoist-pattern[]=*ethers*

.lintstagedrc.mjs

@@ -1,7 +1,6 @@
 {
   "recommendations": [
-    "esbenp.prettier-vscode",
-    "dbaeumer.vscode-eslint",
+    "biomejs.biome",
     "statelyai.stately-vscode",
     "firsttris.vscode-jest-runner",
     "rust-lang.rust-analyzer",

.npmrc

@@ -1,5 +1,5 @@
 {
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.defaultFormatter": "biomejs.biome",
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"

.prettierignore

@@ -0,0 +1,80 @@
+{
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "organizeImports": {
+    "enabled": true
+  },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 80
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "style": {
+        "noNonNullAssertion": "off"
+      },
+      "suspicious": {
+        "noExplicitAny": "warn",
+        "noImplicitAnyLet": "warn",
+        "noArrayIndexKey": "off",
+        "noConfusingVoidType": "off",
+        "noSelfCompare": "off"
+      },
+      "correctness": {
+        "useExhaustiveDependencies": "off"
+      },
+      "complexity": {
+        "noStaticOnlyClass": "off",
+        "noForEach": "warn",
+        "noBannedTypes": "off"
+      },
+      "performance": {
+        "noAccumulatingSpread": "off"
+      },
+      "a11y": {
+        "noSvgWithoutTitle": "off"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  },
+  "json": {
+    "parser": {
+      "allowTrailingCommas": true
+    }
+  },
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "ignore": [
+      "**/node_modules",
+      "**/.turbo",
+      "**/.next",
+      "**/.vercel",
+      "**/dist",
+      "**/build",
+      "**/fuel-v2-contracts",
+      "**/coverage",
+      "**/generated",
+      "**/storybook-static",
+      "*.typegen.ts",
+      "./packages/app-explorer/public/storybook",
+      "./packages/app-explorer/public/ui",
+      "./packages/app-explorer/public/portal",
+      "./packages/app-explorer/public/portal-storybook",
+      "./packages/app-portal/public/**",
+      "./packages/app-portal/src/types",
+      "pnpm-lock.yaml"
+    ]
+  }
+}

.prettierrc.js

@@ -13,8 +13,8 @@
   "license": "ISC",
   "devDependencies": {
     "dotenv": "16.4.1",
-    "fuels": "0.71.1",
-    "vitest": "1.2.1",
+    "fuels": "0.73.0",
+    "vitest": "1.2.2",
     "tsx": "4.7.0"
   }
 }

.vscode/extensions.json

@@ -1,18 +1,20 @@
-import { BaseAssetId, Predicate, Provider, Wallet, bn, hexlify } from 'fuels';
 import { promises as fs } from 'node:fs';
 import { resolve } from 'node:path';
+import { BaseAssetId, Predicate, Provider, Wallet, bn, hexlify } from 'fuels';
 
-const { FUEL_PROVIDER_BETA5, PRIVATE_KEY } = process.env;
+const { FUEL_PROVIDER, PRIVATE_KEY } = process.env;
 const BIN_PATH = resolve(__dirname, '../out/debug/predicate-app.bin');
 const AMOUNT = 300_000;
 
-if (!FUEL_PROVIDER_BETA5 || !PRIVATE_KEY) {
-  throw new Error('Missing some config on your .env file');
+if (!FUEL_PROVIDER || !PRIVATE_KEY) {
+  throw new Error(
+    'Missing some config in .env file. Should have FUEL_PROVIDER and PRIVATE_KEY',
+  );
 }
 
 async function main() {
   const binHex = hexlify(await fs.readFile(BIN_PATH));
-  const provider = await Provider.create(FUEL_PROVIDER_BETA5!);
+  const provider = await Provider.create(FUEL_PROVIDER!);
   const wallet = Wallet.fromPrivateKey(PRIVATE_KEY!, provider);
   const { minGasPrice: gasPrice } = wallet.provider.getGasConfig();
   const walletAddress = wallet.address.toB256();
@@ -43,7 +45,7 @@ async function main() {
       BaseAssetId,
       {
         gasPrice,
-      }
+      },
     );
     const res2 = await tx2.waitForResult();
     console.log(`→ Transaction Id: ${res2.id}`);

.vscode/settings.json

@@ -4,20 +4,21 @@ FROM node:20-slim AS base
 
 # Expose the ENVs to the env of the container
 ENV PORT="${PORT}"
-ENV FUEL_PROVIDER_BETA5="${FUEL_PROVIDER_BETA5}"
+ENV FUEL_PROVIDER="${FUEL_PROVIDER:-https://beta-5.fuel.network/graphql}"
 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
+ENV SERVER_BUILD=true
 
 # Enable pnpm using corepack form node.js
 RUN corepack enable
 
 COPY . /app-explorer
 WORKDIR /app-explorer
 
-RUN pnpm install --frozen-lockfile
+RUN pnpm install
 
-EXPOSE 4444
+EXPOSE ${PORT}
 
-WORKDIR /app-explorer/packages/graphql
+WORKDIR /app-explorer
 
-CMD ["pnpm", "start"]
+CMD ["pnpm", "server:start"]

biome.json

@@ -6,9 +6,9 @@
   "dependencies": {
     "@fuel-bridge/test-utils": "next",
     "ethers": "5.7.2",
-    "fuels": "0.71.1"
+    "fuels": "0.73.0"
   },
   "devDependencies": {
-    "ts-node": "^10.9.1"
+    "ts-node": "^10.9.2"
   }
 }