__rwjs__router

packages/router/src/page.ts

@@ -50,7 +50,7 @@ export function normalizePage(
     LazyComponent: specOrPage,
   }
 
-  console.log('normalizePage spec', specOrPage)
+  console.log('normalizePage spec', spec)
 
   return spec
 }

packages/vite/src/client.ts

@@ -1,4 +1,4 @@
-import { cache, use, useEffect, useState } from 'react'
+import React, { cache, use, useEffect, useState } from 'react'
 import type { ReactElement } from 'react'
 
 import type { Options } from 'react-server-dom-webpack/client'
@@ -23,15 +23,29 @@ const BASE_PATH = '/rw-rsc/'
 export function renderFromRscServer<TProps>(rscId: string) {
   console.log('serve rscId (renderFromRscServer)', rscId)
 
-  console.log('window', typeof window)
-
   // TODO (RSC): Remove this when we have a babel plugin to call another
   // function during SSR
   if (typeof window === 'undefined') {
     // Temporarily skip rendering this component during SSR
     return null
   }
 
+  if (rscId === 'NavigationLayout') {
+    console.log('renderFromRscServer - NavigationLayout')
+
+    // @ts-expect-error I don't care about types, this is just for debugging
+    return function HardcodedNavigationLayout(props) {
+      return React.createElement('div', {}, [
+        'Hardcoded NavigationLayout',
+        React.createElement(
+          'pre',
+          {},
+          React.createElement('code', {}, JSON.stringify(props, null, 2)),
+        ),
+      ])
+    }
+  }
+
   type SetRerender = (
     rerender: (next: [Thenable<ReactElement>, string]) => void,
   ) => () => void

packages/vite/src/lib/entries.ts

@@ -36,6 +36,7 @@ export function getEntries() {
 
   entries['NavigationLayout'] =
     getPaths().web.layouts + '/NavigationLayout/NavigationLayout.tsx'
+  entries['__rwjs__Router'] = getPaths().web.src + '/ServerRoutes.tsx'
 
   // Add the ServerEntry entry, noting we use the "__rwjs__" prefix to avoid
   // any potential conflicts with user-defined entries

packages/vite/src/rsc/rscWorker.ts

@@ -392,6 +392,18 @@ async function renderRsc(input: RenderInput): Promise<PipeableStream> {
     // continue for mutation mode
   }
 
+  if (input.rscId?.startsWith('__rwjs__router')) {
+    console.log('render Router rscId', input.rscId)
+    const router = await getFunctionComponent('__rwjs__Router')
+    console.log('render Router router', router)
+
+    return renderToPipeableStream(
+      createElement(router, { location: { pathname: '/about' } }),
+      // createElement('div', {}, 'AboutPage'),
+      bundlerConfig,
+    ).pipe(transformRsfId(config.root))
+  }
+
   if (input.rscId && input.props) {
     const component = await getFunctionComponent(input.rscId)