chore(rsc): update vite-rsc to use css export transform

hi-ogawa · hi-ogawa · commit 2d872b60c401 · 2025-06-18T17:21:26.000+09:00
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.3",
     "@types/express": "^5.0.0",
     "@types/node": "^22.13.1",
     "@types/react": "^19.1.8",
diff --git a/playground/rsc-vite/src/routes.ts b/playground/rsc-vite/src/routes.ts
@@ -4,14 +4,14 @@ export const routes = [
   {
     id: "root",
     path: "",
-    // requiredCSS: ["/index.css"],
-    lazy: () => import("./routes/root/root"),
+    // @ts-expect-error
+    lazy: () => import("./routes/root/root?vite-rsc-css-export=Layout"),
     children: [
       {
         id: "home",
         index: true,
         // @ts-expect-error
-        lazy: () => import("./routes/home/home"),
+        lazy: () => import("./routes/home/home?vite-rsc-css-export=default"),
       },
       {
         id: "about",
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
`@@ -4,14 +4,14 @@ export const routes = [`
`4`	`4`	`{`
`5`	`5`	`id: "root",`
`6`	`6`	`path: "",`
`7`		`- // requiredCSS: ["/index.css"],`
`8`		`- lazy: () => import("./routes/root/root"),`
	`7`	`+ // @ts-expect-error`
	`8`	`+ lazy: () => import("./routes/root/root?vite-rsc-css-export=Layout"),`
`9`	`9`	`children: [`
`10`	`10`	`{`
`11`	`11`	`id: "home",`
`12`	`12`	`index: true,`
`13`	`13`	`// @ts-expect-error`
`14`		`- lazy: () => import("./routes/home/home"),`
	`14`	`+ lazy: () => import("./routes/home/home?vite-rsc-css-export=default"),`
`15`	`15`	`},`
`16`	`16`	`{`
`17`	`17`	`id: "about",`