vite-plugin-react-server 0.3.19 → 1.0.1

package/README.md

@@ -1,7 +1,6 @@
 # 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`.
-
+A Vite plugin that enables React Server Components (RSC) streaming and static HTML page generation. It leverages experimental dependencies from React, specifically `react-server-dom-esm`.
 
 ## Example Projects
 
@@ -10,205 +9,307 @@ A Vite plugin that enables React Server Components (RSC) streaming and static bu
 
 ## Installation
 
-```ts
-npm install -D vite-plugin-react-stream
+```sh
+npm install -D vite-plugin-react-server
+```
+
+## Open Source and Work in Progress
+
+This project uses the latest *OSS-experimental* React version from [the official React GitHub repository](https://github.com/facebook/react). The plugin includes a patch system to facilitate setup. First, install dependencies and patches:
+
+```sh
+npm install -D patch-package react@experimental react-dom@experimental react-server-dom-esm
 ```
 
-## Open source and work in progress
+Add the following command to your `package.json` scripts:
 
-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",
+"patch": "check-react-version && patch"
 ```
-Now run `npm run patch` to create the patch. It will tell you to add this as well:
+
+Run the patch command:
+
+```sh
+npm run patch
+```
+
+It will instruct you to add:
+
 ```json
-"postinstall": "patch-package",
+"postinstall": "patch-package"
 ```
-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.
+This ensures the patch is applied after every `npm install`. If errors arise related to `react-server-dom-esm`, verify that the postinstall step ran.
 
-## 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)
+## Plugin Structure and Purpose
 
-### vite-plugin-react-server/preserver
-- Preserves "use client" and "use server" condition in source code
+### Strict Client-Server Separation
 
-### vite-plugin-react-server/transformer
-- Transforms client components for server environment or vice versa
+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.
 
-### vite-plugin-react-server/worker/html
-- Create your own html worker (client side worker)
-- Make html worker part of the application
+The separation is accomplished through two complementary plugins:
 
-### vite-plugin-react-server/worker/rsc
-- Create your own rsc worker (server side worker)
-- Make rsc worker part of the application
+- **vite-plugin-react-server/client** → Handles client-side rendering and ESM bundling
+- **vite-plugin-react-server** → Manages server-side streaming and RSC processing
 
-## 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. 
+This ensures that client-side and server-side concerns remain isolated from the beginning, reducing potential inconsistencies.
+
+### Custom composition
+
+You can pick and choose only the plugins you like to get the desired behavior as well. For example, we can choose only to use the preserver, the transformer, static plugin, etc.
+
+### 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.
+
+### Custom Worker
+
+Both workers can be customized using the `htmlWorkerPath` and `rscWorkerPath` respectively. The paths will be used to create the workers instead of the prebuilt worker included with this plugin. If these paths are defined, they will be made part of your application build as well.
+
+Keep in mind that, using your custom worker means interacting with the message system of this plugin during development/static generation process.
+
+
+## Plugin Usage
+
+### Configuration
 ```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),
+import type { StreamPluginOptions } from "vite-plugin-react-server/server";
+
+const createRouter = (file: "props.ts" | "page.tsx") => (url: string) => {
+  switch (url) {
+    case "/bidoof":
+    case "/bidoof/index.rsc":
+      return `src/page/bidoof/${file}`;
+    case "/404":
+    case "/404/index.rsc":
+      return `src/page/404/${file}`;
+    case "/":
+    case "/index.rsc":
+      return `src/page/${file}`;
+    default:
+      throw new Error(`Unknown route: ${url}`);
   }
+};
+
+export const config = {
+  moduleBase: "src",
+  Page: createRouter("page.tsx"),
+  props: createRouter("props.ts"),
+  Html: Html,
+  build: {
+    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),
 });
 ```
-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)
+
+#### Build Steps
+
+```sh
+vite build
+```
+Outputs React client-side ESM files to `dist/client`.
+
+```sh
+vite build --ssr
+```
+Outputs files for server-side execution to `dist/server`.
+
+```sh
+vite preview
+```
+Serves the static directory.
+
+---
+
+### 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";
 import { vitePluginReactServer } from "vite-plugin-react-server";
