npm - vite-plugin-react-server - Versions diffs - 0.1.0 - Mend

vite-plugin-react-server 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

package/LICENSE +21 -0
package/README.md +289 -0
package/dist/build/createBuildConfig.d.ts +12 -0
package/dist/build/createBuildConfig.d.ts.map +1 -0
package/dist/build/createBuildConfig.js +55 -0
package/dist/build/createBuildConfig.js.map +1 -0
package/dist/checkFilesExist.d.ts +8 -0
package/dist/checkFilesExist.d.ts.map +1 -0
package/dist/checkFilesExist.js +61 -0
package/dist/checkFilesExist.js.map +1 -0
package/dist/collect-css-manifest.d.ts +4 -0
package/dist/collect-css-manifest.d.ts.map +1 -0
package/dist/collect-css-manifest.js +57 -0
package/dist/collect-css-manifest.js.map +1 -0
package/dist/components.d.ts +13 -0
package/dist/components.d.ts.map +1 -0
package/dist/components.js +13 -0
package/dist/components.js.map +1 -0
package/dist/copy-dir.d.ts +4 -0
package/dist/copy-dir.d.ts.map +1 -0
package/dist/getEnv.d.ts +19 -0
package/dist/getEnv.d.ts.map +1 -0
package/dist/getEnv.js +76 -0
package/dist/getEnv.js.map +1 -0
package/dist/helpers/normalizedRelativePath.d.ts +9 -0
package/dist/helpers/normalizedRelativePath.d.ts.map +1 -0
package/dist/helpers/normalizedRelativePath.js +31 -0
package/dist/helpers/normalizedRelativePath.js.map +1 -0
package/dist/helpers/tryManifest.d.ts +8 -0
package/dist/helpers/tryManifest.d.ts.map +1 -0
package/dist/html/createPageLoader.d.ts +26 -0
package/dist/html/createPageLoader.d.ts.map +1 -0
package/dist/html/createPageLoader.js +70 -0
package/dist/html/createPageLoader.js.map +1 -0
package/dist/index.d.ts +3 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +5 -0
package/dist/index.js.map +1 -0
package/dist/manifest.d.ts +6 -0
package/dist/manifest.d.ts.map +1 -0
package/dist/module-graph.d.ts +10 -0
package/dist/module-graph.d.ts.map +1 -0
package/dist/options.d.ts +86 -0
package/dist/options.d.ts.map +1 -0
package/dist/options.js +251 -0
package/dist/options.js.map +1 -0
package/dist/plugin.d.ts +8 -0
package/dist/plugin.d.ts.map +1 -0
package/dist/plugin.js +31 -0
package/dist/plugin.js.map +1 -0
package/dist/react-client/plugin.d.ts +4 -0
package/dist/react-client/plugin.d.ts.map +1 -0
package/dist/react-client/plugin.js +28 -0
package/dist/react-client/plugin.js.map +1 -0
package/dist/react-server/createDevMiddleware.d.ts +8 -0
package/dist/react-server/createDevMiddleware.d.ts.map +1 -0
package/dist/react-server/createDevServer.d.ts +4 -0
package/dist/react-server/createDevServer.d.ts.map +1 -0
package/dist/react-server/createHandler.d.ts +23 -0
package/dist/react-server/createHandler.d.ts.map +1 -0
package/dist/react-server/createHandler.js +110 -0
package/dist/react-server/createHandler.js.map +1 -0
package/dist/react-server/createReactNodeStreamer.d.ts +10 -0
package/dist/react-server/createReactNodeStreamer.d.ts.map +1 -0
package/dist/react-server/createRscStream.d.ts +4 -0
package/dist/react-server/createRscStream.d.ts.map +1 -0
package/dist/react-server/createRscStream.js +47 -0
package/dist/react-server/createRscStream.js.map +1 -0
package/dist/react-server/createSsrHandler.d.ts +4 -0
package/dist/react-server/createSsrHandler.d.ts.map +1 -0
package/dist/react-server/plugin.d.ts +8 -0
package/dist/react-server/plugin.d.ts.map +1 -0
package/dist/react-server/plugin.js +298 -0
package/dist/react-server/plugin.js.map +1 -0
package/dist/resolvePage.d.ts +19 -0
package/dist/resolvePage.d.ts.map +1 -0
package/dist/resolvePage.js +44 -0
package/dist/resolvePage.js.map +1 -0
package/dist/resolveProps.d.ts +19 -0
package/dist/resolveProps.d.ts.map +1 -0
package/dist/resolveProps.js +90 -0
package/dist/resolveProps.js.map +1 -0
package/dist/server.d.ts +2 -0
package/dist/server.d.ts.map +1 -0
package/dist/transformer/index.d.ts +28 -0
package/dist/transformer/index.d.ts.map +1 -0
package/dist/transformer/index.js +54 -0
package/dist/transformer/index.js.map +1 -0
package/dist/transformer/preserveDirectives.d.ts +4 -0
package/dist/transformer/preserveDirectives.d.ts.map +1 -0
package/dist/transformer/preserveDirectives.js +72 -0
package/dist/transformer/preserveDirectives.js.map +1 -0
package/dist/transformer/preserver.d.ts +2 -0
package/dist/transformer/preserver.d.ts.map +1 -0
package/dist/transformer/transformer.d.ts +30 -0
package/dist/transformer/transformer.d.ts.map +1 -0
package/dist/transformer/transformer.js +80 -0
package/dist/transformer/transformer.js.map +1 -0
package/dist/transformer/types.d.ts +15 -0
package/dist/transformer/types.d.ts.map +1 -0
package/dist/types.d.ts +197 -0
package/dist/types.d.ts.map +1 -0
package/dist/worker/createHtmlStream.d.ts +7 -0
package/dist/worker/createHtmlStream.d.ts.map +1 -0
package/dist/worker/createWorker.d.ts +3 -0
package/dist/worker/createWorker.d.ts.map +1 -0
package/dist/worker/createWorker.js +33 -0
package/dist/worker/createWorker.js.map +1 -0
package/dist/worker/loader.d.ts +15 -0
package/dist/worker/loader.d.ts.map +1 -0
package/dist/worker/renderPages.d.ts +18 -0
package/dist/worker/renderPages.d.ts.map +1 -0
package/dist/worker/renderPages.js +99 -0
package/dist/worker/renderPages.js.map +1 -0
package/dist/worker/types.d.ts +31 -0
package/dist/worker/types.d.ts.map +1 -0
package/dist/worker/worker.d.ts +7 -0
package/dist/worker/worker.d.ts.map +1 -0
package/package.json +116 -0
package/src/build/createBuildConfig.ts +74 -0
package/src/checkFilesExist.ts +67 -0
package/src/collect-css-manifest.ts +76 -0
package/src/components.tsx +14 -0
package/src/copy-dir.ts +27 -0
package/src/getEnv.ts +135 -0
package/src/helpers/normalizedRelativePath.ts +59 -0
package/src/helpers/tryManifest.ts +23 -0
package/src/html/createPageLoader.ts +99 -0
package/src/index.ts +4 -0
package/src/manifest.ts +24 -0
package/src/module-graph.ts +48 -0
package/src/options.ts +351 -0
package/src/plugin.ts +31 -0
package/src/react-client/plugin.ts +34 -0
package/src/react-server/createDevMiddleware.ts +75 -0
package/src/react-server/createDevServer.ts +10 -0
package/src/react-server/createHandler.ts +144 -0
package/src/react-server/createReactNodeStreamer.ts +25 -0
package/src/react-server/createRscStream.ts +52 -0
package/src/react-server/createSsrHandler.ts +147 -0
package/src/react-server/plugin.ts +349 -0
package/src/resolvePage.ts +65 -0
package/src/resolveProps.ts +122 -0
package/src/server.tsx +0 -0
package/src/transformer/README.md +44 -0
package/src/transformer/index.ts +112 -0
package/src/transformer/preserveDirectives.ts +100 -0
package/src/transformer/preserver.ts +47 -0
package/src/transformer/transformer.ts +123 -0
package/src/transformer/types.ts +15 -0
package/src/types.ts +245 -0
package/src/worker/createHtmlStream.ts +76 -0
package/src/worker/createWorker.ts +39 -0
package/src/worker/loader.ts +16 -0
package/src/worker/renderPages.ts +144 -0
package/src/worker/types.ts +38 -0
package/src/worker/worker.tsx +136 -0
package/tsconfig.json +79 -0

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2024 Your Name
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md ADDED Viewed

