wildpig 1.5.3 → 1.5.5

package/entry/client.tsx

@@ -5,8 +5,10 @@ import { hydrateRoot } from "react-dom/client"
 
 
 const render = () => {
+    // 获取serverData
+    const serverData = (window as any).__SERVER_DATA__ || undefined;
     // 水合
-    hydrateRoot(document.getElementById('root')!, <App router={browserRouter} />)
+    hydrateRoot(document.getElementById('root')!, <App router={browserRouter} serverData={serverData} />)
 }
 
 document.addEventListener('DOMContentLoaded', render);

package/entry/server.tsx

@@ -6,7 +6,7 @@ import { createStaticHandler, createStaticRouter } from "react-router"
 
 
 
-export const render = async (req: Request) => {
+export const render = async (req: Request, serverData?: any) => {
     // 1. 创建处理器
     const { query, dataRoutes } = createStaticHandler(routes)
     
@@ -20,6 +20,6 @@ export const render = async (req: Request) => {
     
     // 4. 创建静态路由
     const router = createStaticRouter(dataRoutes, context)
-    const html = renderToString(<App router={router} />)
+    const html = renderToString(<App router={router} serverData={serverData}/>)
     return html;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wildpig",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "author": "eriktse",
   "type": "module",
   "bin": {

package/scripts/devServer.ts

@@ -75,7 +75,7 @@ const viteHandler = (apiModules: any) => async (request: Request) => {
     // 2. 获取渲染函数
     const { render } = await viteServer.ssrLoadModule('/node_modules/wildpig/entry/server.tsx')
     // 3. 获取应用程序 HTML
-    const appHtml = await render(request)
+    const appHtml = await render(request, serverData)
 
     // 4. 注入渲染后的应用程序 HTML 到模板中。
     const html = template