Redirect old routes to new ones (#84)

* Redirect old routes to new ones

closes #83

* Minor import path changes

src/constants.ts

@@ -34,6 +34,17 @@ export enum RoutePath {
   Verify = '/verify/:verifier?',
 }
 
+// old explorer route paths (used by RouteRedirector)
+export enum OldRoutePath {
+  BlockDetails = '/blocks/show/#/',
+  EnvelopeDetails = '/envelopes/show/#/',
+  OrganizationDetails = '/organizations/show/#/',
+  ProcessDetails = '/processes/show/#/',
+  TransactionDetails = '/transactions/show/#/',
+  Verify = '/verify',
+  Stats = '/stats',
+}
+
 // Used to test if a string is base64 encoded. Used by b64ToHex
 export const isB64Regex = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/
 

src/router/RouteRedirector.tsx

@@ -0,0 +1,54 @@
+import { useEffect } from 'react'
+import { Outlet, useLocation, useNavigate } from 'react-router-dom'
+import { OldRoutePath, RoutePath } from '~constants'
+
+const mapOldRouteToNewRoute = (route: string): string => {
+  const routeMappings: { [key: string]: string } = {
+    [OldRoutePath.BlockDetails]: RoutePath.Block,
+    [OldRoutePath.EnvelopeDetails]: RoutePath.Envelope,
+    [OldRoutePath.OrganizationDetails]: RoutePath.Organization,
+    [OldRoutePath.ProcessDetails]: RoutePath.Process,
+    [OldRoutePath.TransactionDetails]: RoutePath.Transaction,
+    [OldRoutePath.Verify]: RoutePath.Verify,
+    [OldRoutePath.Stats]: RoutePath.Base,
+  }
+
+  for (const oldPath in routeMappings) {
+    if (route.startsWith(oldPath)) {
+      const newPath = routeMappings[oldPath]
+
+      if (!newPath) return '' // fallback to undefined route
+
+      const params = route.replace(oldPath, '').split('/').filter(Boolean)
+      let paramIndex = 0
+
+      const finalRoute = newPath.replace(/:(\w+)\??/g, (match) => {
+        const value = params[paramIndex]
+        paramIndex++
+        return value || ''
+      })
+
+      return finalRoute
+    }
+  }
+
+  return '' // fallback to undefined route
+}
+
+const RouteRedirector = () => {
+  const navigate = useNavigate()
+  const location = useLocation()
+
+  useEffect(() => {
+    const oldRoute = location.pathname + location.hash
+    const newRoute = mapOldRouteToNewRoute(oldRoute)
+
+    if (newRoute && newRoute !== oldRoute) {
+      navigate(newRoute, { replace: true })
+    }
+  }, [location, navigate])
+
+  return <Outlet />
+}
+
+export default RouteRedirector

src/router/index.tsx

@@ -1,15 +1,16 @@
 import { ExtendedSDKClient } from '@vocdoni/extended-sdk'
 import { useClient } from '@vocdoni/react-providers'
+import { IChainTxReference } from '@vocdoni/sdk'
 import { lazy } from 'react'
 import { createBrowserRouter, RouteObject, RouterProvider } from 'react-router-dom'
 import { RoutePath } from '~constants'
 import Layout from '~src/layout/Default'
-import { BlockNotFound } from '~src/router/errors/BlockNotFound'
-import { ElectionError } from '~src/router/errors/ElectionError'
-import Error404 from '~src/router/errors/Error404'
-import RouteError from '~src/router/errors/RouteError'
-import { SuspenseLoader } from '~src/router/SuspenseLoader'
-import { IChainTxReference } from '@vocdoni/sdk'
+import { BlockNotFound } from './errors/BlockNotFound'
+import { ElectionError } from './errors/ElectionError'
+import Error404 from './errors/Error404'
+import RouteError from './errors/RouteError'
+import RouteRedirector from './RouteRedirector'
+import { SuspenseLoader } from './SuspenseLoader'
 
 const Home = lazy(() => import('~pages/Home'))
 const Block = lazy(() => import('~pages/block'))
@@ -32,6 +33,7 @@ export const RoutesProvider = () => {
       element: <Layout />,
       children: [
         {
+          element: <RouteRedirector />,
           errorElement: <RouteError />,
           children: [
             {