vite-plugin-react-server 1.0.2 → 1.1.0

package/dist/plugin/loader/css-loader.development.d.ts

@@ -0,0 +1,57 @@
+import { type MessagePort } from "node:worker_threads";
+import type { LoadHookContext } from "node:module";
+import type { LoaderContext, SerializedUserConfig } from "../types.js";
+/**
+ * Global port for communication between the main thread and the CSS loader.
+ * This port is used to send CSS file requests and receive responses.
+ */
+export declare let loaderPort: MessagePort | undefined;
+/**
+ * Initializes the CSS loader with the necessary communication channels.
+ * Sets up message handlers for CSS file requests and responses.
+ *
+ * @param data - Configuration data for the CSS loader
+ * @param data.port - The message port for communication
+ */
+export declare function initialize(data: {
+    port: MessagePort;
+    resolvedConfig: SerializedUserConfig;
+}): Promise<void>;
+/**
+ * Sets the current page being processed.
+ * Used to track which CSS files are associated with which pages.
+ *
+ * @param page - The URL of the current page, or null if no page is active
+ */
+export declare function setCurrentPage(page: string | null): void;
+/**
+ * Retrieves all CSS files associated with a specific page.
+ *
+ * @param page - The URL of the page
+ * @returns An array of CSS file paths used by the page
+ */
+export declare function getCssFilesForPage(page: string): string[];
+/**
+ * Vite's load hook implementation for CSS files.
+ * Handles CSS file loading requests and returns a placeholder module.
+ * The actual CSS content is processed in the main thread.
+ *
+ * @param url - The URL of the module to load
+ * @param context - The load hook context
+ * @param defaultLoad - The default load function
+ * @returns A promise that resolves to the module content
+ */
+export declare function load(url: string, context: LoadHookContext & LoaderContext & {
+    resolvedConfig: SerializedUserConfig;
+}, defaultLoad: any): Promise<any>;
+/**
+ * Vite's resolve hook implementation.
+ * Handles module resolution during development.
+ *
+ * @param specifier - The module specifier to resolve
+ * @param context - The resolve hook context
+ * @param defaultResolve - The default resolve function
+ * @returns A promise that resolves to the resolved module
+ */
+export declare function resolve(specifier: string, context: any, defaultResolve: any): any;
+//# sourceMappingURL=css-loader.development.d.ts.map

package/dist/plugin/loader/css-loader.development.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-loader.development.d.ts","sourceRoot":"","sources":["../../../plugin/loader/css-loader.development.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOvE;;;GAGG;AACH,eAAO,IAAI,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;AAmB/C;;;;;;GAMG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,cAAc,EAAE,oBAAoB,CAAA;CAAE,iBAIjG;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,QAEjD;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAEzD;AA2DD;;;;;;;;;GASG;AACH,wBAAsB,IAAI,CACxB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,eAAe,GAAG,aAAa,GAAG;IAAE,cAAc,EAAE,oBAAoB,CAAA;CAAE,EACnF,WAAW,EAAE,GAAG,gBAQjB;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,GAAG,OAE3E"}

package/dist/plugin/loader/css-loader.development.js

