+
+
+ )
+}
diff --git a/packages/plugin-rsc/examples/browser-mode2/tsconfig.json b/packages/plugin-rsc/examples/browser-mode2/tsconfig.json
new file mode 100644
index 000000000..4c355ed3c
--- /dev/null
+++ b/packages/plugin-rsc/examples/browser-mode2/tsconfig.json
@@ -0,0 +1,18 @@
+{
+ "compilerOptions": {
+ "erasableSyntaxOnly": true,
+ "allowImportingTsExtensions": true,
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "skipLibCheck": true,
+ "verbatimModuleSyntax": true,
+ "noEmit": true,
+ "moduleResolution": "Bundler",
+ "module": "ESNext",
+ "target": "ESNext",
+ "lib": ["ESNext", "DOM", "DOM.Iterable"],
+ "types": ["vite/client", "@vitejs/plugin-rsc/types"],
+ "jsx": "react-jsx"
+ }
+}
diff --git a/packages/plugin-rsc/examples/browser-mode2/vite.config.ts b/packages/plugin-rsc/examples/browser-mode2/vite.config.ts
new file mode 100644
index 000000000..9579455c8
--- /dev/null
+++ b/packages/plugin-rsc/examples/browser-mode2/vite.config.ts
@@ -0,0 +1,185 @@
+import { defaultClientConditions, defineConfig, type Plugin } from 'vite'
+import react from '@vitejs/plugin-react'
+import {
+ vitePluginRscMinimal,
+ getPluginApi,
+ type PluginApi,
+} from '@vitejs/plugin-rsc/plugin'
+
+export default defineConfig({
+ plugins: [react(), rscBrowserMode2Plugin()],
+ environments: {
+ client: {
+ build: {
+ minify: false,
+ },
+ },
+ },
+})
+
+function rscBrowserMode2Plugin(): Plugin[] {
+ let manager: PluginApi['manager']
+
+ return [
+ ...vitePluginRscMinimal({
+ environment: {
+ rsc: 'rsc',
+ browser: 'client',
+ },
+ }),
+ {
+ name: 'rsc-browser-mode2',
+ config(userConfig, env) {
+ return {
+ define: {
+ 'import.meta.env.__vite_rsc_build__': JSON.stringify(
+ env.command === 'build',
+ ),
+ },
+ environments: {
+ client: {
+ keepProcessEnv: false,
+ resolve: {
+ conditions: [...defaultClientConditions],
+ },
+ optimizeDeps: {
+ include: [
+ 'react',
+ 'react-dom',
+ 'react-dom/client',
+ 'react/jsx-runtime',
+ 'react/jsx-dev-runtime',
+ '@vitejs/plugin-rsc/vendor/react-server-dom/client.browser',
+ ],
+ exclude: ['@vitejs/plugin-rsc'],
+ },
+ build: {
+ outDir: 'dist/client',
+ },
+ },
+ rsc: {
+ keepProcessEnv: false,
+ resolve: {
+ conditions: ['react-server', ...defaultClientConditions],
+ noExternal: true,
+ },
+ optimizeDeps: {
+ include: [
+ 'react',
+ 'react-dom',
+ 'react/jsx-runtime',
+ 'react/jsx-dev-runtime',
+ '@vitejs/plugin-rsc/vendor/react-server-dom/server.edge',
+ ],
+ exclude: ['@vitejs/plugin-rsc'],
+ esbuildOptions: {
+ platform: 'browser',
+ },
+ },
+ build: {
+ outDir: 'dist/rsc',
+ copyPublicDir: false,
+ emitAssets: true,
+ rollupOptions: {
+ input: {
+ 'entry.rsc': './src/framework/entry.rsc.tsx',
+ },
+ },
+ },
+ },
+ },
+ builder: {
+ sharedPlugins: true,
+ sharedConfigBuild: true,
+ },
+ build: {
+ rollupOptions: {
+ onwarn(warning, defaultHandler) {
+ if (
+ warning.code === 'MODULE_LEVEL_DIRECTIVE' &&
+ (warning.message.includes('use client') ||
+ warning.message.includes('use server'))
+ ) {
+ return
+ }
+ if (
+ warning.code === 'SOURCEMAP_ERROR' &&
+ warning.message.includes('resolve original location') &&
+ warning.pos === 0
+ ) {
+ return
+ }
+ if (userConfig.build?.rollupOptions?.onwarn) {
+ userConfig.build.rollupOptions.onwarn(warning, defaultHandler)
+ } else {
+ defaultHandler(warning)
+ }
+ },
+ },
+ },
+ }
+ },
+ configResolved(config) {
+ manager = getPluginApi(config)!.manager
+ },
+ configureServer(server) {
+ server.middlewares.use(async (req, res, next) => {
+ const url = new URL(req.url ?? '/', 'https://any.local')
+ if (url.pathname === '/@vite/invoke-rsc') {
+ const payload = JSON.parse(url.searchParams.get('data')!)
+ const result =
+ await server.environments['rsc']!.hot.handleInvoke(payload)
+ res.setHeader('Content-Type', 'application/json')
+ res.end(JSON.stringify(result))
+ return
+ }
+ next()
+ })
+ },
+ hotUpdate(ctx) {
+ if (this.environment.name === 'rsc') {
+ if (ctx.modules.length > 0) {
+ ctx.server.environments.client.hot.send({
+ type: 'custom',
+ event: 'rsc:update',
+ })
+ }
+ }
+ },
+ async buildApp(builder) {
+ const rscEnv = builder.environments.rsc!
+ const clientEnv = builder.environments.client!
+ manager.isScanBuild = true
+ rscEnv.config.build.write = false
+ await builder.build(rscEnv)
+ manager.isScanBuild = false
+ rscEnv.config.build.write = true
+ await builder.build(rscEnv)
+ await builder.build(clientEnv)
+ },
+ },
+ {
+ name: 'rsc-browser-mode2:load-rsc',
+ resolveId(source) {
+ if (source === 'virtual:vite-rsc-browser-mode2/load-rsc') {
+ if (this.environment.mode === 'dev') {
+ return this.resolve('/src/framework/load-rsc-dev')
+ }
+ return '\0' + source
+ }
+ },
+ load(id) {
+ if (id === '\0virtual:vite-rsc-browser-mode2/load-rsc') {
+ // In build mode, return a function that dynamically imports the built RSC module
+ if (manager.isScanBuild) {
+ return `export default async () => {}`
+ } else {
+ return `export default async () => {
+ return await import("/dist/rsc/entry.rsc.js")
+ }`
+ }
+ }
+ },
+ },
+ ]
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index db0a7a5c2..d5474f240 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -584,6 +584,31 @@ importers:
specifier: ^7.1.10
version: 7.1.10(@types/node@22.18.11)(jiti@2.6.1)(lightningcss@1.30.2)(yaml@2.8.1)
+ packages/plugin-rsc/examples/browser-mode2:
+ dependencies:
+ react:
+ specifier: ^19.2.0
+ version: 19.2.0
+ react-dom:
+ specifier: ^19.2.0
+ version: 19.2.0(react@19.2.0)
+ devDependencies:
+ '@types/react':
+ specifier: ^19.2.2
+ version: 19.2.2
+ '@types/react-dom':
+ specifier: ^19.2.2
+ version: 19.2.2(@types/react@19.2.2)
+ '@vitejs/plugin-react':
+ specifier: latest
+ version: link:../../../plugin-react
+ '@vitejs/plugin-rsc':
+ specifier: latest
+ version: link:../..
+ vite:
+ specifier: ^7.1.10
+ version: 7.1.10(@types/node@22.18.11)(jiti@2.6.1)(lightningcss@1.30.2)(yaml@2.8.1)
+
packages/plugin-rsc/examples/e2e:
devDependencies:
'@vitejs/plugin-react':
From 67d09defa06952b85bfabfd5659d2069bc3e4021 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 21 Oct 2025 12:59:28 +0000
Subject: [PATCH 03/22] Fix browser-mode2: add client/server reference mappings
for build mode
Co-authored-by: hi-ogawa <4232207+hi-ogawa@users.noreply.github.com>
---
.../src/framework/entry.browser.tsx | 19 +++++++-
.../browser-mode2/src/framework/entry.rsc.tsx | 22 ++++++++-
.../browser-mode2/src/framework/main.tsx | 1 +
.../browser-mode2/src/framework/virtual.d.ts | 10 +++++
.../examples/browser-mode2/vite.config.ts | 45 +++++++++++++++++++
5 files changed, 95 insertions(+), 2 deletions(-)
diff --git a/packages/plugin-rsc/examples/browser-mode2/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/browser-mode2/src/framework/entry.browser.tsx
index e4d4d7757..154f2e4ea 100644
--- a/packages/plugin-rsc/examples/browser-mode2/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/browser-mode2/src/framework/entry.browser.tsx
@@ -3,10 +3,12 @@ import { createRoot } from 'react-dom/client'
import {
createFromFetch,
setServerCallback,
+ setRequireModule,
createTemporaryReferenceSet,
encodeReply,
-} from '@vitejs/plugin-rsc/browser'
+} from '@vitejs/plugin-rsc/react/browser'
import type { RscPayload } from './entry.rsc'
+import buildClientReferences from 'virtual:vite-rsc-browser-mode2/build-client-references'
let fetchRsc: (request: Request) => PromiseVite + RSC
+
+
+
+
+
+ -
+
-
+ Edit
src/client.tsxto test client HMR. +
+ -
+ Edit
src/root.tsxto test server HMR. +
+