Allow custom folders to be watched by Remix compiler.

[andresgutgon]

What?

Hi, I'm doing a npm package and I wanted to have in my repo a Remix app to try my code. I wanted to do changes in my packages and view the changes in my remix example app.

The way I have setup my repo is like this. Is a Rush monorepo.

examples
  |-- basic (Remix App)
  |-- node_modules
     |-- @my-package
        |--core
           |--dist
              |--index.js
packages
  core
    |--dist
      |--index.js
    |--src

So when I do a change in packages/core/src/index.ts it's compiled in packages/core/dist/index.js ✅
Also if I inspect examples/basic/node_modules/@my-packages/core/dist/index.js I see the change ✅

But when I use the code in a Remix route like this:

import { hello } from "@my-package/core"
const loader = async () => {
  const sayHello = hello()
  return { hello: sayHello }
}

I don't see the function hello result updated. This is jus a dummy method

export const hello = (): string => "Hello there"

💡 So the idea

What If we could pass a custom folder in remix config to be watched. This would be super helpful for people developing node packages to be the changes reflected. I this it would be possible passing the option to Remix compiler.

I think here is where watching is happening in Remix compiler

MAYBE IS MORE SIMPLE

Please let me know if watching for changes in a Remix App node_modules folder is easier than this and I'm missing something.

[ccssmnn]

Checkout #1193 and especially this comment for a working patch, which allows you to set custom paths for watching.

[andresgutgon]

Is what I have, isn't it?

script: "nodemon -e js,d.ts --watch node_modules/@remix-storage --on-change-only --exec \"touch app/refresh.ignore\" --config nodemon-watch.json",

Maybe I'm not understanding

[kiliman]

No, I mean this:

module.exports = {
  apps: [
    {
      name: "Express App",
      script: "server.js",
      watch: ["node_modules/@remix-storage"],
      watch_options: {
        followSymlinks: false,
      },
      env: {
        NODE_ENV: "development",
      },
    },

This way Express will only restart if the node_module changed instead of every app change.

[andresgutgon]

I tried this

Doesn't pick the changes in node_modules. I need nodemon

[kiliman]

Sorry if I wasn't clear. I didn't mean to remove the nodemon entry. I just meant to remove "app" from the Express watch list. That way it only restarts when you change the node_module. The Remix compiler will pickup the changes in app.

[andresgutgon]

Ahh! got it