fix(wrangler): Fix pages dev watch mode [Functions]

The watch mode in `pages dev` for Pages Functions
projects is currently partially broken, as it only
watches for file system changes in the "/functions"
directory, but not for changes in any of the Functions'
dependencies. This means that given a Pages Function
"math-is-fun.ts", defined as follows:

```
import { ADD } from "../math/add";

export async function onRequest() {
  return new Response(`${ADD} is fun!`);
}
```

`pages dev` will reload for any changes in
"math-is-fun.ts" itself, but not for any changes in
"math/add.ts", which is its dependency.

Similarly, `pages dev` will not reload for any changes
in non-JS module imports, such as wasm/html/binary module
imports.

This commit fixes all these things, plus adds some extra
polish to the `pages dev` watch mode experience.

Fixes #3840

.changeset/gorgeous-oranges-brake.md

@@ -0,0 +1,22 @@
+---
+"wrangler": patch
+---
+
+fix: Fix `pages dev` watch mode [Functions]
+
+The watch mode in `pages dev` for Pages Functions projects is currently partially broken, as it only watches for file system changes in the
+"/functions" directory, but not for changes in any of the Functions' dependencies. This means that given a Pages Function `math-is-fun.ts`, defined as follows:
+
+```
+import { ADD } from "../math/add";
+
+export async function onRequest() {
+	return new Response(`${ADD} is fun!`);
+}
+```
+
+`pages dev` will reload for any changes in `math-is-fun.ts` itself, but not for any changes in `math/add.ts`, which is its dependency.
+
+Similarly, `pages dev` will not reload for any changes in non-JS module imports, such as wasm/html/binary module imports.
+
+This commit fixes all these things, plus adds some extra polish to the `pages dev` watch mode experience.

fixtures/pages-functions-with-routes-app/JSMY/html.html

@@ -0,0 +1 @@
+<h1>Hi</h1>

fixtures/pages-functions-with-routes-app/JSMY/js.js

@@ -0,0 +1,2 @@
+const x = 6;
+export default x;

fixtures/pages-functions-with-routes-app/animals/cats/cersei.ts

@@ -0,0 +1 @@
+export const Cersei = "😽😽😽😽😽😽😽😽😽😽😽😽😽😽😽😽😽";

fixtures/pages-functions-with-routes-app/animals/cats/gracie.ts

@@ -0,0 +1 @@
+export const Gracie = "😽😽😽😽😽";

fixtures/pages-functions-with-routes-app/animals/doggos/bear.ts

@@ -0,0 +1 @@
+export const Bear = "🐻";

fixtures/pages-functions-with-routes-app/animals/doggos/graham.ts

@@ -0,0 +1 @@
+export const Graham = "😽";

fixtures/pages-functions-with-routes-app/functions/[foo].ts

@@ -0,0 +1,10 @@
+import j from "../JSMY/js.js";
+// import h2 from "../my/html copy.html";
+import h from "../my/html.html";
+
+export const onRequest = () => {
+	console.log({ j });
+	return new Response(h, {
+		headers: { "Content-Type": "text/html" },
+	});
+};

fixtures/pages-functions-with-routes-app/functions/foo/bar/baz.ts

@@ -0,0 +1 @@
+export const onRequest = () => new Response("bz");

fixtures/pages-functions-with-routes-app/functions/greeting/math.ts

@@ -0,0 +1,6 @@
+import { ADD } from "../../utils/math/add";
+import { MUL } from "../../utils/math/mul";
+
+export async function onRequest() {
+	return new Response(`${ADD} and ${MUL} are fun!!`);
+}

fixtures/pages-functions-with-routes-app/my/html copy.html

@@ -0,0 +1 @@
+<h1>Hi copy</h1>

fixtures/pages-functions-with-routes-app/my/html.html

@@ -0,0 +1 @@
+<h1>Hi!</h1>

fixtures/pages-functions-with-routes-app/utils/math/add.ts

@@ -0,0 +1 @@
+export const ADD = "Addition!";

fixtures/pages-functions-with-routes-app/utils/math/mul.ts

@@ -0,0 +1 @@
+export const MUL = "multiplication";