feat: Dynamic rpc handler

.cspell.json

@@ -9,6 +9,7 @@
     "binsec",
     "chainlist",
     "cirip",
+    "Claimability",
     "dataurl",
     "devpool",
     "ethersproject",
@@ -27,6 +28,7 @@
     "servedir",
     "solmate",
     "sonarjs",
+    "SUPABASE",
     "typebox",
     "TYPEHASH",
     "ubiquibot",

.eslintrc

@@ -2,7 +2,7 @@
   "root": true,
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
-    "project": ["./tsconfig.json"]
+    "project": ["./tsconfig.json"],
   },
   "plugins": ["@typescript-eslint", "sonarjs"],
   "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:sonarjs/recommended"],
@@ -11,15 +11,15 @@
     "prefer-arrow-callback": [
       "warn",
       {
-        "allowNamedFunctions": true
-      }
+        "allowNamedFunctions": true,
+      },
     ],
     "func-style": [
       "warn",
       "declaration",
       {
-        "allowArrowFunctions": false
-      }
+        "allowArrowFunctions": false,
+      },
     ],
     "@typescript-eslint/no-floating-promises": "error",
     "@typescript-eslint/no-non-null-assertion": "error",
@@ -35,8 +35,8 @@
         "ignoreRestSiblings": true,
         "vars": "all",
         "varsIgnorePattern": "^_",
-        "argsIgnorePattern": "^_"
-      }
+        "argsIgnorePattern": "^_",
+      },
     ],
     "@typescript-eslint/await-thenable": "error",
     "@typescript-eslint/no-misused-new": "error",
@@ -54,55 +54,55 @@
         "format": ["PascalCase"],
         "custom": {
           "regex": "^I[A-Z]",
-          "match": false
-        }
+          "match": false,
+        },
       },
       {
         "selector": "memberLike",
         "modifiers": ["private"],
         "format": ["camelCase"],
-        "leadingUnderscore": "require"
+        "leadingUnderscore": "require",
       },
       {
         "selector": "typeLike",
-        "format": ["PascalCase"]
+        "format": ["PascalCase"],
       },
       {
         "selector": "typeParameter",
         "format": ["PascalCase"],
-        "prefix": ["T"]
+        "prefix": ["T"],
       },
       {
         "selector": "variable",
         "format": ["camelCase", "UPPER_CASE"],
         "leadingUnderscore": "allow",
-        "trailingUnderscore": "allow"
+        "trailingUnderscore": "allow",
       },
       {
         "selector": "variable",
         "format": ["camelCase"],
         "leadingUnderscore": "allow",
-        "trailingUnderscore": "allow"
+        "trailingUnderscore": "allow",
       },
       {
         "selector": "variable",
         "modifiers": ["destructured"],
-        "format": null
+        "format": null,
       },
       {
         "selector": "variable",
         "types": ["boolean"],
         "format": ["PascalCase"],
-        "prefix": ["is", "should", "has", "can", "did", "will", "does"]
+        "prefix": ["is", "should", "has", "can", "did", "will", "does"],
       },
       {
         "selector": "variableLike",
-        "format": ["camelCase"]
+        "format": ["camelCase"],
       },
       {
         "selector": ["function", "variable"],
-        "format": ["camelCase"]
-      }
-    ]
-  }
+        "format": ["camelCase"],
+      },
+    ],
+  },
 }

.github/workflows/conventional-commits.yml

@@ -2,6 +2,7 @@ name: Conventional Commits
 
 on:
   push:
+  pull_request:
 
 jobs:
   conventional-commits:

.github/workflows/kebab-case.yml

@@ -0,0 +1,15 @@
+name: Enforce kebab-case
+
+on:
+  push:
+  pull_request:
+
+jobs:
+  check-filenames:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v4
+
+      - name: Check For Non Kebab-Cased TypeScript Files
+        run: .github/workflows/scripts/kebab-case.sh

.github/workflows/scripts/kebab-case.sh

