Rules are being pruned even if the rule was skipped due to an error

[mdawar]

CSS rules are being removed from the external stylesheet even if the rules were skipped due to an error and weren't inlined.

For example the CSS that I'm using contains :focus-within which seems to be not supported by JSDOM and that's why it's throwing an error.

This is the sample output when this issue happens:

95% emitting HtmlWebpackPlugin⚠ ｢Critters｣: 4 rules skipped due to selector errors:
  .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link -> '.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link' is not a valid selector
  .navbar-item.is-hoverable:focus-within .navbar-dropdown -> '.navbar-item.is-hoverable:focus-within .navbar-dropdown' is not a valid selector
  .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown -> '.navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown' is not a valid selector
  .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed -> '.navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed' is not a valid selector
ℹ ｢Critters｣: Inlined 645 B (0% of original 213 kB) of static/css/app.94517.css.

For now if we set the pruneSource option to false it solves the problem temporarily, of course this has the drawback of keeping the inlined styles in the external stylesheet.

To reproduce the problem, I have added a prune-source branch on the critters-vue-example repository, you just need to:

git clone git@github.com:mdawar/critters-vue-example.git
git checkout prune-source
npm install
npm run build

[developit]

:focus-within is supported in Critters as of 0.0.11 (#69).