From 3901337163c5b31236b38173cd422e7077cac166 Mon Sep 17 00:00:00 2001
From: geoffsee <>
Date: Tue, 1 Jul 2025 12:28:44 -0400
Subject: [PATCH] - Refactor `BevyScene` to replace script injection with
 dynamic `import`. - Update `NavItem` to provide fallback route for invalid
 `path`. - Temporarily stub metric API endpoints with placeholders.

---
 .../landing-component/BevyScene.tsx           | 20 ++++++++++++-------
 packages/client/src/layout/NavItem.tsx        |  2 +-
 packages/router/src/router.ts                 | 10 ++++++----
 3 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/packages/client/src/components/landing-component/BevyScene.tsx b/packages/client/src/components/landing-component/BevyScene.tsx
index e92d178..3898fc9 100644
--- a/packages/client/src/components/landing-component/BevyScene.tsx
+++ b/packages/client/src/components/landing-component/BevyScene.tsx
@@ -9,13 +9,19 @@ export interface BevySceneProps {
 
 export const BevyScene: React.FC<BevySceneProps> = ({ speed = 1, intensity = 1, glow = false }) => {
   useEffect(() => {
-    const script = document.createElement('script');
-    script.src = '/yachtpit.js';
-    script.type = 'module';
-    document.body.appendChild(script);
-    script.onload = loaded => {
-      console.log('loaded', loaded);
-    };
+    (async () => {
+      const module = await import('/public/yachtpit.js', { type: 'module' });
+      console.log('init', module);
+      await module.default();
+    })();
+    // const script = document.createElement('script');
+    // script.src = '';
+    // script.type = 'module';
+    // document.body.appendChild(script);
+    // script.onload = loaded => {
+    //   loaded.target?.init();
+    //   console.log('loaded', loaded);
+    // };
   }, []);
 
   return (
diff --git a/packages/client/src/layout/NavItem.tsx b/packages/client/src/layout/NavItem.tsx
index 073e675..189208a 100644
--- a/packages/client/src/layout/NavItem.tsx
+++ b/packages/client/src/layout/NavItem.tsx
@@ -5,7 +5,7 @@ function NavItem({ path, children, color, onClick, as, cursor }) {
   return (
     <Box
       as={as ?? 'a'}
-      href={path}
+      href={path && path.length > 1 ? path : '/'}
       mb={2}
       cursor={cursor}
       // ml={5}
diff --git a/packages/router/src/router.ts b/packages/router/src/router.ts
index 62fbd35..f334386 100644
--- a/packages/router/src/router.ts
+++ b/packages/router/src/router.ts
@@ -52,13 +52,15 @@ export function createRouter() {
       // })
 
       .get('/api/metrics*', async (r, e, c) => {
-        const { metricsService } = createRequestContext(e, c);
-        return metricsService.handleMetricsRequest(r);
+        return new Response('ok');
+        // const { metricsService } = createRequestContext(e, c);
+        // return metricsService.handleMetricsRequest(r);
       })
 
       .post('/api/metrics*', async (r, e, c) => {
-        const { metricsService } = createRequestContext(e, c);
-        return metricsService.handleMetricsRequest(r);
+        return new Response('ok');
+        // const { metricsService } = createRequestContext(e, c);
+        // return metricsService.handleMetricsRequest(r);
       })
 
       // renders the app