@@ -0,0 +1,289 @@
+# Vite React Server Components 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/server.node`.
+Temporary patch-package is included in this repository. Example project:
+the [mmcelebration.com project](https://github.com/nicobrinkkemper/mmc) is using this plugin. The build time for this website of roughly 200 html pages is a couple of seconds - depending on your machine.
+To achieve a simple workflow, it uses a node worker thread to generate the html for the pages. The reason for this is that we need to keep the client and server build processes separate - yet streaming data towards each other. Running the worker avoids running a server for the build process - and as such doesn't need to run a server to export all the html pages.
+## Features
+- 🚀 Super fast static build times
+- 🔄 Use vite to create your personal meta-framework
+## Installation
+```bash
+npm install vite-plugin-react-server
+```
+## Usage
+Single vite.config.ts file for server and client build - though you can split it up if you want.
+The import `import { viteReactStreamPlugin } from 'vite-plugin-react-server'` will import the
+right client/server plugin based on the NODE_OPTIONS environment variable.
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite'
+import { viteReactStreamPlugin } from 'vite-plugin-react-server'
+// Custom router example
+const createRouter = (fileName: string) => (url: string) => {
+  try {
+    return new URL(`file://./src/page${url}/${fileName}`).pathname
+  } catch (e) {
+    return `src/page/404/${fileName}`
+  }
+};
+export default defineConfig({
+  plugins: [
+    viteReactStreamPlugin({
+      moduleBase: "src",
+      Page: createRouter("page.tsx"),
+      props: createRouter("props.ts"),
+      pageExportName: "Page",
+      propsExportName: "props",
+      build: {
+        client: "dist/client",
+        server: "dist/server",
+        pages: ()=>["/"]
+      },
+    })
+  ]
+})
+```
+If you want to import the right plugin directly, you can do so like this:
+```typescript
+// vite.react.config.ts
+import type { Options } from 'vite-plugin-react-server/server'
+export const streamPluginOptions: Options = {
+  moduleBase: "src",
+  Page: `src/page/index.tsx`,
+  props: `src/page/index.tsx`,
+  pageExportName: "Page",
+  propsExportName: "props",
+  Html: ({children})=>(<html><body>{children}</body></html>),
+  build: {
+    client: "dist/client",
+    server: "dist/server",
+    pages: ()=>["/"]
+  },
+}
+```
+```typescript
+// vite.server.config.ts
+import { viteReactStreamPlugin } from 'vite-plugin-react-server/server'
+import { streamPluginOptions } from './vite.react.config.js'
+export default defineConfig({
+  plugins: [viteReactStreamPlugin(streamPluginOptions)]
+})
+```
+```typescript
+// vite.config.ts
+import { viteReactStreamPlugin } from 'vite-plugin-react-server/client'
+import { streamPluginOptions } from './vite.react.config.js'
+export default defineConfig({
+  plugins: [viteReactStreamPlugin(streamPluginOptions)]
+})
+```
+Then in the package.json, add the scripts:
+```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"
+}
+```
+Unfortunately, you can not write jsx in the config file since vite does not support the `.tsx` extension - any other file will be fine and jsx works like you would expect.
+## Server Components
+Create server components in your pages directory:
+```typescript
+// src/page/pokemon/page.tsx
+export function Page({ pokemon }) {
+  return <div>Its a {pokemon.name}!</div>
+}
+```
+## Page Props
+Define props for your pages:
+```typescript
+// src/page/pokemon/props.ts
+export const props = async () => {
+  const res = await fetch("https://pokeapi.co/api/v2/pokemon-form/399/")
+  return res.json()
+}
+```
+## Client Entry
+How to fetch the server component streams, I suggest to make a file like this:
+```typescript
+// src/createReactFetcher.tsx
+import type { ReactNode } from "react";
+import { createFromFetch } from "react-server-dom-esm/client.browser";
+import { callServer } from "./callServer.js";
+export function createReactFetcher({
+  url = window.location.pathname,
+  moduleBaseURL = "/src",
+  headers = { Accept: "text/x-component" },
+}: {
+  url?: string;
+  moduleBaseURL?: string;
+  headers?: HeadersInit;
+} = {}): Promise<ReactNode> {
+  return createFromFetch(
+    fetch(url, {
+      headers: headers,
+    }),
+    {
+      callServer: callServer,
+      moduleBaseURL: new URL(moduleBaseURL, window.origin).href,
+    }
+  ) as Promise<ReactNode>;
+}
+```
+then use it in your client entry file:
+```typescript
+// src/client.tsx
+const Shell: React.FC<{
+  data: React.Usable<unknown>;
+}> = ({ data: initialServerData }) => {
+  const [, startTransition] = useTransition();
+  const [storeData, setStoreData] =
+    useState<React.Usable<unknown>>(initialServerData);
+  const navigate = useCallback((to: string) => {
+    startTransition(() => {
+      // Create new RSC data stream
+      setStoreData(
+        createReactFetcher({
+          url: to + to.endsWith("/") ? "index.rsc" : "/index.rsc",
+        })
+      );
+    });
+  }, []);
+  // Routing example, useEventListener would just use useEffect and window.addEventListener
+  useEventListener("popstate", (e) => {
+    if (e instanceof PopStateEvent) {
+      if (e.state?.to) {
+        return navigate(e.state.to);
+      }
+    } else {
+      return navigate(window.location.pathname);
+    }
+  });
+  const content = use(storeData);
+  return <ErrorBoundary>{content as ReactNode}</ErrorBoundary>;
+};
+// Initialize the app
+const rootElement = document.getElementById("root");
+if (!rootElement) throw new Error("Root element not found");
+const intitalData = createReactFetcher({
+  url: "/index.rsc",
+});
+createRoot(rootElement).render(<Shell data={intitalData} />);
+```
+## HTML Template
+For development, you can still use the html template - but
+you can provide your own Html function directly in the plugin options.
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link href="src/index.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/client.tsx"></script>
+  </body>
+</html>
+```
+## Production html templating
+The optional Html component can be used to wrap the entire stream. This component is only
+used for production builds - you can not rely on it for development. This is because,
+during development we use vite's native html template and the stream will only contain
+the page content's.
+The Html component is quite powerful since it gets access to all the page props, the vite client manifest,
+and the children of the stream.
+```typescript
+import React from "react";
+import type { Manifest } from "vite";
+import { Favicons } from "./layout/Favicons.js";
+import { Head } from "./layout/Head.js";
+export const Html = ({
+  children,
+  pageProps,
+  manifest,
+}: {
+  children: React.ReactNode;
+  pageProps: HtmlProps;
+  manifest: Manifest;
+}) => {
+  if (process.env["NODE_ENV"] === "production") {
+    return (
+      <html>
+        <head>
+          <Head title={pageProps.title} />
+          <meta name="description" content={pageProps.description} />
+          <Favicons favicons={pageProps.favicons} />
+        </head>
+        <body>
+          <div id="root">{children}</div>
+        </body>
+      </html>
+    );
+  }
+  return <>{children}</>;
+};
+```
+## 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!
+## License
+MIT

