Refactor plugins into separate files (#10720)

* Move plugins to separate files

* Move constants closer to where they are used

* Use virtual modules to separate plugins

* Remove unnecessary nodejs_compat virtual module

* Remove unnecessary check

* Use createPlugin util

* Set sharedDuringBuild: true for all plugins

* Convert plugin context to class and include resolvedPluginConfig

* Move output file generation to separate plugin

* Append Plugin to all plugin variable names

Author: jamesopstad

packages/vite-plugin-cloudflare/src/additional-modules.ts

@@ -2,13 +2,16 @@ import assert from "node:assert";
 import * as fs from "node:fs";
 import * as path from "node:path";
 import colors from "picocolors";
+import { VIRTUAL_CLIENT_FALLBACK_ENTRY } from "./plugins/virtual-modules";
 import type {
 	AssetsOnlyResolvedConfig,
 	WorkersResolvedConfig,
 } from "./plugin-config";
 import type * as vite from "vite";
 import type { Unstable_Config } from "wrangler";
 
+const CLIENT_FALLBACK_ENTRY_NAME = "__cloudflare_fallback_entry__";
+
 export function createBuildApp(
 	resolvedPluginConfig: AssetsOnlyResolvedConfig | WorkersResolvedConfig
 ): (builder: vite.ViteBuilder) => Promise<void> {
@@ -136,13 +139,11 @@ async function fallbackBuild(
 	builder: vite.ViteBuilder,
 	environment: vite.BuildEnvironment
 ): Promise<void> {
-	const fallbackEntryName = "__cloudflare_fallback_entry__";
-
 	environment.config.build.rollupOptions = {
-		input: "virtual:__cloudflare_fallback_entry__",
+		input: VIRTUAL_CLIENT_FALLBACK_ENTRY,
 		logLevel: "silent",
 		output: {
-			entryFileNames: fallbackEntryName,
+			entryFileNames: CLIENT_FALLBACK_ENTRY_NAME,
 		},
 	};
 
@@ -151,7 +152,7 @@ async function fallbackBuild(
 	const fallbackEntryPath = path.resolve(
 		builder.config.root,
 		environment.config.build.outDir,
-		fallbackEntryName
+		CLIENT_FALLBACK_ENTRY_NAME
 	);
 
 	fs.unlinkSync(fallbackEntryPath);

packages/vite-plugin-cloudflare/src/build.ts

@@ -1,12 +1,11 @@
 import assert from "node:assert";
 import * as util from "node:util";
 import * as vite from "vite";
-import { MAIN_ENTRY_NAME } from "./constants";
+import { VIRTUAL_WORKER_ENTRY } from "./plugins/virtual-modules";
 import {
 	INIT_PATH,
 	IS_ENTRY_WORKER_HEADER,
 	UNKNOWN_HOST,
-	VIRTUAL_WORKER_ENTRY,
 	WORKER_ENTRY_PATH_HEADER,
 } from "./shared";
 import { getOutputDirectory } from "./utils";
@@ -19,6 +18,8 @@ import type {
 	WebSocket,
 } from "miniflare";
 
+export const MAIN_ENTRY_NAME = "index";
+
 interface WebSocketContainer {
 	webSocket?: WebSocket;
 }

packages/vite-plugin-cloudflare/src/cloudflare-environment.ts

@@ -1,36 +1,7 @@
+// Worker names
 export const ROUTER_WORKER_NAME = "__router-worker__";
 export const ASSET_WORKER_NAME = "__asset-worker__";
 export const VITE_PROXY_WORKER_NAME = "__vite_proxy_worker__";
-export const ASSET_WORKERS_COMPATIBILITY_DATE = "2024-10-04";
-
-export const ENTRY_MODULE_EXTENSIONS = [
-	".js",
-	".mjs",
-	".ts",
-	".mts",
-	".jsx",
-	".tsx",
-];
-
-export const ADDITIONAL_MODULE_TYPES = [
-	"CompiledWasm",
-	"Data",
-	"Text",
-] as const;
-
-// Used to mark HTML assets as being in the public directory so that they can be resolved from their root relative paths
-export const PUBLIC_DIR_PREFIX = "/__vite_public_dir__";
-
-export const DEFAULT_INSPECTOR_PORT = 9229;
-
-export const DEBUG_PATH = "/__debug";
-
-export const MAIN_ENTRY_NAME = "index";
-
-// virtual modules
-export const virtualPrefix = "virtual:cloudflare/";
-export const VIRTUAL_USER_ENTRY = `${virtualPrefix}user-entry`;
-export const VIRTUAL_NODEJS_COMPAT_ENTRY = `${virtualPrefix}nodejs-compat-entry`;
 
 export const kRequestType = Symbol("kRequestType");
 

packages/vite-plugin-cloudflare/src/constants.ts

@@ -1,11 +1,13 @@
 import assert from "node:assert";
 import getPort, { portNumbers } from "get-port";
 import colors from "picocolors";
-import { DEBUG_PATH, DEFAULT_INSPECTOR_PORT } from "./constants";
 import type { ResolvedPluginConfig } from "./plugin-config";
 import type { Miniflare } from "miniflare";
 import type * as vite from "vite";
 
+export const DEBUG_PATH = "/__debug";
+const DEFAULT_INSPECTOR_PORT = 9229;
+
 /**
  * Gets the inspector port option that should be passed to Miniflare based on the user's plugin config
  */