-import { config } from "./config.js";
-import { defineConfig } from "vite";
-export default defineConfig(()=> {
-  return {
-    plugins: vitePluginReactServer(config),
-  }
+import { config } from "./vite.react.config";
+
+export default defineConfig({
+  plugins: vitePluginReactServer(config) as Plugin[],
 });
 ```
-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.
 
+#### Running in Development
+
+```sh
+NODE_OPTIONS="--conditions=react-server" vite --config vite.server.config.ts
+```
+
+#### Build Steps
+
+```sh
+NODE_OPTIONS="--conditions=react-server" vite build --config vite.server.config.ts
+```
+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
+
+---
+
+## Static Site Generation
+
+Single-out the static generation step by only inluding the static plugin. Expects client and server folders to be there.
 ```ts
-import React from "react"
+import { defineConfig, Plugin } from "vite";
+import { reactStaticPlugin } from "vite-plugin-react-server/static";
+import { config } from "./vite.react.config";
 
-export const config = {
-  // set the root dir
-  moduleBase: "src",
-  // 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"],
-  },
-};
+export default defineConfig({
+  plugins: [reactStaticPlugin(config)],
+});
 ```
 
-### Scripts Setup
+Example output structure:
 
-```json
-{
-  "scripts": {
-    "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",
-    "test:client": "vitest",
-  }
-}
+```sh
+dist/static/index.html
+dist/static/index.rsc
+dist/static/about/index.html
+dist/static/about/index.rsc
 ```
 
-## Component Types
+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.
 
-### Server Components (Default)
-```tsx
-// src/page/pokemon/page.tsx
-export function Page({ pokemon }) {
-  return <div>Its a {pokemon.name}!</div>
+---
+
+## Configuration
+
+### moduleBase
+
+```ts
+const config = {
+  moduleBase: "src",
 }
 ```
+Defines the root directory for project modules. This can be customized.
 
-### Page Props
-```tsx
-// src/page/pokemon/props.ts
-export const props = async () => {
-  const res = await fetch("https://pokeapi.co/api/v2/pokemon-form/399/")
-  return res.json()
-}
+### moduleBasePath
+
+```ts
+moduleBasePath: "",
 ```
+Passed as the second argument to `renderToPipeableStream` for server-side rendering.
 
-### Client Components
-Use the "use client" directive for client-side features:
-```tsx
-"use client"
-import { useState } from 'react'
+### moduleBaseURL
 
-export function Counter() {
-  const [count, setCount] = useState(0)
-  return <button onClick={() => setCount(c => c + 1)}>{count}</button>
-}
+```ts
+moduleBaseURL: "https://github.com/my-gh-pages",
 ```
+Defines asset URL resolution for CSS collectors and bootstrapModule.
 
-### Server Actions
-Use the "use server" directive for server-side API endpoints:
-```tsx
-"use server"
-export async function submitForm(data: FormData) {
-  // Server-side logic
-}
+### Page and props Mapping
+
+```ts
+Page: (id) => join(id.replace('index.rsc',''), 'page.tsx')
+```
+Defines how pages are mapped to file paths.
+```ts
+props: (id) => join(id.replace('index.rsc',''), 'props.ts')
+```
+Defines how to load the initial props of the page file.
+
+If you do not want prop files, just don't define it.
+```ts
+pageExportName: 'Page',
 ```
+Changes the default name "Page"
+```ts
+propsExportName: 'props',
+```
+Changes the default name "props"
 
-## Notes
+---
 
-- Requires `NODE_OPTIONS="--conditions=react-server"` for the Vite process
-- CSS files are automatically collected and link tags emitted
-- Components are streamed only when visited
-- Supports both sync and async props, and all kinds of combinations I haven't tried or tested yet!
+## Example Setup
 
-## Architecture and Implementation Details
+### package.json Scripts
+
+```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"
+}
+```
+
+### Sample Page Component
+
+```tsx
+// src/my-page.tsx
+export const Page = ({ name }) => {
+  return <div>Hello {name}</div>;
+};
+```
 
-### Dual Implementation Strategy
+### Sample Props File
 
-The plugin provides two complete implementations of RSC handling:
+```ts
+// src/my-props.ts
+export const props = {
+  name: "John Doe",
+};
+```
 
-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
+### Vite Configuration Files
 
-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
+#### Client Configuration (`vite.config.ts`)
 
-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.
+```ts
+import { vitePluginReactClient } from "vite-plugin-react-server/client";
+import { defineConfig } from "vite";
 
-### Node Conditions and Worker Threads
+export default defineConfig({
+  plugins: vitePluginReactClient(),
+});
+```
 
-The use of worker threads isn't primarily about parallelization - it's about handling Node conditions:
+#### Server Configuration (`vite.server.config.ts`)
 
-- 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
+```ts
+import { vitePluginReactServer } from "vite-plugin-react-server";
+import { defineConfig } from "vite";
 
-### Future Possibilities: Application-Level Workers
+export default defineConfig({
+  plugins: vitePluginReactServer(),
+});
+```
 
-While currently focused on build-time RSC handling, the worker pattern could be extended to the end application:
+---
 
-- 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
+```sh
+NODE_OPTIONS='--conditions react-server' npx vite --config vite.server.config.ts
+```
 
-This would require:
-- APIs for user-defined workers
-- Documentation for worker patterns
-- Examples of worker-based architectures
-- Support for different worker strategies
+In development mode, the server plugin pipes the React stream directly to the response.
 
-While this isn't currently implemented, the architecture is designed to potentially support this kind of extension in the future.
+```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.
 
-## License
+## Contributions
 
-MIT
+If you want to help develop or maintain the plugin feel free to open a PR or issue on GitHub.

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vite-plugin-react-server",
-    "version": "0.3.19",
+    "version": "1.0.1",
     "description": "Vite plugin for React Server Components (RSC)",
     "type": "module",
     "main": "./dist/plugin/index.js",
@@ -19,13 +19,15 @@
         ".": "./dist/plugin/index.js",
         "./client": "./dist/client.js",
         "./server": "./dist/server.js",
+        "./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"
+        "./css-loader": "./dist/plugin/loader/css-loader.js",
+        "./components": "./dist/plugin/components.js"
     },
     "typesVersions": {
         "*": {
@@ -38,11 +40,17 @@
             "server": [
                 "./dist/plugin/react-server/plugin.d.ts"
             ],
+            "static": [
+                "./dist/plugin/static/plugin.d.ts"
+            ],
             "worker": [
                 "./dist/plugin/worker/worker.d.ts"
             ],
             "loader": [
                 "./dist/plugin/worker/loader.d.ts"
+            ],
+            "components": [
+                "./dist/plugin/components.d.ts"
             ]
         }
     },
@@ -120,13 +128,12 @@
         "typescript": "^5.7.3",
         "vite": "^6.0.11",
         "vitest": "^3.0.4",
-        "webpack-sources": "^3.2.3"
+        "webpack-sources": "^3.2.3",
+        "tsx": "^4.19.2"
     },
     "bin": {
         "check-react-version": "./scripts/check-react-version.mjs",
         "patch": "./bin/patch.mjs"
     },
-    "dependencies": {
-        "tsx": "^4.19.2"
-    }
+    "dependencies": {}
 }

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

@@ -1 +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"}
+{"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;;;EA6GA"}

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

@@ -24,7 +24,6 @@ async function collectModuleGraphCss({
     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));
   };
@@ -61,11 +60,19 @@ function collectManifestClientFiles({
     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(", ")}`
-      );
+      const hasKey = Object.keys(manifest).find((key) => id === key);
+      if (hasKey) {
+        console.log(
+          `Manifest entry found for ${id}, but it is ${typeof entry}`
+        );
+        return;
+      } else {
+        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)) {
@@ -103,11 +110,18 @@ function collectManifestClientFiles({
     if (entry) {
       walkManifestEntry(value, pagePath);
     } else {
-      console.warn(
-        `No manifest entry found for ${value} (tried all possible keys: ${possibleKeys.join(
-          ", "
-        )})`
-      );
+      const hasKey = Object.keys(manifest).find((key) => value === key);
+      if (hasKey) {
+        console.warn(
+          `Manifest entry found for ${value}, but it is ${typeof manifest[hasKey]}`
+        );
+      } else {
+        console.warn(
+          `No manifest entry found for ${value} (tried all possible keys: ${possibleKeys.join(
+            ", "
+          )} for manifest keys: ${Object.keys(manifest).join(", ")})`
+        );
+      }
     }
   }
   return { cssFiles, clientFiles };

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

@@ -1 +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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"}
+{"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      const hasKey = Object.keys(manifest).find((key) => id === key);\n      if (hasKey) {\n        console.log(\n          `Manifest entry found for ${id}, but it is ${typeof entry}`\n        );\n        return;\n      } else {\n        console.log(\n          `No manifest entry found for ${id}, possible keys: ${Object.keys(\n            manifest\n          ).join(\", \")}`\n        );\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      const hasKey = Object.keys(manifest).find((key) => value === key);\n      if (hasKey) {\n        console.warn(\n          `Manifest entry found for ${value}, but it is ${typeof manifest[hasKey]}`\n        );\n      } else {\n        console.warn(\n          `No manifest entry found for ${value} (tried all possible keys: ${possibleKeys.join(\n            \", \"\n          )} for manifest keys: ${Object.keys(manifest).join(\", \")})`\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,4 @@
-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({ children, cssFiles, moduleBaseUrl, route }: {
-    children?: React.ReactNode;
-    cssFiles: string[];
-    moduleBaseUrl?: string;
-    route?: string;
-}): React.FunctionComponentElement<{
-    children?: React.ReactNode | undefined;
-}>;
+export { Html } from "./html.js";
+export { CssCollector } from "./css-collector.js";
+export { InlineCssCollector } from "./css-collector-inline.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.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"}
+{"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"}