vite-plugin-react-server 0.3.19 → 1.0.0

package/dist/plugin/worker/html/plugin.js

@@ -1,93 +0,0 @@
-import { join, resolve } from "path";
-import { DEFAULT_CONFIG } from "../../config/defaults.js";
-import { pluginRoot } from "../../root.js";
-import { resolveOptions } from "../../config/resolveOptions.js";
-let userOptions;
-export function reactHtmlWorkerPlugin(options) {
-    const resolvedUserOptions = resolveOptions(options, false);
-    if (resolvedUserOptions.type === 'error') {
-        throw resolvedUserOptions.error;
-    }
-    userOptions = resolvedUserOptions.userOptions;
-    return {
-        name: "vite:react-html-worker",
-        config(config) {
-            const root = config.root ?? process.cwd();
-            const htmlWorkerPath = typeof options.htmlWorkerPath === 'string'
-                ? resolve(root, options.htmlWorkerPath)
-                : resolve(pluginRoot, DEFAULT_CONFIG.HTML_WORKER_PATH);
-            const format = 'esm';
-            // Single worker output for server build
-            const workerConfig = {
-                input: {
-                    'html-worker': htmlWorkerPath,
-                },
-                output: {
-                    format,
-                    dir: join(userOptions.build.outDir, userOptions.build.server),
-                    entryFileNames: '[name].js',
-                    preserveModules: true,
-                    preserveModulesRoot: userOptions.build.preserveModulesRoot === true ? userOptions.moduleBase : undefined,
-                    // Add manifest entry
-                    manualChunks: {
-                        'html-worker': [htmlWorkerPath]
-                    }
-                }
-            };
-            return {
-                build: {
-                    rollupOptions: {
-                        preserveEntrySignatures: 'strict',
-                        input: {
-                            ...workerConfig.input,
-                            ...(typeof config.build?.rollupOptions?.input === 'object'
-                                ? config.build?.rollupOptions?.input
-                                : {}),
-                        },
-                        external: [
-                            'vite',
-                            'rollup',
-                            'react',
-                            'react-dom',
-                            'react-dom/server',
-                            'react-server-dom-esm',
-                            'react-server-dom-esm/client.node',
-                            'react-server-dom-esm/server.node',
-                            'react-server-dom-esm/node-loader',
-                            'source-map',
-                            'acorn-loose',
-                            'webpack-sources',
-                            'stream',
-                            'util',
-                            'crypto',
-                            'async_hooks',
-                            'fs',
-                            'path',
-                            'worker_threads',
-                            // if we use node: paths in our code, it should always be catched by below rule.
-                            /^node:.*/,
-                        ],
-                        output: {
-                            ...workerConfig.output,
-                        }
-                    },
-                    manifest: true, // Ensure manifest is generated
-                    minify: false,
-                    sourcemap: true,
-                }
-            };
-        },
-        // Add this to ensure entry is in manifest
-        generateBundle(_, bundle) {
-            const workerEntry = bundle['html-worker.js'];
-            if (workerEntry) {
-                Object.defineProperty(workerEntry, 'isEntry', {
-                    value: true,
-                    writable: false,
-                    enumerable: true,
-                    configurable: false
-                });
-            }
-        }
-    };
-}

package/dist/plugin/worker/plugin.d.ts

@@ -1,19 +0,0 @@
-import type { StreamPluginOptions } from "../types.js";
-import type { Plugin } from "vite";
-/**
- * This plugin can be used to create your own worker paths. This build should be separated from the main build.
- *
- *
- * ```ts
- * @example
- *export reactWorkerPluginConfig = {
- *  htmlWorkerPath: './workers/html.tsx',
- *  rscWorkerPath: './workers/rsc.tsx',
- * }
- * ```
- *
- * @param options
- * @returns
- */
-export declare function reactWorkerPlugin(options: StreamPluginOptions): Plugin[];
-//# sourceMappingURL=plugin.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../plugin/worker/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIlC;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,EAAE,CAKxE"}

package/dist/plugin/worker/plugin.js

@@ -1,23 +0,0 @@
-import { reactHtmlWorkerPlugin } from "./html/plugin.js";
-import { reactRscWorkerPlugin } from "./rsc/plugin.js";
-/**
- * This plugin can be used to create your own worker paths. This build should be separated from the main build.
- *
- *
- * ```ts
- * @example
- *export reactWorkerPluginConfig = {
- *  htmlWorkerPath: './workers/html.tsx',
- *  rscWorkerPath: './workers/rsc.tsx',
- * }
- * ```
- *
- * @param options
- * @returns
- */
-export function reactWorkerPlugin(options) {
-    return [
-        reactHtmlWorkerPlugin(options),
-        reactRscWorkerPlugin(options)
-    ];
-}