@@ -0,0 +1,30 @@
+#!/bin/bash
+non_compliant_files=()
+ignoreList=("^\.\/.git" "^\.\/\..*" "^\.\/[^\/]*$")
+ignoreList+=("^\.\/node_modules")
+while IFS= read -r line; do
+ignoreList+=(".*$line")
+done < .gitignore
+while read -r file; do
+basefile=$(basename "$file")
+ignoreFile=false
+for pattern in "${ignoreList[@]}"; do
+    if [[ "$file" =~ $pattern ]]; then
+    ignoreFile=true
+    break
+    fi
+done
+if $ignoreFile; then
+    continue
+elif ! echo "$basefile" | grep -q -E "^([a-z0-9]+-)*[a-z0-9]+(\.[a-zA-Z0-9]+)?$|^([a-z0-9]+_)*[a-z0-9]+(\.[a-zA-Z0-9]+)?$"; then
+    non_compliant_files+=("$file")
+    echo "::warning file=$file::This file is not in kebab-case or snake_case"
+fi
+done < <(find . -type f -name '*.ts' -print | grep -E '/[a-z]+[a-zA-Z]*\.ts$')
+if [ ${#non_compliant_files[@]} -ne 0 ]; then
+echo "The following files are not in kebab-case or snake_case:"
+for file in "${non_compliant_files[@]}"; do
+    echo "  - $file"
+done
+exit 1
+fi

.github/workflows/scripts/kebabalize.sh

@@ -0,0 +1,31 @@
+#!/bin/bash
+non_compliant_files=()
+ignoreList=("^\.\/.git" "^\.\/\..*" "^\.\/[^\/]*$")
+while IFS= read -r line; do
+ignoreList+=(".*$line")
+done < .gitignore
+while read -r file; do
+basefile=$(basename "$file")
+ignoreFile=false
+for pattern in "${ignoreList[@]}"; do
+    if [[ "$file" =~ $pattern ]]; then
+    ignoreFile=true
+    break
+    fi
+done
+if $ignoreFile; then
+    continue
+elif ! echo "$basefile" | grep -q -E "^([a-z0-9]+-)*[a-z0-9]+(\.[a-zA-Z0-9]+)?$|^([a-z0-9]+_)*[a-z0-9]+(\.[a-zA-Z0-9]+)?$"; then
+    non_compliant_files+=("$file")
+    echo "::warning file=$file::This file is not in kebab-case or snake_case"
+    newfile=$(dirname "$file")/$(echo "$basefile" | sed -r 's/([a-z0-9])([A-Z])/\1-\2/g' | tr '[:upper:]' '[:lower:]' | sed 's/_/-/g')
+    mv "$file" "$newfile"
+fi
+done < <(find . -type f -name '*.ts' -print | grep -E '/[a-z]+[a-zA-Z]*\.ts$')
+if [ ${#non_compliant_files[@]} -ne 0 ]; then
+echo "The following files are not in kebab-case or snake_case:"
+for file in "${non_compliant_files[@]}"; do
+    echo "  - $file"
+done
+exit 1
+fi

build/esbuild-build.ts

@@ -1,22 +1,27 @@
-import extraRpcs from "../lib/chainlist/constants/extraRpcs";
+import { execSync } from "child_process";
+import * as dotenv from "dotenv";
 import esbuild from "esbuild";
+import extraRpcs from "../lib/chainlist/constants/extraRpcs";
+
 import * as dotenv from "dotenv";
+import esbuild from "esbuild";
+import chainlist from "../lib/chainlist/constants/extraRpcs";
 const typescriptEntries = [
-  "static/scripts/rewards/index.ts",
+  "static/scripts/rewards/init.ts",
   "static/scripts/audit-report/audit.ts",
   "static/scripts/onboarding/onboarding.ts",
   "static/scripts/key-generator/keygen.ts",
 ];
 const cssEntries = ["static/styles/rewards/rewards.css", "static/styles/audit-report/audit.css", "static/styles/onboarding/onboarding.css"];
 export const entries = [...typescriptEntries, ...cssEntries];
 
-const allNetworkUrls: Record<string, string[]> = {};
+const extraRpcs: Record<string, string[]> = {};
 // this flattens all the rpcs into a single object, with key names that match the networkIds. The arrays are just of URLs per network ID.
 
-Object.keys(extraRpcs).forEach((networkId) => {
-  const officialUrls = extraRpcs[networkId].rpcs.filter((rpc) => typeof rpc === "string");
-  const extraUrls: string[] = extraRpcs[networkId].rpcs.filter((rpc) => rpc.url !== undefined).map((rpc) => rpc.url);
-  allNetworkUrls[networkId] = [...officialUrls, ...extraUrls];
+Object.keys(chainlist).forEach((networkId) => {
+  const officialUrls = chainlist[networkId].rpcs.filter((rpc) => typeof rpc === "string");
+  const extraUrls: string[] = chainlist[networkId].rpcs.filter((rpc) => rpc.url !== undefined && rpc.tracking === "none").map((rpc) => rpc.url);
+  extraRpcs[networkId] = [...officialUrls, ...extraUrls];
 });
 
 export const esBuildContext: esbuild.BuildOptions = {
@@ -33,7 +38,10 @@ export const esBuildContext: esbuild.BuildOptions = {
     ".svg": "dataurl",
   },
   outdir: "static/out",
-  define: createEnvDefines(["SUPABASE_URL", "SUPABASE_ANON_KEY"], { extraRpcs: allNetworkUrls }),
+  define: createEnvDefines(["SUPABASE_URL", "SUPABASE_ANON_KEY"], {
+    extraRpcs,
+    commitHash: execSync(`git rev-parse --short HEAD`).toString().trim(),
+  }),
 };
 
 esbuild
@@ -46,20 +54,20 @@ esbuild
     process.exit(1);
   });
 
-function createEnvDefines(envVarNames: string[], extras: Record<string, unknown>): Record<string, string> {
+function createEnvDefines(environmentVariables: string[], generatedAtBuild: Record<string, unknown>): Record<string, string> {
   const defines: Record<string, string> = {};
   dotenv.config();
-  for (const name of envVarNames) {
+  for (const name of environmentVariables) {
     const envVar = process.env[name];
     if (envVar !== undefined) {
       defines[name] = JSON.stringify(envVar);
     } else {
       throw new Error(`Missing environment variable: ${name}`);
     }
   }
-  for (const key in extras) {
-    if (Object.prototype.hasOwnProperty.call(extras, key)) {
-      defines[key] = JSON.stringify(extras[key]);
+  for (const key in generatedAtBuild) {
+    if (Object.prototype.hasOwnProperty.call(generatedAtBuild, key)) {
+      defines[key] = JSON.stringify(generatedAtBuild[key]);
     }
   }
   return defines;

globals.d.ts

@@ -1,17 +1,7 @@
-export interface EthereumIsh {
-  autoRefreshOnNetworkChange: boolean;
-  chainId: string;
-  isMetaMask?: boolean;
-  isStatus?: boolean;
-  networkVersion: string;
-  selectedAddress: string;
-
-  on(event: "close" | "accountsChanged" | "chainChanged" | "networkChanged", callback: (payload: unknown) => void): void;
-  once(event: "close" | "accountsChanged" | "chainChanged" | "networkChanged", callback: (payload: unknown) => void): void;
-}
+import { Ethereum } from "ethereum-protocol";
 
 declare global {
   interface Window {
-    ethereum: EthereumIsh;
+    ethereum: Ethereum;
   }
 }

package.json

@@ -9,13 +9,14 @@
     "node": ">=20.10.0"
   },
   "scripts": {
-    "start": "run-s utils:hash start:sign start:ui",
+    "start": "run-s start:sign start:ui",
+    "watch": "nodemon -e ts,tsx --exec yarn start",
+    "watch:ui": "nodemon -e ts,tsx --exec yarn start:ui",
     "format": "run-s format:lint format:prettier format:cspell",
-    "build": "run-s utils:hash utils:build",
+    "build": "run-s utils:build",
     "start:ui": "tsx build/esbuild-server.ts",
     "start:sign": "tsx scripts/typescript/generate-permit2-url.ts",
     "utils:build": "tsx build/esbuild-build.ts",
-    "utils:hash": "git rev-parse --short HEAD > static/commit.txt",
     "utils:get-invalidate-params": "forge script --via-ir scripts/solidity/GetInvalidateNonceParams.s.sol",
     "format:lint": "eslint --fix .",
     "format:prettier": "prettier --write .",
@@ -55,6 +56,7 @@
     "@cspell/dict-node": "^4.0.3",
     "@cspell/dict-software-terms": "^3.3.18",
     "@cspell/dict-typescript": "^3.1.2",
+    "@types/ethereum-protocol": "^1.0.5",
     "@types/node": "^20.11.19",
     "@typescript-eslint/eslint-plugin": "^7.0.1",
     "@typescript-eslint/parser": "^7.0.1",
@@ -68,6 +70,7 @@
     "husky": "^9.0.11",
     "knip": "^5.0.1",
     "lint-staged": "^15.2.2",
+    "nodemon": "^3.0.3",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.2.5",
     "tsx": "^4.7.1",
@@ -77,7 +80,8 @@
   "lint-staged": {
     "*.ts": [
       "yarn prettier --write",
-      "eslint --fix"
+      "eslint --fix",
+      "bash .github/workflows/scripts/kebab-case.sh"
     ],
     "src/**.{ts,json}": [
       "cspell"