@@ -0,0 +1,81 @@
+/**
+ * vite-plugin-react-server
+ * Copyright (c) Nico Brinkkemper
+ * MIT License
+ */
+import 'node:worker_threads';
+import { fileURLToPath } from 'node:url';
+import { preprocessCSS } from 'vite';
+import { readFile } from 'node:fs/promises';
+import { join } from 'node:path';
+
+let loaderPort;
+const cssFilesByPage = /* @__PURE__ */ new Map();
+let currentPage = null;
+let resolvedConfig;
+const env = import.meta?.env || {
+  BASE_URL: "/",
+  DEV: true,
+  MODE: "development",
+  PROD: false,
+  SSR: true
+};
+async function initialize(data) {
+  loaderPort = data.port;
+  resolvedConfig = data.resolvedConfig;
+  data.port.postMessage({ type: "INITIALIZED_CSS_LOADER" });
+}
+function setCurrentPage(page) {
+  currentPage = page;
+}
+function getCssFilesForPage(page) {
+  return Array.from(cssFilesByPage.get(page) || []);
+}
+async function processCssFile(filePath, config, inline) {
+  try {
+    const path = filePath.startsWith("file://") ? fileURLToPath(filePath) : filePath;
+    const source = await readFile(path, "utf-8");
+    const processed = await preprocessCSS(source, path, {
+      ...config,
+      env
+    });
+    if (loaderPort) {
+      loaderPort.postMessage({
+        type: "CSS_FILE",
+        id: currentPage ? join(path, "?page=" + currentPage) : path,
+        path,
+        content: processed.code,
+        modules: processed.modules || {},
+        inline
+      });
+    }
+    if (inline) {
+      return {
+        format: "module",
+        source: processed.code,
+        shortCircuit: true
+      };
+    }
+    return {
+      format: "module",
+      source: `export default ${JSON.stringify(processed.modules || {})};`,
+      shortCircuit: true
+    };
+  } catch (error) {
+    console.error(`[css-loader] Error processing CSS file: ${error}`);
+    throw error;
+  }
+}
+async function load(url, context, defaultLoad) {
+  const [name, query] = url.split("?");
+  if (name.endsWith(".css")) {
+    return processCssFile(url, resolvedConfig, query === "inline");
+  }
+  return defaultLoad(url, context, defaultLoad);
+}
+function resolve(specifier, context, defaultResolve) {
+  return defaultResolve(specifier, context, defaultResolve);
+}
+
+export { getCssFilesForPage, initialize, load, loaderPort, resolve, setCurrentPage };
+//# sourceMappingURL=css-loader.development.js.map

