chore: When the Explorer is deployed in production, remove the `HashR…

…outer` (Consensys#502)
voenkomatiwe · Jan 5, 2024 · 1490ade · 1490ade
1 parent 5c62029
commit 1490ade
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/.github/workflows/explorer-deploy-preview.yml b/.github/workflows/explorer-deploy-preview.yml
@@ -65,7 +65,7 @@ jobs:
 
       - name: Build
         if: steps.check-changes.outputs.changed == 'true'
-        run: pnpm run build
+        run: pnpm run build:netlify
         env:
           VITE_WALLETCONNECT_PROJECT_ID: ${{ secrets.VITE_WALLETCONNECT_PROJECT_ID }}
           VITE_INFURA_API_KEY: ${{ secrets.VITE_INFURA_API_KEY }}

diff --git a/.github/workflows/explorer-deploy-prod.yml b/.github/workflows/explorer-deploy-prod.yml
@@ -48,7 +48,7 @@ jobs:
         run: pnpm install --frozen-lockfile
 
       - name: Build
-        run: pnpm run build
+        run: pnpm run build:netlify
         env:
           VITE_WALLETCONNECT_PROJECT_ID: ${{ secrets.VITE_WALLETCONNECT_PROJECT_ID }}
           VITE_INFURA_API_KEY: ${{ secrets.VITE_INFURA_API_KEY }}

diff --git a/explorer/package.json b/explorer/package.json
@@ -17,9 +17,11 @@
   "type": "module",
   "scripts": {
     "build": "tsc && vite build",
+    "build:netlify": "pnpm run build && pnpm run redirect",
     "dev": "vite",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "redirect": "touch dist/_redirects && echo '/*  /index.html  200' >> dist/_redirects"
   },
   "dependencies": {
     "@radix-ui/react-dropdown-menu": "^2.0.6",

diff --git a/explorer/src/routes/index.tsx b/explorer/src/routes/index.tsx
@@ -1,4 +1,4 @@
-import { Route, createHashRouter, createRoutesFromElements } from "react-router-dom";
+import { Route, createBrowserRouter, createRoutesFromElements } from "react-router-dom";
 
 import { Attestation } from "@/pages/Attestation";
 import { Attestations } from "@/pages/Attestations";
@@ -17,7 +17,7 @@ import { loaderNetworkProvider } from "@/providers/network-provider/loader";
 import { APP_ROUTES } from "./constants";
 import { NotFoundPage } from "./NotFoundPage";
 
-export const router = createHashRouter(
+export const router = createBrowserRouter(
   createRoutesFromElements(
     <Route element={<Providers />} loader={loaderNetworkProvider}>
       <Route path={APP_ROUTES.HOME} element={<Home />} />