package/dist/build/createBuildConfig.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { InlineConfig } from "vite";
+import type { StreamPluginOptions } from "../types.js";
+type CreateBuildConfigOptions = {
+    root: string;
+    base: string;
+    outDir: string;
+    entries: string[];
+    options?: StreamPluginOptions;
+};
+export declare function createBuildConfig({ root, base, outDir, entries, options, }: CreateBuildConfigOptions): InlineConfig;
+export {};
+//# sourceMappingURL=createBuildConfig.d.ts.map

package/dist/build/createBuildConfig.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"createBuildConfig.d.ts","sourceRoot":"","sources":["../../src/build/createBuildConfig.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGvD,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAO,GACR,EAAE,wBAAwB,gBAoD1B"}

package/dist/build/createBuildConfig.js ADDED Viewed

@@ -0,0 +1,55 @@
+import { dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+import { DEFAULT_CONFIG } from "../options.js";
+const __dirname = dirname(fileURLToPath(import.meta.url));
+function createBuildConfig({
+  root,
+  base,
+  outDir,
+  entries,
+  options
+}) {
+  const entryInputs = Object.fromEntries(
+    entries.map((entry) => {
+      const relativePath = entry.replace(root + "/", "");
+      const key = relativePath.replace(/\.[^/.]+$/, "");
+      return [key, entry];
+    })
+  );
+  const workerPath = options?.workerPath ? resolve(root, options.workerPath) : resolve(__dirname, "..", DEFAULT_CONFIG.WORKER_PATH);
+  const loaderPath = options?.loaderPath ? resolve(root, options.loaderPath) : resolve(__dirname, "..", DEFAULT_CONFIG.LOADER_PATH);
+  const config = {
+    configFile: false,
+    root,
+    base,
+    build: {
+      target: "node18",
+      ssr: true,
+      ssrEmitAssets: false,
+      manifest: true,
+      ssrManifest: true,
+      outDir,
+      rollupOptions: {
+        input: {
+          ...entryInputs,
+          worker: workerPath,
+          loader: loaderPath
+        },
+        output: {
+          format: "esm",
+          preserveModules: true,
+          hoistTransitiveImports: false,
+          esModule: true,
+          entryFileNames: "[name].js",
+          chunkFileNames: "[name].js",
+          assetFileNames: "[name][extname]"
+        }
+      }
+    }
+  };
+  return config;
+}
+export {
+  createBuildConfig
+};
+//# sourceMappingURL=createBuildConfig.js.map

package/dist/build/createBuildConfig.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"createBuildConfig.js","sources":["../../src/build/createBuildConfig.ts"],"sourcesContent":["import { dirname, resolve } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\nimport type { InlineConfig } from \"vite\";\nimport { DEFAULT_CONFIG } from \"../options.js\";\nimport type { StreamPluginOptions } from \"../types.js\";\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\ntype CreateBuildConfigOptions = {\n root: string;\n base: string;\n outDir: string;\n entries: string[];\n options?: StreamPluginOptions;\n};\n\nexport function createBuildConfig({\n root,\n base,\n outDir,\n entries,\n options,\n}: CreateBuildConfigOptions) {\n // Transform entries into proper input format with unique keys\n const entryInputs = Object.fromEntries(\n entries.map((entry) => {\n // Get the path relative to root\n const relativePath = entry.replace(root + \"/\", \"\");\n // Create a unique key based on the full path\n const key = relativePath.replace(/\\.[^/.]+$/, \"\"); // Remove extension\n\n return [key, entry];\n })\n );\n\n const workerPath = options?.workerPath\n ? resolve(root, options.workerPath)\n : resolve(__dirname, \"..\", DEFAULT_CONFIG.WORKER_PATH);\n\n const loaderPath = options?.loaderPath\n ? resolve(root, options.loaderPath)\n : resolve(__dirname, \"..\", DEFAULT_CONFIG.LOADER_PATH);\n\n const config: InlineConfig = {\n configFile: false,\n root,\n base,\n build: {\n target: \"node18\",\n ssr: true,\n ssrEmitAssets: false,\n manifest: true,\n ssrManifest: true,\n outDir,\n rollupOptions: {\n input: {\n ...entryInputs,\n worker: workerPath,\n loader: loaderPath,\n },\n output: {\n format: \"esm\",\n preserveModules: true,\n hoistTransitiveImports: false,\n esModule: true,\n entryFileNames: \"[name].js\",\n chunkFileNames: \"[name].js\",\n assetFileNames: \"[name][extname]\",\n },\n },\n },\n };\n\n return config;\n}\n"],"names":[],"mappings":";;;AAKA,MAAM,YAAY,QAAQ,cAAc,YAAY,GAAG,CAAC;AAUjD,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAE3B,QAAM,cAAc,OAAO;AAAA,IACzB,QAAQ,IAAI,CAAC,UAAU;AAErB,YAAM,eAAe,MAAM,QAAQ,OAAO,KAAK,EAAE;AAEjD,YAAM,MAAM,aAAa,QAAQ,aAAa,EAAE;AAEzC,aAAA,CAAC,KAAK,KAAK;AAAA,IACnB,CAAA;AAAA,EACH;AAEA,QAAM,aAAa,SAAS,aACxB,QAAQ,MAAM,QAAQ,UAAU,IAChC,QAAQ,WAAW,MAAM,eAAe,WAAW;AAEvD,QAAM,aAAa,SAAS,aACxB,QAAQ,MAAM,QAAQ,UAAU,IAChC,QAAQ,WAAW,MAAM,eAAe,WAAW;AAEvD,QAAM,SAAuB;AAAA,IAC3B,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,eAAe;AAAA,MACf,UAAU;AAAA,MACV,aAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,QACb,OAAO;AAAA,UACL,GAAG;AAAA,UACH,QAAQ;AAAA,UACR,QAAQ;AAAA,QACV;AAAA,QACA,QAAQ;AAAA,UACN,QAAQ;AAAA,UACR,iBAAiB;AAAA,UACjB,wBAAwB;AAAA,UACxB,UAAU;AAAA,UACV,gBAAgB;AAAA,UAChB,gBAAgB;AAAA,UAChB,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,IACF;AAAA,EAEJ;AAEO,SAAA;AACT;"}

