vite-plugin-react-server 0.3.18 → 1.0.0

package/README.md

@@ -1,213 +1,292 @@
-# 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`.
+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`.
 
-## Features
+## Example Projects
 
-- 🚀 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 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
+```sh
+npm install -D vite-plugin-react-stream
 ```
 
-### React Canary Setup
+## Open Source and Work in Progress
 
-This plugin requires React's experimental features. You'll need to:
+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:
 
-1. Install react-server-dom-esm (currently an empty stub package):
-```bash
-npm install react-server-dom-esm
+```sh
+npm install -D patch-package react@experimental react-dom@experimental react-server-dom-esm
 ```
 
-2. Apply the patch:
-```bash
-npx vite-plugin-react-server/patch
+Add the following command to your `package.json` scripts:
+
+```json
+"patch": "check-react-version && patch"
 ```
-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
+Run the patch command:
+
+```sh
+npm run patch
 ```
 
-4. Add to package.json:
+It will instruct you to add:
+
 ```json
-{
-  "scripts": {
-    "postinstall": "patch-package"
-  }
-}
+"postinstall": "patch-package"
 ```
 
-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).
+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.
 
-## Basic Configuration
+---
 
-```typescript
-// vite.react-server.config.ts
-import { defineConfig } from 'vite'
-import type { Options } from 'vite-plugin-react-server'
+## Plugin Structure and Purpose
 
-// 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}`;
-}
+### Strict Client-Server Separation
 
-export const streamPluginOptions: Options = {
-  moduleBase: "src",
-  Page: createRouter('Page.tsx'),
-  props: createRouter('props.ts'),
-  pageExportName: "Page",
-  propsExportName: "props",
-}
+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.
+
+The separation is accomplished through two complementary plugins:
+
+- **vite-plugin-react-server/client** → Handles client-side rendering and ESM bundling
+- **vite-plugin-react-server** → Manages server-side streaming and RSC processing
+
+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
+
+### 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) as Plugin[],
+});
+```
+
+#### Build Steps
+
+```sh
+vite build
 ```
+Outputs React client-side ESM files to `dist/client`.
 
-### Client Build Config
+```sh
+vite build --ssr
+```
+Outputs files for server-side execution to `dist/server`.
+
+```sh
+vite preview
+```
+Serves the static directory.
 
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite'
-import { viteReactStreamPlugin } from 'vite-plugin-react-server/client'
-import { streamPluginOptions } from './vite.react-server.config.js'
+---
+
+### 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 "./vite.react.config";
 
 export default defineConfig({
-  plugins: [viteReactStreamPlugin(streamPluginOptions)]
-})
+  plugins: vitePluginReactServer(config) as Plugin[],
+});
+```
+
+#### 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
 
-### 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'
+## 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 { defineConfig, Plugin } from "vite";
+import { reactStaticPlugin } from "vite-plugin-react-server/static";
+import { config } from "./vite.react.config";
 
 export default defineConfig({
-  plugins: [viteReactStreamPlugin(streamPluginOptions)]
-})
+  plugins: [reactStaticPlugin(config)],
+});
 ```
 
-### Scripts Setup
+Example output structure:
 
-```json
-{
-  "scripts": {
-    "start": "NODE_OPTIONS=--conditions=react-server vite",
-    "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"
-  }
-}
+```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.
 
-## Notes
+If you do not want prop files, just don't define it.
+```ts
+pageExport: 'Page',
+```
+Changes the default name "Page"
+```ts
+propsExport: 'props',
+```
+Changes the default name "props"
 
-- 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!
+---
 
-## License
+## Example Setup
 
-MIT
+### 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"
+}
+```
 
-## FAQ
+### Sample Page Component
 
-### Why does this plugin use two separate workers?
+```tsx
+// src/my-page.tsx
+export const Page = ({ name }) => {
+  return <div>Hello {name}</div>;
+};
+```
 
-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:
+### Sample Props File
 
-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
+```ts
+// src/my-props.ts
+export const props = {
+  name: "John Doe",
+};
+```
 
-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.
+### Vite Configuration Files
 
-## When to use which directive?
+#### Client Configuration (`vite.config.ts`)
 
-The "use client" should be used for components that use client-only things, like hooks - browser window, localStorage, etc.
+```ts
+import { vitePluginReactClient } from "vite-plugin-react-server/client";
+import { defineConfig } from "vite";
 
+export default defineConfig({
+  plugins: vitePluginReactClient(),
+});
+```
 
-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.
+#### Server Configuration (`vite.server.config.ts`)
 
-## What about .client.tsx files, .server.tsx files?
+```ts
+import { vitePluginReactServer } from "vite-plugin-react-server";
+import { defineConfig } from "vite";
 
-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.
+export default defineConfig({
+  plugins: vitePluginReactServer(),
+});
+```
 
-### What's the deal with NODE_OPTIONS and conditions?
+---
 
-The React Server Components system requires specific Node conditions:
+```sh
+NODE_OPTIONS='--conditions react-server' npx vite --config vite.server.config.ts
+```
 
-- `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)
+In development mode, the server plugin pipes the React stream directly to the response.
 
-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.
+```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.
 
-### 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.
+## Summary
 
+- **Strict Client-Server Separation** → Ensures modularity and maintainability
+- **Static Site Generation** → Produces deployable HTML and RSC files
+- **Dual RSC Implementation** → Supports direct streaming and worker-based approaches
+- **Customizable Module Loading** → Allows flexible project configurations
 
+This plugin provides a workflow for React Server Components within Vite, balancing **performance, modularity, and ease of use**.
 

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": "1.0.0",
     "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"
             ]
         }
     },
@@ -91,8 +99,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": {
@@ -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/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;;;EA6GA"}