package/dist/plugin/worker/rsc/plugin.d.ts

@@ -1,4 +0,0 @@
-import type { Plugin } from "vite";
-import type { StreamPluginOptions } from "../../types.js";
-export declare function reactRscWorkerPlugin(options: StreamPluginOptions): Plugin;
-//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin/worker/rsc/plugin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../../plugin/worker/rsc/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAGnC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAI1D,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,CA2EzE"}

package/dist/plugin/worker/rsc/plugin.js

@@ -1,75 +0,0 @@
-import { resolve } from "path";
-import { DEFAULT_CONFIG } from "../../config/defaults.js";
-import { pluginRoot } from "../../root.js";
-export function reactRscWorkerPlugin(options) {
-    return {
-        name: "vite:react-rsc-worker",
-        config(config) {
-            const root = config.root ?? process.cwd();
-            const rscWorkerPath = typeof options.rscWorkerPath === "string"
-                ? resolve(root, options.rscWorkerPath)
-                : resolve(pluginRoot, DEFAULT_CONFIG.RSC_WORKER_PATH);
-            const format = "esm";
-            // Single worker output for server build
-            const workerConfig = {
-                input: {
-                    "rsc-worker": rscWorkerPath,
-                },
-                output: {
-                    format,
-                    dir: options.build?.server ?? "dist/server", // Output to server directory
-                    entryFileNames: "[name].js",
-                    preserveModules: true,
-                    manualChunks: {
-                        "rsc-worker": [rscWorkerPath],
-                    },
-                    resolve: {
-                        conditions: ["react-server"],
-                    },
-                },
-            };
-            return {
-                build: {
-                    rollupOptions: {
-                        preserveEntrySignatures: "strict",
-                        input: {
-                            ...workerConfig.input,
-                            ...(typeof config.build?.rollupOptions?.input === "object"
-                                ? config.build?.rollupOptions?.input
-                                : {}),
-                        },
-                        external: [
-                            "vite",
-                            "rollup",
-                            "react",
-                            "react-dom",
-                            "react-dom/server",
-                            "react-server-dom-esm",
-                            "react-server-dom-esm/client.node",
-                            "react-server-dom-esm/server.node",
-                            "react-server-dom-esm/node-loader",
-                            "source-map",
-                            "acorn-loose",
-                            "webpack-sources",
-                            "stream",
-                            "util",
-                            "crypto",
-                            "async_hooks",
-                            "fs",
-                            "path",
-                            "worker_threads",
-                            // if we use node: paths in our code, it should always be catched by below rule.
-                            /^node:.*/,
-                        ],
-                        output: {
-                            ...workerConfig.output,
-                        },
-                    },
-                    manifest: true, // Ensure manifest is generated
-                    minify: false,
-                    sourcemap: true,
-                },
-            };
-        },
-    };
-}

package/plugin/components.tsx

@@ -1,59 +0,0 @@
-import React from "react";
-/**
- * A component that emits <link> tags for CSS files during streaming.
- * The high precedence ensures they bubble up to the document head.
- */
-export function CssCollector({
-  children,
-  cssFiles,
-  moduleBaseUrl,
-  route = "/"
-}: {
-  children?: React.ReactNode;
-  cssFiles: string[];
-  moduleBaseUrl?: string;
-  route?: string;
-}) {
-  // Calculate depth and prefix based on route
-  const depth = route.split('/').filter(Boolean).length ;
-  const prefix = depth > 0 ? '../'.repeat(depth) : './';
-  const base = typeof moduleBaseUrl === 'string' && moduleBaseUrl !== '' ? moduleBaseUrl : prefix;
-
-  return React.createElement(
-    React.Fragment,
-    null,
-    ...cssFiles.map((css) => {
-      try {
-        if(moduleBaseUrl) {
-          new URL(css, moduleBaseUrl);
-        } else {
-          new URL(`file://${base}${css}`);
-        }
-      } catch (error) {
-        return React.createElement('style', {type: 'text/css'}, 
-          css
-        );
-      }
-      // Handle different types of paths
-      let url = css;
-      if (css.startsWith('http') || css.startsWith('data:')) {
-        // Keep absolute URLs as is
-        url = css;
-      } else if (css.startsWith('/')) {
-        // Convert absolute paths to relative
-        url = base + css.slice(1);
-      } else if (!css.startsWith('./') && !css.startsWith('../')) {
-        // Add prefix to relative paths that don't start with ./ or ../
-        url = base + css;
-      }
-      
-      return React.createElement("link", {
-        key: css,
-        rel: "stylesheet",
-        href: url,
-        precedence: "high",
-      });
-    }),
-    children
-  );
-}

