switch to thirdweb rpc (#101)

* upgrade dependencies

* switch to thirdweb rpc

.env.sample

@@ -1,4 +1,4 @@
 MAGICSWAP_API_URL=
-VITE_ALCHEMY_KEY=
+VITE_THIRDWEB_CLIENT_ID=
 VITE_WALLETCONNECT_PROJECT_ID=
 VITE_ENABLE_TESTNETS=true

.husky/pre-commit

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 npx lint-staged

app/utils/wagmi.ts

@@ -15,7 +15,7 @@ import {
 } from "@rainbow-me/rainbowkit/wallets";
 import { arbitrum, arbitrumSepolia } from "viem/chains";
 import { configureChains, createConfig } from "wagmi";
-import { alchemyProvider } from "wagmi/providers/alchemy";
+import { jsonRpcProvider } from "wagmi/providers/jsonRpc";
 import { publicProvider } from "wagmi/providers/public";
 
 const projectId = import.meta.env.VITE_WALLETCONNECT_PROJECT_ID;
@@ -29,7 +29,11 @@ const { chains, publicClient } = configureChains(
       : []),
   ],
   [
-    alchemyProvider({ apiKey: import.meta.env.VITE_ALCHEMY_KEY }),
+    jsonRpcProvider({
+      rpc: (chain) => ({
+        http: `https://${chain.id}.rpc.thirdweb.com/${import.meta.env.VITE_THIRDWEB_CLIENT_ID}`,
+      }),
+    }),
     publicProvider(),
   ],
 );

env.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="vite/client" />
 
 interface ImportMetaEnv {
-  readonly VITE__ALCHEMY_KEY: string;
+  readonly VITE_THIRDWEB_CLIENT_ID: string;
   readonly VITE_ENABLE_TESTNETS: string;
   readonly VITE_WALLETCONNECT_PROJECT_ID: string;
 }

package.json

@@ -24,7 +24,7 @@
     "typecheck": "tsc",
     "codegen": "graphql-codegen -r dotenv/config",
     "lint": "prettier --write 'app/**/{*.ts,*.tsx}' && eslint --fix --no-error-on-unmatched-pattern 'app/**/{*.ts,*.tsx}'",
-    "prepare": "husky install"
+    "prepare": "husky"
   },
   "dependencies": {
     "@blocto/rainbowkit-connector": "^0.2.4",
@@ -48,7 +48,7 @@
     "graphql": "^16.6.0",
     "graphql-request": "^6.1.0",
     "graphql-tag": "^2.12.6",
-    "isbot": "^4.4.0",
+    "isbot": "^5.0.0",
     "nprogress": "^0.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -79,9 +79,9 @@
     "@vitejs/plugin-react": "^4.0.0",
     "autoprefixer": "^10.4.16",
     "eslint": "^8.13.0",
-    "eslint-config-prettier": "^8.5.0",
-    "husky": "^8.0.1",
-    "jsdom": "^23.0.1",
+    "eslint-config-prettier": "^9.1.0",
+    "husky": "^9.0.11",
+    "jsdom": "^24.0.0",
     "lint-staged": "^15.2.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.1.1",

tailwind.config.js

@@ -13,7 +13,6 @@ module.exports = {
         mono: ["GroteskSemi", ...defaultTheme.fontFamily.mono],
       },
       spacing: {
-        3.25: "0.775rem",
         6.5: "1.65rem",
       },
       borderRadius: {
@@ -59,26 +58,6 @@ module.exports = {
         },
       },
       keyframes: {
-        "bounce-right-to-left": {
-          "0%, 100%": {
-            transform: "translateX(0)",
-            "animation-timing-function": "cubic-bezier(0.8, 0, 1, 1)",
-          },
-          "50%": {
-            transform: "translateX(-20%)",
-            "animation-timing-function": "cubic-bezier(0, 0, 0.2, 1)",
-          },
-        },
-        "bounce-bottom-to-top": {
-          "0%, 100%": {
-            transform: "translateY(0)",
-            "animation-timing-function": "cubic-bezier(0.8, 0, 1, 1)",
-          },
-          "50%": {
-            transform: "translateY(-20%)",
-            "animation-timing-function": "cubic-bezier(0, 0, 0.2, 1)",
-          },
-        },
         "rotate-right-to-left": {
           "100%": {
             transform: "rotate(180deg)",
@@ -92,31 +71,10 @@ module.exports = {
             transform: "rotate(0deg)",
           },
         },
-        drift: {
-          from: {
-            "background-position-x": "0",
-          },
-          to: {
-            "background-position-x": "100vw",
-          },
-        },
-        "slide-up": {
-          "0%": { opacity: 0, transform: "translateY(10px)" },
-          "100%": { opacity: 1, transform: "translateY(0)" },
-        },
-        "slide-down": {
-          "0%": { opacity: 0, transform: "translateY(-10px)" },
-          "100%": { opacity: 1, transform: "translateY(0)" },
-        },
       },
       animation: {
-        "bounce-right-to-left": "bounce-right-to-left 1s ease-in-out infinite",
-        "bounce-bottom-to-top": "bounce-bottom-to-top 1s ease-in-out infinite",
         "rotate-180": "rotate-right-to-left 0.2s forwards linear",
         "rotate-back": "rotate-back 0.2s forwards linear",
-        drift: "drift 30s linear infinite",
-        "slide-down": "slide-down 0.6s cubic-bezier(0.16, 1, 0.3, 1)",
-        "slide-up": "slide-up 0.6s cubic-bezier(0.16, 1, 0.3, 1)",
       },
     },
   },

vite.config.ts

@@ -1,4 +1,4 @@
-import { unstable_vitePlugin as remix } from "@remix-run/dev";
+import { vitePlugin as remix } from "@remix-run/dev";
 import { installGlobals } from "@remix-run/node";
 import { defineConfig, loadEnv } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
@@ -9,15 +9,13 @@ export default ({ mode }: { mode: string }) => {
   process.env = { ...process.env, ...loadEnv(mode, process.cwd(), "") };
   return defineConfig({
     ssr: {
-      noExternal: [
-        "decimal.js-light",
-      ],
+      noExternal: ["decimal.js-light"],
     },
     plugins: [
       remix({
         ignoredRouteFiles: ["**/.*"],
       }),
-      tsconfigPaths()
+      tsconfigPaths(),
     ],
   });
 };