Thank you for showing interest in this issue!

I think getting someone else to help would be a good idea. However, I'm not ready to delegate the work yet because implementing the watch mode is quite challenging.

The simplest approach would be to regenerate the corresponding a.module.css.d.ts file whenever a.module.css changes. This is how css-modules-kit handles it internally using the writeDtsFile and writeDtsFile functions. These functions can be executed in parallel for each *.module.css file.

However, when css-modules-kit regenerates files, it also calls the checkCSSModule function. This function checks for any suspicious code within the a.module.css file—for example, whether it attempts to import non-existent tokens from another b.module.css file.

The important point is that if the b.module.css file is modified, it affects the check of the a.module.css file. After updating the b.module.css file, you must recheck both b.module.css and all *.module.css files that depend on it.

This is precisely what makes implementing the watch mode so difficult. To properly implement watch mode, we'd likely need to create a module graph or similar structure that allows us to track all files dependent on changed files.

Additionally, there are several other minor issues that need to be addressed. I'm approaching the implementation by breaking it down into the following steps:

Make the directories to be monitored accessible via config.wildcardDirectories
Allow configuration files that need to be watched in watch mode to be referenced via config.extendedSourceFiles
Ensure code generation continues even in the presence of syntax errors or semantic errors
- tsc behaves this way, so we'll mimic that behavior in css-modules-kit
Implement the ModuleGraph class
Implement the watch mode functionality

Currently, we've completed step 2. I expect it to take several weeks to complete all this work. However, given my limited free time, it might take until the end of the year.

If someone could help with this task, we might be able to complete it faster. However, since this isn't a simple task, I believe that would be challenging.

Uh oh!

Support --watch mode #178

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions

Support `--watch` mode #178