refactor client server components to references plugin

nksaraf · Aug 15, 2023 · f1f8f82 · f1f8f82
1 parent c7bc296
commit f1f8f82
Show file tree

Hide file tree

Showing 24 changed files with 896 additions and 1,359 deletions.
diff --git a/examples/react/rsc/spa/app.config.js b/examples/react/rsc/spa/app.config.js
diff --git a/examples/react/rsc/spa/app/client.tsx b/examples/react/rsc/spa/app/client.tsx
@@ -4,15 +4,17 @@ import React, { Suspense, startTransition } from "react";
 import { Root, createRoot, hydrateRoot } from "react-dom/client";
 import "vinxi/runtime/client";
 
+import { sayHello } from "./actions";
+import { fetchServerAction } from "./fetchServerAction";
 import { ServerComponent } from "./server-component";
 
-// document.addEventListener("click", async (e) => {
-// 	console.log(sayHello, "hello");
+document.addEventListener("click", async (e) => {
+	console.log(sayHello, "hello");
 
-// 	const result = await fetchServerAction("/_server", sayHello["$$id"], []);
-// 	console.log(result);
-// 	// sayHello();
-// });
+	const result = await fetchServerAction("/_server", sayHello["$$id"], []);
+	console.log(result);
+	// sayHello();
+});
 
 globalThis.__vite__ = createModuleLoader({
 	loadModule: async (id) => {

diff --git a/examples/react/rsc/spa/app/react-server.tsx b/examples/react/rsc/spa/app/react-server.tsx
@@ -1,7 +1,7 @@
 import { renderAsset } from "@vinxi/react";
 import { renderToPipeableStream } from "@vinxi/react-server-dom-vite/server";
-import React, { Suspense } from "react";
-import { eventHandler, sendStream } from "vinxi/runtime/server";
+import { Suspense } from "react";
+import { eventHandler } from "vinxi/runtime/server";
 
 import App from "./app";
 
@@ -28,6 +28,7 @@ export default eventHandler(async (event) => {
 			decodeReplyFromBusboy,
 			decodeAction,
 		} = await import("@vinxi/react-server-dom-vite/server");
+		console.log(event.node.req.headers);
 		const serverReference = event.node.req.headers["rsc-action"];
 		if (serverReference) {
 			// This is the client-side case

diff --git a/examples/react/rsc/spa/package.json b/examples/react/rsc/spa/package.json
@@ -7,6 +7,7 @@
   },
   "dependencies": {
     "@picocss/pico": "^1.5.7",
+    "@vinxi/plugin-references": "workspace:^",
     "@vinxi/react": "workspace:^",
     "@vinxi/react-server-dom-vite": "^0.0.2",
     "@vitejs/plugin-react": "^4.0.1",