package/dist/checkFilesExist.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import type { StreamPluginOptions } from "./types.js";
+export declare function checkFilesExist(pages: string[], options: Pick<StreamPluginOptions, "Page" | "props">, root: string): Promise<{
+    pageMap: Map<string, string>;
+    pageSet: Set<string>;
+    propsMap: Map<string, string>;
+    propsSet: Set<string>;
+}>;
+//# sourceMappingURL=checkFilesExist.d.ts.map

package/dist/checkFilesExist.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"checkFilesExist.d.ts","sourceRoot":"","sources":["../src/checkFilesExist.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAsB,eAAe,CACnC,KAAK,EAAE,MAAM,EAAE,EACf,OAAO,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,OAAO,CAAC,EACpD,IAAI,EAAE,MAAM;;;;;GA2Db"}

package/dist/checkFilesExist.js ADDED Viewed

@@ -0,0 +1,61 @@
+import { existsSync } from "node:fs";
+import { resolve } from "node:path";
+async function checkFilesExist(pages, options, root) {
+  const errors = [];
+  const pageSet = /* @__PURE__ */ new Set();
+  const pageMap = /* @__PURE__ */ new Map();
+  if (typeof options.Page === "string") {
+    const pagePath = resolve(root, options.Page);
+    pageMap.set(options.Page, pagePath);
+    if (!pageSet.has(pagePath)) {
+      if (!existsSync(pagePath)) {
+        errors.push(`Page file not found: ${pagePath}`);
+      }
+      pageSet.add(pagePath);
+    }
+  } else if (typeof options.Page === "function" && pages) {
+    for (const page of pages) {
+      const pagePath = options.Page(resolve(root, page));
+      pageMap.set(page, pagePath);
+      if (pageSet.has(pagePath)) {
+        continue;
+      }
+      if (!existsSync(pagePath)) {
+        errors.push(`Page file not found: ${pagePath}`);
+      }
+      pageSet.add(pagePath);
+    }
+  }
+  const propsSet = /* @__PURE__ */ new Set();
+  const propsMap = /* @__PURE__ */ new Map();
+  if (typeof options.props === "string") {
+    const propsPath = resolve(root, options.props);
+    propsMap.set(options.props, propsPath);
+    if (!propsSet.has(propsPath)) {
+      if (!existsSync(propsPath)) {
+        errors.push(`Props file not found: ${propsPath}`);
+      }
+      propsSet.add(propsPath);
+    }
+  } else if (typeof options.props === "function" && pages) {
+    for (const page of pages) {
+      const propsPath = options.props(resolve(root, page));
+      propsMap.set(page, propsPath);
+      if (propsSet.has(propsPath)) {
+        continue;
+      }
+      if (!existsSync(propsPath)) {
+        errors.push(`Props file not found: ${propsPath}`);
+      }
+      propsSet.add(propsPath);
+    }
+  }
+  if (errors.length) {
+    throw new Error("React Stream Plugin Validation:\n" + errors.join("\n"));
+  }
+  return { pageMap, pageSet, propsMap, propsSet };
+}
+export {
+  checkFilesExist
+};
+//# sourceMappingURL=checkFilesExist.js.map

