feat: add react-server-dom-vite

.eslintrc.js

@@ -330,6 +330,7 @@ module.exports = {
         'packages/react-server-dom-webpack/**/*.js',
         'packages/react-server-dom-turbopack/**/*.js',
         'packages/react-server-dom-parcel/**/*.js',
+        'packages/react-server-dom-vite/**/*.js',
         'packages/react-server-dom-fb/**/*.js',
         'packages/react-test-renderer/**/*.js',
         'packages/react-debug-tools/**/*.js',
@@ -484,6 +485,9 @@ module.exports = {
         parcelRequire: 'readonly',
       },
     },
+    {
+      files: ['packages/react-server-dom-vite/**/*.js'],
+    },
     {
       files: ['packages/scheduler/**/*.js'],
       globals: {

ReactVersions.js

@@ -41,6 +41,7 @@ const stablePackages = {
   'react-server-dom-webpack': ReactVersion,
   'react-server-dom-turbopack': ReactVersion,
   'react-server-dom-parcel': ReactVersion,
+  'react-server-dom-vite': ReactVersion,
   'react-is': ReactVersion,
   'react-reconciler': '0.33.0',
   'react-refresh': '0.18.0',

fixtures/flight-vite/.gitignore

@@ -0,0 +1,3 @@
+dist
+test-results
+tsconfig.tsbuildinfo

fixtures/flight-vite/README.md

@@ -0,0 +1,28 @@
+# flight-vite
+
+Basic RSC app ported from [`@hiogawa/vite-rsc`](https://github.com/hi-ogawa/vite-plugins/tree/main/packages/rsc),
+which was made on top of `react-server-dom-webpack`.
+
+## Code structure
+
+- `basic/{browser,ssr,rsc,plugin}.ts`
+  - baseline "framework-less" Vite plugin and runtime helpers
+- `vite.config.ts`, `src`
+  - RSC framework/application consuming `react-server-dom-vite` APIs and `basic` plugin/runtime
+
+## How to test
+
+```sh
+# setup
+yarn build-dep
+yarn
+
+# development
+yarn dev --force
+yarn test-e2e
+
+# production
+yarn build
+yarn preview
+yarn test-e2e-preview
+```

fixtures/flight-vite/basic/README.md

@@ -0,0 +1 @@
+Baseline plugins and runtime helpers based on https://github.com/hi-ogawa/vite-plugins/tree/main/packages/rsc

fixtures/flight-vite/basic/browser.ts

@@ -0,0 +1,31 @@
+// @ts-ignore
+import clientReferences from 'virtual:vite-rsc/client-references';
+
+export const clientManifest = {load: loadModule};
+
+function loadModule(id: string) {
+  if (import.meta.env.DEV) {
+    // @ts-ignore
+    return __vite_rsc_raw_import__(
+      /* @vite-ignore */ import.meta.env.BASE_URL + id.slice(1),
+    );
+  } else {
+    return clientReferences[id]();
+  }
+}
+
+export function findSourceMapURL(filename: string, environmentName: string) {
+  if (!import.meta.env.DEV) return null;
+  const url = new URL('/__vite_rsc_source_map', window.location.origin);
+  url.searchParams.set('filename', filename);
+  url.searchParams.set('environmentName', environmentName);
+  return url.toString();
+}
+
+export const callServer = (...args: any[]) => callServer_(...args);
+
+let callServer_: any;
+
+export function setCallServer(fn: any) {
+  callServer_ = fn;
+}