package/dist/plugin/loader/css-loader.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-loader.development.js","sources":["../../../plugin/loader/css-loader.development.ts"],"sourcesContent":["import { type MessagePort } from \"node:worker_threads\";\nimport type { LoadHookContext } from \"node:module\";\nimport type { LoaderContext, SerializedUserConfig } from \"../types.js\";\nimport { fileURLToPath } from \"node:url\";\nimport { preprocessCSS } from \"vite\";\nimport type { ResolvedConfig } from \"vite\";\nimport { readFile } from \"node:fs/promises\";\nimport { join } from \"node:path\";\n\n/**\n * Global port for communication between the main thread and the CSS loader.\n * This port is used to send CSS file requests and receive responses.\n */\nexport let loaderPort: MessagePort | undefined;\n\n/**\n * Tracks CSS files used by each page.\n * Maps page URLs to sets of CSS file paths that are used by that page.\n */\nconst cssFilesByPage = new Map<string, Set<string>>();\n\nlet currentPage: string | null = null;\nlet resolvedConfig: ResolvedConfig | undefined;\n// Get environment variables\nconst env = import.meta?.env || {\n  BASE_URL: '/',\n  DEV: true,\n  MODE: 'development',\n  PROD: false,\n  SSR: true\n};\n\n/**\n * Initializes the CSS loader with the necessary communication channels.\n * Sets up message handlers for CSS file requests and responses.\n *\n * @param data - Configuration data for the CSS loader\n * @param data.port - The message port for communication\n */\nexport async function initialize(data: { port: MessagePort, resolvedConfig: SerializedUserConfig }) {\n  loaderPort = data.port;\n  resolvedConfig = data.resolvedConfig;\n  data.port.postMessage({ type: \"INITIALIZED_CSS_LOADER\" });\n}\n\n/**\n * Sets the current page being processed.\n * Used to track which CSS files are associated with which pages.\n *\n * @param page - The URL of the current page, or null if no page is active\n */\nexport function setCurrentPage(page: string | null) {\n  currentPage = page;\n}\n\n/**\n * Retrieves all CSS files associated with a specific page.\n *\n * @param page - The URL of the page\n * @returns An array of CSS file paths used by the page\n */\nexport function getCssFilesForPage(page: string): string[] {\n  return Array.from(cssFilesByPage.get(page) || []);\n}\n\n/**\n * Processes a CSS file request.\n * Sends a request to the main thread and waits for the processed CSS.\n *\n * @param filePath - The file system path of the CSS file\n * @param config - The Vite config\n * @returns A promise that resolves to the processed CSS content\n */\nasync function processCssFile(\n  filePath: string,\n  config: ResolvedConfig,\n  inline: boolean\n): Promise<{ format: string; source: string; shortCircuit: boolean }> {\n  try {\n    // Convert file URL to path if needed\n    const path = filePath.startsWith(\"file://\")\n      ? fileURLToPath(filePath)\n      : filePath;\n\n    // Process CSS using Vite's preprocessCSS\n    const source = await readFile(path, \"utf-8\");\n    const processed = await preprocessCSS(source, path, {\n      ...config,\n      env: env\n    });\n\n    // If we're processing CSS for a specific page, notify the message handler\n    if (loaderPort) {\n      loaderPort.postMessage({\n        type: \"CSS_FILE\",\n        id: currentPage ? join(path, \"?page=\" + currentPage) : path,\n        path: path,\n        content: processed.code,\n        modules: processed.modules || {},\n        inline,\n      });\n    }\n\n    // Return a module that can be used by React components\n    if (inline) {\n      return {\n        format: \"module\",\n        source: processed.code,\n        shortCircuit: true,\n      };\n    }\n    return {\n      format: \"module\",\n      source: `export default ${JSON.stringify(processed.modules || {})};`,\n      shortCircuit: true,\n    };\n  } catch (error) {\n    console.error(`[css-loader] Error processing CSS file: ${error}`);\n    throw error;\n  }\n}\n\n/**\n * Vite's load hook implementation for CSS files.\n * Handles CSS file loading requests and returns a placeholder module.\n * The actual CSS content is processed in the main thread.\n *\n * @param url - The URL of the module to load\n * @param context - The load hook context\n * @param defaultLoad - The default load function\n * @returns A promise that resolves to the module content\n */\nexport async function load(\n  url: string,\n  context: LoadHookContext & LoaderContext & { resolvedConfig: SerializedUserConfig },\n  defaultLoad: any\n) {\n  const [name, query] = url.split(\"?\");\n  if (name.endsWith(\".css\")) {\n    return processCssFile(url, resolvedConfig as ResolvedConfig, query === \"inline\");\n  }\n\n  return defaultLoad(url, context, defaultLoad);\n}\n\n/**\n * Vite's resolve hook implementation.\n * Handles module resolution during development.\n *\n * @param specifier - The module specifier to resolve\n * @param context - The resolve hook context\n * @param defaultResolve - The default resolve function\n * @returns A promise that resolves to the resolved module\n */\nexport function resolve(specifier: string, context: any, defaultResolve: any) {\n  return defaultResolve(specifier, context, defaultResolve);\n}\n"],"names":[],"mappings":"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"}

package/dist/plugin/loader/css-loader.production.d.ts

@@ -0,0 +1,31 @@
+import type { MessagePort } from "node:worker_threads";
+import type { LoadHookContext } from "node:module";
+import type { LoaderContext } from "../types.js";
+/**
+ * Global port for communication between the main thread and the CSS loader.
+ * This port is used to send CSS file requests and receive responses.
+ */
+export declare let loaderPort: MessagePort | undefined;
+/**
+ * Initializes the CSS loader with the necessary communication channels.
+ * Sets up message handlers for CSS file requests and responses.
+ *
+ * @param data - Configuration data for the CSS loader
+ * @param data.port - The message port for communication
+ * @param data.server - The Vite dev server instance
+ */
+export declare function initialize(data: {
+    port: MessagePort;
+}): Promise<void>;
+/**
+ * Vite's load hook implementation for CSS files.
+ * Handles CSS file loading requests and returns a placeholder module.
+ * The actual CSS content is processed in the main thread.
+ *
+ * @param url - The URL of the module to load
+ * @param context - The load hook context
+ * @param defaultLoad - The default load function
+ * @returns A promise that resolves to the module content
+ */
+export declare function load(url: string, context: LoadHookContext & LoaderContext, defaultLoad: any): Promise<any>;
+//# sourceMappingURL=css-loader.production.d.ts.map

