Merge pull request #107 from BootNodeDev/feat/maintenance

Author: fernandomg

typescript/ui/package.json

@@ -35,6 +35,7 @@
     "@solana/web3.js": "^1.95.4",
     "@tanstack/react-query": "^5.59.20",
     "@vercel/analytics": "^1.5.0",
+    "@vercel/edge-config": "^1.4.0",
     "@vercel/functions": "^1.5.0",
     "bignumber.js": "^9.1.2",
     "buffer": "^6.0.3",

typescript/ui/src/components/errors/ErrorBoundary.tsx

@@ -8,8 +8,8 @@ export function ErrorBoundary({ children }: PropsWithChildren<unknown>) {
 
 function SupportLink() {
   return (
-    <a href={links.discord} target="_blank" rel="noopener noreferrer" className="mt-5 text-sm">
-      For support, join the <span className="underline underline-offset-2">Hyperlane Discord</span>{' '}
+    <a href={links.support} target="_blank" rel="noopener noreferrer" className="mt-5 text-sm">
+      For support, join the <span className="underline underline-offset-2">Discussion in GitHub</span>{' '}
     </a>
   );
 }

typescript/ui/src/consts/links.ts

@@ -3,5 +3,5 @@ export const links = {
   explorer: 'https://explorer.hyperlane.xyz',
   support: 'https://github.com/BootNodeDev/intents-framework/discussions/89',
   github: 'https://github.com/BootNodeDev/intents-framework',
-  docs: 'https://github.com/BootNodeDev/intents-framework#open-intents-framework', 
+  docs: 'https://github.com/BootNodeDev/intents-framework#open-intents-framework',
 };

typescript/ui/src/middleware.ts

@@ -1,3 +1,4 @@
+import { get } from '@vercel/edge-config';
 import { geolocation } from '@vercel/functions';
 import { NextRequest, NextResponse } from 'next/server';
 
@@ -44,7 +45,8 @@ const BLOCKED_REGIONS = [
   },
 ];
 
-export function middleware(req: NextRequest) {
+export async function middleware(req: NextRequest) {
+  // country restriction
   const { country, region } = geolocation(req);
 
   if (country && BLOCKED_COUNTRIES.includes(country)) {
@@ -59,5 +61,15 @@ export function middleware(req: NextRequest) {
     return NextResponse.redirect(new URL('/blocked', req.url));
   }
 
+  // maintenance mode
+  const isInMaintenanceMode = await get<boolean>('isInMaintenanceMode');
+
+  if (isInMaintenanceMode) {
+    req.nextUrl.pathname = '/maintenance';
+
+    return NextResponse.rewrite(req.nextUrl);
+  }
+
+  // default
   return NextResponse.next();
 }

typescript/ui/src/pages/maintenance.tsx

@@ -0,0 +1,25 @@
+import type { NextPage } from 'next';
+import { useRouter } from 'next/router';
+
+const Home: NextPage = () => {
+  const { reload } = useRouter();
+  return (
+    <div className="space-y-3 pt-4">
+      <div className="relative">
+        <div className="rounded-lg bg-white p-8 text-center shadow-md">
+          <h1 className="mb-4 text-3xl">We&apos;ll be back soon!</h1>
+          <p className="mb-6 text-lg">We are currently undergoing scheduled maintenance.</p>
+          <p className="mb-6 text-lg">Please refresh the page or check back later.</p>
+          <button
+            className="cursor-pointer rounded bg-blue-500 px-6 py-3 text-base text-white hover:bg-blue-700"
+            onClick={reload}
+          >
+            Refresh
+          </button>
+        </div>{' '}
+      </div>
+    </div>
+  );
+};
+
+export default Home;

typescript/ui/yarn.lock

@@ -4056,6 +4056,7 @@ __metadata:
     "@typescript-eslint/eslint-plugin": "npm:^8.13.0"
     "@typescript-eslint/parser": "npm:^8.13.0"
     "@vercel/analytics": "npm:^1.5.0"
+    "@vercel/edge-config": "npm:^1.4.0"
     "@vercel/functions": "npm:^1.5.0"
     autoprefixer: "npm:^10.4.20"
     bignumber.js: "npm:^9.1.2"
@@ -10045,6 +10046,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vercel/edge-config-fs@npm:0.1.0":
+  version: 0.1.0
+  resolution: "@vercel/edge-config-fs@npm:0.1.0"
+  checksum: 10/4eb27927a1c6a9d77cee4457424e208c3ff7f01e1cd0249b133804d12fd7099bd1aed6a9d9574b122d3bd59289b294a913b4df05bb69aca6091c8a020cbc2121
+  languageName: node
+  linkType: hard
+
+"@vercel/edge-config@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "@vercel/edge-config@npm:1.4.0"
+  dependencies:
+    "@vercel/edge-config-fs": "npm:0.1.0"
+  peerDependencies:
+    "@opentelemetry/api": ^1.7.0
+  peerDependenciesMeta:
+    "@opentelemetry/api":
+      optional: true
+  checksum: 10/669c34db94bedd41c7b8efc05781f5a7fee2920e1c625228d15c27648eb1d5d15a66b20778ec56105cd08837d29eb40537806ff7b73aac497c1deebaa71a2796
+  languageName: node
+  linkType: hard
+
 "@vercel/functions@npm:^1.5.0":
   version: 1.5.0
   resolution: "@vercel/functions@npm:1.5.0"