feat: enable previews for staging

Author: gregfromstl

apps/wallet-ui/.env.example

@@ -1,5 +1,7 @@
 # Root domain for the app
 NEXT_PUBLIC_ROOT_DOMAIN=localhost:3000
+# If set to production, multi-tenant subdomains will be used
+NEXT_PUBLIC_ENVIRONMENT=development
 # Thirdweb client ID
 NEXT_PUBLIC_THIRDWEB_CLIENT_ID=
 # Thirdweb API key

apps/wallet-ui/src/hooks/useRouter.ts

@@ -1,6 +1,6 @@
 /* eslint-disable no-restricted-imports */
 
-import { isDevelopment } from "@/lib/utils";
+import { isMultiTenant } from "@/lib/utils";
 import { useRouter as useNextRouter } from "next/navigation";
 
 export function useRouter() {
@@ -9,7 +9,7 @@ export function useRouter() {
   return {
     ...router,
     push: (path: string, ecosystemId: string) => {
-      if (isDevelopment && ecosystemId) {
+      if (isMultiTenant && ecosystemId) {
         return router.push(`/${ecosystemId}${path}`);
       }
       return router.push(path);

apps/wallet-ui/src/lib/redirect.ts

@@ -1,12 +1,12 @@
 import { redirect as nextRedirect } from "next/navigation";
-import { isDevelopment } from "./utils";
+import { isMultiTenant } from "./utils";
 
 /**
  * Wraps Next's redirect to add the ecosystem ID if we're in development mode.
  * In dev, we don't use subdomains. We can't move this to middleware because the edge runtime does not support the JWT verification.
  */
 export function redirect(path: string, ecosystemId: string) {
-  if (isDevelopment) {
+  if (isMultiTenant) {
     return nextRedirect(`/${ecosystemId}${path}`);
   }
   return nextRedirect(path);

apps/wallet-ui/src/lib/utils.ts

@@ -5,4 +5,5 @@ export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
 
-export const isDevelopment = process.env.NODE_ENV === "development";
+export const isMultiTenant =
+  process.env.NEXT_PUBLIC_ENVIRONMENT !== "production";

apps/wallet-ui/src/middleware.ts

@@ -1,5 +1,5 @@
 import { type NextRequest, NextResponse } from "next/server";
-import { isDevelopment } from "./lib/utils";
+import { isMultiTenant } from "./lib/utils";
 
 export const config = {
   matcher: [
@@ -25,7 +25,7 @@ export default async function middleware(req: NextRequest) {
   }`;
 
   // If running development environment, do not rewrite
-  if (isDevelopment) {
+  if (isMultiTenant) {
     return NextResponse.next();
   }