vite-plugin-react-server 1.0.3 → 1.1.1

package/README.md

@@ -45,16 +45,29 @@ This ensures the patch is applied after every `npm install`. If errors arise rel
 
 ## Plugin Structure and Purpose
 
-### Strict Client-Server Separation
+### Environment-Based Execution
 
-This plugin enforces a **strict architectural separation** between client and server execution. It achieves this by requiring **distinct entry files** for both environments, preventing unintended dependencies or cross-thread interactions. While this approach improves maintainability and clarity, it requires additional boilerplate.
+This plugin uses environment detection to determine the execution context. It achieves this by checking the `NODE_OPTIONS` environment variable:
 
-The separation is accomplished through two complementary plugins:
+```typescript
+import { getCondition } from "vite-plugin-react-server"
 
-- **vite-plugin-react-server/client** → Handles client-side rendering and ESM bundling
-- **vite-plugin-react-server** → Manages server-side streaming and RSC processing
+if(getCondition() !== 'react-server'){
+  throw new Error('-10 poision damage')
+}
+```
+Alternatively, you can pass the argument for the `react-` prefix to just get client or server back.
+
+```typescript
+import { getCondition } from "vite-plugin-react-server"
+
+import(`plugin.${getCondition('')}.js`)
+```
+
+The main entry point adapts based on the environment:
 
-This ensures that client-side and server-side concerns remain isolated from the beginning, reducing potential inconsistencies.
+- **Client Mode** (default) → Does not require the react-server condition, uses a worker thread for RSC requests
+- **Server Mode** (`NODE_OPTIONS="--conditions react-server"`) → Does not need worker thread for RSC requests
 
 ### Custom composition
 
@@ -62,7 +75,7 @@ You can pick and choose only the plugins you like to get the desired behavior as
 
 ### Worker support
 
-The client plugin uses the `rsc-worker` to create server side streams. The server plugin uses the `html-worker` to create client side html. If you don't want to use the rsc-worker, simply don't serve the client plugin. If you don't want to use the `html-worker` simply don't configure the `build.pages` option.
+The client plugin uses the `rsc-worker` to create server side streams. The server plugin uses the `html-worker` to create client side html. If you don't want to use the rsc-worker, simply don't serve the plugin without the `react-server` condition. If you don't want to use the `html-worker` simply don't configure the `build.pages` option.
 
 ### Custom Worker
 
@@ -70,11 +83,15 @@ Both workers can be customized using the `htmlWorkerPath` and `rscWorkerPath` re
 
 Keep in mind that, using your custom worker means interacting with the message system of this plugin during development/static generation process.
 
+For more information on creating your custom workers, see [docs](/docs)
+
 
 ## Plugin Usage
 
-### Configuration
 ```ts
+import { defineConfig, type Plugin } from "vite";
+import { vitePluginReactClient } from "vite-plugin-react-server";
+import { config } from "./vite.react.config";
 import type { StreamPluginOptions } from "vite-plugin-react-server/server";
 
 const createRouter = (file: "props.ts" | "page.tsx") => (url: string) => {
@@ -102,44 +119,39 @@ export const config = {
     pages: ["/", "/bidoof", "/404"	],
   },
 } satisfies StreamPluginOptions;
-```
-
-### vite-plugin-react-server/client
-
-Used in `vite.config.ts` for standard Vite client-side behavior
-
-```ts
-import { defineConfig, type Plugin } from "vite";
-import { vitePluginReactClient } from "vite-plugin-react-server/client";
-import { config } from "./vite.react.config";
 
 export default defineConfig({
   plugins: vitePluginReactClient(config),
 });
 ```
 
