@cloudflare/vite-plugin 1.3.0 → 1.3.1

package/dist/index.d.ts

@@ -21,6 +21,8 @@ interface PluginConfig extends EntryWorkerConfig {
     experimental?: {
         /** Experimental support for handling the _headers and _redirects files during Vite dev mode. */
         headersAndRedirectsDevModeSupport?: boolean;
+        /** Experimental support for mixed mode (where bindings configured with `remote: true` access remote resources). */
+        mixedMode?: boolean;
     };
 }
 

package/dist/index.js

@@ -13345,7 +13345,12 @@ import {
 import colors2 from "picocolors";
 import { globSync } from "tinyglobby";
 import "vite";
-import { unstable_getMiniflareWorkerOptions } from "wrangler";
+import {
+  experimental_pickRemoteBindings,
+  experimental_startMixedModeSession,
+  unstable_convertConfigBindingsToStartWorkerBindings,
+  unstable_getMiniflareWorkerOptions
+} from "wrangler";
 function getPersistenceRoot(root, persistState) {
   if (persistState === false) {
     return;
@@ -13463,7 +13468,7 @@ function filterTails(tails, userWorkers, log) {
     return found;
   });
 }
-function getDevMiniflareOptions(resolvedPluginConfig, viteDevServer, inspectorPort) {
+async function getDevMiniflareOptions(resolvedPluginConfig, viteDevServer, inspectorPort) {
   const resolvedViteConfig = viteDevServer.config;
   const entryWorkerConfig = getEntryWorkerConfig(resolvedPluginConfig);
   const assetsConfig = getAssetsConfig(
@@ -13539,53 +13544,59 @@ function getDevMiniflareOptions(resolvedPluginConfig, viteDevServer, inspectorPo
       }
     }
   ];
-  const workersFromConfig = resolvedPluginConfig.type === "workers" ? Object.entries(resolvedPluginConfig.workers).map(
-    ([environmentName, workerConfig]) => {
-      const miniflareWorkerOptions = unstable_getMiniflareWorkerOptions(
-        {
-          ...workerConfig,
-          assets: void 0
-        },
-        resolvedPluginConfig.cloudflareEnv
-      );
-      const { externalWorkers: externalWorkers2 } = miniflareWorkerOptions;
-      const { ratelimits, ...workerOptions } = miniflareWorkerOptions.workerOptions;
-      return {
-        externalWorkers: externalWorkers2,
-        worker: {
-          ...workerOptions,
-          name: workerOptions.name ?? workerConfig.name,
-          unsafeInspectorProxy: inspectorPort !== false,
-          modulesRoot: miniflareModulesRoot,
-          unsafeEvalBinding: "__VITE_UNSAFE_EVAL__",
-          serviceBindings: {
-            ...workerOptions.serviceBindings,
-            ...environmentName === resolvedPluginConfig.entryWorkerEnvironmentName && workerConfig.assets?.binding ? {
-              [workerConfig.assets.binding]: ASSET_WORKER_NAME
-            } : {},
-            __VITE_INVOKE_MODULE__: async (request) => {
-              const payload = await request.json();
-              const invokePayloadData = payload.data;
-              assert6(
-                invokePayloadData.name === "fetchModule",
-                `Invalid invoke event: ${invokePayloadData.name}`
-              );
-              const [moduleId] = invokePayloadData.data;
-              if (additionalModuleRE.test(moduleId)) {
-                const result2 = {
-                  externalize: moduleId,
-                  type: "module"
-                };
-                return MiniflareResponse.json({ result: result2 });
+  const workersFromConfig = resolvedPluginConfig.type === "workers" ? await Promise.all(
+    Object.entries(resolvedPluginConfig.workers).map(
+      async ([environmentName, workerConfig]) => {
+        const mixedModeSession = resolvedPluginConfig.experimental.mixedMode ? await maybeStartOrUpdateMixedModeSession(workerConfig) : void 0;
+        const miniflareWorkerOptions = unstable_getMiniflareWorkerOptions(
+          {
+            ...workerConfig,
+            assets: void 0
+          },
+          resolvedPluginConfig.cloudflareEnv,
+          {
+            mixedModeConnectionString: mixedModeSession?.mixedModeConnectionString
+          }
+        );
+        const { externalWorkers: externalWorkers2 } = miniflareWorkerOptions;
+        const { ratelimits, ...workerOptions } = miniflareWorkerOptions.workerOptions;
+        return {
+          externalWorkers: externalWorkers2,
+          worker: {
+            ...workerOptions,
+            name: workerOptions.name ?? workerConfig.name,
+            unsafeInspectorProxy: inspectorPort !== false,
+            modulesRoot: miniflareModulesRoot,
+            unsafeEvalBinding: "__VITE_UNSAFE_EVAL__",
+            serviceBindings: {
+              ...workerOptions.serviceBindings,
+              ...environmentName === resolvedPluginConfig.entryWorkerEnvironmentName && workerConfig.assets?.binding ? {
+                [workerConfig.assets.binding]: ASSET_WORKER_NAME
+              } : {},
+              __VITE_INVOKE_MODULE__: async (request) => {
+                const payload = await request.json();
+                const invokePayloadData = payload.data;
+                assert6(
+                  invokePayloadData.name === "fetchModule",
+                  `Invalid invoke event: ${invokePayloadData.name}`
+                );
+                const [moduleId] = invokePayloadData.data;
+                if (additionalModuleRE.test(moduleId)) {
+                  const result2 = {
+                    externalize: moduleId,
+                    type: "module"
+                  };
+                  return MiniflareResponse.json({ result: result2 });
+                }
+                const devEnvironment = viteDevServer.environments[environmentName];
+                const result = await devEnvironment.hot.handleInvoke(payload);
+                return MiniflareResponse.json(result);
               }
-              const devEnvironment = viteDevServer.environments[environmentName];
-              const result = await devEnvironment.hot.handleInvoke(payload);
-              return MiniflareResponse.json(result);
             }
           }
-        }
-      };
-    }
+        };
+      }
+    )
   ) : [];
   const userWorkers = workersFromConfig.map((options) => options.worker);
   const externalWorkers = workersFromConfig.flatMap(
@@ -13597,6 +13608,7 @@ function getDevMiniflareOptions(resolvedPluginConfig, viteDevServer, inspectorPo
   const logger = new ViteMiniflareLogger(resolvedViteConfig);
   return {
     log: logger,
+    logRequests: false,
     inspectorPort: inspectorPort === false ? void 0 : inspectorPort,
     unsafeInspectorProxy: inspectorPort !== false,
     handleRuntimeStdio(stdout, stderr) {
@@ -13740,27 +13752,36 @@ function getPreviewModules(main, modulesRules) {
     ]
   };
 }
-function getPreviewMiniflareOptions(vitePreviewServer, workerConfigs, persistState, inspectorPort) {
+async function getPreviewMiniflareOptions(vitePreviewServer, workerConfigs, persistState, mixedModeEnabled, inspectorPort) {
   const resolvedViteConfig = vitePreviewServer.config;
-  const workers = workerConfigs.flatMap((config) => {
-    const miniflareWorkerOptions = unstable_getMiniflareWorkerOptions(config);
-    const { externalWorkers } = miniflareWorkerOptions;
-    const { ratelimits, modulesRules, ...workerOptions } = miniflareWorkerOptions.workerOptions;
-    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: "" }
-      },
-      ...externalWorkers
-    ];
-  });
+  const workers = (await Promise.all(
+    workerConfigs.map(async (workerConfig) => {
+      const mixedModeSession = mixedModeEnabled ? await maybeStartOrUpdateMixedModeSession(workerConfig) : void 0;
+      const miniflareWorkerOptions = unstable_getMiniflareWorkerOptions(
+        workerConfig,
+        void 0,
+        {
+          mixedModeConnectionString: mixedModeSession?.mixedModeConnectionString
+        }
+      );
+      const { externalWorkers } = miniflareWorkerOptions;
+      const { ratelimits, modulesRules, ...workerOptions } = miniflareWorkerOptions.workerOptions;
+      return [
+        {
+          ...workerOptions,
+          tails: filterTails(
+            workerOptions.tails,
+            workerConfigs,
+            vitePreviewServer.config.logger.warn
+          ),
+          name: workerOptions.name ?? workerConfig.name,
+          unsafeInspectorProxy: inspectorPort !== false,
+          ...miniflareWorkerOptions.main ? getPreviewModules(miniflareWorkerOptions.main, modulesRules) : { modules: true, script: "" }
+        },
+        ...externalWorkers
+      ];
+    })
+  )).flat();
   const logger = new ViteMiniflareLogger(resolvedViteConfig);
   return {
     log: logger,
@@ -13780,7 +13801,6 @@ function getPreviewMiniflareOptions(vitePreviewServer, workerConfigs, persistSta
     workers
   };
 }
-var removedMessages = [/^Ready on http/, /^Updated and ready on http/];
 var ViteMiniflareLogger = class extends Log {
   logger;
   constructor(config) {
@@ -13788,11 +13808,6 @@ var ViteMiniflareLogger = class extends Log {
     this.logger = config.logger;
   }
   logWithLevel(level, message) {
-    for (const removedMessage of removedMessages) {
-      if (removedMessage.test(message)) {
-        return;
-      }
-    }
     switch (level) {
       case LogLevel.ERROR:
         return this.logger.error(message);
@@ -13802,6 +13817,8 @@ var ViteMiniflareLogger = class extends Log {
         return this.logger.info(message);
     }
   }
+  logReady() {
+  }
 };
 function miniflareLogLevelFromViteLogLevel(level = "info") {
   switch (level) {
@@ -13815,6 +13832,24 @@ function miniflareLogLevelFromViteLogLevel(level = "info") {
       return LogLevel.NONE;
   }
 }
+var mixedModeSessionsMap = /* @__PURE__ */ new Map();
+async function maybeStartOrUpdateMixedModeSession(workerConfig) {
+  const workerRemoteBindings = experimental_pickRemoteBindings(
+    unstable_convertConfigBindingsToStartWorkerBindings(workerConfig) ?? {}
+  );
+  assert6(workerConfig.name, "Found workerConfig without a name");
+  let mixedModeSession = mixedModeSessionsMap.get(workerConfig.name);
+  if (mixedModeSession === void 0) {
+    if (Object.keys(workerRemoteBindings).length > 0) {
+      mixedModeSession = await experimental_startMixedModeSession(workerRemoteBindings);
+      mixedModeSessionsMap.set(workerConfig.name, mixedModeSession);
+    }
+  } else {
+    await mixedModeSession.updateBindings(workerRemoteBindings);
+  }
+  await mixedModeSession?.ready;
+  return mixedModeSession;
+}
 
 // src/plugin-config.ts
 import assert8 from "node:assert";
@@ -14448,22 +14483,15 @@ function cloudflare2(pluginConfig = {}) {
           pluginConfig,
           viteDevServer
         );
+        const miniflareDevOptions = await getDevMiniflareOptions(
+          resolvedPluginConfig,
+          viteDevServer,
+          inputInspectorPort
+        );
         if (!miniflare) {
-          miniflare = new Miniflare(
-            getDevMiniflareOptions(
-              resolvedPluginConfig,
-              viteDevServer,
-              inputInspectorPort
-            )
-          );
+          miniflare = new Miniflare(miniflareDevOptions);
         } else {
-          await miniflare.setOptions(
-            getDevMiniflareOptions(
-              resolvedPluginConfig,
-              viteDevServer,
-              inputInspectorPort
-            )
-          );
+          await miniflare.setOptions(miniflareDevOptions);
         }
         await initRunners(resolvedPluginConfig, viteDevServer, miniflare);
         if (viteDevServer.httpServer) {
@@ -14502,10 +14530,11 @@ function cloudflare2(pluginConfig = {}) {
           vitePreviewServer
         );
         const miniflare2 = new Miniflare(
-          getPreviewMiniflareOptions(
+          await getPreviewMiniflareOptions(
             vitePreviewServer,
             workerConfigs,
             pluginConfig.persistState ?? true,
+            !!pluginConfig.experimental?.mixedMode,
             inputInspectorPort
           )
         );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudflare/vite-plugin",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Cloudflare plugin for Vite",
   "keywords": [
     "cloudflare",
@@ -41,11 +41,11 @@
     "tinyglobby": "^0.2.12",
     "unenv": "2.0.0-rc.17",
     "ws": "8.18.0",
-    "miniflare": "4.20250523.0",
-    "wrangler": "4.17.0"
+    "miniflare": "4.20250525.0",
+    "wrangler": "4.18.0"
   },
   "devDependencies": {
-    "@cloudflare/workers-types": "^4.20250523.0",
+    "@cloudflare/workers-types": "^4.20250525.0",
     "@types/node": "^22.10.1",
     "@types/ws": "^8.5.13",
     "magic-string": "^0.30.12",