chore(rsc): update starter-cf-single example (#1062)

Author: jamesopstad

packages/plugin-rsc/examples/basic/package.json

@@ -31,7 +31,7 @@
     "rsc-html-stream": "^0.0.7",
     "tailwindcss": "^4.1.18",
     "vite": "^7.3.1",
-    "wrangler": "^4.58.0"
+    "wrangler": "^4.59.2"
   },
   "stackblitz": {
     "installDependencies": false,

packages/plugin-rsc/examples/react-router/package.json

@@ -18,7 +18,7 @@
     "react-router": "7.12.0"
   },
   "devDependencies": {
-    "@cloudflare/vite-plugin": "^1.20.1",
+    "@cloudflare/vite-plugin": "^1.21.0",
     "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.1.18",
     "@types/react": "^19.2.8",
@@ -27,6 +27,6 @@
     "@vitejs/plugin-rsc": "latest",
     "tailwindcss": "^4.1.18",
     "vite": "^7.3.1",
-    "wrangler": "^4.58.0"
+    "wrangler": "^4.59.2"
   }
 }

packages/plugin-rsc/examples/starter-cf-single/README.md

@@ -4,13 +4,19 @@ https://vite-rsc-starter.hiro18181.workers.dev
 
 [examples/starter](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-rsc/examples/starter) integrated with [`@cloudflare/vite-plugin`](https://github.com/cloudflare/workers-sdk/tree/main/packages/vite-plugin-cloudflare).
 
-The difference from [examples/react-router](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-rsc/examples/react-router) is that this doesn't require two workers.
+The difference from [examples/react-router](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-rsc/examples/react-router) is that this doesn't require two Workers.
 
-- RSC environment always runs on Cloudflare Workers.
-- During development, SSR environment runs as Vite's default Node environment.
-- During production, SSR environment build output is directly imported into RSC environment build and both codes run on the same worker.
+`rsc` is defined as the main Worker environment while `ssr` is defined as a child environment that is embedded in the same Worker.
 
-Such communication mechanism is enabled via `rsc({ loadModuleDevProxy: true })` plugin option.
+```ts
+cloudflare({
+  viteEnvironment: {
+    name: 'rsc',
+    // Define `ssr` as a child environment so that it runs in the same Worker as the parent `rsc` environment
+    childEnvironments: ['ssr'],
+  },
+}),
+```
 
 ```sh
 # run dev server

packages/plugin-rsc/examples/starter-cf-single/package.json

@@ -15,13 +15,13 @@
     "react-dom": "^19.2.3"
   },
   "devDependencies": {
-    "@cloudflare/vite-plugin": "^1.20.1",
+    "@cloudflare/vite-plugin": "^1.21.0",
     "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "latest",
     "@vitejs/plugin-rsc": "latest",
     "rsc-html-stream": "^0.0.7",
     "vite": "^7.3.1",
-    "wrangler": "^4.58.0"
+    "wrangler": "^4.59.2"
   }
 }

packages/plugin-rsc/examples/starter-cf-single/vite.config.ts

@@ -4,48 +4,42 @@ import rsc from '@vitejs/plugin-rsc'
 import { defineConfig } from 'vite'
 
 export default defineConfig({
-  clearScreen: false,
-  build: {
-    minify: false,
-  },
   plugins: [
     react(),
     rsc({
-      entries: {
-        client: './src/framework/entry.browser.tsx',
-        ssr: './src/framework/entry.ssr.tsx',
-      },
       serverHandler: false,
-      loadModuleDevProxy: true,
     }),
     cloudflare({
-      configPath: './wrangler.jsonc',
       viteEnvironment: {
         name: 'rsc',
+        // Define `ssr` as a child environment so that it runs in the same Worker as the parent `rsc` environment
+        childEnvironments: ['ssr'],
       },
     }),
   ],
   environments: {
-    rsc: {
+    ssr: {
       build: {
+        // build `ssr` inside `rsc` directory so that
+        // wrangler can deploy self-contained `dist/rsc`
+        outDir: './dist/rsc/ssr',
         rollupOptions: {
-          // ensure `default` export only in cloudflare entry output
-          preserveEntrySignatures: 'exports-only',
+          input: {
+            index: './src/framework/entry.ssr.tsx',
+          },
         },
       },
       optimizeDeps: {
-        include: ['turbo-stream'],
+        entries: ['./src/framework/entry.ssr.tsx'],
       },
     },
-    ssr: {
-      keepProcessEnv: false,
+    client: {
       build: {
-        // build `ssr` inside `rsc` directory so that
-        // wrangler can deploy self-contained `dist/rsc`
-        outDir: './dist/rsc/ssr',
-      },
-      resolve: {
-        noExternal: true,
+        rollupOptions: {
+          input: {
+            index: './src/framework/entry.browser.tsx',
+          },
+        },
       },
     },
   },

packages/plugin-rsc/examples/starter-cf-single/wrangler.jsonc

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://www.unpkg.com/wrangler@4.19.1/config-schema.json",
+  "$schema": "./node_modules/wrangler/config-schema.json",
   "name": "vite-rsc-starter",
   "main": "./src/framework/entry.rsc.tsx",
   "workers_dev": true,