package/dist/checkFilesExist.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"checkFilesExist.js","sources":["../src/checkFilesExist.ts"],"sourcesContent":["import { existsSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\nimport type { StreamPluginOptions } from \"./types.js\";\n\nexport async function checkFilesExist(\n pages: string[],\n options: Pick<StreamPluginOptions, \"Page\" | \"props\">,\n root: string\n) {\n const errors: string[] = [];\n const pageSet = new Set<string>();\n const pageMap = new Map<string, string>();\n // Check if files exist when string paths are provided\n if (typeof options.Page === \"string\") {\n const pagePath = resolve(root, options.Page);\n pageMap.set(options.Page, pagePath);\n if (!pageSet.has(pagePath)) {\n if (!existsSync(pagePath)) {\n errors.push(`Page file not found: ${pagePath}`);\n }\n pageSet.add(pagePath);\n }\n } else if (typeof options.Page === \"function\" && pages) {\n for (const page of pages) {\n const pagePath = options.Page(resolve(root, page));\n pageMap.set(page, pagePath);\n if (pageSet.has(pagePath)) {\n continue;\n }\n if (!existsSync(pagePath)) {\n errors.push(`Page file not found: ${pagePath}`);\n }\n pageSet.add(pagePath);\n }\n }\n\n const propsSet = new Set<string>();\n const propsMap = new Map<string, string>();\n if (typeof options.props === \"string\") {\n const propsPath = resolve(root, options.props);\n propsMap.set(options.props, propsPath);\n if (!propsSet.has(propsPath)) {\n if (!existsSync(propsPath)) {\n errors.push(`Props file not found: ${propsPath}`);\n }\n propsSet.add(propsPath);\n }\n } else if (typeof options.props === \"function\" && pages) {\n for (const page of pages) {\n const propsPath = options.props(resolve(root, page));\n propsMap.set(page, propsPath);\n if (propsSet.has(propsPath)) {\n continue;\n }\n if (!existsSync(propsPath)) {\n errors.push(`Props file not found: ${propsPath}`);\n }\n propsSet.add(propsPath);\n }\n }\n\n if (errors.length) {\n throw new Error(\"React Stream Plugin Validation:\\n\" + errors.join(\"\\n\"));\n }\n\n return { pageMap, pageSet, propsMap, propsSet };\n}\n"],"names":[],"mappings":";;AAIsB,eAAA,gBACpB,OACA,SACA,MACA;AACA,QAAM,SAAmB,CAAC;AACpB,QAAA,8BAAc,IAAY;AAC1B,QAAA,8BAAc,IAAoB;AAEpC,MAAA,OAAO,QAAQ,SAAS,UAAU;AACpC,UAAM,WAAW,QAAQ,MAAM,QAAQ,IAAI;AACnC,YAAA,IAAI,QAAQ,MAAM,QAAQ;AAClC,QAAI,CAAC,QAAQ,IAAI,QAAQ,GAAG;AACtB,UAAA,CAAC,WAAW,QAAQ,GAAG;AAClB,eAAA,KAAK,wBAAwB,QAAQ,EAAE;AAAA,MAAA;AAEhD,cAAQ,IAAI,QAAQ;AAAA,IAAA;AAAA,EAEb,WAAA,OAAO,QAAQ,SAAS,cAAc,OAAO;AACtD,eAAW,QAAQ,OAAO;AACxB,YAAM,WAAW,QAAQ,KAAK,QAAQ,MAAM,IAAI,CAAC;AACzC,cAAA,IAAI,MAAM,QAAQ;AACtB,UAAA,QAAQ,IAAI,QAAQ,GAAG;AACzB;AAAA,MAAA;AAEE,UAAA,CAAC,WAAW,QAAQ,GAAG;AAClB,eAAA,KAAK,wBAAwB,QAAQ,EAAE;AAAA,MAAA;AAEhD,cAAQ,IAAI,QAAQ;AAAA,IAAA;AAAA,EACtB;AAGI,QAAA,+BAAe,IAAY;AAC3B,QAAA,+BAAe,IAAoB;AACrC,MAAA,OAAO,QAAQ,UAAU,UAAU;AACrC,UAAM,YAAY,QAAQ,MAAM,QAAQ,KAAK;AACpC,aAAA,IAAI,QAAQ,OAAO,SAAS;AACrC,QAAI,CAAC,SAAS,IAAI,SAAS,GAAG;AACxB,UAAA,CAAC,WAAW,SAAS,GAAG;AACnB,eAAA,KAAK,yBAAyB,SAAS,EAAE;AAAA,MAAA;AAElD,eAAS,IAAI,SAAS;AAAA,IAAA;AAAA,EAEf,WAAA,OAAO,QAAQ,UAAU,cAAc,OAAO;AACvD,eAAW,QAAQ,OAAO;AACxB,YAAM,YAAY,QAAQ,MAAM,QAAQ,MAAM,IAAI,CAAC;AAC1C,eAAA,IAAI,MAAM,SAAS;AACxB,UAAA,SAAS,IAAI,SAAS,GAAG;AAC3B;AAAA,MAAA;AAEE,UAAA,CAAC,WAAW,SAAS,GAAG;AACnB,eAAA,KAAK,yBAAyB,SAAS,EAAE;AAAA,MAAA;AAElD,eAAS,IAAI,SAAS;AAAA,IAAA;AAAA,EACxB;AAGF,MAAI,OAAO,QAAQ;AACjB,UAAM,IAAI,MAAM,sCAAsC,OAAO,KAAK,IAAI,CAAC;AAAA,EAAA;AAGzE,SAAO,EAAE,SAAS,SAAS,UAAU,SAAS;AAChD;"}

