Nuxt.js: Add HMR or automatic server restart for modified serverMiddleware scripts

[pbastowski]

Hi

The use case is that I am developing some back-end APIs for my app. To do that I use serverMiddleware and leverage the express router to implement my APIs. The config looks like this:

nuxt.config.js

    serverMiddleware: [
        '~/api/index.js',
    ]

So, each time I make changes to and save /api/index.js, or any scripts it imports, I would like the server portion of the app to reload/restart and use the latest code, just like the scripts in pages and components folders do.

However, currently that is not the case. I have to manually restart NUXT each time I want to test my changes, which is quite slow.

_{This feature request is available on Nuxt.js community (#c1344)}

[pi0]

Hi @pbastowski . Your suggestion is awesome and indeed already planned. We need some special code for HMR middleware stack. The necessary injection part for renderer is already done (f933dd1f32f36b488230a03d500de4d8282e2f3f) but watchers and hot replacement logic for builder is remaining. Will keep this thread updated.

[pbastowski]

Thanks @pi0.

Paul

[pbastowski]

Hi @pi0. Is this change integrated in rc11?
I saw the v1.0.0-rc11 label on the commit and thought it might be available now, but it doesn't appear to be so.

[pi0]

Hey paul, and thanks for your interest. This feature still is not completed, but is on roadmap and will be coming soon :)

[pbastowski]

Thanks for your quick answer, Pooya :)

[pbastowski]

Hi @pi0. Is this feature integrated already?

[bf]

Hi @pi0, why is this feature not finished yet? It sounds quite easy to implement.

Aren't you guys using API with nuxt?

[clarkdo]

@galvez has introduced the config for custom defined watch options, maybe he can answser this question.

@galvez How about add the serverMiddleware into default value of the new watcher ?

[galvez]

@clarkdo @manniL k, add this to my queue for next PRs. should get to it soon.

[clarkdo]

@bf Thank you for the reminding, @pi0 is busy with his personal works recently, sorry for that he can't be active for now, but we should all appreciate his extraordinary work for open source very much, I believe he and @Atinux are the most valuable person for this project.

Nuxt is an open source project, so everyone here is using their private time to contribute, I am very grateful to everyone for their contributions, including code contributions, issues closing and even opening issues, I have you are having same feeling 😸.

Of course, if you have any great idea, we all very welcome any pr to improve this project.

[bf]

Thanks for your immediate response. I appreciate the great work done by all of you in this project.

Just started using nuxt today and I already feel the productivity boost after working in a hapi/react/flux/react-router setup for some years.

[bf]

Also, the docs for build.watch seem to be wrong. The tilde ~ in watch: ["~/api/index.js"] is not working. I need to use watch: [__dirname + '/api/index.js'].

[galvez]

@bf thanks for letting us know, I'll look into it.

[galvez]

@pbastowski should be in nuxt-edge soon :)

[cmty[bot]]

This feature-request has been implemented by @galvez, @clarkdo.

See the PR

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

[pi0]

Should be fully possible with #6881 without need to watch :)