You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have searched for existing issues that already report this problem, without success.
Stencil Version
4.17.1
Current Behavior
Stencil has an undocumented config flag called watchIgnoredRegex (source). The JSDoc implies that we should be able to run the build task with --watch and "ignore" files that are matched by this regex. However, that doesn't seem to be the case in some of my testing.
When adding watchIgnoredRegex to my Stencil config (from a Component Starter):
I would expect any files matching that regex to be ignored for something like /private/tmp/watch-ignore-test/src/components/my-component/my-component.stories.ts. The screenshot below is just a quick check on the regex itself, and shows the file name getting matched by the regex we use in the stencil config diff above:
However, if I create a file, src/components/my-component/my-component.stories.ts with any valid TypeScript in it, then start the build task with watchers enabled, changing that file results in a re-render
Expected Behavior
I would expect that file to be ignored, and a compilation to stop if that was the only file being changed/updated
System Info
$ npx stencil info
System: node 20.10.0
Platform: darwin (23.2.0)
CPU Model: Apple M3 Max (14 cpus)
Compiler: /private/tmp/watch-ignore-test/node_modules/@stencil/core/compiler/stencil.js
Build: 1713902307
Stencil: 4.17.1 🚒
TypeScript: 5.4.5
Rollup: 2.56.3
Parse5: 7.1.2
jQuery: 4.0.0-pre
Terser: 5.30.3
Steps to Reproduce
Create a new component starter with npm init stencil@latest component watch-test
Enter that directory cd watch-test
Install deps npm i
Add the ignoreWatchedRegex to your Stencil config file (root level stencil.config.ts)
Prerequisites
Stencil Version
4.17.1
Current Behavior
Stencil has an undocumented config flag called
watchIgnoredRegex
(source). The JSDoc implies that we should be able to run the build task with--watch
and "ignore" files that are matched by this regex. However, that doesn't seem to be the case in some of my testing.When adding
watchIgnoredRegex
to my Stencil config (from a Component Starter):I would expect any files matching that regex to be ignored for something like
/private/tmp/watch-ignore-test/src/components/my-component/my-component.stories.ts
. The screenshot below is just a quick check on the regex itself, and shows the file name getting matched by the regex we use in the stencil config diff above:However, if I create a file,
src/components/my-component/my-component.stories.ts
with any valid TypeScript in it, then start the build task with watchers enabled, changing that file results in a re-renderExpected Behavior
I would expect that file to be ignored, and a compilation to stop if that was the only file being changed/updated
System Info
Steps to Reproduce
npm init stencil@latest component watch-test
cd watch-test
npm i
ignoreWatchedRegex
to your Stencil config file (root levelstencil.config.ts
)src/components/my-component/my-component.stories.ts
with:npm start
, which runs the build task with--watch
and--serve
src/components/my-component/my-component.stories.ts
in some way to be still valid TS. E.g.Code Reproduction URL
https://github.com/rwaskiewicz/stencil-5709-repro
Additional Information
I also tested this on v4.0.0, presumably it broke before then (although I didn't try every version between that and v4.17.1)
Discord thread that started this https://discord.com/channels/520266681499779082/1230541824750387271/1230541824750387271
The text was updated successfully, but these errors were encountered: