vite-plugin-react-server 0.3.18 → 1.0.0

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

@@ -1,76 +0,0 @@
-import { resolve } from "path";
-import { DEFAULT_CONFIG } from "../../config/defaults.js";
-import { getPluginRoot } from "../../config/getPaths.js";
-export function reactRscWorkerPlugin(options) {
-    return {
-        name: "vite:react-rsc-worker",
-        config(config) {
-            const root = config.root ?? process.cwd();
-            const pluginRoot = getPluginRoot();
-            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/collect-css-manifest.ts

@@ -1,82 +0,0 @@
-import type { Manifest, ModuleGraph } from 'vite';
-
-export async function collectModuleGraphCss(
-  moduleGraph: ModuleGraph,
-  pagePath: string,
-  onCss?: (path: string) => void
-) {
-  if (!pagePath) return new Map<string, string>();
-
-  const cssFiles = new Map<string, string>();
-  const pageModule = await moduleGraph.getModuleByUrl(pagePath, true);
-  if (!pageModule) {
-    return new Map<string, string>();
-  }
-  const seen = new Set<string>();
-  const walkModule = (mod: any) => {
-    if (!mod?.id || seen.has(mod.id)) return;
-    seen.add(mod.id);
-    if (mod?.id?.endsWith(".css")) {
-      cssFiles.set(mod?.url, mod?.id);
-      onCss?.(mod?.url);
-    }
-    mod?.importedModules?.forEach((imp: any) => walkModule(imp));
-  };
-  walkModule(pageModule);
-  return cssFiles;
-}
-
-export function collectManifestCss(
-  manifest: Manifest,
-  root: string,
-  pagePath: string,
-  onCss?: (path: string, parentUrl: string) => void,
-  parentUrl?: string
-) {
-  const relativePagePath = root !== "" && pagePath.startsWith(root.endsWith('/') ? root : root + '/')
-    ? pagePath.slice(root.length + (root.endsWith('/') ? 0 : 1))
-    : pagePath;
-  const cssFiles = new Map<string, string>();
-  const seen = new Set<string>();
-  const manifestValues = Object.values(manifest);
-  const walkManifestEntry = (id: string) => {
-    if (seen.has(id)) return;
-    seen.add(id);
-    if (id.endsWith(".css")) {
-      cssFiles.set(id, id);
-      onCss?.(id, parentUrl ?? pagePath);
-      return;
-    }
-    if (id.endsWith(".css.js")) {
-      cssFiles.set(id.slice(0, -3), id.slice(0, -3));
-      onCss?.(id.slice(0, -3), parentUrl ?? pagePath);
-      return;
-    }
-    // Get the manifest entry
-    const entry = manifest[id] ?? manifestValues.find(e => e.file === id);
-    if (!entry) return;
-
-    // Add direct CSS
-    if (entry.css) {
-      entry.css.forEach((css: string) => {
-        cssFiles.set(entry.src ?? entry.file ?? '', css);
-        onCss?.(css, parentUrl ?? pagePath);
-      });
-    }
-
-    // Walk imports recursively
-    if (entry.imports) {
-      entry.imports.forEach((imp: string) => walkManifestEntry(imp));
-    }
-
-    // Also check dynamicImports
-    if (entry.dynamicImports) {
-      entry.dynamicImports.forEach((imp: string) => walkManifestEntry(imp));
-    }
-  };
-
-  if (manifest[relativePagePath]) {
-    walkManifestEntry(relativePagePath);
-  }
-  return cssFiles;
-}

package/plugin/components.tsx

@@ -1,14 +0,0 @@
-import { createElement } 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({ url, moduleBasePath }: { url: string, moduleBasePath: string }) {
-  return createElement('link', {
-    key: url,
-    rel: 'stylesheet',
-    href: url,
-    precedence: 'high'
-  });
-} 

package/plugin/config/createModuleIdGenerator.ts

@@ -1,52 +0,0 @@
-import { createInputNormalizer } from "../helpers/inputNormalizer.js";
-
-export const createModuleIdGenerator = ({
-  inputRoot,
-  client,
-  server,
-  moduleBase,
-  isProduction,
-  preserveModulesRoot,
-  imports,
-  removeExtension
-}: {
-  isProduction: boolean;
-  inputRoot: string;
-  client: string;
-  server: string;
-  moduleBase: string;
-  preserveModulesRoot: boolean;
-  removeExtension: ((path: string) => boolean) | string | RegExp;
-  imports: Record<string, string>;
-}) => {
-  const normalizer = createInputNormalizer({
-    root: inputRoot,
-    removeExtension: removeExtension,
-    preserveModulesRoot: preserveModulesRoot === true ? moduleBase : undefined,
-  });
-  return (moduleIdPath: string, ssr = isProduction) => {
-    const [moduleId, modulePath] = normalizer(moduleIdPath);
-    const key = preserveModulesRoot ? `${moduleBase}/${moduleId}` : moduleId;
-    const hasImports = key in imports;
-
-    if (hasImports) {
-      // Return the actual file path from the manifest
-      const mappedImport = imports[key];
-      const noRoot = mappedImport.startsWith(inputRoot) ? mappedImport.slice(inputRoot.length +1) : mappedImport;
-      const noModuleBase = preserveModulesRoot ? noRoot.startsWith(moduleBase) ? noRoot.slice(moduleBase.length) : noRoot : noRoot;
-      return noModuleBase;
-    } else if (ssr && isProduction) {
-      // Only throw in production SSR builds
-      const availableImports =
-        Object.keys(imports).length > 0
-          ? Object.keys(imports).join(", ")
-          : "none";
-      throw new Error(
-        `${availableImports === "none" ? "No imports." : `Module ID ${key}, ${modulePath} is not in imports. Available imports: ${availableImports}`}`
-      );
-    } else {
-      // For development or non-SSR builds, use the module ID
-      return moduleId;
-    }
-  };
-};

package/plugin/config/defaults.ts

@@ -1,51 +0,0 @@
-export const DEFAULT_CONFIG = {
-  FILE_REGEX: /\.(m|c)?(j|t)sx?$/,
-  CLIENT_ASSETS_DIR: "assets",
-  RSC_DIR: "rsc",
-  MODULE_BASE: "src",
-  MODULE_BASE_PATH: "/src",
-  MODULE_BASE_URL: "/src",
-  PAGE: "src/page/page.tsx",
-  PROPS: "src/page/props.ts",
-  CLIENT_ENTRY: "src/client.tsx",
-  SERVER_ENTRY: "src/server.tsx",
-  PAGE_EXPORT_NAME: "Page",
-  PROPS_EXPORT_NAME: "props",
-  HTML_WORKER_PATH: `node_modules/vite-plugin-react-server/dist/plugin/worker/html/html-worker.${process.env['NODE_ENV'] === 'development' ? 'development' : 'production'}.js`,
-  RSC_WORKER_PATH: `node_modules/vite-plugin-react-server/dist/plugin/worker/rsc/rsc-worker.${process.env['NODE_ENV'] === 'development' ? 'development' : 'production'}.js`,
-  LOADER_PATH: 'node_modules/vite-plugin-react-server/dist/plugin/worker/loader.js',
-  RSC_EXTENSION: ".rsc",
-  HTML: ({ children }: { children: any }) => children,
-  COLLECT_CSS: true,
-  COLLECT_ASSETS: true,
-  DEV_PORT: 5173,
-  PREVIEW_PORT: 4173,
-  DEV_HOST: "localhost",
-  PREVIEW_HOST: "localhost",
-  ENV_PREFIX: "VITE_",
-  BUILD: {
-    pages: () => ["/"],
-    client: "client",
-    server: "server",
-    static: "static",
-    api: "api",
-    outDir: "dist",
-    assetsDir: "assets",
-    hash: "hash",
-    preserveModulesRoot: true,
-  },
-  MODULE_BASE_EXCEPTIONS: [] as string[],
-  AUTO_DISCOVER: {
-    modulePattern: (n: string) => DEFAULT_CONFIG.FILE_REGEX.test(n),
-    pagePattern: (n: string) => n.toLowerCase().endsWith('/page') || n.toLowerCase() === 'page',
-    propsPattern: (n: string) => n.toLowerCase().endsWith('/props') || n.toLowerCase() === 'props',
-    clientComponents: (n: string) => n.toLowerCase().endsWith('.client') || n.toLowerCase() === 'client',
-    serverFunctions: (n: string) => n.toLowerCase().endsWith('.server') || n.toLowerCase() === 'server',
-    cssPattern: (n: string) => n.toLowerCase().endsWith('.css'),
-    cssModulePattern: (n: string) => n.toLowerCase().endsWith('.css.js'),
-    vendorPattern: (n: string) => n.toLowerCase().startsWith('node_modules') || n.toLowerCase().startsWith('_virtual'),
-    htmlPattern: (n: string) => n.toLowerCase().endsWith('.html'),
-    jsonPattern: (n: string) => n.toLowerCase().endsWith('.json'),
-  },
-  MODULE_ID: (id: string) => id,
-} as const; 

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/loader/createCssLoader.ts

@@ -1,73 +0,0 @@
-import { ModuleGraph, type Manifest } from "vite";
-import {
-  collectManifestCss,
-  collectModuleGraphCss,
-} from "../collect-css-manifest.js";
-
-type BaseCssLoaderOptions = {
-  /** callback to add css files to the stream */
-  onCssFile: (css: string) => void;
-  /** loader to load the module */
-  loader: (id: string) => Promise<Record<string, any>>;
-  /** url of the page */
-  url: string;
-  /** manually provided css files to add */
-  cssFiles: string[];
-};
-
-type CreateCssLoaderOptions =
-  | (BaseCssLoaderOptions & {
-      /** manifest to collect css from */
-      manifest: Manifest;
-      /** when manifest is given, moduleGraph is not needed */
-      moduleGraph?: never;
-    })
-  | (BaseCssLoaderOptions & {
-      /** when moduleGraph is given, manifest is not needed, manual cssFiles can still be provided */
-      manifest?: never;
-      /** when moduleGraph is given, manifest is not needed, manual cssFiles can still be provided */
-      moduleGraph: ModuleGraph;
-    });
-
-/**
- * create a loader that can be used to load css files from a manifest or a moduleGraph
- * @param options
- * @returns
- */
-export async function createCssLoader(options: CreateCssLoaderOptions) {
-  const root = process.cwd();
-
-  const cssModules = new Set<string>();
-
-  if (!(options.manifest || options.moduleGraph))
-    throw new Error("Missing manifest or moduleGraph, pass it to options.");
-
-  const getCss = options.manifest
-    ? (id: string) =>
-        collectManifestCss(
-          options.manifest,
-          root,
-          id,
-          options.onCssFile
-        )
-    : (id: string) => collectModuleGraphCss(options.moduleGraph!, id, options.onCssFile);
-
-  const loadWithCss = async (id: string) => {
-    if (!id) return {};
-
-    try {
-      const mod = await options.loader(id);
-      const pageCss = await Promise.resolve(getCss(id));
-      Array.from(pageCss.keys()).forEach((css) => cssModules.add(css));
-      return mod as Record<string, any>;
-    } catch (e: any) {
-      if (e.message?.includes("module runner has been closed")) {
-        return { type: "skip" } as Record<string, any>;
-      } else {
-        return { type: "error", error: e } as Record<string, any>;
-      }
-    }
-  };
-
-  return loadWithCss;
-}

package/plugin/loader/createPageLoader.ts

@@ -1,103 +0,0 @@
-import { resolve as resolvePath } from "node:path";
-
-import { 
-  load
-  // @ts-ignore
-} from "react-server-dom-esm/node-loader";
-
-import {
-  registerClientReference,
-  registerServerReference,
-  // @ts-ignore
-} from "react-server-dom-esm/server.node";
-
-type CreatePageLoaderOptions = {
-  manifest: Record<string, { file: string; src?: string }>;
-  root: string;
-  outDir: string;
-  moduleBase: string;
-  registerServer?: string[];
-  registerClient?: string[];
-  alwaysRegisterServer?: boolean;
-  alwaysRegisterClient?: boolean;
-};
-
-type CreateDefaultLoaderOptions = {
-  id: string;
-  registerServer?: string[];
-  registerClient?: string[];
-  alwaysRegisterServer?: boolean;
-  alwaysRegisterClient?: boolean;
-};
-
-export const createDefaultLoader = ({
-  id,
-  registerServer,
-  registerClient,
-  alwaysRegisterServer = false,
-  alwaysRegisterClient = false,
-}: CreateDefaultLoaderOptions) => {
-  const mapper = ([key, value]: [string, any]) => {
-    try {
-      if (
-        registerClient?.includes(key) ||
-        (alwaysRegisterClient && typeof value === "function")
-      ) {
-        return [key, registerClientReference(value, id, key)];
-      }
-      if (
-        registerServer?.includes(key) ||
-        (alwaysRegisterServer && typeof value === "function")
-      ) {
-        return [key, registerServerReference(value, id, key)];
-      }
-      return [key, value];
-    } catch (e) {
-      console.error("[RSC] Error registering reference:", key, value, e);
-      return [key, value];
-    }
-  };
-  return async (url: string) => {
-    console.log("[createDefaultLoader] Loading:", url);
-    const result = await import(url);
-    console.log("[createDefaultLoader] Result:", result);
-    return Object.fromEntries(Object.entries(result).map(mapper));
-  };
-};
-
-export function createPageLoader({
-  manifest,
-  root,
-  outDir,
-  moduleBase,
-  alwaysRegisterServer,
-  alwaysRegisterClient,
-  registerServer,
-  registerClient,
-}: CreatePageLoaderOptions) {
-  return async function loader(id: string) {
-
-    // Try to find the entry directly or by source file
-    const manifestEntry = manifest[id] || 
-                         Object.values(manifest).find(entry => entry.src === id);
-
-    if (!manifestEntry) {
-      throw new Error(
-        `Could not find manifest entry for ${id} from ${root}. Available entries: ${Object.keys(manifest).join(', ')}`
-      );
-    }
-
-    const loaderResult = await load(
-      resolvePath(root, outDir, manifestEntry.file),
-      { format: "module" },
-      createDefaultLoader({
-        id,
-        registerServer,
-        registerClient,
-        alwaysRegisterServer,
-        alwaysRegisterClient,
-      })
-    );
-    return loaderResult;
-  };
-}

package/plugin/loader/rsc/messageHandler.tsx

@@ -1 +0,0 @@
- 

package/plugin/loader/rsc/rsc-worker.development.ts

@@ -1 +0,0 @@
- 

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 };
-    },
-  };
-}