package/dist/plugin/loader/css-loader.production.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-loader.production.d.ts","sourceRoot":"","sources":["../../../plugin/loader/css-loader.production.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD;;;GAGG;AACH,eAAO,IAAI,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;AAI/C;;;;;;;GAOG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,iBAG3D;AAsCD;;;;;;;;;GASG;AACH,wBAAsB,IAAI,CACxB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,eAAe,GAAG,aAAa,EACxC,WAAW,EAAE,GAAG,gBASjB"}

package/dist/plugin/loader/css-loader.production.js

@@ -0,0 +1,45 @@
+/**
+ * vite-plugin-react-server
+ * Copyright (c) Nico Brinkkemper
+ * MIT License
+ */
+import { fileURLToPath } from 'node:url';
+import { readFile } from 'node:fs/promises';
+
+let loaderPort;
+let stashedCssFiles = /* @__PURE__ */ new Map();
+async function initialize(data) {
+  loaderPort = data.port;
+  data.port.postMessage({ type: "INITIALIZED_CSS_LOADER" });
+}
+async function processCssFile(filePath) {
+  try {
+    const path = filePath.startsWith("file://") ? fileURLToPath(filePath) : filePath;
+    if (stashedCssFiles.has(filePath)) {
+      return {
+        format: "module",
+        source: stashedCssFiles.get(filePath),
+        shortCircuit: true
+      };
+    }
+    const source = await readFile(path, "utf-8");
+    stashedCssFiles.set(path, source);
+    return {
+      format: "module",
+      source,
+      shortCircuit: true
+    };
+  } catch (error) {
+    throw error;
+  }
+}
+async function load(url, context, defaultLoad) {
+  const [name] = url.split("?");
+  if (name.endsWith(".css")) {
+    return processCssFile(url);
+  }
+  return defaultLoad(url, context, defaultLoad);
+}
+
+export { initialize, load, loaderPort };
+//# sourceMappingURL=css-loader.production.js.map

