add static props

codehz · codehz · commit 52b7d319c8cc · 2024-07-05T18:53:53.000+08:00
diff --git a/example/index.ts b/example/index.ts
@@ -13,6 +13,9 @@ Bun.serve({
         "x-powered-by": "bun",
         "cache-control": "max-age=14400, immutable",
       },
+      staticProps: {
+        meta: require("./.build/.meta.json").hashed,
+      },
     });
     if (response) return response;
     return new Response("Not found", {
diff --git a/example/shell.tsx b/example/shell.tsx
@@ -1,10 +1,14 @@
-export const ExampleShell: React.FC<{ children: React.ReactElement }> = ({
-  children,
-}) => (
+export const ExampleShell: React.FC<{
+  children: React.ReactElement;
+  meta?: Record<string, string>;
+}> = ({ children, meta }) => (
   <html>
     <head>
       <title>Example</title>
     </head>
-    <body>{children}</body>
+    <body>
+      <div>{children}</div>
+      <output>{JSON.stringify(meta)}</output>
+    </body>
   </html>
 );
diff --git a/hydrate.tsx b/hydrate.tsx
@@ -7,6 +7,7 @@ const globalX = globalThis as unknown as {
   __PAGES_DIR__: string;
   __INITIAL_ROUTE__: string;
   __ROUTES__: Record<string, string>;
+  __STATIC_PROPS__?: Record<string, unknown>;
   __SERVERSIDE_PROPS__?: any;
 };
 
@@ -33,6 +34,7 @@ export async function hydrate(
     <RouterHost Shell={Shell} {...options}>
       <Shell
         route={globalX.__INITIAL_ROUTE__}
+        {...globalX.__STATIC_PROPS__}
         {...globalX.__SERVERSIDE_PROPS__}
       >
         <Initial.default {...globalX.__SERVERSIDE_PROPS__?.props} />
diff --git a/index.tsx b/index.tsx
@@ -50,6 +50,7 @@ export class StaticRouters {
       },
       noStreaming,
       staticHeaders,
+      staticProps,
     }: {
       Shell: React.ComponentType<{ children: React.ReactElement }>;
       preloadScript?: string;
@@ -58,6 +59,7 @@ export class StaticRouters {
       onError?(error: unknown, errorInfo: React.ErrorInfo): string | void;
       noStreaming?: boolean;
       staticHeaders?: HeadersInit;
+      staticProps?: Record<string, unknown>;
     }
   ): Promise<Response | null> {
     const { pathname, search } = new URL(request.url);
@@ -98,7 +100,7 @@ export class StaticRouters {
       });
     }
     const stream = await renderToReadableStream(
-      <Shell route={serverSide.pathname + search} {...result}>
+      <Shell route={serverSide.pathname + search} {...staticProps} {...result}>
         <module.default {...result?.props} />
       </Shell>,
       {
@@ -108,6 +110,7 @@ export class StaticRouters {
           `__PAGES_DIR__=${JSON.stringify(this.pageDir)}`,
           `__INITIAL_ROUTE__=${JSON.stringify(serverSide.pathname + search)}`,
           `__ROUTES__=${this.#routes_dump}`,
+          !!staticProps && `__STATIC_PROPS__=${NJSON.stringify(staticProps)}`,
           `__SERVERSIDE_PROPS__=${stringified}`,
         ]
           .filter(Boolean)
