jettypod 4.4.120 → 4.4.121

package/apps/dashboard/src/main.tsx

@@ -0,0 +1,12 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import { RouterProvider } from 'react-router-dom'
+import { router } from './router'
+import '@fontsource-variable/geist-mono'
+import '../app/globals.css'
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <RouterProvider router={router} />
+  </StrictMode>
+)

package/apps/dashboard/src/router.tsx

@@ -0,0 +1,107 @@
+import { lazy, Suspense, useState, useEffect } from 'react'
+import { createBrowserRouter, Outlet } from 'react-router-dom'
+import { AppShell } from '../components/AppShell'
+import { JettyLoader } from '../components/JettyLoader'
+import { dataBridge } from '../lib/data-bridge'
+
+// Lazy-load all pages — prefetch nav targets on app load so first navigation
+// never shows a spinner. It's a desktop app; the extra chunks cost nothing.
+const dashboardImport = () => import('../app/page')
+const Dashboard = lazy(dashboardImport)
+const workDetailImport = () => import('../app/work/[id]/page')
+const WorkDetail = lazy(workDetailImport)
+const proofDashboardImport = () => import('../app/work/[id]/proof/page')
+const ProofDashboard = lazy(proofDashboardImport)
+const decisionDetailImport = () => import('../app/decision/[id]/page')
+const DecisionDetail = lazy(decisionDetailImport)
+const testsImport = () => import('../app/tests/page')
+const Tests = lazy(testsImport)
+const settingsImport = () => import('../app/settings/page')
+const Settings = lazy(settingsImport)
+const prototypesImport = () => import('../app/prototypes/page')
+const Prototypes = lazy(prototypesImport)
+
+// Kick off chunk prefetches immediately
+dashboardImport()
+workDetailImport()
+proofDashboardImport()
+decisionDetailImport()
+testsImport()
+settingsImport()
+prototypesImport()
+
+const Welcome = lazy(() => import('../app/welcome/page'))
+const Login = lazy(() => import('../app/login/page'))
+const Signup = lazy(() => import('../app/signup/page'))
+const Subscribe = lazy(() => import('../app/subscribe/page'))
+const InstallClaude = lazy(() => import('../app/install-claude/page'))
+const ConnectClaude = lazy(() => import('../app/connect-claude/page'))
+// Dev-only pages — excluded from production to reduce bundle
+const DesignSystem = import.meta.env.DEV ? lazy(() => import('../app/design-system/page')) : () => null
+const DemoGates = import.meta.env.DEV ? lazy(() => import('../app/demo/gates/page')) : () => null
+const DevSessionPrototype = import.meta.env.DEV ? lazy(() => import('../app/prototypes/dev-session/page')) : () => null
+const ProofDashboardPrototype = import.meta.env.DEV ? lazy(() => import('../app/prototypes/proof-dashboard/page')) : () => null
+const OnboardingPrototype = import.meta.env.DEV ? lazy(() => import('../app/prototypes/onboarding/page')) : () => null
+const OnboardingMadlibPrototype = import.meta.env.DEV ? lazy(() => import('../app/prototypes/onboarding-madlib/page')) : () => null
+
+function PageLoader() {
+  return (
+    <div className="h-full flex items-center justify-center bg-background">
+      <JettyLoader size={80} />
+    </div>
+  )
+}
+
+function RootLayout() {
+  const [projectName, setProjectName] = useState('JettyPod')
+
+  useEffect(() => {
+    dataBridge.getProjectRoot().then((root) => {
+      if (root) {
+        setProjectName(root.split('/').pop() || 'JettyPod')
+      }
+    })
+  }, [])
+
+  return (
+    <AppShell projectName={projectName}>
+      <Outlet />
+    </AppShell>
+  )
+}
+
+export const router = createBrowserRouter([
+  {
+    path: '/',
+    element: <RootLayout />,
+    children: [
+      {
+        // Dashboard layout route — kanban stays mounted while viewing work items.
+        // Navigating to /work/:id hides the kanban (display:none) instead of
+        // unmounting it, so returning to / is instant with no refetch.
+        element: <Suspense fallback={<PageLoader />}><Dashboard /></Suspense>,
+        children: [
+          { index: true, element: null },
+          { path: 'work/:id', element: <Suspense fallback={<PageLoader />}><WorkDetail /></Suspense> },
+          { path: 'work/:id/proof', element: <Suspense fallback={<PageLoader />}><ProofDashboard /></Suspense> },
+          { path: 'decision/:id', element: <Suspense fallback={<PageLoader />}><DecisionDetail /></Suspense> },
+        ],
+      },
+      { path: 'tests', element: <Suspense fallback={<PageLoader />}><Tests /></Suspense> },
+      { path: 'settings', element: <Suspense fallback={<PageLoader />}><Settings /></Suspense> },
+      { path: 'prototypes', element: <Suspense fallback={<PageLoader />}><Prototypes /></Suspense> },
+      { path: 'welcome', element: <Suspense fallback={<PageLoader />}><Welcome /></Suspense> },
+      { path: 'login', element: <Suspense fallback={<PageLoader />}><Login /></Suspense> },
+      { path: 'signup', element: <Suspense fallback={<PageLoader />}><Signup /></Suspense> },
+      { path: 'subscribe', element: <Suspense fallback={<PageLoader />}><Subscribe /></Suspense> },
+      { path: 'install-claude', element: <Suspense fallback={<PageLoader />}><InstallClaude /></Suspense> },
+      { path: 'connect-claude', element: <Suspense fallback={<PageLoader />}><ConnectClaude /></Suspense> },
+      { path: 'design-system', element: <Suspense fallback={<PageLoader />}><DesignSystem /></Suspense> },
+      { path: 'demo/gates', element: <Suspense fallback={<PageLoader />}><DemoGates /></Suspense> },
+      { path: 'prototypes/dev-session', element: <Suspense fallback={<PageLoader />}><DevSessionPrototype /></Suspense> },
+      { path: 'prototypes/proof-dashboard', element: <Suspense fallback={<PageLoader />}><ProofDashboardPrototype /></Suspense> },
+      { path: 'prototypes/onboarding', element: <Suspense fallback={<PageLoader />}><OnboardingPrototype /></Suspense> },
+      { path: 'prototypes/onboarding-madlib', element: <Suspense fallback={<PageLoader />}><OnboardingMadlibPrototype /></Suspense> },
+    ],
+  },
+])

package/apps/dashboard/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/apps/dashboard/tsconfig.json

@@ -13,22 +13,17 @@
     "isolatedModules": true,
     "jsx": "react-jsx",
     "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
     "paths": {
       "@/*": ["./*"]
     }
   },
   "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts",
-    "**/*.mts"
+    "src",
+    "app",
+    "components",
+    "contexts",
+    "hooks",
+    "lib"
   ],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", "dist", ".next"]
 }