package/dist/plugin/loader/css-loader.production.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-loader.production.js","sources":["../../../plugin/loader/css-loader.production.ts"],"sourcesContent":["import type { MessagePort } from \"node:worker_threads\";\nimport type { LoadHookContext } from \"node:module\";\nimport type { LoaderContext } from \"../types.js\";\nimport { fileURLToPath } from \"node:url\";\nimport { readFile } from \"node:fs/promises\";\n\n/**\n * Global port for communication between the main thread and the CSS loader.\n * This port is used to send CSS file requests and receive responses.\n */\nexport let loaderPort: MessagePort | undefined;\n\nlet stashedCssFiles = new Map();\n\n/**\n * Initializes the CSS loader with the necessary communication channels.\n * Sets up message handlers for CSS file requests and responses.\n *\n * @param data - Configuration data for the CSS loader\n * @param data.port - The message port for communication\n * @param data.server - The Vite dev server instance\n */\nexport async function initialize(data: { port: MessagePort }) {\n  loaderPort = data.port;\n  data.port.postMessage({ type: \"INITIALIZED_CSS_LOADER\" });\n}\n\n/**\n * Processes a CSS file request.\n * Sends a request to the main thread and waits for the processed CSS.\n *\n * @param filePath - The file system path of the CSS file\n * @param config - The Vite config\n * @returns A promise that resolves to the processed CSS content\n */\nasync function processCssFile(\n  filePath: string\n): Promise<{ format: string; source: string; shortCircuit: boolean }> {\n  try {\n    // Convert file URL to path if needed\n    const path = filePath.startsWith(\"file://\")\n      ? fileURLToPath(filePath)\n      : filePath;\n    if (stashedCssFiles.has(filePath)) {\n      return {\n        format: \"module\",\n        source: stashedCssFiles.get(filePath),\n        shortCircuit: true,\n      };\n    }\n    // Process CSS using Vite's preprocessCSS\n    const source = await readFile(path, \"utf-8\");\n    stashedCssFiles.set(path, source);\n    return {\n      format: \"module\",\n      source: source,\n      shortCircuit: true,\n    };\n  } catch (error) {\n    throw error;\n  }\n}\n\n/**\n * Vite's load hook implementation for CSS files.\n * Handles CSS file loading requests and returns a placeholder module.\n * The actual CSS content is processed in the main thread.\n *\n * @param url - The URL of the module to load\n * @param context - The load hook context\n * @param defaultLoad - The default load function\n * @returns A promise that resolves to the module content\n */\nexport async function load(\n  url: string,\n  context: LoadHookContext & LoaderContext,\n  defaultLoad: any\n) {\n  // Handle CSS files\n  const [name] = url.split(\"?\");\n  if (name.endsWith(\".css\")) {\n    return processCssFile(url);\n  }\n\n  return defaultLoad(url, context, defaultLoad);\n}\n"],"names":[],"mappings":";;;;;;;;AAUW,IAAA;AAEX,IAAI,eAAA,uBAAsB,GAAI,EAAA;AAU9B,eAAsB,WAAW,IAA6B,EAAA;AAC5D,EAAA,UAAA,GAAa,IAAK,CAAA,IAAA;AAClB,EAAA,IAAA,CAAK,IAAK,CAAA,WAAA,CAAY,EAAE,IAAA,EAAM,0BAA0B,CAAA;AAC1D;AAUA,eAAe,eACb,QACoE,EAAA;AACpE,EAAI,IAAA;AAEF,IAAA,MAAM,OAAO,QAAS,CAAA,UAAA,CAAW,SAAS,CACtC,GAAA,aAAA,CAAc,QAAQ,CACtB,GAAA,QAAA;AACJ,IAAI,IAAA,eAAA,CAAgB,GAAI,CAAA,QAAQ,CAAG,EAAA;AACjC,MAAO,OAAA;AAAA,QACL,MAAQ,EAAA,QAAA;AAAA,QACR,MAAA,EAAQ,eAAgB,CAAA,GAAA,CAAI,QAAQ,CAAA;AAAA,QACpC,YAAc,EAAA;AAAA,OAChB;AAAA;AAGF,IAAA,MAAM,MAAS,GAAA,MAAM,QAAS,CAAA,IAAA,EAAM,OAAO,CAAA;AAC3C,IAAgB,eAAA,CAAA,GAAA,CAAI,MAAM,MAAM,CAAA;AAChC,IAAO,OAAA;AAAA,MACL,MAAQ,EAAA,QAAA;AAAA,MACR,MAAA;AAAA,MACA,YAAc,EAAA;AAAA,KAChB;AAAA,WACO,KAAO,EAAA;AACd,IAAM,MAAA,KAAA;AAAA;AAEV;AAYsB,eAAA,IAAA,CACpB,GACA,EAAA,OAAA,EACA,WACA,EAAA;AAEA,EAAA,MAAM,CAAC,IAAI,CAAI,GAAA,GAAA,CAAI,MAAM,GAAG,CAAA;AAC5B,EAAI,IAAA,IAAA,CAAK,QAAS,CAAA,MAAM,CAAG,EAAA;AACzB,IAAA,OAAO,eAAe,GAAG,CAAA;AAAA;AAG3B,EAAO,OAAA,WAAA,CAAY,GAAK,EAAA,OAAA,EAAS,WAAW,CAAA;AAC9C;;;;"}

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

@@ -0,0 +1,2 @@
+export { reactLoaderPlugin } from "./plugin.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../plugin/loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

package/dist/plugin/loader/index.js

@@ -0,0 +1 @@
+export { reactLoaderPlugin } from "./plugin.js";

package/dist/plugin/loader/plugin.d.ts

