chore(rsc): replace @hiogawa/vite-rsc with @vitejs/plugin-rsc (#13933)

Author: hi-ogawa

docs/start/rsc/vite.md

@@ -28,7 +28,7 @@ npm i react-router react react-dom react-server-dom-parcel @mjackson/node-fetch-
 Along with development dependencies
 
 ```shellscript nonumber
-npm i -D vite vite-plugin-devtools-json @hiogawa/vite-rsc typescript @types/react @types/react-dom @types/express @types/compression @types/node
+npm i -D vite vite-plugin-devtools-json @vitejs/plugin-rsc typescript @types/react @types/react-dom @types/express @types/compression @types/node
 ```
 
 ## Configure Parcel
@@ -58,7 +58,7 @@ import {
   decodeReply,
   loadServerAction,
   renderToReadableStream,
-} from "@hiogawa/vite-rsc/rsc";
+} from "@vitejs/plugin-rsc/rsc";
 import { unstable_matchRSCServerRequest as matchRSCServerRequest } from "react-router";
 
 import { routes } from "./routes/routes";
@@ -102,18 +102,21 @@ export default async function handler(request: Request) {
 Create a `src/prerender.tsx` file that will be responsible for rendering our application to HTML.
 
 ```tsx nonnumber
-import { createFromReadableStream } from "@hiogawa/vite-rsc/ssr";
+import { createFromReadableStream } from "@vitejs/plugin-rsc/ssr";
 import { renderToReadableStream as renderHTMLToReadableStream } from "react-dom/server.edge";
 import {
   unstable_routeRSCServerRequest as routeRSCServerRequest,
   unstable_RSCStaticRouter as RSCStaticRouter,
 } from "react-router";
-import bootstrapScriptContent from "virtual:vite-rsc/bootstrap-script-content";
 
 export async function prerender(
   request: Request,
   fetchServer: (request: Request) => Promise<Response>
 ): Promise<Response> {
+  const bootstrapScriptContent =
+    await import.meta.viteRsc.loadBootstrapScriptContent(
+      "index"
+    );
   return await routeRSCServerRequest({
     // The incoming request.
     request,
@@ -151,7 +154,7 @@ import {
   createFromReadableStream,
   encodeReply,
   setServerCallback,
-} from "@hiogawa/vite-rsc/browser";
+} from "@vitejs/plugin-rsc/browser";
 import { startTransition, StrictMode } from "react";
 import { hydrateRoot } from "react-dom/client";
 import {

integration/helpers/rsc-vite/package.json

@@ -9,7 +9,7 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@hiogawa/vite-rsc": "0.4.4",
+    "@vitejs/plugin-rsc": "0.4.11",
     "@types/express": "^5.0.0",
     "@types/node": "^22.13.1",
     "@types/react": "^19.1.8",

integration/helpers/rsc-vite/src/entry.browser.tsx

@@ -5,7 +5,7 @@ import {
   createTemporaryReferenceSet,
   encodeReply,
   setServerCallback,
-} from "@hiogawa/vite-rsc/browser";
+} from "@vitejs/plugin-rsc/browser";
 import {
   unstable_createCallServer as createCallServer,
   unstable_getRSCStream as getRSCStream,

integration/helpers/rsc-vite/src/entry.rsc.tsx

@@ -4,7 +4,7 @@ import {
   decodeReply,
   loadServerAction,
   renderToReadableStream,
-} from "@hiogawa/vite-rsc/rsc";
+} from "@vitejs/plugin-rsc/rsc";
 import { unstable_matchRSCServerRequest as matchRSCServerRequest } from "react-router";
 
 import { routes } from "./routes";

integration/helpers/rsc-vite/src/entry.ssr.tsx

@@ -1,5 +1,4 @@
-import bootstrapScriptContent from "virtual:vite-rsc/bootstrap-script-content";
-import { createFromReadableStream } from "@hiogawa/vite-rsc/ssr";
+import { createFromReadableStream } from "@vitejs/plugin-rsc/ssr";
 // @ts-expect-error
 import * as ReactDomServer from "react-dom/server.edge";
 import {
@@ -11,6 +10,8 @@ export default async function handler(
   request: Request,
   fetchServer: (request: Request) => Promise<Response>
 ) {
+  const bootstrapScriptContent =
+    await import.meta.viteRsc.loadBootstrapScriptContent("index");
   return routeRSCServerRequest({
     request,
     fetchServer,

integration/helpers/rsc-vite/tsconfig.json

@@ -11,7 +11,7 @@
     "module": "ESNext",
     "target": "ESNext",
     "lib": ["ESNext", "DOM", "DOM.Iterable"],
-    "types": ["vite/client", "@hiogawa/vite-rsc/types"],
+    "types": ["vite/client", "@vitejs/plugin-rsc/types"],
     "jsx": "react-jsx"
   }
 }

integration/helpers/rsc-vite/vite.config.ts

@@ -1,4 +1,4 @@
-import rsc from "@hiogawa/vite-rsc/plugin";
+import rsc from "@vitejs/plugin-rsc";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 

playground/rsc-vite/package.json

@@ -9,7 +9,7 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@hiogawa/vite-rsc": "0.4.4",
+    "@vitejs/plugin-rsc": "0.4.11",
     "@types/express": "^5.0.0",
     "@types/node": "^22.13.1",
     "@types/react": "^19.1.8",

playground/rsc-vite/src/entry.browser.tsx

@@ -5,7 +5,7 @@ import {
   createTemporaryReferenceSet,
   encodeReply,
   setServerCallback,
-} from "@hiogawa/vite-rsc/browser";
+} from "@vitejs/plugin-rsc/browser";
 import {
   unstable_createCallServer as createCallServer,
   unstable_getRSCStream as getRSCStream,

playground/rsc-vite/src/entry.rsc.tsx

@@ -4,7 +4,7 @@ import {
   decodeReply,
   loadServerAction,
   renderToReadableStream,
-} from "@hiogawa/vite-rsc/rsc";
+} from "@vitejs/plugin-rsc/rsc";
 import { unstable_matchRSCServerRequest as matchRSCServerRequest } from "react-router";
 
 import { routes } from "./routes";