add metadata routes

Author: mythz

MyApp.Client/lib/gateway.ts

@@ -1,10 +1,10 @@
 import { appendQueryString, nameOf, IReturn, JsonServiceClient } from "@servicestack/client"
 import useSWR from "swr"
 import { Authenticate } from "@/lib/dtos"
-import { useMetadata } from "@servicestack/react"
 
 const serverRoutePaths = [
     '/Identity',
+    '/metadata',
     '/api',
     '/ui',
     '/chat',
@@ -13,7 +13,7 @@ const serverRoutePaths = [
     '/scalar',
 ]
 
-export function isServerRoute(path:string) {
+export function isServerRoute(path: string) {
     return serverRoutePaths.some(x => path.startsWith(x))
 }
 
@@ -23,7 +23,6 @@ export const Routes = {
 }
 
 export const client = new JsonServiceClient()
-export const metadata = useMetadata(client)
 
 // Load Metadata & Auth State on Startup
 // This needs to be called on client side only
@@ -40,8 +39,8 @@ export async function init() {
             .then(r => {
                 authCtx.signIn(r)
             }).catch(() => {
-            authCtx.signOut()
-        })
+                authCtx.signOut()
+            })
     ])
 }
 

MyApp.Client/next.config.mjs

@@ -7,8 +7,8 @@ const isProd = process.env.NODE_ENV === 'production'
 const buildLocal = process.env.MODE === 'local'
 
 // Define DEPLOY_API first
-const DEPLOY_API = process.env.KAMAL_DEPLOY_HOST 
-    ? `https://${process.env.KAMAL_DEPLOY_HOST}` 
+const DEPLOY_API = process.env.KAMAL_DEPLOY_HOST
+    ? `https://${process.env.KAMAL_DEPLOY_HOST}`
     : target
 
 // Now use it for API_URL
@@ -30,6 +30,23 @@ const nextConfig = {
     env: {
         apiBaseUrl: API_URL
     },
+
+    // Proxy API requests to backend during development
+    async rewrites() {
+        // Only proxy in development mode
+        if (isProd) return []
+
+        return [
+            {
+                source: '/api/:path*',
+                destination: `${target}/api/:path*`,
+            },
+            {
+                source: '/metadata/:path*',
+                destination: `${target}/metadata/:path*`,
+            },
+        ]
+    },
 }
 
 const withMDX = createMDX({