package/plugin/getEnv.ts

@@ -1,135 +0,0 @@
-import { readFileSync } from "node:fs";
-import { resolve } from "node:path";
-import type { ConfigEnv, UserConfig } from "vite";
-import { loadEnv } from "vite";
-import { DEFAULT_CONFIG } from "./config/defaults.js";
-
-/**
- * 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 function getEnv(config: UserConfig, configEnv: ConfigEnv) {
-  const isLocal =
-    config.mode === "development"
-
-  const envName = isLocal
-    ? `${config.mode}.local`
-    : config.mode
-    ? config.mode
-    : "production";
-  const environmentName = config.mode ?? envName ?? "production";
-
-  const env = loadEnv(
-    environmentName,
-    config.envDir ?? config.root ?? process.cwd(),
-    config.envPrefix ?? DEFAULT_CONFIG.ENV_PREFIX ?? "VITE_"
-  );
-
-  // Get server config
-  const serverConfig = config.server || {};
-  const previewConfig = config.preview || {};
-  const host = configEnv.isPreview
-    ? previewConfig.host ?? DEFAULT_CONFIG.PREVIEW_HOST
-    : serverConfig.host ?? DEFAULT_CONFIG.DEV_HOST;
-  let previewPort = previewConfig.port ?? DEFAULT_CONFIG.PREVIEW_PORT;
-  let devPort = serverConfig.port ?? DEFAULT_CONFIG.DEV_PORT;
-
-  let homepage = env["VITE_BASE_URL"]
-  if (configEnv.command === "build" && (!homepage || homepage === "")) {
-    try {
-      const packageJson = JSON.parse(
-        readFileSync(resolve(config.root ?? "", "package.json"), "utf-8")
-      );
-      homepage = packageJson.homepage ?? "";
-      if (!homepage || homepage === "") {
-        console.warn(
-          "[RSC] 🔧 For production builds, please set 'homepage' in package.json, or set VITE_BASE_URL in your environment"
-        );
-      }
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  let baseUrl =
-    env["VITE_BASE_URL"] && env["VITE_PUBLIC_URL"] !== ""
-      ? env["VITE_BASE_URL"]
-      : configEnv.isPreview
-      ? `http://${host}:${previewPort}`
-      : configEnv.command === "serve"
-      ? `http://${host}:${devPort}`
-      : homepage;
-
-  let publicUrl =
-    env["VITE_PUBLIC_URL"] && env["VITE_PUBLIC_URL"] !== ""
-      ? env["VITE_PUBLIC_URL"]
-      : "";
-
-  // Determine port and host based on mode
-  const port = configEnv.isPreview
-    ? previewConfig.port || DEFAULT_CONFIG.PREVIEW_PORT // Preview server
-    : serverConfig.port || DEFAULT_CONFIG.DEV_PORT; // Dev server
-
-  // Build base URL
-  if (configEnv.isPreview && `http://${host}:${port}` !== baseUrl) {
-    console.log(
-      `VITE_BASE_URL: \"${baseUrl}\" wasn't configured correctly for this server, overriding to: \"http://${host}:${port}\"`
-    );
-    baseUrl = `http://${host}:${port}`;
-  }
-
-  const envPrefix =
-    typeof config.envPrefix === "string"
-      ? config.envPrefix
-      : Array.isArray(config.envPrefix)
-      ? config.envPrefix[0]
-      : DEFAULT_CONFIG.ENV_PREFIX;
-
-  const nodeProcessEnv = {
-    NODE_ENV: configEnv.command === "build" ? "production" : "development",
-  };
-  const defineProcess = Object.entries(nodeProcessEnv)
-    .map(([key, value]) => {
-      switch (key) {
-        case "NODE_ENV":
-          const isDev =
-            value === ""
-              ? configEnv.command === "build"
-                ? false
-                : true
-              : value === "development";
-          return [`import.meta.env.DEV`, JSON.stringify(isDev)];
-        default:
-          return null;
-      }
-    })
-    .filter(Array.isArray);
-
-  const defineImportMeta = Object.entries(env).map(([key, value]) => [
-    `import.meta.env.${key}`,
-    key === "VITE_BASE_URL"
-      ? value
-        ? JSON.stringify(value)
-        : JSON.stringify(baseUrl)
-      : key === "VITE_PUBLIC_URL"
-      ? value
-        ? JSON.stringify(value)
-        : JSON.stringify(publicUrl)
-      : JSON.stringify(value),
-  ]);
-  const define = Object.fromEntries([...defineProcess, ...defineImportMeta]);
-
-  return {
-    baseUrl,
-    publicUrl,
-    port,
-    host,
-    envPrefix,
-    environmentName,
-    env,
-    define,
-  };
-}

package/plugin/module-graph.ts

@@ -1,48 +0,0 @@
-import type { ModuleNode, ViteDevServer } from "vite";
-
-export interface ModuleWithDeps {
-  id: string;
-  deps: Set<string>;
-  css: Set<string>;
-}
-
-export function getModuleGraph(server: ViteDevServer) {
-  return {
-    async getModuleWithDeps(id: string): Promise<ModuleWithDeps> {
-      // Load module first to ensure it's in the module graph
-      await server.ssrLoadModule(id);
-
-      const resolvedId = await server.pluginContainer.resolveId(id, undefined, {
-        // Add ssr and react-server conditions
-        ssr: true,
-      });
-
-      if (!resolvedId) throw new Error(`Module not found: ${id}`);
-
-      const moduleNode = server.moduleGraph.getModuleById(resolvedId.id);
-      if (!moduleNode) throw new Error(`Module node not found: ${id}`);
-
-      const deps = new Set<string>();
-      const css = new Set<string>();
-
-      // Recursively collect dependencies
-      const collectDeps = (node: ModuleNode) => {
-        // Track CSS imports
-        if (node.id?.endsWith(".css") && node.id) {
-          css.add(node.id);
-        }
-
-        // Track all dependencies
-        for (const dep of node.importedModules) {
-          if (dep.id && !deps.has(dep.id)) {
-            deps.add(dep.id);
-            collectDeps(dep);
-          }
-        }
-      };
-
-      collectDeps(moduleNode);
-      return { id: moduleNode.id ?? "", deps, css };
-    },
-  };
-}

package/plugin/worker/html/plugin.ts

@@ -1,100 +0,0 @@
-import type { Plugin, UserConfig } from "vite";
-import { join, resolve } from "path";
-import type { ModuleFormat, RollupOptions } from 'rollup';
-import type { ResolvedUserOptions, StreamPluginOptions } from "../../types.js";
-import { DEFAULT_CONFIG } from "../../config/defaults.js";
-import { pluginRoot } from "../../root.js";
-import { resolveOptions } from "../../config/resolveOptions.js";
-
-let userOptions: ResolvedUserOptions;
-export function reactHtmlWorkerPlugin(options: StreamPluginOptions): Plugin {
-  const resolvedUserOptions = resolveOptions(options, false);
-  if(resolvedUserOptions.type === 'error') {
-    throw resolvedUserOptions.error
-  }
-  userOptions = resolvedUserOptions.userOptions;
-  return {
-    name: "vite:react-html-worker",
-    config(config) {
-      const root = config.root ?? process.cwd();
-      const htmlWorkerPath = typeof options.htmlWorkerPath === 'string' 
-        ? resolve(root, options.htmlWorkerPath) 
-        : resolve(pluginRoot, DEFAULT_CONFIG.HTML_WORKER_PATH);
-      
-      const format: ModuleFormat = 'esm';
-
-      // Single worker output for server build
-      const workerConfig = {
-        input: {
-          'html-worker': htmlWorkerPath,
-        },
-        output: {
-          format,
-          dir: join(userOptions.build.outDir, userOptions.build.server),
-          entryFileNames: '[name].js',
-          preserveModules: true,
-          preserveModulesRoot: userOptions.build.preserveModulesRoot === true ? userOptions.moduleBase : undefined,
-          // Add manifest entry
-          manualChunks: {
-            'html-worker': [htmlWorkerPath]
-          }
-        }
-      } satisfies RollupOptions;
-
-      return {
-        build: {
-          rollupOptions: {
-            preserveEntrySignatures: 'strict',
-            input: {
-              ...workerConfig.input,
-              ...(typeof config.build?.rollupOptions?.input === 'object' 
-                ? config.build?.rollupOptions?.input 
-                : {}),
-            },
-            external: [
-              'vite',
-              'rollup',
-              'react',
-              'react-dom',
-              'react-dom/server',
-              'react-server-dom-esm',
-              'react-server-dom-esm/client.node',
-              'react-server-dom-esm/server.node',
-              'react-server-dom-esm/node-loader',
-              'source-map',
-              'acorn-loose',
-              'webpack-sources',
-              'stream',
-              'util',
-              'crypto',
-              'async_hooks',
-              'fs',
-              'path',
-              'worker_threads',
-              // if we use node: paths in our code, it should always be catched by below rule.
-              /^node:.*/,
-            ],
-            output: {
-              ...workerConfig.output,
-            }
-          },
-          manifest: true, // Ensure manifest is generated
-          minify: false,
-          sourcemap: true,
-        }
-      } satisfies UserConfig;
-    },
-    // Add this to ensure entry is in manifest
-    generateBundle(_, bundle) {
-      const workerEntry = bundle['html-worker.js'];
-      if (workerEntry) {
-        Object.defineProperty(workerEntry, 'isEntry', {
-          value: true,
-          writable: false,
-          enumerable: true,
-          configurable: false
-        });
-      }
-    }
-  };
-}

