vite-plugin-react-server 1.1.10 → 1.1.12

package/README.md

@@ -5,7 +5,9 @@ A Vite plugin that enables React Server Components (RSC) streaming and static HT
 ## Example Projects
 
 - [The official demo](https://github.com/nicobrinkkemper/vite-plugin-react-server-demo-official)
+  - [Github Pages](https://nicobrinkkemper.github.io/vite-plugin-react-server-demo-official/)
 - [The mmcelebration.com project](https://github.com/nicobrinkkemper/mmc)
+  - [Github Pages](https://nicobrinkkemper.github.io/mmc/)
 
 ## Installation
 
@@ -15,7 +17,7 @@ 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:
+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
@@ -50,29 +52,163 @@ This ensures the patch is applied after every `npm install`. If errors arise rel
 This plugin uses environment detection to determine the execution context. It achieves this by checking the `NODE_OPTIONS` environment variable:
 
 ```typescript
-import { getCondition } from "vite-plugin-react-server"
+import { getCondition } from "vite-plugin-react-server/config";
 
-if(getCondition() !== 'react-server'){
-  throw new Error('-10 poision damage')
+if (getCondition() !== "react-server") {
+  throw new Error("-10 poision damage");
 }
 ```
+
 Alternatively, you can pass the argument for the `react-` prefix to just get client or server back.
 
 ```typescript
-import { getCondition } from "vite-plugin-react-server"
+import { getCondition } from "vite-plugin-react-server/config";
 
-import(`plugin.${getCondition('')}.js`)
+import(`plugin.${getCondition("")}.js`);
 ```
 
 The main entry point adapts based on the environment:
 
 - **Client Mode** (default) → Does not require the react-server condition, uses a worker thread for RSC requests
+  Benefits:
+  - log errors to console
+  - onMetric event for each page
+  - worker thread
 - **Server Mode** (`NODE_OPTIONS="--conditions react-server"`) → Does not need worker thread for RSC requests
+  - Direct pipeline from vite to react
 
 ### 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.
 
+### Page & prop setup
+
+The minimal config is
+
+```tsx
+// vite.config.tsx
+import type { StreamPluginOptions } from "vite-plugin-react-server/types";
+import { join } from "node:path";
+import { defineConfig } from "vite";
+import { vitePluginReactServer } from "vite-plugin-react-server";
+import { config } from "./vite.react.config.js";
+
+export default defineConfig(() => {
+  return {
+    plugins: vitePluginReactServer({
+      moduleBase: "src",
+      Page: "src/page.tsx",
+    }),
+  };
+});
+```
+
+And our Page file.
+
+```tsx
+// src/page.tsx
+import React from "react";
+export function Page({ url }) {
+  return <div>You are on {url}</div>;
+}
+```
+
+Of course we need a client file as well, and the vite index.html pointing to it,
+
+```tsx
+import React, { use } from "react";
+import { createRoot } from "react-dom/client";
+import { createReactFetcher } from "vite-plugin-react-server/utils";
+// src/client.tsx
+const Shell: React.FC<{
+  data: React.Usable<React.ReactNode>;
+}> = ({ data: initialServerData }) => {
+  const content = use(initialServerData);
+  return content as React.ReactNode;
+};
+// Initialize the app
+const rootElement = document.getElementById("root");
+if (!rootElement) throw new Error("Root element not found");
+
+const intitalData = createReactFetcher();
+
+createRoot(rootElement).render(<Shell data={intitalData} />);
+```
+
+index.html for completeness sake
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/client.tsx"></script>
+  </body>
+</html>
+```
+
+By default, without any prop configurations, the Page receives a normalized url.
+
+With custom "get prop" function, we can enrich the props with more information.
+
+```tsx
+import React from "react";
+
+export const props = (url) => ({ title: "Hello World", file: import.meta.url, url });
+
+export type Props = ReturnType<typeof props>
+
+export function Page({ file, title, url }: Props) {
+  return <>
+     <title>{title}<title>
+     <div>This file is here: {file}</div>;
+     <div>You are on: {url}</div>;
+   </>
+}
+```
+
+You can also define a router specifically for the props file.
+
+```tsx
+{
+  moduleBase: "src",
+  Page: "src/page.tsx",
+  // define the props router
+  props: "src/props.ts",
+}
+```
+
+Move prop lines from `src/page.tsx` to `src/props.ts`
+
+```tsx
+export const props = (url) => ({
+  title: "Hello World",
+  file: import.meta.url,
+  url,
+});
+
+export type Props = ReturnType<typeof props>;
+```
+
+We can also make a static build for these pages, which will render them to index.html and headless index.rsc files, which can be used to make a static RSC site.
+
+```tsx
+{
+  moduleBase: "src",
+  Page: "src/page.tsx",
+  props: "src/props.ts"
+  // define the routes we want to render
+  build: [
+    pages: ['/', '/404']
+  ]
+};
+```
+
+And that's how you can work with react server components using a familiar vite workflow.
+If your app grows and you need more control, see the [docs](./docs) - check out the source code - and have fun building.
+
 ### 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 plugin without the `react-server` condition. If you don't want to use the `html-worker` simply don't configure the `build.pages` option.
@@ -83,9 +219,6 @@ Both workers can be customized using the `htmlWorkerPath` and `rscWorkerPath` re
 
 Keep in mind that, using your custom worker means interacting with the message system of this plugin during development/static generation process.
 
-For more information on creating your custom workers, see [docs](/docs)
-
-
 ## Plugin Usage
 
 ```ts
@@ -96,17 +229,13 @@ import type { StreamPluginOptions } from "vite-plugin-react-server/server";
 
 const createRouter = (file: "props.ts" | "page.tsx") => (url: string) => {
   switch (url) {
+    case "/":
+      return `src/page/${file}`;
     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}`);
+      return `src/page/404/${file}`;
   }
 };
 
@@ -116,7 +245,7 @@ export const config = {
   props: createRouter("props.ts"),
   Html: Html,
   build: {
-    pages: ["/", "/bidoof", "/404"	],
+    pages: ["/", "/bidoof", "/404"],
   },
 } satisfies StreamPluginOptions;
 
@@ -125,34 +254,52 @@ export default defineConfig({
 });
 ```
 
+This will mirror your directory structure for new static routes. If you need to handle
+dynamic requests, like pointing /:theme/ to a certain folder, you need to parse this yourself
+using code.
+
+### Async build pages
+
+If you have a large amount of pages that needs async operations to fetch, you can pass a async function to build pages.
+
+```tsx
+build:{
+  pages: async ()=>await import('my-pages')
+}
+```
 ### Built-in React Server Components
 
-This plugin has two built-in React Component, each can be configured through the options to be your own component. Defining your custom React server components will affect the final production output, they won't be used during development.
-- Html - used as the wrapper for production pages (use vite's `index.html` for the development wrapper and entry point for client files)
+This plugin built-in React Component that can be configured through the options to be your own component. Direct server component config inputs are not yet supported through worker threads.
+
+- Html - used as the wrapper for production pages (use vite's `index.html` for the development wrapper and entry point for client files & global css)
 - CssCollector - used to emit `<link>` and `<style>` tags based on `css` config
 
+Defining your custom Html React server component will affect the final production output.
+
 #### Build Steps
 
 ```sh
 vite build
 ```
+
 Targets browsers, outputs to `dist/static`.
 
 ```sh
 vite build --ssr
 ```
+
 Targets non-`react-server` node environment, used for server-side-rendering, outputs to `dist/client`.
 
 ```sh
 NODE_OPTIONS="--conditions=react-server" vite build
 ```
+
 Targets `react-server`-only environment, outputs to `dist/server`. In this case, `ssr` is implied and defaults to true.
 
 ---
 
 ### vite-plugin-react-server
 
-
 ```ts
 import { defineConfig, Plugin } from "vite";
 import { vitePluginReactServer } from "vite-plugin-react-server";
@@ -168,17 +315,21 @@ export default defineConfig({
 ```sh
 NODE_OPTIONS="--conditions=react-server" vite
 ```
-Is the recommended way for a more direct server pipeline that doesn't require a `rsc-worker`.
+
+A direct server pipeline that doesn't require a `rsc-worker`.
 
 To develop the app using the `rsc-worker`, simply run
+
 ```sh
 vite
 ```
-without the `react-server` condition.
+
+without the `react-server` condition. This will work a little bit differently under the hood, it can provide additional development support like error logging, metric events and custom rsc worker development.
 
 ## 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";
@@ -209,43 +360,57 @@ This plugin is included by default when the `react-server` condition is set.
 ```ts
 const config = {
   moduleBase: "src",
-}
+};
 ```
+
 Defines the root directory for project modules. This can be customized.
 
 ### moduleBasePath
 
 ```ts
-moduleBasePath: "",
+moduleBasePath: "/",
 ```
+
 Passed as the second argument to `renderToPipeableStream` for server-side rendering.
 
 ### moduleBaseURL
 
 ```ts
-moduleBaseURL: "https://github.com/my-gh-pages",
+moduleBaseURL: "/",
 ```
+
 Defines asset URL resolution for CSS collectors and bootstrapModule.
 
+```ts
+publicOrigin: "https://github.com",
+```
+
 ### Page and props Mapping
 
 ```ts
-Page: (id) => join(id.replace('index.rsc',''), 'page.tsx')
+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')
+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"
 
 ---
@@ -272,15 +437,31 @@ Changes the default name "props"
 export const Page = ({ name }) => {
   return <div>Hello {name}</div>;
 };
+// src/async-page.tsx
+export const Page = async ({ name }) => {
+  return <div>Hello {name}</div>;
+};
 ```
 
 ### Sample Props File
 
+All of the below are valid
+
 ```ts
 // src/my-props.ts
 export const props = {
   name: "John Doe",
 };
+export const props = (url)=>{
+  name: "John Doe",
+};
+export const props = async (url)=>{
+  name: "John Doe",
+}
+// enum bonus
+export const props = ['key']; // -> {key: "key"}
+// Object.fromEntries()
+export const props = [['key',{value: 'some value'}]]
 ```
 
 ## Contributions

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vite-plugin-react-server",
-    "version": "1.1.10",
+    "version": "1.1.12",
     "description": "Vite plugin for React Server Components (RSC)",
     "type": "module",
     "main": "./dist/plugin/index.js",
@@ -25,10 +25,14 @@
         "./package.json": "./package.json",
         "./patch": "./scripts/patch.mjs",
         "./check-react-version": "./scripts/check-react-version.mjs",
-        "./components": "./dist/plugin/components.js",
+        "./components": "./dist/plugin/components/index.js",
         "./types": "./dist/plugin/types.js",
         "./utils": "./dist/plugin/utils/index.js",
-        "./metrics": "./dist/plugin/metrics/index.js"
+        "./metrics": "./dist/plugin/metrics/index.js",
+        "./env": "./dist/plugin/env/plugin.js",
+        "./config": "./dist/plugin/config/index.js",
+        "./vendor": "./dist/plugin/vendor/index.js",
+        "./file-preserver": "./dist/plugin/file-preserver/plugin.js"
     },
     "typesVersions": {
         "*": {
@@ -48,13 +52,25 @@
                 "./dist/plugin/worker/worker.d.ts"
             ],
             "components": [
-                "./dist/plugin/components.d.ts"
+                "./dist/plugin/components/index.d.ts"
             ],
             "utils": [
                 "./dist/plugin/utils/index.d.ts"
             ],
             "metrics": [
                 "./dist/plugin/metrics/index.d.ts"
+            ],
+            "config": [
+                "./dist/plugin/config/index.d.ts"
+            ],
+            "env": [
+                "./dist/plugin/env/plugin.d.ts"
+            ],
+            "vendor": [
+                "./dist/plugin/vendor/index.d.ts"
+            ],
+            "file-preserver": [
+                "./dist/plugin/file-preserver/plugin.d.ts"
             ]
         }
     },
@@ -70,18 +86,22 @@
         "prepublishOnly": "npm run build",
         "lint": "eslint ./src --fix",
         "setup:test-fixtures": "npx tsx test/setup.ts",
-        "test:server": "npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run",
-        "test:client": "npm run setup:test-fixtures && vitest run",
+        "test:server": "NODE_ENV=development NODE_OPTIONS='--conditions react-server' vitest run test/server",
+        "test:client": "NODE_ENV=development vitest run test/client",
         "test:build": "npm run setup:test-fixtures && npm test test/server/build.test.ts",
+        "test:unit": "vitest run test/unit",
         "test:llm": "rm -f build.log && npm run test:build 2>&1 | tee build.log",
-        "test:streams": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/renderStreams.test.ts -no-watch",
-        "test:renders": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/renderPages.test.ts -no-watch",
-        "test:html-worker": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/rscToHtmlStream.test.ts -no-watch",
-        "test:large-html": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/large-html.test.ts --reporter=verbose -no-watch",
-        "test:metrics": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/metrics.test.ts --reporter=verbose -no-watch",
-        "test:hooks": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/hooks.test.ts --reporter=verbose -no-watch",
-        "test:inline-css": "npm run build && npm run setup:test-fixtures && NODE_OPTIONS='--conditions react-server' vitest run test/server/inline-css.test.ts --reporter=verbose -no-watch",
-        "test": "npm run build && npm run setup:test-fixtures && npm run test:client && NODE_ENV=development npm run test:server",
+        "test:streams": "npm run build && NODE_OPTIONS='--conditions react-server' vitest run test/server/renderStreams.test.ts",
+        "test:renders": "npm run build && NODE_OPTIONS='--conditions react-server' vitest run test/server/renderPages.test.ts",
+        "test:html-worker": "npm run build && NODE_OPTIONS='--conditions react-server' vitest run test/server/rscToHtmlStream.test.ts",
+        "test:large-html": "npm run build && NODE_OPTIONS='--conditions react-server' vitest run test/server/large-html.test.ts --reporter=verbose",
+        "test:metrics": "npm run build && NODE_OPTIONS='--conditions react-server' vitest run test/server/metrics.test.ts --reporter=verbose",
+        "test:hooks": "npm run build && NODE_OPTIONS='--conditions react-server' vitest run test/server/hooks.test.ts --reporter=verbose",
+        "test:inline-css": "npm run build && NODE_OPTIONS='--conditions react-server' vitest run test/server/inline-css.test.ts --reporter=verbose",
+        "test:dev-server-env": "npm run build && NODE_OPTIONS='--conditions react-server' vitest run test/server/dev-server-env.test.ts --reporter=verbose",
+        "test:rsc-server": "npm run build && NODE_OPTIONS='--conditions react-server' vitest run test/server/rsc-server.test.ts --reporter=verbose",
+        "test:client-env": "npm run build && vitest run test/client/dev-client-server-env.test.ts --reporter=verbose",
+        "test": "npm run build && npm run test:server && npm run test:client && npm run test:unit",
         "test:coverage": "npm run setup:test-fixtures && vitest run --coverage",
         "test:ui": "npm run setup:test-fixtures && vitest --ui",
         "experimental:clean-install": "npm install react-server-dom-esm react@experimental react-dom@experimental react-server-dom-esm --save-peer",

package/dist/plugin/{css-collector-elements.d.ts → components/css-collector-elements.d.ts}

@@ -1,4 +1,4 @@
 import React from "react";
-import type { CssCollectorProps } from "./types.js";
+import type { CssCollectorProps } from "../types.js";
 export declare const CssCollectorElements: ({ cssFiles, }: Pick<CssCollectorProps, "cssFiles">) => React.JSX.Element[];
 //# sourceMappingURL=css-collector-elements.d.ts.map

package/dist/plugin/components/css-collector-elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-collector-elements.d.ts","sourceRoot":"","sources":["../../../plugin/components/css-collector-elements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAc,MAAM,aAAa,CAAC;AAGjE,eAAO,MAAM,oBAAoB,kBAE9B,IAAI,CACL,iBAAiB,EACjB,UAAU,CACX,wBAWG,CAAC"}

package/dist/plugin/components/css-collector-elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-collector-elements.js","sources":["../../../plugin/components/css-collector-elements.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CssCollectorProps, CssContent } from \"../types.js\";\n\n// Create link elements for each CSS file\nexport const CssCollectorElements = ({\n  cssFiles,\n}: Pick<\n  CssCollectorProps,\n  \"cssFiles\"\n>) =>\n  Array.from(cssFiles?.values() ?? []).map((cssFile: CssContent) => {\n    // Emit style tag for inline CSS\n    const { as: As, id, children, precedence, type, ...rest } = cssFile;\n    if(As !== \"link\" && (typeof children === \"string\" || React.isValidElement(children))) {\n      // style tag\n      // since we can't bubble up the style tags, we need to be creative\n      return <As {...rest} type={type ?? \"text/css\"} key={cssFile.id}>{children}</As>;\n    }\n    // link tag\n    return <As {...rest} key={cssFile.id} precedence={precedence} />;\n  });\n"],"names":["React"],"mappings":";;;;;;;AAIO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AACF,CAIE,KAAA,KAAA,CAAM,IAAK,CAAA,QAAA,EAAU,MAAO,EAAA,IAAK,EAAE,CAAA,CAAE,GAAI,CAAA,CAAC,OAAwB,KAAA;AAEhE,EAAM,MAAA,EAAE,IAAI,EAAI,EAAA,EAAA,EAAI,UAAU,UAAY,EAAA,IAAA,EAAM,GAAG,IAAA,EAAS,GAAA,OAAA;AAC5D,EAAG,IAAA,EAAA,KAAO,WAAW,OAAO,QAAA,KAAa,YAAYA,cAAM,CAAA,cAAA,CAAe,QAAQ,CAAI,CAAA,EAAA;AAGpF,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,EAAI,EAAA,EAAA,GAAG,IAAM,EAAA,IAAA,EAAM,QAAQ,UAAY,EAAA,GAAA,EAAK,OAAQ,CAAA,EAAA,EAAA,EAAK,QAAS,CAAA;AAAA;AAG5E,EAAA,oDAAQ,EAAI,EAAA,EAAA,GAAG,MAAM,GAAK,EAAA,OAAA,CAAQ,IAAI,UAAwB,EAAA,CAAA;AAChE,CAAC;;;;"}

package/dist/plugin/{css-collector.d.ts → components/css-collector.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CssCollectorProps } from "./types.js";
+import type { CssCollectorProps } from "../types.js";
 /**
  * A component that emits <link> tags for CSS files during streaming.
  * The high precedence ensures they bubble up to the document head.

package/dist/plugin/components/css-collector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-collector.d.ts","sourceRoot":"","sources":["../../../plugin/components/css-collector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGrD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAe,EACf,QAAoB,EACpB,EAAE,EAAE,EAAmB,EACvB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC,qBAezD"}

package/dist/plugin/components/css-collector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-collector.js","sources":["../../../plugin/components/css-collector.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CssCollectorProps } from \"../types.js\";\nimport { CssCollectorElements } from \"./css-collector-elements.js\";\n\n/**\n * A component that emits <link> tags for CSS files during streaming.\n * The high precedence ensures they bubble up to the document head.\n */\nexport function CssCollector({\n  children = null,\n  cssFiles = new Map(),\n  as: As = React.Fragment,\n  ...props\n}: Pick<CssCollectorProps, \"children\" | \"cssFiles\" | \"as\">) {\n  if (As === React.Fragment) {\n    return (\n      <>\n        {children}\n        <CssCollectorElements cssFiles={cssFiles} />\n      </>\n    );\n  }\n  return (\n    <As {...props}>\n      {children}\n      <CssCollectorElements cssFiles={cssFiles} />\n    </As>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;;AAQO,SAAS,YAAa,CAAA;AAAA,EAC3B,QAAW,GAAA,IAAA;AAAA,EACX,QAAA,uBAAe,GAAI,EAAA;AAAA,EACnB,EAAA,EAAI,KAAKA,cAAM,CAAA,QAAA;AAAA,EACf,GAAG;AACL,CAA4D,EAAA;AAC1D,EAAI,IAAA,EAAA,KAAOA,eAAM,QAAU,EAAA;AACzB,IAAA,uBAEKA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,QAAA,kBACAA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,EAAqB,UAAoB,CAC5C,CAAA;AAAA;AAGJ,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,MAAI,GAAG,KAAA,EAAA,EACL,0BACAA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,EAAqB,UAAoB,CAC5C,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { HtmlProps } from "../types.js";
+export declare const Html: ({ children, CssCollector, cssFiles, globalCss, }: React.PropsWithChildren<HtmlProps>) => React.JSX.Element;
+//# sourceMappingURL=html.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../plugin/components/html.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,eAAO,MAAM,IAAI,qDAKd,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,sBAWpC,CAAC"}

package/dist/plugin/components/html.js

@@ -0,0 +1,17 @@
+/**
+ * vite-plugin-react-server
+ * Copyright (c) Nico Brinkkemper
+ * MIT License
+ */
+import React__default from 'react';
+import { CssCollectorElements } from './css-collector-elements.js';
+
+const Html = ({
+  children,
+  CssCollector,
+  cssFiles,
+  globalCss
+}) => /* @__PURE__ */ React__default.createElement("html", null, /* @__PURE__ */ React__default.createElement("head", null, /* @__PURE__ */ React__default.createElement(CssCollectorElements, { cssFiles: globalCss })), /* @__PURE__ */ React__default.createElement("body", null, /* @__PURE__ */ React__default.createElement(CssCollector, { as: "div", id: "root", cssFiles }, children)));
+
+export { Html };
+//# sourceMappingURL=html.js.map

package/dist/plugin/components/html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","sources":["../../../plugin/components/html.tsx"],"sourcesContent":["import React from \"react\";\nimport type { HtmlProps } from \"../types.js\";\nimport { CssCollectorElements } from \"./css-collector-elements.js\";\nexport const Html = ({\n  children,\n  CssCollector,\n  cssFiles,\n  globalCss,\n}: React.PropsWithChildren<HtmlProps>) => (\n  <html>\n    <head>\n      <CssCollectorElements cssFiles={globalCss} />\n    </head>\n    <body>\n      <CssCollector as={\"div\"} id=\"root\" cssFiles={cssFiles}>\n        {children}\n      </CssCollector>\n    </body>\n  </html>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAGO,MAAM,OAAO,CAAC;AAAA,EACnB,QAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CACE,qBAAAA,cAAA,CAAA,aAAA,CAAC,8BACEA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,+CACE,oBAAqB,EAAA,EAAA,QAAA,EAAU,WAAW,CAC7C,CAAA,+CACC,MACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,EAAI,EAAA,KAAA,EAAO,IAAG,MAAO,EAAA,QAAA,EAAA,EAChC,QACH,CACF,CACF;;;;"}

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

@@ -0,0 +1,5 @@
+export { Html } from "./html.js";
+export { CssCollector } from "./css-collector.js";
+export { CssCollectorElements } from "./css-collector-elements.js";
+export type { HtmlProps, CssCollectorProps, CssCollectorElementsProps } from "../types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../plugin/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC"}

package/dist/plugin/components.js

@@ -1,3 +1,9 @@
-export { Html } from "./html.js";
-export { CssCollector } from "./css-collector.js";
-export { CssCollectorElements } from "./css-collector-elements.js";
+/**
+ * vite-plugin-react-server
+ * Copyright (c) Nico Brinkkemper
+ * MIT License
+ */
+export { Html } from './components/html.js';
+export { CssCollector } from './components/css-collector.js';
+export { CssCollectorElements } from './components/css-collector-elements.js';
+//# sourceMappingURL=components.js.map

package/dist/plugin/components.js.map

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

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

@@ -0,0 +1,6 @@
+export * from "./resolveAutoDiscover.js";
+export * from "./resolveBuildPages.js";
+export * from "./customWorkerFiles.js";
+export * from "./pageAndPropFiles.js";
+export * from "./createGlobAutoDiscover.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../plugin/config/autoDiscover/index.ts"],"names":[],"mappings":"AACA,cAAc,0BAA0B,CAAC;AAGzC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC"}

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

@@ -0,0 +1,8 @@
+// Main auto-discovery resolver
+export * from "./resolveAutoDiscover.js";
+// Build page resolution
+export * from "./resolveBuildPages.js";
+// File discovery utilities
+export * from "./customWorkerFiles.js";
+export * from "./pageAndPropFiles.js";
+export * from "./createGlobAutoDiscover.js";

package/dist/plugin/config/{resolveAutoDiscover.d.ts → autoDiscover/resolveAutoDiscover.d.ts}

@@ -1,5 +1,5 @@
 import type { ConfigEnv, UserConfig } from "vite";
-import type { ResolvedUserOptions, AutoDiscoveredFiles } from "../types.js";
+import type { ResolvedUserOptions, AutoDiscoveredFiles } from "../../types.js";
 type ResolveAutoDiscoverProps = {
     config: UserConfig;
     configEnv: ConfigEnv;

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveAutoDiscover.d.ts","sourceRoot":"","sources":["../../../../plugin/config/autoDiscover/resolveAutoDiscover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAe/E,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,mBAAmB,CAAC;IACjC,SAAS,EAAE,cAAc,GAAG,cAAc,CAAC;CAC5C,CAAC;AAEF,KAAK,yBAAyB,GAC1B;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,CAAC,EAAE,KAAK,CAAC;CAC7B,CAAC;AAEN,wBAAsB,mBAAmB,CAAC,EACxC,MAAM,EACN,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE,wBAAwB,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAqI/D"}

package/dist/plugin/config/{resolveAutoDiscover.js → autoDiscover/resolveAutoDiscover.js}

@@ -4,12 +4,12 @@
  * MIT License
  */
 import { join } from 'path';
-import { resolveBuildPages } from './autoDiscover/resolveBuildPages.js';
-import { resolvePages } from './resolvePages.js';
-import { tryManifest } from '../helpers/tryManifest.js';
-import { createGlobAutoDiscover } from './autoDiscover/createGlobAutoDiscover.js';
-import { customWorkerFiles } from './autoDiscover/customWorkerFiles.js';
-import { pageAndPropFiles } from './autoDiscover/pageAndPropFiles.js';
+import { resolveBuildPages } from './resolveBuildPages.js';
+import { resolvePages } from '../resolvePages.js';
+import { tryManifest } from '../../helpers/tryManifest.js';
+import { createGlobAutoDiscover } from './createGlobAutoDiscover.js';
+import { customWorkerFiles } from './customWorkerFiles.js';
+import { pageAndPropFiles } from './pageAndPropFiles.js';
 
 const clientFiles = createGlobAutoDiscover("**/*.client.*");
 const serverFiles = createGlobAutoDiscover("**/*.server.*");
@@ -58,9 +58,10 @@ async function resolveAutoDiscover({
     });
     if (staticManifestResult.type === "success") {
       staticManifest = staticManifestResult.manifest;
-    } else {
-      console.warn("Error getting static manifest", staticManifestResult.error);
-      console.warn("Build may be out of date");
+    } else if (configEnv.command === "build") {
+      console.error(staticManifestResult.error);
+      console.warn("Continuing without static manifest");
+      staticManifest = {};
     }
   }
   const customWorkerInputs = customWorkerFiles({