[wrangler] debounce restarts when changes are made to the assets dire…

…ctory (#6866)

* debounce restarts when changes are made to the assets directory

closes #6865

* add changeset

.changeset/thin-shirts-fail.md

@@ -0,0 +1,5 @@
+---
+"wrangler": patch
+---
+
+fix: debounce restarting worker on assets dir file changes

packages/wrangler/src/dev.tsx

@@ -27,6 +27,7 @@ import { run } from "./experimental-flags";
 import isInteractive from "./is-interactive";
 import { logger } from "./logger";
 import * as metrics from "./metrics";
+import { debounce } from "./pages/utils";
 import { getLegacyAssetPaths, getSiteAssetPaths } from "./sites";
 import {
 	getAccountFromCache,
@@ -858,14 +859,18 @@ export async function startDev(args: StartDevOptions) {
 						await assetsWatcher?.close();
 
 						if (assetsOptions) {
+							const debouncedRerender = debounce(async () => {
+								rerender(await getDevReactElement(config));
+							}, 100);
+
 							assetsWatcher = watch(assetsOptions.directory, {
 								persistent: true,
 								ignoreInitial: true,
 							}).on("all", async (eventName, changedPath) => {
 								const message = getAssetChangeMessage(eventName, changedPath);
 
 								logger.log(`🌀 ${message}...`);
-								rerender(await getDevReactElement(config));
+								debouncedRerender();
 							});
 						}
 					}
@@ -998,14 +1003,18 @@ export async function startDev(args: StartDevOptions) {
 		rerender = devReactElement.rerender;
 
 		if (assetsOptions && !args.experimentalDevEnv) {
+			const debouncedRerender = debounce(async () => {
+				rerender(await getDevReactElement(config));
+			}, 100);
+
 			assetsWatcher = watch(assetsOptions.directory, {
 				persistent: true,
 				ignoreInitial: true,
 			}).on("all", async (eventName, filePath) => {
 				const message = getAssetChangeMessage(eventName, filePath);
 
 				logger.log(`🌀 ${message}...`);
-				rerender(await getDevReactElement(config));
+				debouncedRerender();
 			});
 		}