vite-plugin-react-server 0.3.18 → 0.3.19

package/README.md

@@ -1,107 +1,103 @@
-# Vite React Server Components Plugin
+# Vite React Server Plugin
 
 A Vite plugin that enables React Server Components (RSC) streaming and static building of html pages. Uses experimental dependencies from React, specifically `react-server-dom-esm`.
 
-## Features
 
-- 🚀 Super fast static build times
-- 🔄 Use vite to create your personal meta-framework
-- ⚡ Full RSC streaming support
-- 📦 Dual-worker architecture for optimal performance
-- 🔧 Automatic client/server code splitting
-- 🎯 Directive-based component targeting
+## Example Projects
 
-## Example Project
-
-The [mmcelebration.com project](https://github.com/nicobrinkkemper/mmc) uses this plugin. Build time for ~200 html pages is just a few seconds.
+- [The official demo](https://github.com/nicobrinkkemper/vite-plugin-react-server-demo-official)
+- [The mmcelebration.com project](https://github.com/nicobrinkkemper/mmc)
 
 ## Installation
 
-```bash
-npm install vite-plugin-react-server
+```ts
+npm install -D vite-plugin-react-stream
 ```
 
-### React Canary Setup
-
-This plugin requires React's experimental features. You'll need to:
+## Open source and work in progress
 
-1. Install react-server-dom-esm (currently an empty stub package):
-```bash
-npm install react-server-dom-esm
+This project uses the latest* oss-experimental React version taken from [the offical React github repository](https://github.com/facebook/react). This plugin offers a patch system that can get you up and running quickly. First run `npm install -D patch-package react@experimental react-dom@experimental react-server-dom-esm` and add the follow command to the scripts
+```json
+"patch": "check-react-version && patch",
 ```
-
-2. Apply the patch:
-```bash
-npx vite-plugin-react-server/patch
+Now run `npm run patch` to create the patch. It will tell you to add this as well:
+```json
+"postinstall": "patch-package",
 ```
-This will:
-- Detect your installed React version
-- Adapt the patch accordingly
-- Create `patches/react-server-dom-esm+YOUR-REACT-VERSION.patch`
-
-3. Install patch-package:
-```bash
-npm install patch-package --save-dev
+This will apply the patch for us after running `npm install`
+
+If errors start showing up related to the missing `react-server-dom-esm` package - it's likely the postinstall step didn't run.
+
+## Included plugins
+### vite-plugin-react-server/client
+- Client build
+- Server Worker thread (rsc-worker)
+
+### vite-plugin-react-server
+- Server build
+- Client Worker thread (html-worker)
+
+### vite-plugin-react-server/preserver
+- Preserves "use client" and "use server" condition in source code
+
+### vite-plugin-react-server/transformer
+- Transforms client components for server environment or vice versa
+
+### vite-plugin-react-server/worker/html
+- Create your own html worker (client side worker)
+- Make html worker part of the application
+
+### vite-plugin-react-server/worker/rsc
+- Create your own rsc worker (server side worker)
+- Make rsc worker part of the application
+
+## Configuration
+For client and server boundaries to work, it's very important to know which environment (or thread) the system is in. Let's setup the client first. 
+```ts
+import { vitePluginReactClient } from "vite-plugin-react-server/client";
+import { config } from "./config.js";
+import { defineConfig } from "vite";
+export default defineConfig(()=> {
+  return {
+    plugins: vitePluginReactClient(config),
+  }
+});
 ```
-
-4. Add to package.json:
-```json
-{
-  "scripts": {
-    "postinstall": "patch-package"
+The client plugin can help to quickly setup a client side build that'll work with the server build. It also allows you to serve the application. To handle the rsc streams, it uses the rsc-worker. You can read more about the rsc-worker [here](/docs)
+
+```ts
+import { vitePluginReactServer } from "vite-plugin-react-server";
+import { config } from "./config.js";
+import { defineConfig } from "vite";
+export default defineConfig(()=> {
+  return {
+    plugins: vitePluginReactServer(config),
   }
-}
+});
 ```
+The server plugin will look the same when you serve it, but under the hood works quite differently. This plugin requires you to write `NODE_OPTIONS="--conditions=react-server" vite --ssr --config vite.server.config.ts`. Aside from building the server dist files, it will populate the client's folder with index files for all your routes.
 
-Alternative: You can build React from source and use `npm link` for react-server-dom-esm, react, and react-dom (though the patch system is recommended).
-
-## Basic Configuration
-
-```typescript
-// vite.react-server.config.ts
-import { defineConfig } from 'vite'
-import type { Options } from 'vite-plugin-react-server'
+```ts
+import React from "react"
 
-// Custom router example
-const createRouter = (file: 'props.ts' | 'Page.tsx') => (url: string) => {
-  if(url.includes('bidoof')) return `src/page/bidoof/${file}`
-  if(url === '/index.rsc') return `src/page/${file}`;
-  return `src/page/404/${file}`;
-}
-
-export const streamPluginOptions: Options = {
+export const config = {
+  // set the root dir
   moduleBase: "src",
-  Page: createRouter('Page.tsx'),
-  props: createRouter('props.ts'),
-  pageExportName: "Page",
-  propsExportName: "props",
-}
-```
-
-### Client Build Config
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite'
-import { viteReactStreamPlugin } from 'vite-plugin-react-server/client'
-import { streamPluginOptions } from './vite.react-server.config.js'
-
-export default defineConfig({
-  plugins: [viteReactStreamPlugin(streamPluginOptions)]
-})
-```
-
-### Server Build Config
-
-```typescript
-// vite.server.config.ts
-import { defineConfig } from 'vite'
-import { viteReactStreamPlugin } from 'vite-plugin-react-server/server'
-import { streamPluginOptions } from './vite.react-server.config.js'
-
-export default defineConfig({
-  plugins: [viteReactStreamPlugin(streamPluginOptions)]
-})
+  // map the id to any page/prop file
+  Page: (id)=>'page.tsx'),
+  props: (id)=>'props.ts',
+  // production html (not used during development)
+  Html: ({ children, url }) => (
+    <html>
+      <title>{url}</title>
+      <body>{children}</body>
+    </html>
+  ),
+  build: {
+    // routes to build index.html and index.rsc files for
+    pages: ["/", "/about"],
+  },
+};
 ```
 
 ### Scripts Setup
@@ -109,11 +105,13 @@ export default defineConfig({
 ```json
 {
   "scripts": {
-    "start": "NODE_OPTIONS=--conditions=react-server vite",
+    "start": "vite",
+    "dev": "NODE_OPTIONS=--conditions=react-server vite --config vite.server.config.ts",
     "build": "npm run build:client && npm run build:server",
     "build:client": "vite build",
     "build:server": "NODE_OPTIONS=--conditions=react-server vite build --ssr --config vite.server.config.ts",
-    "test:server": "NODE_OPTIONS=--conditions=react-server vitest --config vite.server.config.ts"
+    "test:server": "NODE_OPTIONS=--conditions=react-server vitest",
+    "test:client": "vitest",
   }
 }
 ```
@@ -165,49 +163,52 @@ export async function submitForm(data: FormData) {
 - Components are streamed only when visited
 - Supports both sync and async props, and all kinds of combinations I haven't tried or tested yet!
 
-## License
+## Architecture and Implementation Details
 
-MIT
+### Dual Implementation Strategy
 
-## FAQ
+The plugin provides two complete implementations of RSC handling:
 
-### Why does this plugin use two separate workers?
+1. **Direct In-Thread Implementation** (when running under react-server condition)
+   - Simpler architecture
+   - Better error reporting (same errors in console and browser)
+   - Easier to debug
+   - More direct stream handling
 
-The plugin uses a dual-worker architecture to handle the complex boundary between server and client code in React 19's new paradigm. This design enables four key scenarios:
+2. **Worker-Based Implementation** (when not under react-server condition)
+   - Allows running without react-server condition
+   - Uses message passing for communication
+   - Requires explicit support for features over message channels
+   - More complex but more flexible
 
-1. **Pure Client** - Client-side React rendering
-2. **Pure Server** - Server-side RSC streaming
-3. **Client-with-server-worker** - Thread WITHOUT React server conditions using dependencies that are ONLY available using the server condition
-4. **Server-with-client-worker** - Thread WITH React server conditions using dependencies that are ONLY available WITHOUT the server condition
+This dual implementation approach gives users choice in how they want to structure their build process, recognizing that different projects may have different needs or constraints.
 
-This architecture is necessary because React 19 introduces a fundamental shift in how server/client boundaries work. While React was traditionally client/browser-oriented, version 19 moves much of the functionality to the server by default.
+### Node Conditions and Worker Threads
 
-## When to use which directive?
+The use of worker threads isn't primarily about parallelization - it's about handling Node conditions:
 
-The "use client" should be used for components that use client-only things, like hooks - browser window, localStorage, etc.
+- The main Node process conditions (`NODE_OPTIONS`) are set at startup and can't be changed
+- When running under `--conditions=react-server`, we need a way to handle client-side bundling
+- Worker threads allow us to run code under different conditions than the main thread
+- This makes worker threads essential for supporting both server and client code in the same build process
 
+### Future Possibilities: Application-Level Workers
 
-The "use server" directive is *not* for server components, it's for server actions. Every component is a server component by default. If the "use server" directive is present, 
-this plugin will register it as a server action - which means you can intend the exported functions to be API endpoints.
+While currently focused on build-time RSC handling, the worker pattern could be extended to the end application:
 
-## What about .client.tsx files, .server.tsx files?
+- Users could create their own RSC workers
+- Run in client dev mode to naturally support their worker setup
+- Get worker isolation benefits in their application
+- Have more control over RSC boundaries
 
-Whenever you use the directive, it's recommended to also name the file with the .client.tsx or .server.tsx extension respectively.
-While this isn't required for the plugin to work - it's the only way to make sure all client and server files are included in the build - 
-even if they are not a main entry point.
-
-### What's the deal with NODE_OPTIONS and conditions?
-
-The React Server Components system requires specific Node conditions:
-
-- `NODE_OPTIONS='--conditions=react-server'` is required for RSC functionality (generating RSC streams)
-- This condition must NOT be present for client-side React operations (generating HTML from RSC streams)
-
-The plugin recommends using the react-server condition in the main thread to enable React server features from the start. When different conditions are needed (e.g., generating static HTML), the plugin uses workers with appropriate conditions.
-
-### Why start with "use client"?
-
-With React 19's server-first approach, many existing ecosystem tools and patterns need the "use client" directive to work as they did before. It's becoming a common pattern to start with "use client" to maintain compatibility with existing code while gradually adopting the new server-first paradigm.
+This would require:
+- APIs for user-defined workers
+- Documentation for worker patterns
+- Examples of worker-based architectures
+- Support for different worker strategies
 
+While this isn't currently implemented, the architecture is designed to potentially support this kind of extension in the future.
 
+## License
 
+MIT

package/bin/patch.mjs

@@ -13,8 +13,6 @@ async function patchReactExperimental() {
   try {
     // Read installed React version from user's project
     
-    const installedVersion = React.version
-    const PATCH_RECONCILER_VERSION = installedVersion.replace('19.1.0', '0.0.0')
     if(TEMPLATE_VERSION === PATCH_RECONCILER_VERSION) {
         console.log('React version is patched')
     }
@@ -25,6 +23,14 @@ async function patchReactExperimental() {
         template: `../scripts/react-server-dom-esm+${TEMPLATE_VERSION}.patch`,
         output: `react-server-dom-esm+${STUB_VERSION}.patch`
       },
+      {
+        template: `../scripts/react+${TEMPLATE_VERSION}.patch`,
+        output: `react+${PATCH_RECONCILER_VERSION}.patch`
+      },
+      {
+        template: `../scripts/react-dom+${TEMPLATE_VERSION}.patch`,
+        output: `react-dom+${PATCH_RECONCILER_VERSION}.patch`
+      },
     ]
 
     // Create patches dir in user's project

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vite-plugin-react-server",
-    "version": "0.3.18",
+    "version": "0.3.19",
     "description": "Vite plugin for React Server Components (RSC)",
     "type": "module",
     "main": "./dist/plugin/index.js",
@@ -91,8 +91,8 @@
     },
     "homepage": "https://github.com/nicobrinkkemper/vite-plugin-react-server#readme",
     "peerDependencies": {
-        "react": "^0.0.0-experimental-d55cc79b-20250228",
-        "react-dom": "^0.0.0-experimental-d55cc79b-20250228",
+        "react": "^0.0.0-experimental-f9d78089-20250306",
+        "react-dom": "^0.0.0-experimental-f9d78089-20250306",
         "vite": "*"
     },
     "peerDependenciesMeta": {

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

@@ -1 +1 @@
-{"version":3,"file":"checkFilesExist.d.ts","sourceRoot":"","sources":["../../plugin/checkFilesExist.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAW7E,wBAAsB,eAAe,CACnC,KAAK,EAAE,MAAM,EAAE,EACf,OAAO,EAAE,mBAAmB,EAC5B,IAAI,EAAE,MAAM,GACX,OAAO,CAAC,qBAAqB,CAAC,CA4ChC"}
+{"version":3,"file":"checkFilesExist.d.ts","sourceRoot":"","sources":["../../plugin/checkFilesExist.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAY7E,wBAAsB,eAAe,CACnC,KAAK,EAAE,MAAM,EAAE,EACf,OAAO,EAAE,mBAAmB,EAC5B,IAAI,EAAE,MAAM,GACX,OAAO,CAAC,qBAAqB,CAAC,CA+ChC"}

package/dist/plugin/checkFilesExist.js

@@ -5,9 +5,9 @@
  */
 import { existsSync } from 'node:fs';
 import { join } from 'node:path';
-import 'vite';
 import { createInputNormalizer } from './helpers/inputNormalizer.js';
 
+let stashedFiles = null;
 const resolveFileOption = (pageOrProps) => {
   if (typeof pageOrProps === "string") {
     return () => pageOrProps;
@@ -15,6 +15,9 @@ const resolveFileOption = (pageOrProps) => {
   return pageOrProps;
 };
 async function checkFilesExist(pages, options, root) {
+  if (stashedFiles) {
+    return stashedFiles;
+  }
   if (!root || root === "") {
     throw new Error("Root not found");
   }
@@ -56,7 +59,8 @@ async function checkFilesExist(pages, options, root) {
     pageMap.set(pageKey, pageValue);
     propsMap.set(propsKey, propsValue);
   }
-  return { pageMap, pageSet, propsMap, propsSet, urlMap, errors };
+  stashedFiles = { pageMap, pageSet, propsMap, propsSet, urlMap, errors };
+  return stashedFiles;
 }
 
 export { checkFilesExist };

package/dist/plugin/checkFilesExist.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkFilesExist.js","sources":["../../plugin/checkFilesExist.ts"],"sourcesContent":["import { existsSync } from \"node:fs\";\nimport { join } from \"node:path\";\nimport type { CheckFilesExistReturn, ResolvedUserOptions } from \"./types.js\";\nimport { normalizePath } from \"vite\";\nimport { createInputNormalizer } from \"./helpers/inputNormalizer.js\";\n\nconst resolveFileOption = (pageOrProps: string | ((url: string) => string)) => {\n  if (typeof pageOrProps === \"string\") {\n    return () => pageOrProps;\n  }\n  return pageOrProps;\n};\n\nexport async function checkFilesExist(\n  pages: string[],\n  options: ResolvedUserOptions,\n  root: string\n): Promise<CheckFilesExistReturn> {\n  if (!root || root === \"\") {\n    throw new Error(\"Root not found\");\n  }\n  const errors: string[] = [];\n  const pageSet = new Set<string>();\n  const propsSet = new Set<string>();\n  const pageMap = new Map<string, string>();\n  const propsMap = new Map<string, string>();\n  const urlMap = new Map<string, { props: string; page: string }>();\n  const normalizer = createInputNormalizer({\n    root,\n    preserveModulesRoot: options.build.preserveModulesRoot === true ? options.moduleBase : undefined,\n    removeExtension: true,\n  });\n  const pageFn = resolveFileOption(options.Page);\n  const propsFn = resolveFileOption(options.props);\n  for (const page of pages) {\n    const pagePath = pageFn(page);\n    const propsPath = propsFn(page);\n    const [pageKey, pageValue] = normalizer(pagePath);\n    const [propsKey, propsValue] = normalizer(propsPath);\n    try {\n      if (!existsSync(join(root, pageValue))) {\n        errors.push(\n          `Page file not found: ${pagePath}, ${join(root, pagePath)}`\n        );\n      }\n      if (!existsSync(join(root, propsValue))) {\n        errors.push(\n          `Props file not found: ${propsPath}, ${join(root, propsPath)}`\n        );\n      }\n    } catch (error) {\n      errors.push(`Error checking files: ${error}`);\n    }\n    urlMap.set(page, { props: propsPath, page: pagePath });\n    pageSet.add(pagePath);\n    propsSet.add(propsPath);\n    pageMap.set(pageKey, pageValue);\n    propsMap.set(propsKey, propsValue);\n  }\n\n  return { pageMap, pageSet, propsMap, propsSet, urlMap, errors };\n}\n"],"names":[],"mappings":";;;;;;;;;;AAMA,MAAM,iBAAA,GAAoB,CAAC,WAAoD,KAAA;AAC7E,EAAI,IAAA,OAAO,gBAAgB,QAAU,EAAA;AACnC,IAAA,OAAO,MAAM,WAAA;AAAA;AAEf,EAAO,OAAA,WAAA;AACT,CAAA;AAEsB,eAAA,eAAA,CACpB,KACA,EAAA,OAAA,EACA,IACgC,EAAA;AAChC,EAAI,IAAA,CAAC,IAAQ,IAAA,IAAA,KAAS,EAAI,EAAA;AACxB,IAAM,MAAA,IAAI,MAAM,gBAAgB,CAAA;AAAA;AAElC,EAAA,MAAM,SAAmB,EAAC;AAC1B,EAAM,MAAA,OAAA,uBAAc,GAAY,EAAA;AAChC,EAAM,MAAA,QAAA,uBAAe,GAAY,EAAA;AACjC,EAAM,MAAA,OAAA,uBAAc,GAAoB,EAAA;AACxC,EAAM,MAAA,QAAA,uBAAe,GAAoB,EAAA;AACzC,EAAM,MAAA,MAAA,uBAAa,GAA6C,EAAA;AAChE,EAAA,MAAM,aAAa,qBAAsB,CAAA;AAAA,IACvC,IAAA;AAAA,IACA,qBAAqB,OAAQ,CAAA,KAAA,CAAM,mBAAwB,KAAA,IAAA,GAAO,QAAQ,UAAa,GAAA,SAAA;AAAA,IACvF,eAAiB,EAAA;AAAA,GAClB,CAAA;AACD,EAAM,MAAA,MAAA,GAAS,iBAAkB,CAAA,OAAA,CAAQ,IAAI,CAAA;AAC7C,EAAM,MAAA,OAAA,GAAU,iBAAkB,CAAA,OAAA,CAAQ,KAAK,CAAA;AAC/C,EAAA,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,IAAM,MAAA,QAAA,GAAW,OAAO,IAAI,CAAA;AAC5B,IAAM,MAAA,SAAA,GAAY,QAAQ,IAAI,CAAA;AAC9B,IAAA,MAAM,CAAC,OAAA,EAAS,SAAS,CAAA,GAAI,WAAW,QAAQ,CAAA;AAChD,IAAA,MAAM,CAAC,QAAA,EAAU,UAAU,CAAA,GAAI,WAAW,SAAS,CAAA;AACnD,IAAI,IAAA;AACF,MAAA,IAAI,CAAC,UAAW,CAAA,IAAA,CAAK,IAAM,EAAA,SAAS,CAAC,CAAG,EAAA;AACtC,QAAO,MAAA,CAAA,IAAA;AAAA,UACL,wBAAwB,QAAQ,CAAA,EAAA,EAAK,IAAK,CAAA,IAAA,EAAM,QAAQ,CAAC,CAAA;AAAA,SAC3D;AAAA;AAEF,MAAA,IAAI,CAAC,UAAW,CAAA,IAAA,CAAK,IAAM,EAAA,UAAU,CAAC,CAAG,EAAA;AACvC,QAAO,MAAA,CAAA,IAAA;AAAA,UACL,yBAAyB,SAAS,CAAA,EAAA,EAAK,IAAK,CAAA,IAAA,EAAM,SAAS,CAAC,CAAA;AAAA,SAC9D;AAAA;AACF,aACO,KAAO,EAAA;AACd,MAAO,MAAA,CAAA,IAAA,CAAK,CAAyB,sBAAA,EAAA,KAAK,CAAE,CAAA,CAAA;AAAA;AAE9C,IAAA,MAAA,CAAO,IAAI,IAAM,EAAA,EAAE,OAAO,SAAW,EAAA,IAAA,EAAM,UAAU,CAAA;AACrD,IAAA,OAAA,CAAQ,IAAI,QAAQ,CAAA;AACpB,IAAA,QAAA,CAAS,IAAI,SAAS,CAAA;AACtB,IAAQ,OAAA,CAAA,GAAA,CAAI,SAAS,SAAS,CAAA;AAC9B,IAAS,QAAA,CAAA,GAAA,CAAI,UAAU,UAAU,CAAA;AAAA;AAGnC,EAAA,OAAO,EAAE,OAAS,EAAA,OAAA,EAAS,QAAU,EAAA,QAAA,EAAU,QAAQ,MAAO,EAAA;AAChE;;;;"}
+{"version":3,"file":"checkFilesExist.js","sources":["../../plugin/checkFilesExist.ts"],"sourcesContent":["import { existsSync } from \"node:fs\";\nimport { join } from \"node:path\";\nimport type { CheckFilesExistReturn, ResolvedUserOptions } from \"./types.js\";\nimport { createInputNormalizer } from \"./helpers/inputNormalizer.js\";\n\nlet stashedFiles: CheckFilesExistReturn | null = null;\n\nconst resolveFileOption = (pageOrProps: string | ((url: string) => string)) => {\n  if (typeof pageOrProps === \"string\") {\n    return () => pageOrProps;\n  }\n  return pageOrProps;\n};\n\nexport async function checkFilesExist(\n  pages: string[],\n  options: ResolvedUserOptions,\n  root: string\n): Promise<CheckFilesExistReturn> {\n  if(stashedFiles){\n    return stashedFiles;\n  }\n  if (!root || root === \"\") {\n    throw new Error(\"Root not found\");\n  }\n  const errors: string[] = [];\n  const pageSet = new Set<string>();\n  const propsSet = new Set<string>();\n  const pageMap = new Map<string, string>();\n  const propsMap = new Map<string, string>();\n  const urlMap = new Map<string, { props: string; page: string }>();\n  const normalizer = createInputNormalizer({\n    root,\n    preserveModulesRoot: options.build.preserveModulesRoot === true ? options.moduleBase : undefined,\n    removeExtension: true,\n  });\n  const pageFn = resolveFileOption(options.Page);\n  const propsFn = resolveFileOption(options.props);\n  for (const page of pages) {\n    const pagePath = pageFn(page);\n    const propsPath = propsFn(page);\n    const [pageKey, pageValue] = normalizer(pagePath);\n    const [propsKey, propsValue] = normalizer(propsPath);\n    try {\n      if (!existsSync(join(root, pageValue))) {\n        errors.push(\n          `Page file not found: ${pagePath}, ${join(root, pagePath)}`\n        );\n      }\n      if (!existsSync(join(root, propsValue))) {\n        errors.push(\n          `Props file not found: ${propsPath}, ${join(root, propsPath)}`\n        );\n      }\n    } catch (error) {\n      errors.push(`Error checking files: ${error}`);\n    }\n    urlMap.set(page, { props: propsPath, page: pagePath });\n    pageSet.add(pagePath);\n    propsSet.add(propsPath);\n    pageMap.set(pageKey, pageValue);\n    propsMap.set(propsKey, propsValue);\n  }\n  stashedFiles = { pageMap, pageSet, propsMap, propsSet, urlMap, errors };\n  return stashedFiles;\n}\n"],"names":[],"mappings":";;;;;;;;;AAKA,IAAI,YAA6C,GAAA,IAAA;AAEjD,MAAM,iBAAA,GAAoB,CAAC,WAAoD,KAAA;AAC7E,EAAI,IAAA,OAAO,gBAAgB,QAAU,EAAA;AACnC,IAAA,OAAO,MAAM,WAAA;AAAA;AAEf,EAAO,OAAA,WAAA;AACT,CAAA;AAEsB,eAAA,eAAA,CACpB,KACA,EAAA,OAAA,EACA,IACgC,EAAA;AAChC,EAAA,IAAG,YAAa,EAAA;AACd,IAAO,OAAA,YAAA;AAAA;AAET,EAAI,IAAA,CAAC,IAAQ,IAAA,IAAA,KAAS,EAAI,EAAA;AACxB,IAAM,MAAA,IAAI,MAAM,gBAAgB,CAAA;AAAA;AAElC,EAAA,MAAM,SAAmB,EAAC;AAC1B,EAAM,MAAA,OAAA,uBAAc,GAAY,EAAA;AAChC,EAAM,MAAA,QAAA,uBAAe,GAAY,EAAA;AACjC,EAAM,MAAA,OAAA,uBAAc,GAAoB,EAAA;AACxC,EAAM,MAAA,QAAA,uBAAe,GAAoB,EAAA;AACzC,EAAM,MAAA,MAAA,uBAAa,GAA6C,EAAA;AAChE,EAAA,MAAM,aAAa,qBAAsB,CAAA;AAAA,IACvC,IAAA;AAAA,IACA,qBAAqB,OAAQ,CAAA,KAAA,CAAM,mBAAwB,KAAA,IAAA,GAAO,QAAQ,UAAa,GAAA,SAAA;AAAA,IACvF,eAAiB,EAAA;AAAA,GAClB,CAAA;AACD,EAAM,MAAA,MAAA,GAAS,iBAAkB,CAAA,OAAA,CAAQ,IAAI,CAAA;AAC7C,EAAM,MAAA,OAAA,GAAU,iBAAkB,CAAA,OAAA,CAAQ,KAAK,CAAA;AAC/C,EAAA,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,IAAM,MAAA,QAAA,GAAW,OAAO,IAAI,CAAA;AAC5B,IAAM,MAAA,SAAA,GAAY,QAAQ,IAAI,CAAA;AAC9B,IAAA,MAAM,CAAC,OAAA,EAAS,SAAS,CAAA,GAAI,WAAW,QAAQ,CAAA;AAChD,IAAA,MAAM,CAAC,QAAA,EAAU,UAAU,CAAA,GAAI,WAAW,SAAS,CAAA;AACnD,IAAI,IAAA;AACF,MAAA,IAAI,CAAC,UAAW,CAAA,IAAA,CAAK,IAAM,EAAA,SAAS,CAAC,CAAG,EAAA;AACtC,QAAO,MAAA,CAAA,IAAA;AAAA,UACL,wBAAwB,QAAQ,CAAA,EAAA,EAAK,IAAK,CAAA,IAAA,EAAM,QAAQ,CAAC,CAAA;AAAA,SAC3D;AAAA;AAEF,MAAA,IAAI,CAAC,UAAW,CAAA,IAAA,CAAK,IAAM,EAAA,UAAU,CAAC,CAAG,EAAA;AACvC,QAAO,MAAA,CAAA,IAAA;AAAA,UACL,yBAAyB,SAAS,CAAA,EAAA,EAAK,IAAK,CAAA,IAAA,EAAM,SAAS,CAAC,CAAA;AAAA,SAC9D;AAAA;AACF,aACO,KAAO,EAAA;AACd,MAAO,MAAA,CAAA,IAAA,CAAK,CAAyB,sBAAA,EAAA,KAAK,CAAE,CAAA,CAAA;AAAA;AAE9C,IAAA,MAAA,CAAO,IAAI,IAAM,EAAA,EAAE,OAAO,SAAW,EAAA,IAAA,EAAM,UAAU,CAAA;AACrD,IAAA,OAAA,CAAQ,IAAI,QAAQ,CAAA;AACpB,IAAA,QAAA,CAAS,IAAI,SAAS,CAAA;AACtB,IAAQ,OAAA,CAAA,GAAA,CAAI,SAAS,SAAS,CAAA;AAC9B,IAAS,QAAA,CAAA,GAAA,CAAI,UAAU,UAAU,CAAA;AAAA;AAEnC,EAAA,YAAA,GAAe,EAAE,OAAS,EAAA,OAAA,EAAS,QAAU,EAAA,QAAA,EAAU,QAAQ,MAAO,EAAA;AACtE,EAAO,OAAA,YAAA;AACT;;;;"}

package/dist/plugin/collect-manifest-client-files.d.ts

@@ -0,0 +1,23 @@
+import type { Manifest, ModuleGraph } from "vite";
+export declare function collectModuleGraphCss({ moduleGraph, pagePath, onCss, parentUrl, }: {
+    moduleGraph: ModuleGraph;
+    pagePath: string;
+    onCss?: (path: string, parentUrl: string) => void;
+    parentUrl?: string;
+}): Promise<Map<string, string>>;
+export declare function collectManifestClientFiles({ manifest, root, pagePath, preserveModulesRoot, moduleBase, onCss, onClientModule, testClient, testJson, }: {
+    manifest: Manifest;
+    root: string;
+    pagePath: string;
+    preserveModulesRoot?: boolean;
+    moduleBase?: string;
+    onCss?: (path: string, parentUrl: string) => void;
+    onClientModule?: (path: string, parentUrl: string) => void;
+    parentUrl?: string;
+    testClient?: (id: string) => boolean;
+    testJson?: (id: string) => boolean;
+}): {
+    cssFiles: Map<string, string>;
+    clientFiles: Map<string, string>;
+};
+//# sourceMappingURL=collect-manifest-client-files.d.ts.map

package/dist/plugin/collect-manifest-client-files.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collect-manifest-client-files.d.ts","sourceRoot":"","sources":["../../plugin/collect-manifest-client-files.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAIlD,wBAAsB,qBAAqB,CAAC,EAC1C,WAAW,EACX,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE;IACD,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,gCAoBA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,mBAAmB,EACnB,UAAU,EACV,KAAK,EACL,cAAc,EACd,UAA0D,EAC1D,QAAmD,GACpD,EAAE;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CACpC;;;EA8FA"}

package/dist/plugin/collect-manifest-client-files.js

@@ -0,0 +1,117 @@
+/**
+ * vite-plugin-react-server
+ * Copyright (c) Nico Brinkkemper
+ * MIT License
+ */
+import { createInputNormalizer } from './helpers/inputNormalizer.js';
+import { DEFAULT_CONFIG } from './config/defaults.js';
+
+async function collectModuleGraphCss({
+  moduleGraph,
+  pagePath,
+  onCss,
+  parentUrl
+}) {
+  if (!pagePath) return /* @__PURE__ */ new Map();
+  const cssFiles = /* @__PURE__ */ new Map();
+  const pageModule = await moduleGraph.getModuleByUrl(pagePath, true);
+  if (!pageModule) {
+    return /* @__PURE__ */ new Map();
+  }
+  const seen = /* @__PURE__ */ new Set();
+  const walkModule = (mod) => {
+    if (!mod?.id || seen.has(mod.id)) return;
+    seen.add(mod.id);
+    if (mod?.id?.endsWith(".css")) {
+      cssFiles.set(mod?.url, mod?.id);
+      onCss?.(mod?.url, parentUrl ?? pagePath);
+    }
+    mod?.importedModules?.forEach((imp) => walkModule(imp));
+  };
+  walkModule(pageModule);
+  return cssFiles;
+}
+function collectManifestClientFiles({
+  manifest,
+  root,
+  pagePath,
+  preserveModulesRoot,
+  moduleBase,
+  onCss,
+  onClientModule,
+  testClient = DEFAULT_CONFIG.AUTO_DISCOVER.clientComponents,
+  testJson = DEFAULT_CONFIG.AUTO_DISCOVER.jsonPattern
+}) {
+  const normalizer = createInputNormalizer({
+    root,
+    removeExtension: true,
+    preserveModulesRoot: preserveModulesRoot ? moduleBase : undefined
+  });
+  const [_, value] = normalizer(pagePath);
+  const cssFiles = /* @__PURE__ */ new Map();
+  const clientFiles = /* @__PURE__ */ new Map();
+  const seen = /* @__PURE__ */ new Set();
+  const manifestValues = Object.values(manifest);
+  const possibleKeys = [
+    value
+    // Relative path
+  ];
+  const walkManifestEntry = (id, parentUrl) => {
+    if (seen.has(id)) return;
+    seen.add(id);
+    const entry = manifest[id] ?? manifestValues.find((e) => id === e.file);
+    if (!entry) {
+      console.log(
+        `No manifest entry found for ${id}, possible keys: ${Object.keys(
+          manifest
+        ).join(", ")}`
+      );
+      return;
+    }
+    if (typeof testClient === "function" && typeof onClientModule === "function" && testClient(entry.file) || typeof testJson === "function" && testJson(entry.file)) {
+      onClientModule?.(entry.file ?? "", parentUrl);
+      clientFiles.set(id, entry.name ?? "");
+    }
+    if (entry.css) {
+      entry.css.forEach((css) => {
+        cssFiles.set(css, css);
+        onCss?.(css, id);
+        onClientModule?.(css, id);
+      });
+    }
+    if (entry.imports) {
+      entry.imports.forEach(
+        (imp) => walkManifestEntry(imp, entry.file)
+      );
+    }
+    if (entry.dynamicImports) {
+      entry.dynamicImports.forEach(
+        (imp) => walkManifestEntry(imp, entry.file)
+      );
+    }
+  };
+  for (const possibleKey of possibleKeys) {
+    if (manifest[possibleKey]) {
+      walkManifestEntry(possibleKey, pagePath);
+      break;
+    }
+  }
+  if (cssFiles.size === 0) {
+    const entry = manifestValues.find(
+      (e) => possibleKeys.includes(e.file) || e.src && possibleKeys.includes(e.src) || e.name && possibleKeys.includes(e.name)
+    );
+    if (entry) {
+      walkManifestEntry(value, pagePath);
+    } else {
+      console.warn(
+        `No manifest entry found for ${value} (tried all possible keys: ${possibleKeys.join(
+          ", "
+        )})`
+      );
+    }
+  }
+  return { cssFiles, clientFiles };
+}
+
+export { collectManifestClientFiles, collectModuleGraphCss };
+//# sourceMappingURL=collect-manifest-client-files.js.map

package/dist/plugin/collect-manifest-client-files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collect-manifest-client-files.js","sources":["../../plugin/collect-manifest-client-files.ts"],"sourcesContent":["import type { Manifest, ModuleGraph } from \"vite\";\nimport { createInputNormalizer } from \"./helpers/inputNormalizer.js\";\nimport { DEFAULT_CONFIG } from \"./config/defaults.js\";\n\nexport async function collectModuleGraphCss({\n  moduleGraph,\n  pagePath,\n  onCss,\n  parentUrl,\n}: {\n  moduleGraph: ModuleGraph;\n  pagePath: string;\n  onCss?: (path: string, parentUrl: string) => void;\n  parentUrl?: string;\n}) {\n  if (!pagePath) return new Map<string, string>();\n\n  const cssFiles = new Map<string, string>();\n  const pageModule = await moduleGraph.getModuleByUrl(pagePath, true);\n  if (!pageModule) {\n    return new Map<string, string>();\n  }\n  const seen = new Set<string>();\n  const walkModule = (mod: any) => {\n    if (!mod?.id || seen.has(mod.id)) return;\n    seen.add(mod.id);\n    if (mod?.id?.endsWith(\".css\")) {\n      cssFiles.set(mod?.url, mod?.id);\n      onCss?.(mod?.url, parentUrl ?? pagePath);\n    }\n    mod?.importedModules?.forEach((imp: any) => walkModule(imp));\n  };\n  walkModule(pageModule);\n  return cssFiles;\n}\n\nexport function collectManifestClientFiles({\n  manifest,\n  root,\n  pagePath,\n  preserveModulesRoot,\n  moduleBase,\n  onCss,\n  onClientModule,\n  testClient = DEFAULT_CONFIG.AUTO_DISCOVER.clientComponents,\n  testJson = DEFAULT_CONFIG.AUTO_DISCOVER.jsonPattern,\n}: {\n  manifest: Manifest;\n  root: string;\n  pagePath: string;\n  preserveModulesRoot?: boolean;\n  moduleBase?: string;\n  onCss?: (path: string, parentUrl: string) => void;\n  onClientModule?: (path: string, parentUrl: string) => void;\n  parentUrl?: string;\n  testClient?: (id: string) => boolean;\n  testJson?: (id: string) => boolean;\n}) {\n  const normalizer = createInputNormalizer({\n    root,\n    removeExtension: true,\n    preserveModulesRoot: preserveModulesRoot ? moduleBase : undefined,\n  });\n  const [_, value] = normalizer(pagePath);\n\n  const cssFiles = new Map<string, string>();\n  const clientFiles = new Map<string, string>();\n  const seen = new Set<string>();\n  const manifestValues = Object.values(manifest);\n\n  // Try different variations of the path\n  const possibleKeys = [\n    value, // Relative path\n  ];\n\n  const walkManifestEntry = (id: string, parentUrl: string) => {\n    if (seen.has(id)) return;\n    seen.add(id);\n\n    // Get the manifest entry\n    const entry = manifest[id] ?? manifestValues.find((e) => id === e.file);\n    if (!entry) {\n      console.log(\n        `No manifest entry found for ${id}, possible keys: ${Object.keys(\n          manifest\n        ).join(\", \")}`\n      );\n      return;\n    }\n    if (\n      (typeof testClient === \"function\" &&\n        typeof onClientModule === \"function\" &&\n        testClient(entry.file)) ||\n      (typeof testJson === \"function\" && testJson(entry.file))\n    ) {\n      onClientModule?.(entry.file ?? \"\", parentUrl);\n      clientFiles.set(id, entry.name ?? \"\");\n    }\n\n    // Add direct CSS from the css array\n    if (entry.css) {\n      entry.css.forEach((css: string) => {\n        cssFiles.set(css, css);\n        onCss?.(css, id);\n        onClientModule?.(css, id);\n      });\n    }\n\n    // Walk imports recursively\n    if (entry.imports) {\n      entry.imports.forEach((imp: string) =>\n        walkManifestEntry(imp, entry.file)\n      );\n    }\n\n    // Also check dynamicImports\n    if (entry.dynamicImports) {\n      entry.dynamicImports.forEach((imp: string) =>\n        walkManifestEntry(imp, entry.file)\n      );\n    }\n  };\n\n  // Try all possible keys\n  for (const possibleKey of possibleKeys) {\n    if (manifest[possibleKey]) {\n      walkManifestEntry(possibleKey, pagePath);\n      break;\n    }\n  }\n\n  // If no entry found by key, try matching by file\n  if (cssFiles.size === 0) {\n    const entry = manifestValues.find(\n      (e) =>\n        possibleKeys.includes(e.file) ||\n        (e.src && possibleKeys.includes(e.src)) ||\n        (e.name && possibleKeys.includes(e.name))\n    );\n    if (entry) {\n      walkManifestEntry(value, pagePath);\n    } else {\n      console.warn(\n        `No manifest entry found for ${value} (tried all possible keys: ${possibleKeys.join(\n          \", \"\n        )})`\n      );\n    }\n  }\n\n  return { cssFiles, clientFiles };\n}\n"],"names":[],"mappings":"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"}

package/dist/plugin/components.d.ts

@@ -1,14 +1,14 @@
+import React from "react";
 /**
  * A component that emits <link> tags for CSS files during streaming.
  * The high precedence ensures they bubble up to the document head.
  */
-export declare function CssCollector({ url, moduleBasePath }: {
-    url: string;
-    moduleBasePath: string;
-}): import("react").DetailedReactHTMLElement<{
-    key: string;
-    rel: string;
-    href: string;
-    precedence: string;
-}, HTMLElement>;
+export declare function CssCollector({ children, cssFiles, moduleBaseUrl, route }: {
+    children?: React.ReactNode;
+    cssFiles: string[];
+    moduleBaseUrl?: string;
+    route?: string;
+}): React.FunctionComponentElement<{
+    children?: React.ReactNode | undefined;
+}>;
 //# sourceMappingURL=components.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../plugin/components.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,cAAc,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE;;;;;gBAO5F"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../plugin/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,KAAW,EACZ,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;;GA2CA"}

package/dist/plugin/components.js

@@ -1,13 +1,54 @@
-import { createElement } from 'react';
 /**
- * A component that emits <link> tags for CSS files during streaming.
- * The high precedence ensures they bubble up to the document head.
+ * vite-plugin-react-server
+ * Copyright (c) Nico Brinkkemper
+ * MIT License
  */
-export function CssCollector({ url, moduleBasePath }) {
-    return createElement('link', {
-        key: url,
-        rel: 'stylesheet',
+import React__default from 'react';
+
+function CssCollector({
+  children,
+  cssFiles,
+  moduleBaseUrl,
+  route = "/"
+}) {
+  const depth = route.split("/").filter(Boolean).length;
+  const prefix = depth > 0 ? "../".repeat(depth) : "./";
+  const base = typeof moduleBaseUrl === "string" && moduleBaseUrl !== "" ? moduleBaseUrl : prefix;
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    ...cssFiles.map((css) => {
+      try {
+        if (moduleBaseUrl) {
+          new URL(css, moduleBaseUrl);
+        } else {
+          new URL(`file://${base}${css}`);
+        }
+      } catch (error) {
+        return React__default.createElement(
+          "style",
+          { type: "text/css" },
+          css
+        );
+      }
+      let url = css;
+      if (css.startsWith("http") || css.startsWith("data:")) {
+        url = css;
+      } else if (css.startsWith("/")) {
+        url = base + css.slice(1);
+      } else if (!css.startsWith("./") && !css.startsWith("../")) {
+        url = base + css;
+      }
+      return React__default.createElement("link", {
+        key: css,
+        rel: "stylesheet",
         href: url,
-        precedence: 'high'
-    });
+        precedence: "high"
+      });
+    }),
+    children
+  );
 }
+
+export { CssCollector };
+//# sourceMappingURL=components.js.map