package/dist/collect-css-manifest.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { Manifest, ModuleGraph } from "vite";
+export declare function collectModuleGraphCss(moduleGraph: ModuleGraph, pagePath: string): Promise<Map<string, string>>;
+export declare function collectManifestCss(manifest: Manifest, root: string, pagePath: string, onCss?: (path: string) => void): Map<string, string>;
+//# sourceMappingURL=collect-css-manifest.d.ts.map

package/dist/collect-css-manifest.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"collect-css-manifest.d.ts","sourceRoot":"","sources":["../src/collect-css-manifest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAElD,wBAAsB,qBAAqB,CACzC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,MAAM,gCAoBjB;AAED,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,uBA6C/B"}

package/dist/collect-css-manifest.js ADDED Viewed

@@ -0,0 +1,57 @@
+async function collectModuleGraphCss(moduleGraph, pagePath) {
+  if (!pagePath) return /* @__PURE__ */ new Map();
+  const cssFiles = /* @__PURE__ */ new Map();
+  const pageModule = await moduleGraph.getModuleByUrl(pagePath, true);
+  if (!pageModule) {
+    return /* @__PURE__ */ new Map();
+  }
+  const seen = /* @__PURE__ */ new Set();
+  const walkModule = (mod) => {
+    if (!mod?.id || seen.has(mod.id)) return;
+    seen.add(mod.id);
+    if (mod?.id?.endsWith(".css")) {
+      cssFiles.set(mod?.url, mod?.id);
+    }
+    mod?.importedModules?.forEach((imp) => walkModule(imp));
+  };
+  walkModule(pageModule);
+  return cssFiles;
+}
+function collectManifestCss(manifest, root, pagePath, onCss) {
+  const relativePagePath = pagePath.startsWith(root + "/") ? pagePath.slice(root.length + 1) : pagePath;
+  if (!relativePagePath) return /* @__PURE__ */ new Map();
+  const cssFiles = /* @__PURE__ */ new Map();
+  const seen = /* @__PURE__ */ new Set();
+  const walkManifestEntry = (id) => {
+    if (seen.has(id)) return;
+    seen.add(id);
+    if (id.endsWith(".css")) {
+      cssFiles.set(id, id);
+      onCss?.(id);
+      return;
+    }
+    const entry = manifest[id];
+    if (!entry) return;
+    if (entry.css) {
+      entry.css.forEach((css) => {
+        cssFiles.set(entry.file, css);
+        onCss?.(css);
+      });
+    }
+    if (entry.imports) {
+      entry.imports.forEach((imp) => walkManifestEntry(imp));
+    }
+    if (entry.dynamicImports) {
+      entry.dynamicImports.forEach((imp) => walkManifestEntry(imp));
+    }
+  };
+  if (manifest[relativePagePath]) {
+    walkManifestEntry(relativePagePath);
+  }
+  return cssFiles;
+}
+export {
+  collectManifestCss,
+  collectModuleGraphCss
+};
+//# sourceMappingURL=collect-css-manifest.js.map