@@ -0,0 +1,22 @@
+import type { StreamPluginOptions } from "../types.js";
+import type { Plugin } from "vite";
+/**
+ * Plugin for loading various front-end react files like css-loader, react-loader, etc.
+ *
+ * Core responsibilities:
+ * 1. Use the load hook to use the appropriate loader for the file type
+ * 2. When used, we can assume that such files work the same as when used as node loader
+ *
+ * @example
+ * ```ts
+ * export default defineConfig({
+ *   plugins: [
+ *     reactLoaderPlugin({
+ *       projectRoot: process.cwd(),
+ *     })
+ *   ]
+ * });
+ * ```
+ */
+export declare function reactLoaderPlugin(options: StreamPluginOptions): Plugin;
+//# sourceMappingURL=plugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../plugin/loader/plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACpB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAEnC;;;;;;;;;;;;;;;;;GAiBG;AAEH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,CAOtE"}

package/dist/plugin/loader/plugin.js

@@ -0,0 +1,27 @@
+import { resolveOptions } from "../config/resolveOptions.js";
+/**
+ * Plugin for loading various front-end react files like css-loader, react-loader, etc.
+ *
+ * Core responsibilities:
+ * 1. Use the load hook to use the appropriate loader for the file type
+ * 2. When used, we can assume that such files work the same as when used as node loader
+ *
+ * @example
+ * ```ts
+ * export default defineConfig({
+ *   plugins: [
+ *     reactLoaderPlugin({
+ *       projectRoot: process.cwd(),
+ *     })
+ *   ]
+ * });
+ * ```
+ */
+export function reactLoaderPlugin(options) {
+    const resolvedOptionsResult = resolveOptions(options);
+    if (resolvedOptionsResult.type === "error")
+        throw resolvedOptionsResult.error;
+    return {
+        name: "vite:react-loader",
+    };
+}

package/dist/plugin/loader/react-loader.d.ts

@@ -1,17 +1,13 @@
 import { type LoadHookContext, type ResolveHookContext } from "node:module";
 import type { MessagePort } from "node:worker_threads";
-interface LoaderContext {
-    data?: {
-        port: MessagePort;
-    };
-}
+import type { LoaderContext } from "../types.js";
+export declare let loaderPort: MessagePort | undefined;
 export declare function getSource(url: string, context: any, defaultGetSource: any): Promise<any>;
-export declare function transformModuleIfNeeded(source: string, url: string, loader: any, port?: MessagePort): Promise<string>;
+export declare function transformModuleIfNeeded(source: string, url: string, loader: any, port?: MessagePort): Promise<string | null>;
 export declare function initialize(data: {
     port: MessagePort;
 }): Promise<void>;
 export declare function resolve(specifier: string, context: ResolveHookContext, nextResolve: any): Promise<any>;
 export declare function load(url: string, context: LoadHookContext & LoaderContext, nextLoad: any): Promise<any>;
 export declare function transformSource(source: string, context: any, defaultTransformSource: any): Promise<any>;
-export {};
 //# sourceMappingURL=react-loader.d.ts.map

