chore(rsc): update vite-rsc for automatic server css support (#13826)

hi-ogawa · web-flow · commit ab925838fbae · 2025-06-23T10:08:56.000+10:00
diff --git a/integration/helpers/rsc-vite/package.json b/integration/helpers/rsc-vite/package.json
@@ -9,7 +9,7 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@hiogawa/vite-rsc": "0.4.2",
+    "@hiogawa/vite-rsc": "0.4.4",
     "@types/express": "^5.0.0",
     "@types/node": "^22.13.1",
     "@types/react": "^19.1.8",
diff --git a/integration/helpers/rsc-vite/src/entry.rsc.tsx b/integration/helpers/rsc-vite/src/entry.rsc.tsx
@@ -38,9 +38,9 @@ export async function callServer(request: Request) {
 }
 
 export default async function handler(request: Request) {
-  const ssr = await import.meta.viteRsc.loadSsrModule<
+  const ssr = await import.meta.viteRsc.loadModule<
     // eslint-disable-next-line @typescript-eslint/consistent-type-imports
     typeof import("./entry.ssr")
-  >("index");
+  >("ssr", "index");
   return ssr.default(request, callServer);
 }
diff --git a/playground/rsc-vite/package.json b/playground/rsc-vite/package.json
@@ -9,7 +9,7 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@hiogawa/vite-rsc": "0.4.2",
+    "@hiogawa/vite-rsc": "0.4.4",
     "@types/express": "^5.0.0",
     "@types/node": "^22.13.1",
     "@types/react": "^19.1.8",
diff --git a/playground/rsc-vite/src/entry.rsc.tsx b/playground/rsc-vite/src/entry.rsc.tsx
@@ -39,8 +39,8 @@ export async function callServer(request: Request) {
 }
 
 export default async function handler(request: Request) {
-  const ssr = await import.meta.viteRsc.loadSsrModule<
+  const ssr = await import.meta.viteRsc.loadModule<
     typeof import("./entry.ssr")
-  >("index");
+  >("ssr", "index");
   return ssr.default(request, callServer);
 }
diff --git a/playground/rsc-vite/src/routes.ts b/playground/rsc-vite/src/routes.ts
@@ -4,7 +4,6 @@ export const routes = [
   {
     id: "root",
     path: "",
-    // requiredCSS: ["/index.css"],
     lazy: () => import("./routes/root/root"),
     children: [
       {
diff --git a/playground/rsc-vite/src/routes/home/home.css b/playground/rsc-vite/src/routes/home/home.css
@@ -0,0 +1,4 @@
+.server-box-home {
+  border: 1px solid black;
+  padding: 10px;
+}
diff --git a/playground/rsc-vite/src/routes/home/home.tsx b/playground/rsc-vite/src/routes/home/home.tsx
@@ -5,6 +5,8 @@ import { Counter } from "../../counter";
 import { redirect } from "react-router/rsc";
 import type { LoaderFunctionArgs } from "react-router";
 
+import "./home.css";
+
 export async function loader({ request }: LoaderFunctionArgs) {
   await new Promise((r) => setTimeout(r, 500));
   return {
@@ -39,7 +41,7 @@ export default function HomeRoute({
   };
 
   return (
-    <div style={{ border: "1px solid black", padding: "10px" }}>
+    <div className="server-box-home">
       <h2>Home Route</h2>
       <p>Loader data: {message}</p>
       <Counter />
diff --git a/playground/rsc-vite/src/routes/root/root.tsx b/playground/rsc-vite/src/routes/root/root.tsx
@@ -64,7 +64,6 @@ export function Layout({ children }: { children: React.ReactNode }) {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>React Server</title>
         <Links />
-        {import.meta.viteRsc.loadCss()}
       </head>
       <body>
         <div className="server-box">
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -38,9 +38,9 @@ export async function callServer(request: Request) {`
`38`	`38`	`}`
`39`	`39`
`40`	`40`	`export default async function handler(request: Request) {`
`41`		`- const ssr = await import.meta.viteRsc.loadSsrModule<`
	`41`	`+ const ssr = await import.meta.viteRsc.loadModule<`
`42`	`42`	`// eslint-disable-next-line @typescript-eslint/consistent-type-imports`
`43`	`43`	`typeof import("./entry.ssr")`
`44`		`- >("index");`
	`44`	`+ >("ssr", "index");`
`45`	`45`	`return ssr.default(request, callServer);`
`46`	`46`	`}`
Original file line number	Diff line number	Diff line change
`@@ -39,8 +39,8 @@ export async function callServer(request: Request) {`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`export default async function handler(request: Request) {`
`42`		`- const ssr = await import.meta.viteRsc.loadSsrModule<`
	`42`	`+ const ssr = await import.meta.viteRsc.loadModule<`
`43`	`43`	`typeof import("./entry.ssr")`
`44`		`- >("index");`
	`44`	`+ >("ssr", "index");`
`45`	`45`	`return ssr.default(request, callServer);`
`46`	`46`	`}`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,6 @@ export const routes = [`
`4`	`4`	`{`
`5`	`5`	`id: "root",`
`6`	`6`	`path: "",`
`7`		`- // requiredCSS: ["/index.css"],`
`8`	`7`	`lazy: () => import("./routes/root/root"),`
`9`	`8`	`children: [`
`10`	`9`	`{`