feat(remix-dev): watchDirectories option for remix.config

christophertrudel · Apr 29, 2022 · 763b6ac · 763b6ac
1 parent e49a3c2
commit 763b6ac
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 0 deletions.
diff --git a/docs/api/conventions.md b/docs/api/conventions.md
@@ -162,6 +162,18 @@ module.exports = {
 };
 ```
 
+### watchDirectories
+
+A function for defining custom directories to watch while running [remix dev](https://remix.run/docs/en/v1/other-api/dev#remix-dev), in addition to [`appDirectory`](#appDirectory).
+
+```tsx
+exports.watchDirectories = async () => {
+  return [
+      "/some/path/*"
+  ];
+};
+```
+
 ## File Name Conventions
 
 There are a few conventions that Remix uses you should be aware of.

diff --git a/packages/remix-dev/compiler.ts b/packages/remix-dev/compiler.ts
@@ -219,6 +219,10 @@ export async function watch(
   if (config.serverEntryPoint) {
     toWatch.push(config.serverEntryPoint);
   }
+
+  config.watchDirectories?.forEach((directory) => {
+    toWatch.push(directory);
+  });
 
   let watcher = chokidar
     .watch(toWatch, {

diff --git a/packages/remix-dev/config.ts b/packages/remix-dev/config.ts
@@ -147,6 +147,11 @@ export interface AppConfig {
    * in a CJS build.
    */
   serverDependenciesToBundle?: Array<string | RegExp>;
+
+  /**
+   * A function for defining custom directories to watch while running `remix dev`, in addition to `appDirectory`.
+   */
+  watchDirectories?: () => Promise<string | string[]>;
 }
 
 /**
@@ -250,6 +255,11 @@ export interface RemixConfig {
    * in a CJS build.
    */
   serverDependenciesToBundle: Array<string | RegExp>;
+
+  /**
+   * A list of directories to watch.
+   */
+   watchDirectories: string[];
 }
 
 /**
@@ -398,6 +408,12 @@ export async function readConfig(
     }
   }
 
+  let watchDirectories: string[] = [];
+  if (appConfig.watchDirectories) {
+    let directories = await appConfig.watchDirectories();
+    watchDirectories = watchDirectories.concat(Array.isArray(directories) ? directories : [directories]);
+  }
+
   let serverBuildTargetEntryModule = `export * from ${JSON.stringify(
     serverBuildVirtualModule.id
   )};`;
@@ -424,6 +440,7 @@ export async function readConfig(
     serverEntryPoint: customServerEntryPoint,
     serverDependenciesToBundle,
     mdx,
+    watchDirectories,
   };
 }