package/dist/plugin/loader/react-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-loader.d.ts","sourceRoot":"","sources":["../../../plugin/loader/react-loader.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACxB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAYvD,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,WAAW,CAAA;KAAE,CAAC;CAC9B;AAKD,wBAAsB,SAAS,CAC7B,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,GAAG,EACZ,gBAAgB,EAAE,GAAG,gBAKtB;AAomBD,wBAAsB,uBAAuB,CAC3C,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,GAAG,EACX,IAAI,CAAC,EAAE,WAAW,mBAwDnB;AA4KD,wBAAsB,UAAU,CAAC,IAAI,EAAE;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,iBAI3D;AAGD,wBAAsB,OAAO,CAC3B,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAE,GAAG,gBAGjB;AAGD,wBAAsB,IAAI,CACxB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,eAAe,GAAG,aAAa,EACxC,QAAQ,EAAE,GAAG,gBAad;AAGD,wBAAsB,eAAe,CACnC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EACZ,sBAAsB,EAAE,GAAG,gBAyB5B"}
+{"version":3,"file":"react-loader.d.ts","sourceRoot":"","sources":["../../../plugin/loader/react-loader.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACxB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAsBjD,eAAO,IAAI,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;AAI/C,wBAAsB,SAAS,CAC7B,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,GAAG,EACZ,gBAAgB,EAAE,GAAG,gBAKtB;AA0mBD,wBAAsB,uBAAuB,CAC3C,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,GAAG,EACX,IAAI,CAAC,EAAE,WAAW,0BAuDnB;AA4KD,wBAAsB,UAAU,CAAC,IAAI,EAAE;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,iBAI3D;AAGD,wBAAsB,OAAO,CAC3B,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAE,GAAG,gBAGjB;AAGD,wBAAsB,IAAI,CACxB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,eAAe,GAAG,aAAa,EACxC,QAAQ,EAAE,GAAG,gBA0Dd;AAGD,wBAAsB,eAAe,CACnC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EACZ,sBAAsB,EAAE,GAAG,gBAkC5B"}

package/dist/plugin/loader/react-loader.js

@@ -6,6 +6,7 @@
 import * as acorn from 'acorn-loose';
 import { basename } from 'path';
 import { setSourceMapsSupport, SourceMap } from 'node:module';
+import { workerData } from 'node:worker_threads';
 
 let stashedGetSource = null;
 setSourceMapsSupport(true, {
@@ -14,7 +15,15 @@ setSourceMapsSupport(true, {
   generatedCode: true
   // Enable for generated code
 });
+const env = workerData?.importMeta?.env || import.meta?.env || {
+  BASE_URL: "/",
+  DEV: false,
+  MODE: "production",
+  PROD: true,
+  SSR: true
+};
 let loaderPort;
+let isDev = process.env["NODE_ENV"] === "development";
 async function getSource(url, context, defaultGetSource) {
   stashedGetSource = defaultGetSource;
   return defaultGetSource(url, context, defaultGetSource);
@@ -238,8 +247,12 @@ function transformServerModule(source, program, url, sourceMap, _loader, port) {
         entry.originalColumn = 0;
       }
     }
-    newSrc += "\n\n;";
-    newSrc += 'import {registerServerReference} from "react-server-dom-esm/server";\n';
+    newSrc = "";
+    newSrc += `import ReactDOMServerESM from "react-server-dom-esm/server${isDev ? ".node" : ""}";
+`;
+    newSrc += `if(ReactDOMServerESM instanceof Error){ throw ReactDOMServerESM; }`;
+    newSrc += `export const registerServerReference = ReactDOMServerESM.registerServerReference;
+`;
     if (mappings) {
       mappings += ";;";
     }
@@ -386,10 +399,13 @@ async function transformClientModule(program, url, sourceMap, loader) {
   const names = [];
   await parseExportNamesInto(body, names, url, loader);
   if (names.length === 0) {
-    console.log("[react-loader] No exports found in:", url);
-    return "";
+    return null;
   }
-  let newSrc = 'import {registerClientReference} from "react-server-dom-esm/server";\n';
+  let newSrc = `import ReactDOMServerESM from "react-server-dom-esm/server${isDev ? ".node" : ""}";
+`;
+  newSrc += `if(ReactDOMServerESM instanceof Error){ throw new Error(ReactDOMServerESM); }`;
+  newSrc += `export const registerClientReference = ReactDOMServerESM.registerClientReference;
+`;
   for (let i = 0; i < names.length; i++) {
     const name = names[i];
     const errorMessage = name === "default" ? `Attempted to call the default export of ${url} from the server but it's on the client` : `Attempted to call ${name}() from the server but ${name} is on the client`;
@@ -460,13 +476,6 @@ async function transformModuleIfNeeded(source, url, loader, port) {
     if (node.type !== "ExpressionStatement" || !node.directive) continue;
     if (node.directive === "use client") {
       useClient = true;
-      if (port) {
-        port.postMessage({
-          type: "CLIENT_COMPONENT",
-          url,
-          source
-        });
-      }
       break;
     }
     if (node.directive === "use server") {
@@ -474,12 +483,18 @@ async function transformModuleIfNeeded(source, url, loader, port) {
       break;
     }
   }
+  if (useClient && useServer) {
+    throw new Error(
+      "Cannot use both use client and use server directives in the same module"
+    );
+  }
+  if (!useClient && !useServer) {
+    return source;
+  }
   if (useClient) {
     return transformClientModule(program, url, undefined, loader);
-  } else if (useServer) {
-    return transformServerModule(source, program, url, undefined, loader, port);
   }
-  return source;
+  return transformServerModule(source, program, url, undefined, loader, port);
 }
 function readMappings(mappings, callback) {
   let line = 1;
@@ -602,24 +617,57 @@ function decodeVLQ(str) {
 }
 async function initialize(data) {
   loaderPort = data.port;
-  data.port.postMessage({ type: "INITIALIZED" });
+  data.port.postMessage({ type: "INITIALIZED_REACT_LOADER" });
   data.port.unref();
 }
 async function resolve(specifier, context, nextResolve) {
   return nextResolve(specifier, context);
 }
 async function load(url, context, nextLoad) {
-  const result = await nextLoad(url, context);
-  if (result.format === "module") {
-    const newSrc = await transformModuleIfNeeded(
-      result.source,
-      url,
-      nextLoad,
-      loaderPort ?? undefined
+  const result = await nextLoad(url, {
+    ...context,
+    env
+  });
+  if (result.format !== "module") {
+    return result;
+  }
+  let sourceStr;
+  if (typeof result.source === "string") {
+    sourceStr = result.source;
+  } else if (result.source instanceof Uint8Array || Buffer.isBuffer(result.source)) {
+    sourceStr = result.source.toString("utf-8");
+  } else {
+    console.warn(
+      `[react-loader] Unexpected source type: ${typeof result.source}`
+    );
+    return result;
+  }
+  const transformResult = await transformModuleIfNeeded(
+    sourceStr,
+    url,
+    nextLoad,
+    loaderPort ?? undefined
+  );
+  if (transformResult === null) {
+    return result;
+  } else if (typeof transformResult === "string") {
+    return { ...result, source: transformResult };
+  } else if (typeof transformResult === "object") {
+    const typedResult = transformResult;
+    if (!("code" in typedResult)) {
+      throw new Error("Failed to transform module");
+    }
+    return {
+      ...result,
+      source: typedResult.code,
+      map: typedResult.map || result.map
+    };
+  } else {
+    console.warn(
+      `[react-loader] Unexpected transform result type: ${typeof transformResult}`
     );
-    return { ...result, source: newSrc };
+    return result;
   }
-  return result;
 }
 async function transformSource(source, context, defaultTransformSource) {
   const transformed = await defaultTransformSource(
@@ -628,12 +676,19 @@ async function transformSource(source, context, defaultTransformSource) {
     defaultTransformSource
   );
   if (context.format === "module") {
-    const transformedSource = transformed.source;
-    if (typeof transformedSource !== "string") {
-      throw new Error("Expected source to have been transformed to a string.");
+    let transformedSourceStr;
+    if (typeof transformed.source === "string") {
+      transformedSourceStr = transformed.source;
+    } else if (transformed.source instanceof Uint8Array || Buffer.isBuffer(transformed.source)) {
+      transformedSourceStr = transformed.source.toString("utf-8");
+    } else {
+      console.warn(
+        `[react-loader] Unexpected transformed source type: ${typeof transformed.source}`
+      );
+      return transformed;
     }
     const newSrc = await transformModuleIfNeeded(
-      transformedSource,
+      transformedSourceStr,
       context.url,
       (url) => loadClientImport(url, defaultTransformSource),
       context.data?.port
@@ -643,5 +698,5 @@ async function transformSource(source, context, defaultTransformSource) {
   return transformed;
 }
 
-export { getSource, initialize, load, resolve, transformModuleIfNeeded, transformSource };
+export { getSource, initialize, load, loaderPort, resolve, transformModuleIfNeeded, transformSource };
 //# sourceMappingURL=react-loader.js.map