package/plugin/worker/plugin.ts

@@ -1,26 +0,0 @@
-import type { StreamPluginOptions } from "../types.js"
-import type { Plugin } from "vite"
-import { reactHtmlWorkerPlugin } from "./html/plugin.js"
-import { reactRscWorkerPlugin } from "./rsc/plugin.js"
-
-/**
- * This plugin can be used to create your own worker paths. This build should be separated from the main build.
- * 
- * 
- * ```ts
- * @example
- *export reactWorkerPluginConfig = {
- *  htmlWorkerPath: './workers/html.tsx',
- *  rscWorkerPath: './workers/rsc.tsx',
- * }
- * ```
- * 
- * @param options
- * @returns
- */
-export function reactWorkerPlugin(options: StreamPluginOptions): Plugin[] {
-  return [
-    reactHtmlWorkerPlugin(options),
-    reactRscWorkerPlugin(options)
-  ]
-}

package/plugin/worker/rsc/plugin.ts

@@ -1,83 +0,0 @@
-import type { Plugin } from "vite";
-import { resolve } from "path";
-import type { ModuleFormat } from "rollup";
-import type { StreamPluginOptions } from "../../types.js";
-import { DEFAULT_CONFIG } from "../../config/defaults.js";
-import { pluginRoot } from "../../root.js";
-
-export function reactRscWorkerPlugin(options: StreamPluginOptions): Plugin {
-  return {
-    name: "vite:react-rsc-worker",
-    config(config) {
-      const root = config.root ?? process.cwd();
-      const rscWorkerPath =
-        typeof options.rscWorkerPath === "string"
-          ? resolve(root, options.rscWorkerPath)
-          : resolve(pluginRoot, DEFAULT_CONFIG.RSC_WORKER_PATH);
-
-      const format: ModuleFormat = "esm";
-
-      // Single worker output for server build
-      const workerConfig = {
-        input: {
-          "rsc-worker": rscWorkerPath,
-        },
-        output: {
-          format,
-          dir: options.build?.server ?? "dist/server", // Output to server directory
-          entryFileNames: "[name].js",
-          preserveModules: true,
-          manualChunks: {
-            "rsc-worker": [rscWorkerPath],
-          },
-          resolve: {
-            conditions: ["react-server"],
-          },
-        },
-      };
-
-      return {
-        build: {
-          rollupOptions: {
-            preserveEntrySignatures: "strict",
-            input: {
-              ...workerConfig.input,
-              ...(typeof config.build?.rollupOptions?.input === "object"
-                ? config.build?.rollupOptions?.input
-                : {}),
-            },
-            external: [
-              "vite",
-              "rollup",
-              "react",
-              "react-dom",
-              "react-dom/server",
-              "react-server-dom-esm",
-              "react-server-dom-esm/client.node",
-              "react-server-dom-esm/server.node",
-              "react-server-dom-esm/node-loader",
-              "source-map",
-              "acorn-loose",
-              "webpack-sources",
-              "stream",
-              "util",
-              "crypto",
-              "async_hooks",
-              "fs",
-              "path",
-              "worker_threads",
-              // if we use node: paths in our code, it should always be catched by below rule.
-              /^node:.*/,
-            ],
-            output: {
-              ...workerConfig.output,
-            },
-          },
-          manifest: true, // Ensure manifest is generated
-          minify: false,
-          sourcemap: true,
-        },
-      };
-    },
-  };
-}