feat(console): add --watch option to wing it to watch additional di…

…rectory (#6416)

This allows users to watch arbitrary places for file changes. This is mostly an escape hatch for #3730, but even when that is implemented there will probably continue to be a desire to watch arbitrary stuff.
 

*By submitting this pull request, I confirm that my contribution is made under the terms of the [Wing Cloud Contribution License](https://github.com/winglang/wing/blob/main/CONTRIBUTION_LICENSE.md)*.

apps/wing-console/console/app/src/index.ts

@@ -40,6 +40,7 @@ export interface CreateConsoleAppOptions {
   platform?: string[];
   stateDir?: string;
   open?: boolean;
+  watchGlobs?: string[];
 }
 
 const staticDir = `${__dirname}/vite`;

apps/wing-console/console/server/src/index.ts

@@ -82,6 +82,7 @@ export interface CreateConsoleServerOptions {
   analytics?: Analytics;
   requireSignIn?: () => Promise<boolean>;
   notifySignedIn?: () => Promise<void>;
+  watchGlobs?: string[];
 }
 
 export const createConsoleServer = async ({
@@ -102,6 +103,7 @@ export const createConsoleServer = async ({
   analytics,
   requireSignIn,
   notifySignedIn,
+  watchGlobs,
 }: CreateConsoleServerOptions) => {
   const emitter = new Emittery<{
     invalidateQuery: RouteNames;
@@ -135,6 +137,7 @@ export const createConsoleServer = async ({
     platform,
     testing: false,
     stateDir,
+    watchGlobs,
   });
   let isStarting = false;
   let isStopping = false;
@@ -157,6 +160,7 @@ export const createConsoleServer = async ({
     wingfile,
     platform,
     testing: true,
+    watchGlobs,
   });
   const testSimulator = createSimulator({ enableSimUpdates });
   testCompiler.on("compiled", ({ simfile }) => {

apps/wing-console/console/server/src/utils/compiler.ts

@@ -26,13 +26,15 @@ export interface CreateCompilerProps {
   platform?: string[];
   testing?: boolean;
   stateDir?: string;
+  watchGlobs?: string[];
 }
 
 export const createCompiler = ({
   wingfile,
   platform = [wing.BuiltinPlatform.SIM],
   testing = false,
   stateDir,
+  watchGlobs,
 }: CreateCompilerProps): Compiler => {
   const events = new Emittery<CompilerEvents>();
   let isCompiling = false;
@@ -77,19 +79,20 @@ export const createCompiler = ({
   };
 
   const dirname = path.dirname(wingfile);
-  //TODO: infer React App resource folders from source files https://github.com/winglang/wing/issues/3956
-  const ignoreList = [
-    `${dirname}/target/**`,
-    "**/node_modules/**",
-    "**/.git/**",
+
+  const pathsToWatch = [
+    `!**/node_modules/**`,
+    `!**/.git/**`,
+    `!${dirname}/target/**`,
+    dirname,
+    ...(watchGlobs ?? []),
   ];
 
   if (stateDir) {
-    ignoreList.push(stateDir);
+    pathsToWatch.push(`!${stateDir}`);
   }
 
-  const watcher = chokidar.watch(dirname, {
-    ignored: ignoreList,
+  const watcher = chokidar.watch(pathsToWatch, {
     ignoreInitial: true,
   });
   watcher.on("change", recompile);

apps/wing/src/cli.ts

@@ -144,6 +144,10 @@ async function main() {
     .argument("[entrypoint]", "program .w entrypoint")
     .option("-p, --port <port>", "specify port")
     .option("--no-open", "Do not open the Wing Console in the browser")
+    .option(
+      "-w, --watch <globs...>",
+      "Watch additional paths for changes. Supports globs and '!' for negations."
+    )
     .option(
       "-t, --platform <platform> --platform <platform>",
       "Target platform provider (builtin: sim)",

apps/wing/src/commands/run.ts

@@ -31,6 +31,11 @@ export interface RunOptions {
    * @default wingCompiler.BuiltinPlatform.SIM
    */
   readonly platform?: string[];
+
+  /**
+   * Additional paths to watch or ignore for changes. Supports globs.
+   */
+  readonly watch?: string[];
 }
 
 /**
@@ -87,6 +92,7 @@ export async function run(entrypoint?: string, options?: RunOptions) {
     platform: options?.platform,
     requireAcceptTerms: !!process.stdin.isTTY,
     open: openBrowser,
+    watchGlobs: options?.watch,
   });
   const url = `http://localhost:${port}/`;
   console.log(`The Wing Console is running at ${url}`);