package/dist/collect-css-manifest.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"collect-css-manifest.js","sources":["../src/collect-css-manifest.ts"],"sourcesContent":["import type { Manifest, ModuleGraph } from \"vite\";\n\nexport async function collectModuleGraphCss(\n moduleGraph: ModuleGraph,\n pagePath: 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 }\n mod?.importedModules?.forEach((imp: any) => walkModule(imp));\n };\n walkModule(pageModule);\n return cssFiles;\n}\n\nexport function collectManifestCss(\n manifest: Manifest,\n root: string,\n pagePath: string,\n onCss?: (path: string) => void\n) {\n const relativePagePath = pagePath.startsWith(root + \"/\")\n ? pagePath.slice(root.length + 1)\n : pagePath;\n if (!relativePagePath) return new Map<string, string>();\n const cssFiles = new Map<string, string>();\n const seen = new Set<string>();\n\n const walkManifestEntry = (id: string) => {\n if (seen.has(id)) return;\n seen.add(id);\n if (id.endsWith(\".css\")) {\n cssFiles.set(id, id);\n onCss?.(id);\n return;\n }\n // Get the manifest entry\n const entry = manifest[id];\n if (!entry) return;\n\n // Add direct CSS\n if (entry.css) {\n entry.css.forEach((css: string) => {\n cssFiles.set(entry.file, css);\n onCss?.(css);\n });\n }\n\n // Walk imports recursively\n if (entry.imports) {\n entry.imports.forEach((imp: string) => walkManifestEntry(imp));\n }\n\n // Also check dynamicImports\n if (entry.dynamicImports) {\n entry.dynamicImports.forEach((imp: string) => walkManifestEntry(imp));\n }\n };\n\n if (manifest[relativePagePath]) {\n walkManifestEntry(relativePagePath);\n }\n\n return cssFiles;\n}\n"],"names":[],"mappings":"AAEsB,eAAA,sBACpB,aACA,UACA;AACA,MAAI,CAAC,SAAiB,QAAA,oBAAI,IAAoB;AAExC,QAAA,+BAAe,IAAoB;AACzC,QAAM,aAAa,MAAM,YAAY,eAAe,UAAU,IAAI;AAClE,MAAI,CAAC,YAAY;AACf,+BAAW,IAAoB;AAAA,EAAA;AAE3B,QAAA,2BAAW,IAAY;AACvB,QAAA,aAAa,CAAC,QAAa;AAC/B,QAAI,CAAC,KAAK,MAAM,KAAK,IAAI,IAAI,EAAE,EAAG;AAC7B,SAAA,IAAI,IAAI,EAAE;AACf,QAAI,KAAK,IAAI,SAAS,MAAM,GAAG;AAC7B,eAAS,IAAI,KAAK,KAAK,KAAK,EAAE;AAAA,IAAA;AAEhC,SAAK,iBAAiB,QAAQ,CAAC,QAAa,WAAW,GAAG,CAAC;AAAA,EAC7D;AACA,aAAW,UAAU;AACd,SAAA;AACT;AAEO,SAAS,mBACd,UACA,MACA,UACA,OACA;AACM,QAAA,mBAAmB,SAAS,WAAW,OAAO,GAAG,IACnD,SAAS,MAAM,KAAK,SAAS,CAAC,IAC9B;AACJ,MAAI,CAAC,iBAAyB,QAAA,oBAAI,IAAoB;AAChD,QAAA,+BAAe,IAAoB;AACnC,QAAA,2BAAW,IAAY;AAEvB,QAAA,oBAAoB,CAAC,OAAe;AACpC,QAAA,KAAK,IAAI,EAAE,EAAG;AAClB,SAAK,IAAI,EAAE;AACP,QAAA,GAAG,SAAS,MAAM,GAAG;AACd,eAAA,IAAI,IAAI,EAAE;AACnB,cAAQ,EAAE;AACV;AAAA,IAAA;AAGI,UAAA,QAAQ,SAAS,EAAE;AACzB,QAAI,CAAC,MAAO;AAGZ,QAAI,MAAM,KAAK;AACP,YAAA,IAAI,QAAQ,CAAC,QAAgB;AACxB,iBAAA,IAAI,MAAM,MAAM,GAAG;AAC5B,gBAAQ,GAAG;AAAA,MAAA,CACZ;AAAA,IAAA;AAIH,QAAI,MAAM,SAAS;AACjB,YAAM,QAAQ,QAAQ,CAAC,QAAgB,kBAAkB,GAAG,CAAC;AAAA,IAAA;AAI/D,QAAI,MAAM,gBAAgB;AACxB,YAAM,eAAe,QAAQ,CAAC,QAAgB,kBAAkB,GAAG,CAAC;AAAA,IAAA;AAAA,EAExE;AAEI,MAAA,SAAS,gBAAgB,GAAG;AAC9B,sBAAkB,gBAAgB;AAAA,EAAA;AAG7B,SAAA;AACT;"}