+### Built-in React Server Components
+
+This plugin has two built-in React Component, each can be configured through the options to be your own component. Defining your custom React server components will affect the final production output, they won't be used during development.
+- Html - used as the wrapper for production pages (use vite's `index.html` for the development wrapper and entry point for client files)
+- CssCollector - used to emit `<link>` and `<style>` tags based on `css` config
+
 #### Build Steps
 
 ```sh
 vite build
 ```
-Outputs React client-side ESM files to `dist/client`.
+Targets browsers, outputs to `dist/static`.
 
 ```sh
 vite build --ssr
 ```
-Outputs files for server-side execution to `dist/server`.
+Targets non-`react-server` node environment, used for server-side-rendering, outputs to `dist/client`.
 
 ```sh
-vite preview
+NODE_OPTIONS="--conditions=react-server" vite build
 ```
-Serves the static directory.
+Targets `react-server`-only environment, outputs to `dist/server`. In this case, `ssr` is implied and defaults to true.
 
 ---
 
 ### vite-plugin-react-server
 
-Used in `vite.server.config.ts`, this plugin strictly separates client and server execution. The client components will be emitted as references. 
 
 ```ts
 import { defineConfig, Plugin } from "vite";
@@ -147,25 +159,22 @@ import { vitePluginReactServer } from "vite-plugin-react-server";
 import { config } from "./vite.react.config";
 
 export default defineConfig({
-  plugins: vitePluginReactServer(config) as Plugin[],
+  plugins: vitePluginReactServer(config),
 });
 ```
 
 #### Running in Development
 
 ```sh
-NODE_OPTIONS="--conditions=react-server" vite --config vite.server.config.ts
+NODE_OPTIONS="--conditions=react-server" vite
 ```
+Is the recommended way for a more direct server pipeline that doesn't require a `rsc-worker`.
 
-#### Build Steps
-
+To develop the app using the `rsc-worker`, simply run
 ```sh
-NODE_OPTIONS="--conditions=react-server" vite build --config vite.server.config.ts
+vite
 ```
-Generates server and static folder. The plugin ensures proper SSR handling without requiring `--ssr` manually.
-Note: ssr can still be disabled via config `{ssr:false}`, which will enable vite's browser virtualization
-
----
+without the `react-server` condition.
 
 ## Static Site Generation
 
@@ -189,7 +198,7 @@ dist/static/about/index.html
 dist/static/about/index.rsc
 ```
 
-The entire `dist/client` directory is copied into `dist/static`, as well as any assets used server-side. Allowing easy deployment by moving the static folder to a hosting service.
+This plugin is included by default when the `react-server` condition is set.
 
 ---
 
@@ -247,11 +256,12 @@ Changes the default name "props"
 
 ```json
 "scripts": {
-  "build": "build:client && build:server",
-  "dev": "NODE_OPTIONS='--conditions react-server' vite --config vite.server.config.ts",
-  "dev:client": "vite",
-  "build:server": "NODE_OPTIONS='--conditions react-server' vite build --config vite.server.config.ts",
-  "build:client": "vite build"
+  "build": "build:static && build:client && build:server",
+  "dev": "NODE_OPTIONS='--conditions react-server' vite",
+  "start": "vite",
+  "build:server": "NODE_OPTIONS='--conditions react-server' vite build",
+  "build:client": "vite build --ssr",
+  "build:static": "vite build"
 }
 ```
 
@@ -273,43 +283,6 @@ export const props = {
 };
 ```
 
-### Vite Configuration Files
-
-#### Client Configuration (`vite.config.ts`)
-
-```ts
-import { vitePluginReactClient } from "vite-plugin-react-server/client";
-import { defineConfig } from "vite";
-
-export default defineConfig({
-  plugins: vitePluginReactClient(),
-});
-```
-
-#### Server Configuration (`vite.server.config.ts`)
-
-```ts
-import { vitePluginReactServer } from "vite-plugin-react-server";
-import { defineConfig } from "vite";
-
-export default defineConfig({
-  plugins: vitePluginReactServer(),
-});
-```
-
----
-
-```sh
-NODE_OPTIONS='--conditions react-server' npx vite --config vite.server.config.ts
-```
-
-In development mode, the server plugin pipes the React stream directly to the response.
-
-```sh
-NODE_OPTIONS='--conditions react-server' npx vite build --config vite.server.config.ts
-```
-This builds the `dist/server` directory. It sets ssr to true by default, so you can't forget to. Additionally, when the build is done it generates the `dist/static` directory using the /static plugin.
-
 ## Contributions
 
 If you want to help develop or maintain the plugin feel free to open a PR or issue on GitHub.

package/bin/patch.mjs

@@ -3,25 +3,40 @@ import fs from 'node:fs/promises'
 import path, { dirname } from 'node:path'
 import { fileURLToPath } from 'node:url';
 import React from 'react';
-const reactVersion = React.version;
-const PATCH_RECONCILER_VERSION = reactVersion.replace('19.1.0', '0.0.0')
-const STUB_VERSION = '0.0.1'
+import packageJSON from '../package.json' with { type: "json" };
+
 const __dirname = dirname(fileURLToPath(import.meta.url));  
-const TEMPLATE_VERSION = '0.0.0-experimental-eda36a1c-20250228'
+
+// Hardcoded template version from our last successful patch
+const TEMPLATE_VERSION = "0.0.0-experimental-0ca8420f-20250504";
+const templateVersionSuffix = TEMPLATE_VERSION.split("-experimental-")[1];
+
+// Get installed version
+const installedVersion = React.version;
+const installedVersionSuffix = installedVersion.split("-experimental-")[1]
+
+// Get peer dependency versions
+const peerReactVersion = packageJSON.peerDependencies.react.replace("^", "");
+const peerReactESMVersion = packageJSON.peerDependencies["react-server-dom-esm"].replace("^", "");
+console.log('Template version:', TEMPLATE_VERSION);
+console.log('Installed version:', installedVersion);
+console.log('Peer version:', peerReactVersion);
+console.log('ESM version (for final patch):', peerReactESMVersion);
 
 async function patchReactExperimental() {
   try {
-    // Read installed React version from user's project
-    
-    if(TEMPLATE_VERSION === PATCH_RECONCILER_VERSION) {
-        console.log('React version is patched')
+    if (templateVersionSuffix === installedVersionSuffix) {
+      console.log("React version is already patched", TEMPLATE_VERSION, installedVersion);
+      return;
     }
 
     // Define patches to process
     const patches = [
       {
+        // The template patch file uses our experimental version
         template: `../scripts/react-server-dom-esm+${TEMPLATE_VERSION}.patch`,
-        output: `react-server-dom-esm+${STUB_VERSION}.patch`
+        // But the final patch file uses the ESM version
+        output: `react-server-dom-esm+${peerReactESMVersion}.patch`
       },
     ]
 
@@ -36,8 +51,8 @@ async function patchReactExperimental() {
 
       // Replace version strings
       patchContent = patchContent.replace(
-        new RegExp(PATCH_RECONCILER_VERSION, 'g'),
-        reactVersion
+        new RegExp(templateVersionSuffix, 'g'),
+        installedVersionSuffix
       )
 
       // Write the patch file
@@ -47,7 +62,7 @@ async function patchReactExperimental() {
     }
 
     console.log(`
-✅ Created patch files for React packages for version ${reactVersion}
+✅ Created patch files for React packages for version ${installedVersion}
    Location: patches/
 
 Next steps:

package/dist/_virtual/dynamic-import-helper.js

@@ -0,0 +1,24 @@
+/**
+ * vite-plugin-react-server
+ * Copyright (c) Nico Brinkkemper
+ * MIT License
+ */
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+
+export { __variableDynamicImportRuntimeHelper as default };
+//# sourceMappingURL=dynamic-import-helper.js.map

package/dist/_virtual/dynamic-import-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-import-helper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/client.d.ts

@@ -1,3 +1,3 @@
-export { vitePluginReactClient } from './plugin/react-client/index.js';
+export { vitePluginReactServer as vitePluginReactClient } from './plugin/plugin.client.js';
 export type * from './plugin/types.js';
 //# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,mBAAmB,mBAAmB,CAAC"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../client.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,qBAAqB,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAG1F,mBAAmB,mBAAmB,CAAA"}

package/dist/client.js

@@ -3,5 +3,5 @@
  * Copyright (c) Nico Brinkkemper
  * MIT License
  */
-export { vitePluginReactClient } from './plugin/react-client/index.js';
+export { vitePluginReactServer as vitePluginReactClient } from './plugin/plugin.client.js';
 //# sourceMappingURL=client.js.map

package/dist/index.d.ts

@@ -1,5 +1,3 @@
-import type { StreamPluginOptions } from './plugin/types.js';
-export declare const viteReactServer: (options: StreamPluginOptions) => Promise<import("vite").Plugin<any>[] | (() => void)>;
-export declare const viteReactClient: (options: StreamPluginOptions) => Promise<import("vite").Plugin<any>[] | (() => void)>;
-export declare const viteReactStream: (options: StreamPluginOptions) => Promise<import("vite").Plugin<any>[] | (() => void)>;
+export declare const vitePluginReactServer: any;
+export type * from './plugin/types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,eAAO,MAAM,eAAe,YAAmB,mBAAmB,yDAOjE,CAAA;AAED,eAAO,MAAM,eAAe,YAAmB,mBAAmB,yDAOjE,CAAA;AAED,eAAO,MAAM,eAAe,YAAa,mBAAmB,yDAM3D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,KAKhC,CAAA;AAGF,mBAAmB,mBAAmB,CAAA"}

package/dist/index.js

@@ -3,32 +3,15 @@
  * Copyright (c) Nico Brinkkemper
  * MIT License
  */
-const isServer = process.env["NODE_OPTIONS"]?.match(/--conditions[= ]react-server/);
-const viteReactServer = async (options) => {
-  if (!isServer) {
-    return () => {
-    };
-  } else {
-    const module = await import('./server.js');
-    return module.vitePluginReactServer(options);
-  }
-};
-const viteReactClient = async (options) => {
-  if (isServer) {
-    return () => {
-    };
-  } else {
-    const module = await import('./client.js');
-    return module.vitePluginReactClient(options);
-  }
-};
-const viteReactStream = (options) => {
-  if (isServer) {
-    return viteReactClient(options);
-  } else {
-    return viteReactServer(options);
+import __variableDynamicImportRuntimeHelper from './_virtual/dynamic-import-helper.js';
+
+const condition = process.env["NODE_OPTIONS"]?.match(/--conditions[= ]react-server/) ? "server" : "client";
+const vitePluginReactServer = await __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({})), `./plugin/react-server/plugin.${condition}.js`, 4).then((m) => {
+  if (!("vitePluginReactServer" in m)) {
+    throw new Error(`Could not find vitePluginReactServer in ./plugin/react-server/plugin.${condition}.js`);
   }
-};
+  return m["vitePluginReactServer"];
+});
 
-export { viteReactClient, viteReactServer, viteReactStream };
+export { vitePluginReactServer };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../index.ts"],"sourcesContent":["\"use strict\";\n\nimport type { StreamPluginOptions } from './plugin/types.js';\n\nconst isServer = process.env['NODE_OPTIONS']?.match(/--conditions[= ]react-server/)\n\nexport const viteReactServer = async (options: StreamPluginOptions)=>{\n  if(!isServer){\n    return ()=>{}\n  } else {\n    const module = await import('./server.js')\n    return module.vitePluginReactServer(options)\n  }\n}\n\nexport const viteReactClient = async (options: StreamPluginOptions)=>{\n  if(isServer){\n      return ()=>{}\n  } else {\n    const module = await import('./client.js')\n    return module.vitePluginReactClient(options)\n  }\n}\n\nexport const viteReactStream = (options: StreamPluginOptions)=>{\n  if(isServer){\n    return viteReactClient(options)\n  } else {\n    return viteReactServer(options)\n  }\n}"],"names":[],"mappings":";;;;;AAIA,MAAM,WAAW,OAAQ,CAAA,GAAA,CAAI,cAAc,CAAA,EAAG,MAAM,8BAA8B,CAAA;AAErE,MAAA,eAAA,GAAkB,OAAO,OAA+B,KAAA;AACnE,EAAA,IAAG,CAAC,QAAS,EAAA;AACX,IAAA,OAAO,MAAI;AAAA,KAAC;AAAA,GACP,MAAA;AACL,IAAM,MAAA,MAAA,GAAS,MAAM,OAAO,aAAa,CAAA;AACzC,IAAO,OAAA,MAAA,CAAO,sBAAsB,OAAO,CAAA;AAAA;AAE/C;AAEa,MAAA,eAAA,GAAkB,OAAO,OAA+B,KAAA;AACnE,EAAA,IAAG,QAAS,EAAA;AACR,IAAA,OAAO,MAAI;AAAA,KAAC;AAAA,GACT,MAAA;AACL,IAAM,MAAA,MAAA,GAAS,MAAM,OAAO,aAAa,CAAA;AACzC,IAAO,OAAA,MAAA,CAAO,sBAAsB,OAAO,CAAA;AAAA;AAE/C;AAEa,MAAA,eAAA,GAAkB,CAAC,OAA+B,KAAA;AAC7D,EAAA,IAAG,QAAS,EAAA;AACV,IAAA,OAAO,gBAAgB,OAAO,CAAA;AAAA,GACzB,MAAA;AACL,IAAA,OAAO,gBAAgB,OAAO,CAAA;AAAA;AAElC;;;;"}
+{"version":3,"file":"index.js","sources":["../index.ts"],"sourcesContent":["\"use strict\";\n\nconst condition = process.env['NODE_OPTIONS']?.match(/--conditions[= ]react-server/) ? 'server' : 'client'\n\nexport const vitePluginReactServer = await import(`./plugin/react-server/plugin.${condition}.js`).then(m => {\n  if(!('vitePluginReactServer' in m)){\n    throw new Error(`Could not find vitePluginReactServer in ./plugin/react-server/plugin.${condition}.js`);\n  }\n  return m['vitePluginReactServer']\n})\n\n// types\nexport type * from './plugin/types.js'"],"names":[],"mappings":";;;;;;;AAEA,MAAM,SAAA,GAAY,QAAQ,GAAI,CAAA,cAAc,GAAG,KAAM,CAAA,8BAA8B,IAAI,QAAW,GAAA,QAAA;AAE3F,MAAM,wBAAwB,MAAM,4HAAgD,CAAO,KAAK,CAAK,CAAA,KAAA;AAC1G,EAAG,IAAA,EAAE,2BAA2B,CAAG,CAAA,EAAA;AACjC,IAAA,MAAM,IAAI,KAAA,CAAM,CAAwE,qEAAA,EAAA,SAAS,CAAK,GAAA,CAAA,CAAA;AAAA;AAExG,EAAA,OAAO,EAAE,uBAAuB,CAAA;AAClC,CAAC;;;;"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vite-plugin-react-server",
-    "version": "1.0.3",
+    "version": "1.1.1",
     "description": "Vite plugin for React Server Components (RSC)",
     "type": "module",
     "main": "./dist/plugin/index.js",
@@ -22,12 +22,11 @@
         "./static": "./dist/static.js",
         "./html-worker": "./dist/plugin/worker/html-worker.js",
         "./rsc-worker": "./dist/plugin/worker/rsc-worker.js",
-        "./loader": "./dist/plugin/worker/loader.js",
         "./package.json": "./package.json",
         "./patch": "./scripts/patch.mjs",
         "./check-react-version": "./scripts/check-react-version.mjs",
-        "./css-loader": "./dist/plugin/loader/css-loader.js",
-        "./components": "./dist/plugin/components.js"
+        "./components": "./dist/plugin/components.js",
+        "./types": "./dist/plugin/types.js"
     },
     "typesVersions": {
         "*": {
@@ -65,12 +64,22 @@
         "clean": "rm -rf dist",
         "prepublishOnly": "npm run build",
         "lint": "eslint ./src --fix",
-        "test:server": "NODE_OPTIONS='--conditions react-server' vitest run",
-        "test:client": "vitest run",
-        "test": "npm run build && npm run test:client && NODE_ENV=development npm run test:server",
-        "test:coverage": "vitest run --coverage",
-        "test:ui": "vitest --ui",
-        "experimental:clean-install": "npm install react-server-dom-esm react@experimental react-dom@experimental && npm install react-server-dom-esm",
+        "setup:test-fixtures": "npx tsx test/setup.ts",
+        "test:server": "npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run",
+        "test:client": "npm run setup:test-fixtures && vitest run",
+        "test:build": "npm run setup:test-fixtures && npm test test/server/build.test.ts",
+        "test:llm": "rm -f build.log && npm run test:build 2>&1 | tee build.log",
+        "test:streams": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/renderStreams.test.ts -no-watch",
+        "test:renders": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/renderPages.test.ts -no-watch",
+        "test:html-worker": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/rscToHtmlStream.test.ts -no-watch",
+        "test:large-html": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/large-html.test.ts --reporter=verbose -no-watch",
+        "test:metrics": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/metrics.test.ts --reporter=verbose -no-watch",
+        "test:hooks": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/hooks.test.ts --reporter=verbose -no-watch",
+        "test:inline-css": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/inline-css.test.ts --reporter=verbose -no-watch",
+        "test": "npm run build && npm run setup:test-fixtures && npm run test:client && NODE_ENV=development npm run test:server",
+        "test:coverage": "npm run setup:test-fixtures && vitest run --coverage",
+        "test:ui": "npm run setup:test-fixtures && vitest --ui",
+        "experimental:clean-install": "npm install react-server-dom-esm react@experimental react-dom@experimental react-server-dom-esm --save-peer",
         "experimental:copy": "cp -r ./oss-experimental/* ./node_modules/",
         "experimental:patch": "npx patch-package react-server-dom-esm react react-dom --exclude 'nothing'",
         "experimental:move-patches": "mv patches/* ./scripts/",
@@ -99,8 +108,9 @@
     },
     "homepage": "https://github.com/nicobrinkkemper/vite-plugin-react-server#readme",
     "peerDependencies": {
-        "react": "^0.0.0-experimental-6aa8254b-20250312",
-        "react-dom": "^0.0.0-experimental-6aa8254b-20250312",
+        "react": "^0.0.0-experimental-0ff1d13b-20250507",
+        "react-dom": "^0.0.0-experimental-0ff1d13b-20250507",
+        "react-server-dom-esm": "^0.0.1",
         "vite": "*"
     },
     "peerDependenciesMeta": {
@@ -120,7 +130,6 @@
         "acorn-loose": "^8.3.0",
         "happy-dom": "^17.1.8",
         "patch-package": "^8.0.0",
-        "react-server-dom-esm": "^0.0.1",
         "rollup": "^4.34.0",
         "source-map": "^0.7.4",
         "ts-node": "^10.9.2",
@@ -134,5 +143,6 @@
     "bin": {
         "check-react-version": "./scripts/check-react-version.mjs",
         "patch": "./bin/patch.mjs"
-    }
+    },
+    "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package/dist/plugin/components.d.ts

@@ -1,4 +1,4 @@
 export { Html } from "./html.js";
 export { CssCollector } from "./css-collector.js";
-export { InlineCssCollector } from "./css-collector-inline.js";
+export { CssCollectorElements } from "./css-collector-elements.js";
 //# sourceMappingURL=components.d.ts.map

package/dist/plugin/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../plugin/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../plugin/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/plugin/components.js

@@ -1,3 +1,3 @@
 export { Html } from "./html.js";
 export { CssCollector } from "./css-collector.js";
-export { InlineCssCollector } from "./css-collector-inline.js";
+export { CssCollectorElements } from "./css-collector-elements.js";

package/dist/plugin/config/autoDiscover/createGlobAutoDiscover.d.ts

@@ -0,0 +1,6 @@
+import type { ResolvedUserOptions } from "../../types.js";
+export declare function createGlobAutoDiscover(pattern: string): ({ inputs, userOptions, }: {
+    inputs: Record<string, string>;
+    userOptions: Pick<ResolvedUserOptions, "moduleBase" | "projectRoot" | "normalizer">;
+}) => Promise<Record<string, string>>;
+//# sourceMappingURL=createGlobAutoDiscover.d.ts.map

package/dist/plugin/config/autoDiscover/createGlobAutoDiscover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createGlobAutoDiscover.d.ts","sourceRoot":"","sources":["../../../../plugin/config/autoDiscover/createGlobAutoDiscover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAI1D,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,8BAIjD;IACD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,WAAW,EAAE,IAAI,CACf,mBAAmB,EACnB,YAAY,GAAG,aAAa,GAAG,YAAY,CAC5C,CAAC;CACH,qCAcF"}

package/dist/plugin/config/autoDiscover/createGlobAutoDiscover.js

@@ -0,0 +1,30 @@
+/**
+ * vite-plugin-react-server
+ * Copyright (c) Nico Brinkkemper
+ * MIT License
+ */
+import { glob } from 'node:fs/promises';
+import { join } from 'node:path';
+
+function createGlobAutoDiscover(pattern) {
+  return async function _globAutoDiscover({
+    inputs,
+    userOptions
+  }) {
+    const allFiles = glob(pattern, {
+      cwd: join(userOptions.projectRoot, userOptions.moduleBase)
+    });
+    for await (const file of allFiles) {
+      const [key, value] = userOptions.normalizer(
+        join(userOptions.moduleBase, file)
+      );
+      if (!inputs[key]) {
+        inputs[key] = value;
+      }
+    }
+    return inputs;
+  };
+}
+
+export { createGlobAutoDiscover };
+//# sourceMappingURL=createGlobAutoDiscover.js.map

package/dist/plugin/config/autoDiscover/createGlobAutoDiscover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createGlobAutoDiscover.js","sources":["../../../../plugin/config/autoDiscover/createGlobAutoDiscover.ts"],"sourcesContent":["import type { ResolvedUserOptions } from \"../../types.js\";\nimport { glob } from \"node:fs/promises\";\nimport { join } from \"node:path\";\n\nexport function createGlobAutoDiscover(pattern: string) {\n  return async function _globAutoDiscover({\n    inputs,\n    userOptions,\n  }: {\n    inputs: Record<string, string>;\n    userOptions: Pick<\n      ResolvedUserOptions,\n      \"moduleBase\" | \"projectRoot\" | \"normalizer\"\n    >;\n  }) {\n    const allFiles = glob(pattern, {\n      cwd: join(userOptions.projectRoot, userOptions.moduleBase),\n    });\n    for await (const file of allFiles) {\n      const [key, value] = userOptions.normalizer(\n        join(userOptions.moduleBase, file)\n      );\n      if (!inputs[key]) {\n        inputs[key] = value;\n      }\n    }\n    return inputs;\n  };\n}\n"],"names":[],"mappings":";;;;;;;;AAIO,SAAS,uBAAuB,OAAiB,EAAA;AACtD,EAAA,OAAO,eAAe,iBAAkB,CAAA;AAAA,IACtC,MAAA;AAAA,IACA;AAAA,GAOC,EAAA;AACD,IAAM,MAAA,QAAA,GAAW,KAAK,OAAS,EAAA;AAAA,MAC7B,GAAK,EAAA,IAAA,CAAK,WAAY,CAAA,WAAA,EAAa,YAAY,UAAU;AAAA,KAC1D,CAAA;AACD,IAAA,WAAA,MAAiB,QAAQ,QAAU,EAAA;AACjC,MAAA,MAAM,CAAC,GAAA,EAAK,KAAK,CAAA,GAAI,WAAY,CAAA,UAAA;AAAA,QAC/B,IAAA,CAAK,WAAY,CAAA,UAAA,EAAY,IAAI;AAAA,OACnC;AACA,MAAI,IAAA,CAAC,MAAO,CAAA,GAAG,CAAG,EAAA;AAChB,QAAA,MAAA,CAAO,GAAG,CAAI,GAAA,KAAA;AAAA;AAChB;AAEF,IAAO,OAAA,MAAA;AAAA,GACT;AACF;;;;"}

package/dist/plugin/config/autoDiscover/customWorkerFiles.d.ts

@@ -0,0 +1,13 @@
+import type { ResolvedUserOptions } from "../../types.js";
+/**
+ * Logic to resolve custom worker files, when the path is not relative to the plugin root,
+ * we assume it's a custom worker file and we need to add it to the inputs.
+ *
+ * @param param0
+ * @returns
+ */
+export declare const customWorkerFiles: ({ inputs, userOptions, }: {
+    inputs: Record<string, string>;
+    userOptions: Pick<ResolvedUserOptions, "rscWorkerPath" | "htmlWorkerPath">;
+}) => Record<string, string>;
+//# sourceMappingURL=customWorkerFiles.d.ts.map

package/dist/plugin/config/autoDiscover/customWorkerFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customWorkerFiles.d.ts","sourceRoot":"","sources":["../../../../plugin/config/autoDiscover/customWorkerFiles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,6BAG3B;IACD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,WAAW,EAAE,IAAI,CAAC,mBAAmB,EAAE,eAAe,GAAG,gBAAgB,CAAC,CAAC;CAC5E,2BAUA,CAAC"}

package/dist/plugin/config/autoDiscover/customWorkerFiles.js

@@ -0,0 +1,24 @@
+/**
+ * vite-plugin-react-server
+ * Copyright (c) Nico Brinkkemper
+ * MIT License
+ */
+import { pluginRoot } from '../../root.js';
+
+const customWorkerFiles = ({
+  inputs,
+  userOptions
+}) => {
+  const customRscWorker = !userOptions.rscWorkerPath.startsWith(pluginRoot);
+  const customHtmlWorker = !userOptions.htmlWorkerPath.startsWith(pluginRoot);
+  if (customRscWorker && !inputs["rsc-worker"]) {
+    inputs["rsc-worker"] = userOptions.rscWorkerPath;
+  }
+  if (customHtmlWorker && !inputs["html-worker"]) {
+    inputs["html-worker"] = userOptions.htmlWorkerPath;
+  }
+  return inputs;
+};
+
+export { customWorkerFiles };
+//# sourceMappingURL=customWorkerFiles.js.map

package/dist/plugin/config/autoDiscover/customWorkerFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customWorkerFiles.js","sources":["../../../../plugin/config/autoDiscover/customWorkerFiles.ts"],"sourcesContent":["import { pluginRoot } from \"../../root.js\";\nimport type { ResolvedUserOptions } from \"../../types.js\";\n\n/**\n * Logic to resolve custom worker files, when the path is not relative to the plugin root,\n * we assume it's a custom worker file and we need to add it to the inputs.\n * \n * @param param0 \n * @returns \n */\nexport const customWorkerFiles = ({\n  inputs,\n  userOptions,\n}: {\n  inputs: Record<string, string>;\n  userOptions: Pick<ResolvedUserOptions, \"rscWorkerPath\" | \"htmlWorkerPath\">;\n}) => {\n  const customRscWorker = !userOptions.rscWorkerPath.startsWith(pluginRoot);\n  const customHtmlWorker = !userOptions.htmlWorkerPath.startsWith(pluginRoot);\n  if (customRscWorker && !inputs[\"rsc-worker\"]) {\n    inputs[\"rsc-worker\"] = userOptions.rscWorkerPath;\n  }\n  if (customHtmlWorker && !inputs[\"html-worker\"]) {\n    inputs[\"html-worker\"] = userOptions.htmlWorkerPath;\n  }\n  return inputs;\n};\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,oBAAoB,CAAC;AAAA,EAChC,MAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,eAAkB,GAAA,CAAC,WAAY,CAAA,aAAA,CAAc,WAAW,UAAU,CAAA;AACxE,EAAA,MAAM,gBAAmB,GAAA,CAAC,WAAY,CAAA,cAAA,CAAe,WAAW,UAAU,CAAA;AAC1E,EAAA,IAAI,eAAmB,IAAA,CAAC,MAAO,CAAA,YAAY,CAAG,EAAA;AAC5C,IAAO,MAAA,CAAA,YAAY,IAAI,WAAY,CAAA,aAAA;AAAA;AAErC,EAAA,IAAI,gBAAoB,IAAA,CAAC,MAAO,CAAA,aAAa,CAAG,EAAA;AAC9C,IAAO,MAAA,CAAA,aAAa,IAAI,WAAY,CAAA,cAAA;AAAA;AAEtC,EAAO,OAAA,MAAA;AACT;;;;"}

package/dist/plugin/config/autoDiscover/pageAndPropFiles.d.ts

@@ -0,0 +1,11 @@
+import type { ResolvedBuildPages } from "../../types.js";
+/**
+ * Logic to add page and prop files to the inputs, without extra prefix
+ * @param param0
+ * @returns
+ */
+export declare const pageAndPropFiles: ({ files, inputs, }: {
+    files: ResolvedBuildPages | undefined;
+    inputs: Record<string, string>;
+}) => Record<string, string>;
+//# sourceMappingURL=pageAndPropFiles.d.ts.map

package/dist/plugin/config/autoDiscover/pageAndPropFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageAndPropFiles.d.ts","sourceRoot":"","sources":["../../../../plugin/config/autoDiscover/pageAndPropFiles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,uBAGxB;IACD,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC,2BAsBA,CAAC"}