update

pi0 · pi0 · commit 38a5e3d14264 · 2026-03-25T10:21:21.000+01:00
diff --git a/examples/vite-ssr-arrow/.gitignore b/examples/vite-ssr-arrow/.gitignore
@@ -0,0 +1,2 @@
+.vercel
+.env*.local
diff --git a/examples/vite-ssr-arrow/nitro.config.ts b/examples/vite-ssr-arrow/nitro.config.ts
@@ -0,0 +1,5 @@
+import { defineConfig } from "nitro";
+
+export default defineConfig({
+  traceDeps: ["jsdom"],
+});
diff --git a/examples/vite-ssr-arrow/package.json b/examples/vite-ssr-arrow/package.json
@@ -10,11 +10,8 @@
     "@arrow-js/framework": "latest",
     "@arrow-js/hydrate": "latest",
     "@arrow-js/ssr": "latest",
+    "jsdom": "latest",
     "nitro": "latest",
     "vite": "latest"
-  },
-  "TODO": [
-    "@arrow-js/vite-plugin-arrow - investigate workspace alias plugin for external use",
-    "@arrow-js/hydrate - investigate hydration adoption (currently using client-side takeover)"
-  ]
+  }
 }
diff --git a/examples/vite-ssr-arrow/src/entry-client.ts b/examples/vite-ssr-arrow/src/entry-client.ts
@@ -1,5 +1,13 @@
+import { render } from "@arrow-js/framework";
 import { App } from "./app.ts";
 
+// TODO: hydrate() adopts DOM nodes but loses reactivity due to
+// JSDOM vs browser whitespace serialization differences causing
+// text node misalignment in the adoption map.
+// import { hydrate, readPayload } from "@arrow-js/hydrate";
+// const payload = readPayload();
+// await hydrate(root, App(), payload);
+
 const root = document.getElementById("app")!;
-root.textContent = "";
-App()(root);
+
+await render(root, App());
diff --git a/examples/vite-ssr-arrow/src/entry-server.ts b/examples/vite-ssr-arrow/src/entry-server.ts
@@ -1,5 +1,5 @@
 import "./styles.css";
-import { renderToString } from "@arrow-js/ssr";
+import { renderToString, serializePayload } from "@arrow-js/ssr";
 import { App } from "./app.ts";
 
 import clientAssets from "./entry-client?assets=client";
@@ -31,6 +31,7 @@ export default {
   </head>
   <body>
     <div id="app">${result.html}</div>
+    ${serializePayload(result.payload)}
   </body>
 </html>`;
 
diff --git a/examples/vite-ssr-arrow/tsconfig.json b/examples/vite-ssr-arrow/tsconfig.json
@@ -1,11 +1,4 @@
 {
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"]
+  "extends": "nitro/tsconfig",
+  "compilerOptions": {},
 }
diff --git a/examples/vite-ssr-arrow/vite.config.ts b/examples/vite-ssr-arrow/vite.config.ts
@@ -8,20 +8,4 @@ export default defineConfig({
       build: { rollupOptions: { input: "./src/entry-client.ts" } },
     },
   },
-  optimizeDeps: {
-    exclude: [
-      "@arrow-js/core",
-      "@arrow-js/framework",
-      "@arrow-js/ssr",
-      "@arrow-js/hydrate",
-    ],
-  },
-  ssr: {
-    noExternal: [
-      "@arrow-js/core",
-      "@arrow-js/framework",
-      "@arrow-js/ssr",
-      "@arrow-js/hydrate",
-    ],
-  },
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,11 +1,4 @@`
`1`	`1`	`{`
`2`		`- "compilerOptions": {`
`3`		`- "target": "ESNext",`
`4`		`- "module": "ESNext",`
`5`		`- "moduleResolution": "bundler",`
`6`		`- "strict": true,`
`7`		`- "esModuleInterop": true,`
`8`		`- "skipLibCheck": true`
`9`		`- },`
`10`		`- "include": ["src"]`
	`2`	`+ "extends": "nitro/tsconfig",`
	`3`	`+ "compilerOptions": {},`
`11`	`4`	`}`