chore(rsc/example): use different url for RSC and SSR requests

[Copilot]

• Closes Different request url for SSR request and RSC request #974

Summary:

The changes make RSC/SSR request routing more explicit by using URL pathname suffix (_.rsc) instead of relying on the accept header. This approach is clearer and more consistent. The Vary: accept header has been removed since we no longer use the accept header for content negotiation.

Files changed: 12 files

• Created 3 new shared.tsx files
• Modified 9 existing files (3 entry.rsc.tsx, 3 entry.browser.tsx, and 3 entry.ssr.tsx)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Different request url for SSR request and RSC request</issue_title>
<issue_description>Let's replace accept header based switch in many examples:

vite-plugin-react/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx

Lines 85 to 101 in 6a1ef8c

	// respond RSC stream without HTML rendering based on framework's convention.
	// here we use request header `content-type`.
	// additionally we allow `?__rsc` and `?__html` to easily view payload directly.
	const isRscRequest =
	(!request.headers.get('accept')?.includes('text/html') &&
	!url.searchParams.has('__html')) ||
	url.searchParams.has('__rsc')
	if (isRscRequest) {
	return new Response(rscStream, {
	status: statusCode,
	headers: {
	'content-type': 'text/x-component;charset=utf-8',
	vary: 'accept',
	},
	})
	}

with the one based on explicit _.rsc post fix based switch:

vite-plugin-react/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx

Lines 8 to 25 in 6a1ef8c

	let url = new URL(request.url)
	let isRscRequest = false
	if (url.pathname.endsWith(RSC_POSTFIX)) {
	isRscRequest = true
	url.pathname = url.pathname.slice(0, -RSC_POSTFIX.length)
	}
	const rscPayload: RscPayload = { root: <Root url={url} /> }
	const rscStream = renderToReadableStream<RscPayload>(rscPayload)
	if (isRscRequest) {
	return new Response(rscStream, {
	headers: {
	'content-type': 'text/x-component;charset=utf-8',
	vary: 'accept',
	},
	})
	}

</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Different request url for SSR request and RSC request #974

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[hi-ogawa]

@copilot vary header is not needed anymore. remove it.

[Copilot]

@copilot vary header is not needed anymore. remove it.

Removed vary: 'accept' header from all response headers in commit 4aa52a8.

[hi-ogawa]

@copilot fix "ci-rsc / test"

Run pnpm -C packages/plugin-rsc tsc

@vitejs/plugin-rsc@0.5.1 tsc /home/runner/work/vite-plugin-react/vite-plugin-react/packages/plugin-rsc
tsc -b ./tsconfig.json ./e2e/tsconfig.json ./examples/*/tsconfig.json

Error: examples/basic/src/framework/entry.ssr.tsx(6,15): error TS2459: Module '"./entry.rsc"' declares 'RscPayload' locally, but it is not exported.
Error: examples/starter-cf-single/src/framework/entry.ssr.tsx(6,15): error TS2614: Module '"./entry.rsc"' has no exported member 'RscPayload'. Did you mean to use 'import RscPayload from "./entry.rsc"' instead?
Error: examples/starter/src/framework/entry.ssr.tsx(6,15): error TS2614: Module '"./entry.rsc"' has no exported member 'RscPayload'. Did you mean to use 'import RscPayload from "./entry.rsc"' instead?
 ELIFECYCLE  Command failed with exit code 2.
Error: Process completed with exit code 2.

[Copilot]

@copilot fix "ci-rsc / test"

Run pnpm -C packages/plugin-rsc tsc
...

Fixed TypeScript compilation errors by updating RscPayload imports in entry.ssr.tsx files to use ./shared instead of ./entry.rsc in commit 25b93a5.