package/dist/components.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+/**
+ * A component that emits <link> tags for CSS files during streaming.
+ * The high precedence ensures they bubble up to the document head.
+ */
+export declare function CssCollector({ url }: {
+    url: string;
+}): import("react").DetailedReactHTMLElement<{
+    key: string;
+    rel: string;
+    href: string;
+    precedence: string;
+}, HTMLElement>;
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE;;;;;gBAOpD"}

package/dist/components.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { createElement } from "react";
+function CssCollector({ url }) {
+  return createElement("link", {
+    key: url,
+    rel: "stylesheet",
+    href: url,
+    precedence: "high"
+  });
+}
+export {
+  CssCollector
+};
+//# sourceMappingURL=components.js.map

package/dist/components.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"components.js","sources":["../src/components.tsx"],"sourcesContent":["import { createElement } from 'react';\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({ url }: { url: string }) {\n return createElement('link', {\n key: url,\n rel: 'stylesheet',\n href: url,\n precedence: 'high'\n });\n} "],"names":[],"mappings":";AAMgB,SAAA,aAAa,EAAE,OAAwB;AACrD,SAAO,cAAc,QAAQ;AAAA,IAC3B,KAAK;AAAA,IACL,KAAK;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,EAAA,CACb;AACH;"}

package/dist/copy-dir.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare function copyDir(src: string, dest: string, options?: {
+    filter?: (file: string) => boolean;
+}): Promise<void>;
+//# sourceMappingURL=copy-dir.d.ts.map

package/dist/copy-dir.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"copy-dir.d.ts","sourceRoot":"","sources":["../src/copy-dir.ts"],"names":[],"mappings":"AAGA,wBAAsB,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IACjE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAA;CACnC,iBAqBA"}

package/dist/getEnv.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import type { ConfigEnv, UserConfig } from "vite";
+/**
+ * Get environment variables for Vite, sets defaults to ensure the server can start with BASE_URL and PUBLIC_URL
+ *
+ * @param config - Vite configuration object
+ * @param { isPreview: boolean } - Object containing a boolean indicating if the environment is for preview
+ * @returns An object containing the environment variables
+ */
+export declare function getEnv(config: UserConfig, configEnv: ConfigEnv): {
+    baseUrl: string;
+    publicUrl: string;
+    port: number;
+    host: string | boolean;
+    envPrefix: string;
+    environmentName: string;
+    env: Record<string, string>;
+    define: any;
+};
+//# sourceMappingURL=getEnv.d.ts.map

package/dist/getEnv.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"getEnv.d.ts","sourceRoot":"","sources":["../src/getEnv.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIlD;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS;;;;;;;;;EAyH9D"}