@cloudflare/vite-plugin 0.0.0-910007bce → 0.0.0-91d0c408c

package/dist/index.js

@@ -485,11 +485,12 @@ var require_mime = __commonJS({
 });
 
 // src/index.ts
-import assert8 from "node:assert";
+import assert10 from "node:assert";
 import * as fs5 from "node:fs";
 import * as fsp2 from "node:fs/promises";
 import * as path9 from "node:path";
-import { createMiddleware } from "@hattip/adapter-node";
+import { createRequest, sendResponse } from "@mjackson/node-fetch-server";
+import replace from "@rollup/plugin-replace";
 
 // ../../node_modules/.pnpm/@jridgewell+sourcemap-codec@1.5.0/node_modules/@jridgewell/sourcemap-codec/dist/sourcemap-codec.mjs
 var comma = ",".charCodeAt(0);
@@ -1557,6 +1558,7 @@ var MagicString = class _MagicString {
 
 // src/index.ts
 import { Miniflare } from "miniflare";
+import colors3 from "picocolors";
 import * as vite7 from "vite";
 
 // src/constants.ts
@@ -5782,7 +5784,8 @@ var z = /* @__PURE__ */ Object.freeze({
 // ../workers-shared/utils/types.ts
 var InternalConfigSchema = z.object({
   account_id: z.number().optional(),
-  script_id: z.number().optional()
+  script_id: z.number().optional(),
+  debug: z.boolean().optional()
 });
 var RouterConfigSchema = z.object({
   invoke_user_worker_ahead_of_assets: z.boolean().optional(),
@@ -5830,14 +5833,14 @@ var AssetConfigSchema = z.object({
 });
 
 // src/asset-config.ts
-function hasAssetsConfigChanged(resolvedPluginConfig, resolvedViteConfig, changedFile) {
+function hasAssetsConfigChanged(resolvedPluginConfig, resolvedViteConfig, changedFilePath) {
   if (!resolvedPluginConfig.experimental?.headersAndRedirectsDevModeSupport) {
     return false;
   }
   return [
     getRedirectsConfigPath(resolvedViteConfig),
     getHeadersConfigPath(resolvedViteConfig)
-  ].includes(path.resolve(changedFile));
+  ].includes(changedFilePath);
 }
 function getAssetsConfig(resolvedPluginConfig, entryWorkerConfig, resolvedConfig) {
   const assetsConfig = resolvedPluginConfig.type === "assets-only" ? resolvedPluginConfig.config.assets : entryWorkerConfig?.assets;
@@ -12878,6 +12881,15 @@ function isNodeCompat(workerConfig) {
   }
   return false;
 }
+function isNodeAls(workerConfig) {
+  return workerConfig !== void 0 && getNodeCompat(
+    workerConfig.compatibility_date,
+    workerConfig.compatibility_flags ?? []
+  ).mode === "als";
+}
+function isNodeAlsModule(path10) {
+  return /^(node:)?async_hooks$/.test(path10);
+}
 function injectGlobalCode(id, code) {
   const injectedCode = Object.entries(env.inject).map(([globalName, globalInject]) => {
     if (typeof globalInject === "string") {
@@ -12908,7 +12920,7 @@ globalThis.${globalName} = var_${globalName}.${exportName};
 }
 function resolveNodeJSImport(source) {
   const alias = env.alias[source];
-  if (alias) {
+  if (alias && !nodeCompatExternals.has(alias)) {
     return {
       unresolved: alias,
       resolved: resolvePathSync(alias, { url: import.meta.url })
@@ -12939,8 +12951,9 @@ function getNodeCompatEntries() {
   return entries;
 }
 var NodeJsCompatWarnings = class {
-  constructor(environment) {
-    this.environment = environment;
+  constructor(environmentName, resolvedViteConfig) {
+    this.environmentName = environmentName;
+    this.resolvedViteConfig = resolvedViteConfig;
   }
   sources = /* @__PURE__ */ new Map();
   timer;
@@ -12948,6 +12961,7 @@ var NodeJsCompatWarnings = class {
     const importers = this.sources.get(source) ?? /* @__PURE__ */ new Set();
     this.sources.set(source, importers);
     importers.add(importer);
+    this.renderWarningsOnIdle();
   }
   renderWarningsOnIdle() {
     if (this.timer) {
@@ -12960,19 +12974,16 @@ var NodeJsCompatWarnings = class {
   }
   renderWarnings() {
     if (this.sources.size > 0) {
-      let message = `
-
-Unexpected Node.js imports for environment "${this.environment.name}". Do you need to enable the "nodejs_compat" compatibility flag?
-Refer to https://developers.cloudflare.com/workers/runtime-apis/nodejs/ for more details.
+      let message = `Unexpected Node.js imports for environment "${this.environmentName}". Do you need to enable the "nodejs_compat" compatibility flag? Refer to https://developers.cloudflare.com/workers/runtime-apis/nodejs/ for more details.
 `;
       this.sources.forEach((importers, source) => {
         importers.forEach((importer) => {
-          message += ` - "${source}" imported from "${path3.relative(this.environment.config.root, importer)}"
+          message += ` - "${source}" imported from "${path3.relative(this.resolvedViteConfig.root, importer)}"
 `;
         });
       });
-      this.environment.logger.warn(message, {
-        environment: this.environment.name
+      this.resolvedViteConfig.logger.warn(message, {
+        timestamp: true
       });
       this.sources.clear();
     }
@@ -12992,6 +13003,7 @@ var VITE_DEV_METADATA_HEADER = "__VITE_DEV_METADATA__";
 
 // src/utils.ts
 import * as path4 from "node:path";
+import getPort, { portNumbers } from "get-port";
 import { Request as MiniflareRequest } from "miniflare";
 import "vite";
 function getOutputDirectory(userConfig, environmentName) {
@@ -13002,6 +13014,10 @@ function getRouterWorker(miniflare2) {
   return miniflare2.getWorker(ROUTER_WORKER_NAME);
 }
 function toMiniflareRequest(request) {
+  const host = request.headers.get("Host");
+  if (host) {
+    request.headers.set("X-Forwarded-Host", host);
+  }
   const secFetchMode = request.headers.get("Sec-Fetch-Mode");
   if (secFetchMode) {
     request.headers.set("X-Mf-Sec-Fetch-Mode", secFetchMode);
@@ -13030,6 +13046,9 @@ var postfixRE = /[?#].*$/;
 function cleanUrl(url) {
   return url.replace(postfixRE, "");
 }
+function getFirstAvailablePort(start) {
+  return getPort({ port: portNumbers(start, 65535) });
+}
 
 // src/cloudflare-environment.ts
 var webSocketUndefinedError = "The WebSocket is undefined";
@@ -13336,6 +13355,7 @@ import {
   LogLevel,
   Response as MiniflareResponse
 } from "miniflare";
+import colors2 from "picocolors";
 import { globSync } from "tinyglobby";
 import "vite";
 import { unstable_getMiniflareWorkerOptions } from "wrangler";
@@ -13440,7 +13460,30 @@ function getEntryWorkerConfig(resolvedPluginConfig) {
   }
   return resolvedPluginConfig.workers[resolvedPluginConfig.entryWorkerEnvironmentName];
 }
-function getDevMiniflareOptions(resolvedPluginConfig, viteDevServer) {
+function filterTails(tails, userWorkers, log) {
+  return tails?.filter((tailService) => {
+    let name;
+    if (typeof tailService === "string") {
+      name = tailService;
+    } else if (typeof tailService === "object" && "name" in tailService && typeof tailService.name === "string") {
+      name = tailService.name;
+    } else {
+      return true;
+    }
+    const found = userWorkers.some((w) => w.name === name);
+    if (!found) {
+      log(
+        colors2.dim(
+          colors2.yellow(
+            `Tail consumer "${name}" was not found in your config. Make sure you add it if you'd like to simulate receiving tail events locally.`
+          )
+        )
+      );
+    }
+    return found;
+  });
+}
+function getDevMiniflareOptions(resolvedPluginConfig, viteDevServer, inspectorPort) {
   const resolvedViteConfig = viteDevServer.config;
   const entryWorkerConfig = getEntryWorkerConfig(resolvedPluginConfig);
   const assetsConfig = getAssetsConfig(
@@ -13532,7 +13575,7 @@ function getDevMiniflareOptions(resolvedPluginConfig, viteDevServer) {
         worker: {
           ...workerOptions,
           name: workerOptions.name ?? workerConfig.name,
-          unsafeInspectorProxy: resolvedPluginConfig.inspectorPort !== false,
+          unsafeInspectorProxy: inspectorPort !== false,
           modulesRoot: miniflareModulesRoot,
           unsafeEvalBinding: "__VITE_UNSAFE_EVAL__",
           serviceBindings: {
@@ -13574,8 +13617,8 @@ function getDevMiniflareOptions(resolvedPluginConfig, viteDevServer) {
   const logger = new ViteMiniflareLogger(resolvedViteConfig);
   return {
     log: logger,
-    inspectorPort: resolvedPluginConfig.inspectorPort || void 0,
-    unsafeInspectorProxy: resolvedPluginConfig.inspectorPort !== false,
+    inspectorPort: inspectorPort === false ? void 0 : inspectorPort,
+    unsafeInspectorProxy: inspectorPort !== false,
     handleRuntimeStdio(stdout, stderr) {
       const decoder = new TextDecoder();
       stdout.forEach((data2) => logger.info(decoder.decode(data2)));
@@ -13631,6 +13674,11 @@ function getDevMiniflareOptions(resolvedPluginConfig, viteDevServer) {
         }
         return {
           ...workerOptions,
+          tails: filterTails(
+            workerOptions.tails,
+            userWorkers,
+            viteDevServer.config.logger.warn
+          ),
           modules: [
             {
               type: "ESModule",
@@ -13712,7 +13760,7 @@ function getPreviewModules(main, modulesRules) {
     ]
   };
 }
-function getPreviewMiniflareOptions(vitePreviewServer, workerConfigs, persistState, inspectorPort = DEFAULT_INSPECTOR_PORT) {
+function getPreviewMiniflareOptions(vitePreviewServer, workerConfigs, persistState, inspectorPort) {
   const resolvedViteConfig = vitePreviewServer.config;
   const workers = workerConfigs.flatMap((config) => {
     const miniflareWorkerOptions = unstable_getMiniflareWorkerOptions(config);
@@ -13721,6 +13769,11 @@ function getPreviewMiniflareOptions(vitePreviewServer, workerConfigs, persistSta
     return [
       {
         ...workerOptions,
+        tails: filterTails(
+          workerOptions.tails,
+          workerConfigs,
+          vitePreviewServer.config.logger.warn
+        ),
         name: workerOptions.name ?? config.name,
         unsafeInspectorProxy: inspectorPort !== false,
         ...miniflareWorkerOptions.main ? getPreviewModules(miniflareWorkerOptions.main, modulesRules) : { modules: true, script: "" }
@@ -13731,7 +13784,7 @@ function getPreviewMiniflareOptions(vitePreviewServer, workerConfigs, persistSta
   const logger = new ViteMiniflareLogger(resolvedViteConfig);
   return {
     log: logger,
-    inspectorPort: inspectorPort || void 0,
+    inspectorPort: inspectorPort === false ? void 0 : inspectorPort,
     unsafeInspectorProxy: inspectorPort !== false,
     handleRuntimeStdio(stdout, stderr) {
       const decoder = new TextDecoder();
@@ -13781,11 +13834,12 @@ function miniflareLogLevelFromViteLogLevel(level = "info") {
 }
 
 // src/plugin-config.ts
-import assert7 from "node:assert";
+import assert8 from "node:assert";
 import * as path8 from "node:path";
 import * as vite6 from "vite";
 
 // src/workers-configs.ts
+import assert7 from "node:assert";
 import * as fs4 from "node:fs";
 import * as path7 from "node:path";
 import { unstable_readConfig as unstable_readConfig2 } from "wrangler";
@@ -13819,8 +13873,7 @@ var nonApplicableWorkerConfigs = {
     "preserve_file_names",
     "rules",
     "site",
-    "tsconfig",
-    "upload_source_maps"
+    "tsconfig"
   ]
 };
 var nullableNonApplicable = [
@@ -13831,8 +13884,7 @@ var nullableNonApplicable = [
   "no_bundle",
   "preserve_file_names",
   "site",
-  "tsconfig",
-  "upload_source_maps"
+  "tsconfig"
 ];
 function readWorkerConfig(configPath, env2) {
   const nonApplicable = {
@@ -13994,14 +14046,52 @@ function getWorkerConfig(configPath, env2, opts) {
     nonApplicable
   };
 }
+function getValidatedWranglerConfigPath(root, requestedConfigPath, isForAuxiliaryWorker = false) {
+  if (requestedConfigPath) {
+    const configPath2 = path7.resolve(root, requestedConfigPath);
+    const forAuxiliaryWorkerErrorMessage = isForAuxiliaryWorker ? " requested for one of your auxiliary workers" : "";
+    const errorMessagePrefix = `The provided configPath (${configPath2})${forAuxiliaryWorkerErrorMessage}`;
+    const fileExtension = path7.extname(configPath2).slice(1);
+    if (!allowedWranglerConfigExtensions.includes(fileExtension)) {
+      const foundExtensionMessage = !fileExtension ? "no extension found" : `"${fileExtension}" found`;
+      throw new Error(
+        `${errorMessagePrefix} doesn't point to a file with the correct file extension. It should point to a jsonc, json or toml file (${foundExtensionMessage} instead)`
+      );
+    }
+    const mainStat = fs4.statSync(configPath2, { throwIfNoEntry: false });
+    if (!mainStat) {
+      throw new Error(
+        `${errorMessagePrefix} doesn't point to an existing file`
+      );
+    }
+    if (mainStat.isDirectory()) {
+      throw new Error(
+        `${errorMessagePrefix} points to a directory. It should point to a file.`
+      );
+    }
+    return configPath2;
+  }
+  assert7(
+    isForAuxiliaryWorker === false,
+    "Unexpected Error: trying to find the wrangler config for an auxiliary worker"
+  );
+  const configPath = findWranglerConfig(root);
+  if (!configPath) {
+    throw new Error(
+      `No config file found in the ${root} directory. Please add a wrangler.(jsonc|json|toml) file.`
+    );
+  }
+  return configPath;
+}
 function findWranglerConfig(root) {
-  for (const extension of ["json", "jsonc", "toml"]) {
+  for (const extension of allowedWranglerConfigExtensions) {
     const configPath = path7.join(root, `wrangler.${extension}`);
     if (fs4.existsSync(configPath)) {
       return configPath;
     }
   }
 }
+var allowedWranglerConfigExtensions = ["jsonc", "json", "toml"];
 
 // src/plugin-config.ts
 function workerNameToEnvironmentName(workerName) {
@@ -14010,7 +14100,6 @@ function workerNameToEnvironmentName(workerName) {
 function resolvePluginConfig(pluginConfig, userConfig, viteEnv) {
   const configPaths = /* @__PURE__ */ new Set();
   const persistState = pluginConfig.persistState ?? true;
-  const inspectorPort = pluginConfig.inspectorPort ?? DEFAULT_INSPECTOR_PORT;
   const experimental = pluginConfig.experimental ?? {};
   const root = userConfig.root ? path8.resolve(userConfig.root) : process.cwd();
   const { CLOUDFLARE_ENV: cloudflareEnv } = vite6.loadEnv(
@@ -14019,22 +14108,23 @@ function resolvePluginConfig(pluginConfig, userConfig, viteEnv) {
     /* prefixes */
     ""
   );
-  const configPath = pluginConfig.configPath ? path8.resolve(root, pluginConfig.configPath) : findWranglerConfig(root);
-  if (!configPath) {
-    throw new Error(
-      `Config not found. Have you created a wrangler.json(c) or wrangler.toml file?`
-    );
-  }
-  const entryWorkerResolvedConfig = getWorkerConfig(configPath, cloudflareEnv, {
-    visitedConfigPaths: configPaths,
-    isEntryWorker: true
-  });
+  const entryWorkerConfigPath = getValidatedWranglerConfigPath(
+    root,
+    pluginConfig.configPath
+  );
+  const entryWorkerResolvedConfig = getWorkerConfig(
+    entryWorkerConfigPath,
+    cloudflareEnv,
+    {
+      visitedConfigPaths: configPaths,
+      isEntryWorker: true
+    }
+  );
   if (entryWorkerResolvedConfig.type === "assets-only") {
     return {
       type: "assets-only",
       config: entryWorkerResolvedConfig.config,
       configPaths,
-      inspectorPort,
       persistState,
       rawConfigs: {
         entryWorker: entryWorkerResolvedConfig
@@ -14050,15 +14140,20 @@ function resolvePluginConfig(pluginConfig, userConfig, viteEnv) {
   };
   const auxiliaryWorkersResolvedConfigs = [];
   for (const auxiliaryWorker of pluginConfig.auxiliaryWorkers ?? []) {
+    const workerConfigPath = getValidatedWranglerConfigPath(
+      root,
+      auxiliaryWorker.configPath,
+      true
+    );
     const workerResolvedConfig = getWorkerConfig(
-      path8.resolve(root, auxiliaryWorker.configPath),
+      workerConfigPath,
       cloudflareEnv,
       {
         visitedConfigPaths: configPaths
       }
     );
     auxiliaryWorkersResolvedConfigs.push(workerResolvedConfig);
-    assert7(
+    assert8(
       workerResolvedConfig.type === "worker",
       "Unexpected error: received AssetsOnlyResult with auxiliary workers."
     );
@@ -14075,7 +14170,6 @@ function resolvePluginConfig(pluginConfig, userConfig, viteEnv) {
     type: "workers",
     configPaths,
     persistState,
-    inspectorPort,
     workers,
     entryWorkerEnvironmentName,
     rawConfigs: {
@@ -14123,6 +14217,57 @@ function handleWebSocket(httpServer, getFetcher) {
   );
 }
 
+// src/worker-environments-validation.ts
+import assert9 from "node:assert";
+function validateWorkerEnvironmentsResolvedConfigs(resolvedPluginConfig, resolvedViteConfig) {
+  const workersEnvironmentNames = Object.keys(resolvedPluginConfig.workers);
+  const disallowedEnvsConfigs = /* @__PURE__ */ new Map();
+  for (const envName of workersEnvironmentNames) {
+    const workerEnvConfig = resolvedViteConfig.environments[envName];
+    assert9(workerEnvConfig, `Missing environment config for "${envName}"`);
+    const { optimizeDeps, resolve: resolve7 } = workerEnvConfig;
+    const disallowedConfig = {};
+    const disallowedOptimizeDepsExcludeEntries = (optimizeDeps.exclude ?? []).filter((entry) => {
+      if (cloudflareBuiltInModules.includes(entry)) {
+        return false;
+      }
+      if (isNodeAlsModule(entry) && isNodeAls(resolvedPluginConfig.workers[envName])) {
+        return false;
+      }
+      if (NODEJS_MODULES_RE.test(entry) && isNodeCompat(resolvedPluginConfig.workers[envName])) {
+        return false;
+      }
+      return true;
+    });
+    if (disallowedOptimizeDepsExcludeEntries.length > 0) {
+      disallowedConfig.optimizeDepsExclude = disallowedOptimizeDepsExcludeEntries;
+    }
+    if (resolve7.external === true || resolve7.external.length > 0) {
+      disallowedConfig.resolveExternal = resolve7.external;
+    }
+    if (Object.keys(disallowedConfig).length > 0) {
+      disallowedEnvsConfigs.set(envName, disallowedConfig);
+    }
+  }
+  if (disallowedEnvsConfigs.size > 0) {
+    const errorMessage = `The following environment configurations are incompatible with the Cloudflare Vite plugin:
+${[
+      ...disallowedEnvsConfigs
+    ].map(
+      ([envName, disallowedConfig]) => [
+        disallowedConfig.optimizeDepsExclude ? `	- "${envName}" environment: \`optimizeDeps.exclude\`: ${JSON.stringify(disallowedConfig.optimizeDepsExclude)}
+` : null,
+        disallowedConfig.resolveExternal ? `	- "${envName}" environment: \`resolve.external\`: ${JSON.stringify(disallowedConfig.resolveExternal)}
+` : null
+      ].join("")
+    ).join(
+      ""
+    )}To resolve this issue, avoid setting \`optimizeDeps.exclude\` and \`resolve.external\` in your Cloudflare Worker environments.
+`;
+    throw new Error(errorMessage);
+  }
+}
+
 // src/index.ts
 var workersConfigsWarningShown = false;
 var miniflare;
@@ -14193,7 +14338,7 @@ function cloudflare2(pluginConfig = {}) {
                   resolvedPluginConfig.workers
                 ).map((environmentName) => {
                   const environment = builder.environments[environmentName];
-                  assert8(
+                  assert10(
                     environment,
                     `${environmentName} environment not found`
                   );
@@ -14214,6 +14359,12 @@ function cloudflare2(pluginConfig = {}) {
       },
       configResolved(config) {
         resolvedViteConfig = config;
+        if (resolvedPluginConfig?.type === "workers") {
+          validateWorkerEnvironmentsResolvedConfigs(
+            resolvedPluginConfig,
+            resolvedViteConfig
+          );
+        }
       },
       generateBundle(_, bundle) {
         let config;
@@ -14234,7 +14385,7 @@ function cloudflare2(pluginConfig = {}) {
           if (isEntryWorker && hasClientBuild) {
             const workerOutputDirectory = this.environment.config.build.outDir;
             const clientOutputDirectory = resolvedViteConfig.environments.client?.build.outDir;
-            assert8(
+            assert10(
               clientOutputDirectory,
               "Unexpected error: client output directory is undefined"
             );
@@ -14298,78 +14449,100 @@ function cloudflare2(pluginConfig = {}) {
         }
       },
       hotUpdate(options) {
-        if (
-          // Vite normalizes `options.file` so we use `path.resolve` for Windows compatibility
-          resolvedPluginConfig.configPaths.has(path9.resolve(options.file)) || hasAssetsConfigChanged(
-            resolvedPluginConfig,
-            resolvedViteConfig,
-            options.file
-          )
-        ) {
+        const changedFilePath = path9.resolve(options.file);
+        if (resolvedPluginConfig.configPaths.has(changedFilePath) || hasDotDevDotVarsFileChanged(resolvedPluginConfig, changedFilePath) || hasAssetsConfigChanged(
+          resolvedPluginConfig,
+          resolvedViteConfig,
+          changedFilePath
+        )) {
           options.server.restart();
           return [];
         }
       },
       async configureServer(viteDevServer) {
-        assert8(
-          viteDevServer.httpServer,
-          "Unexpected error: No Vite HTTP server"
+        const inputInspectorPort = await getInputInspectorPortOption(
+          pluginConfig,
+          viteDevServer
         );
-        if (miniflare) {
-          await miniflare.setOptions(
-            getDevMiniflareOptions(resolvedPluginConfig, viteDevServer)
+        if (!miniflare) {
+          miniflare = new Miniflare(
+            getDevMiniflareOptions(
+              resolvedPluginConfig,
+              viteDevServer,
+              inputInspectorPort
+            )
           );
         } else {
-          miniflare = new Miniflare(
-            getDevMiniflareOptions(resolvedPluginConfig, viteDevServer)
+          await miniflare.setOptions(
+            getDevMiniflareOptions(
+              resolvedPluginConfig,
+              viteDevServer,
+              inputInspectorPort
+            )
           );
         }
         await initRunners(resolvedPluginConfig, viteDevServer, miniflare);
-        const middleware = createMiddleware(
-          async ({ request }) => {
-            assert8(miniflare, `Miniflare not defined`);
+        if (viteDevServer.httpServer) {
+          handleWebSocket(viteDevServer.httpServer, async () => {
+            assert10(miniflare, `Miniflare not defined`);
             const routerWorker = await getRouterWorker(miniflare);
-            return routerWorker.fetch(toMiniflareRequest(request), {
-              redirect: "manual"
-            });
-          },
-          { alwaysCallNext: false }
-        );
-        handleWebSocket(viteDevServer.httpServer, async () => {
-          assert8(miniflare, `Miniflare not defined`);
-          const routerWorker = await getRouterWorker(miniflare);
-          return routerWorker.fetch;
-        });
+            return routerWorker.fetch;
+          });
+        }
         return () => {
-          viteDevServer.middlewares.use((req, res, next) => {
-            middleware(req, res, next);
+          viteDevServer.middlewares.use(async (req, res, next) => {
+            try {
+              assert10(miniflare, `Miniflare not defined`);
+              const routerWorker = await getRouterWorker(miniflare);
+              const request = createRequest(req, res);
+              const response = await routerWorker.fetch(
+                toMiniflareRequest(request),
+                {
+                  redirect: "manual"
+                }
+              );
+              if (req.httpVersionMajor === 2) {
+                response.headers.delete("transfer-encoding");
+              }
+              await sendResponse(res, response);
+            } catch (error) {
+              next(error);
+            }
           });
         };
       },
-      configurePreviewServer(vitePreviewServer) {
+      async configurePreviewServer(vitePreviewServer) {
         const workerConfigs = getWorkerConfigs(vitePreviewServer.config.root);
+        const inputInspectorPort = await getInputInspectorPortOption(
+          pluginConfig,
+          vitePreviewServer
+        );
         const miniflare2 = new Miniflare(
           getPreviewMiniflareOptions(
             vitePreviewServer,
             workerConfigs,
             pluginConfig.persistState ?? true,
-            pluginConfig.inspectorPort
+            inputInspectorPort
           )
         );
-        const middleware = createMiddleware(
-          ({ request }) => {
-            return miniflare2.dispatchFetch(toMiniflareRequest(request), {
-              redirect: "manual"
-            });
-          },
-          { alwaysCallNext: false }
-        );
         handleWebSocket(
           vitePreviewServer.httpServer,
           () => miniflare2.dispatchFetch
         );
-        vitePreviewServer.middlewares.use((req, res, next) => {
-          middleware(req, res, next);
+        vitePreviewServer.middlewares.use(async (req, res, next) => {
+          try {
+            const request = createRequest(req, res);
+            const response = await miniflare2.dispatchFetch(
+              toMiniflareRequest(request),
+              { redirect: "manual" }
+            );
+            if (req.httpVersionMajor === 2) {
+              response.headers.delete("transfer-encoding");
+            }
+            await sendResponse(res, response);
+          } catch (error) {
+            next(error);
+          }
         });
       }
     },
@@ -14432,7 +14605,7 @@ function cloudflare2(pluginConfig = {}) {
         for (const match of matches) {
           magicString ??= new MagicString(code);
           const [full, _, modulePath] = match;
-          assert8(
+          assert10(
             modulePath,
             `Unexpected error: module path not found in reference ${full}.`
           );
@@ -14478,17 +14651,22 @@ function cloudflare2(pluginConfig = {}) {
       configEnvironment(name) {
         if (isNodeCompat(getWorkerConfig2(name))) {
           return {
+            build: {
+              rollupOptions: {
+                plugins: [
+                  replace({
+                    "process.env.NODE_ENV": JSON.stringify(
+                      process.env.NODE_ENV ?? "production"
+                    ),
+                    preventAssignment: true
+                  })
+                ]
+              }
+            },
             resolve: {
               builtins: [...nodeCompatExternals]
             },
             optimizeDeps: {
-              // This is a list of dependency entry-points that should be pre-bundled.
-              // In this case we provide a list of all the possible polyfills so that they are pre-bundled,
-              // ready ahead the first request to the dev server.
-              // Without this the dependency optimizer will try to bundle them on-the-fly in the middle of the first request,
-              // which can potentially cause problems if it leads to previous pre-bundling to become stale and needing to be reloaded.
-              // TODO: work out how to re-enable pre-bundling of these
-              // include: [...getNodeCompatEntries()],
               // This is a list of module specifiers that the dependency optimizer should not follow when doing import analysis.
               // In this case we provide a list of all the Node.js modules, both those built-in to workerd and those that will be polyfilled.
               // Obviously we don't want/need the optimizer to try to process modules that are built-in;
@@ -14512,7 +14690,7 @@ function cloudflare2(pluginConfig = {}) {
           return this.resolve(source, importer, options);
         }
         if (this.environment.mode === "dev") {
-          assert8(
+          assert10(
             this.environment.depsOptimizer,
             "depsOptimizer is required in dev mode"
           );
@@ -14526,11 +14704,54 @@ function cloudflare2(pluginConfig = {}) {
       },
       async transform(code, id) {
         const workerConfig = getWorkerConfig2(this.environment.name);
-        assert8(workerConfig, "Expected a worker config");
+        if (!workerConfig) {
+          return;
+        }
         const resolvedId = await this.resolve(workerConfig.main);
         if (id === resolvedId?.id) {
           return injectGlobalCode(id, code);
         }
+      },
+      async configureServer(viteDevServer) {
+        await Promise.all(
+          Object.values(viteDevServer.environments).flatMap(
+            async (environment) => {
+              const workerConfig = getWorkerConfig2(environment.name);
+              if (isNodeCompat(workerConfig)) {
+                await environment.depsOptimizer?.init();
+                return Array.from(nodeCompatEntries).map((entry) => {
+                  const result = resolveNodeJSImport(entry);
+                  if (result) {
+                    const registration = environment.depsOptimizer?.registerMissingImport(
+                      result.unresolved,
+                      result.resolved
+                    );
+                    return registration?.processing;
+                  }
+                });
+              }
+            }
+          )
+        );
+      }
+    },
+    // Plugin that handles Node.js Async Local Storage (ALS) compatibility support for Vite Environments that are hosted in Cloudflare Workers.
+    {
+      name: "vite-plugin-cloudflare:nodejs-als",
+      apply(_config, env2) {
+        return !env2.isPreview;
+      },
+      configEnvironment(name, config) {
+        if (isNodeAls(getWorkerConfig2(name))) {
+          return {
+            resolve: {
+              builtins: ["async_hooks", "node:async_hooks"]
+            },
+            optimizeDeps: {
+              exclude: ["async_hooks", "node:async_hooks"]
+            }
+          };
+        }
       }
     },
     // Plugin that provides an __debug path for debugging the Cloudflare Workers.
@@ -14540,39 +14761,35 @@ function cloudflare2(pluginConfig = {}) {
       //       the preview middleware here can take precedence
       enforce: "pre",
       configureServer(viteDevServer) {
-        if (resolvedPluginConfig.type === "workers" && resolvedPluginConfig.inspectorPort !== false) {
+        if (resolvedPluginConfig.type === "workers" && pluginConfig.inspectorPort !== false) {
           addDebugToVitePrintUrls(viteDevServer);
         }
         const workerNames = resolvedPluginConfig.type === "assets-only" ? [] : Object.values(resolvedPluginConfig.workers).map(
           (worker) => worker.name
         );
-        viteDevServer.middlewares.use((req, res, next) => {
-          if (req.url === debuggingPath && resolvedPluginConfig.inspectorPort !== false) {
-            const html = getDebugPathHtml(
-              workerNames,
-              resolvedPluginConfig.inspectorPort
-            );
+        viteDevServer.middlewares.use(async (req, res, next) => {
+          const resolvedInspectorPort = await getResolvedInspectorPort(pluginConfig);
+          if (req.url === debuggingPath && resolvedInspectorPort) {
+            const html = getDebugPathHtml(workerNames, resolvedInspectorPort);
             res.setHeader("Content-Type", "text/html");
             return res.end(html);
           }
           next();
         });
       },
-      configurePreviewServer(vitePreviewServer) {
+      async configurePreviewServer(vitePreviewServer) {
         const workerConfigs = getWorkerConfigs(vitePreviewServer.config.root);
         if (workerConfigs.length >= 1 && pluginConfig.inspectorPort !== false) {
           addDebugToVitePrintUrls(vitePreviewServer);
         }
         const workerNames = workerConfigs.map((worker) => {
-          assert8(worker.name, "Expected the Worker to have a name");
+          assert10(worker.name, "Expected the Worker to have a name");
           return worker.name;
         });
-        vitePreviewServer.middlewares.use((req, res, next) => {
-          if (req.url === debuggingPath && pluginConfig.inspectorPort !== false) {
-            const html = getDebugPathHtml(
-              workerNames,
-              pluginConfig.inspectorPort ?? DEFAULT_INSPECTOR_PORT
-            );
+        vitePreviewServer.middlewares.use(async (req, res, next) => {
+          const resolvedInspectorPort = await getResolvedInspectorPort(pluginConfig);
+          if (req.url === debuggingPath && resolvedInspectorPort) {
+            const html = getDebugPathHtml(workerNames, resolvedInspectorPort);
             res.setHeader("Content-Type", "text/html");
             return res.end(html);
           }
@@ -14586,6 +14803,9 @@ function cloudflare2(pluginConfig = {}) {
       apply(_config, env2) {
         return !env2.isPreview;
       },
+      // We must ensure that the `resolveId` hook runs before the built-in ones.
+      // Otherwise we never see the Node.js built-in imports since they get handled by default Vite behavior.
+      enforce: "pre",
       configEnvironment(environmentName) {
         const workerConfig = getWorkerConfig2(environmentName);
         if (workerConfig && !isNodeCompat(workerConfig)) {
@@ -14599,21 +14819,14 @@ function cloudflare2(pluginConfig = {}) {
                       build.onResolve(
                         { filter: NODEJS_MODULES_RE },
                         ({ path: path10, importer }) => {
+                          if (isNodeAls(workerConfig) && isNodeAlsModule(path10)) {
+                            return;
+                          }
                           const nodeJsCompatWarnings = nodeJsCompatWarningsMap.get(workerConfig);
-                          assert8(
-                            nodeJsCompatWarnings,
-                            `expected nodeJsCompatWarnings to be defined for Worker "${workerConfig.name}"`
-                          );
-                          nodeJsCompatWarnings.registerImport(path10, importer);
+                          nodeJsCompatWarnings?.registerImport(path10, importer);
                           return { path: path10, external: true };
                         }
                       );
-                      build.onEnd(() => {
-                        const nodeJsCompatWarnings = nodeJsCompatWarningsMap.get(workerConfig);
-                        if (nodeJsCompatWarnings) {
-                          nodeJsCompatWarnings.renderWarnings();
-                        }
-                      });
                     }
                   }
                 ]
@@ -14622,51 +14835,28 @@ function cloudflare2(pluginConfig = {}) {
           };
         }
       },
-      configureServer(viteDevServer) {
-        for (const environment of Object.values(viteDevServer.environments)) {
-          const workerConfig = getWorkerConfig2(environment.name);
+      configResolved(resolvedViteConfig2) {
+        for (const environmentName of Object.keys(
+          resolvedViteConfig2.environments
+        )) {
+          const workerConfig = getWorkerConfig2(environmentName);
           if (workerConfig && !isNodeCompat(workerConfig)) {
             nodeJsCompatWarningsMap.set(
               workerConfig,
-              new NodeJsCompatWarnings(environment)
+              new NodeJsCompatWarnings(environmentName, resolvedViteConfig2)
             );
           }
         }
       },
-      buildStart() {
-        const workerConfig = getWorkerConfig2(this.environment.name);
-        if (workerConfig && !isNodeCompat(workerConfig)) {
-          nodeJsCompatWarningsMap.set(
-            workerConfig,
-            new NodeJsCompatWarnings(this.environment)
-          );
-        }
-      },
-      buildEnd() {
-        const workerConfig = getWorkerConfig2(this.environment.name);
-        if (workerConfig && !isNodeCompat(workerConfig)) {
-          const nodeJsCompatWarnings = nodeJsCompatWarningsMap.get(workerConfig);
-          assert8(
-            nodeJsCompatWarnings,
-            `expected nodeJsCompatWarnings to be defined for Worker "${workerConfig.name}"`
-          );
-          nodeJsCompatWarnings.renderWarnings();
-        }
-      },
-      // We must ensure that the `resolveId` hook runs before the built-in ones otherwise we
-      // never see the Node.js built-in imports since they get handled by default Vite behavior.
-      enforce: "pre",
       async resolveId(source, importer) {
         const workerConfig = getWorkerConfig2(this.environment.name);
         if (workerConfig && !isNodeCompat(workerConfig)) {
+          if (isNodeAls(workerConfig) && isNodeAlsModule(source)) {
+            return;
+          }
           const nodeJsCompatWarnings = nodeJsCompatWarningsMap.get(workerConfig);
-          assert8(
-            nodeJsCompatWarnings,
-            `expected nodeJsCompatWarnings to be defined for Worker "${workerConfig.name}"`
-          );
           if (nodejsBuiltins.has(source)) {
-            nodeJsCompatWarnings.registerImport(source, importer);
-            nodeJsCompatWarnings.renderWarningsOnIdle();
+            nodeJsCompatWarnings?.registerImport(source, importer);
             return {
               id: source,
               external: true
@@ -14677,10 +14867,35 @@ function cloudflare2(pluginConfig = {}) {
     }
   ];
   function getWorkerConfig2(environmentName) {
-    assert8(resolvedPluginConfig, "Expected resolvedPluginConfig to be defined");
+    assert10(resolvedPluginConfig, "Expected resolvedPluginConfig to be defined");
     return resolvedPluginConfig.type !== "assets-only" ? resolvedPluginConfig.workers[environmentName] : void 0;
   }
 }
+async function getInputInspectorPortOption(pluginConfig, viteServer) {
+  if (pluginConfig.inspectorPort === void 0 || pluginConfig.inspectorPort === 0) {
+    const resolvedInspectorPort = await getResolvedInspectorPort(pluginConfig);
+    if (resolvedInspectorPort !== null) {
+      return resolvedInspectorPort;
+    }
+  }
+  const inputInspectorPort = pluginConfig.inspectorPort ?? await getFirstAvailablePort(DEFAULT_INSPECTOR_PORT);
+  if (pluginConfig.inspectorPort === void 0 && inputInspectorPort !== DEFAULT_INSPECTOR_PORT) {
+    viteServer.config.logger.warn(
+      colors3.dim(
+        `Default inspector port ${DEFAULT_INSPECTOR_PORT} not available, using ${inputInspectorPort} instead
+`
+      )
+    );
+  }
+  return inputInspectorPort;
+}
+async function getResolvedInspectorPort(pluginConfig) {
+  if (miniflare && pluginConfig.inspectorPort !== false) {
+    const miniflareInspectorUrl = await miniflare.getInspectorURL();
+    return Number.parseInt(miniflareInspectorUrl.port);
+  }
+  return null;
+}
 function getDotDevDotVarsContent(configPath, cloudflareEnv) {
   const configDir = path9.dirname(configPath);
   const defaultDotDevDotVarsPath = `${configDir}/.dev.vars`;
@@ -14692,6 +14907,19 @@ function getDotDevDotVarsContent(configPath, cloudflareEnv) {
   }
   return null;
 }
+function hasDotDevDotVarsFileChanged(resolvedPluginConfig, changedFilePath) {
+  return [...resolvedPluginConfig.configPaths].some((configPath) => {
+    const dotDevDotVars = path9.join(path9.dirname(configPath), ".dev.vars");
+    if (dotDevDotVars === changedFilePath) {
+      return true;
+    }
+    if (resolvedPluginConfig.cloudflareEnv) {
+      const dotDevDotVarsForEnv = `${dotDevDotVars}.${resolvedPluginConfig.cloudflareEnv}`;
+      return dotDevDotVarsForEnv === changedFilePath;
+    }
+    return false;
+  });
+}
 export {
   cloudflare2 as cloudflare
 };