chore(deps): update dependency purgecss-webpack-plugin to v4 - autoclosed

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
purgecss-webpack-plugin (source)	1.6.0 -> 4.1.3

---

Release Notes

FullHuman/purgecss

v4.1.3

Compare Source

v4.1.2

Compare Source

v4.1.1

Compare Source

v4.1.0

Compare Source

Bug Fixes

• Allow Absolute Paths (#​679) (15335a2)
• css variable removed when declared in wrong order (89ece42), closes #​518
• Fix interaction with other plugins (#​647) (fb08e3a)
• grunt-purgecss: Fix plugin not ouputting all files (#​723) (646e419)
• gulp-purgecss: fix support for stream input (fd5d3bf)
• Keep keyframe decimals for prefixed @​keyframes (#​749) (b804441)
• purgecss-from-pug: class attribute with multiple values not correctly handled with pug (#​678) (ba6285d), closes #​677

Features

• add dynamicAttributes option (2f9cc65)
• add option to ouput unused css (#​763) (3a3d958)
• add purgecss-from-tsx (#​716) (e556afc)
• export all types #​780 (1a959c6)
• new purgecss-from-jsx plugin (#​692) (3570c7d)

v4.0.3

Compare Source

Features

• add dynamic attributes option (9b0fdc3), closes #​588
• add skippedContentGlobs option to webpack and gulp plugin (e3dce1a)

v4.0.2

Compare Source

v4.0.1

Compare Source

Bug Fixes

• attribute selector with spaces being removed (418dc7e), closes #​392
• webpack plugin option blocklist types (5b029c2)

Features

• add option blocklist to webpack plugin (#​610) (0148cea)

v4.0.0

Compare Source

Bug Fixes

• test: webpack test type error (c41ad27)

Features

• postcss-purgecss: remove compatibility with postcss 7 (48ce28f), closes #​488 #​540

BREAKING CHANGES

• postcss-purgecss: dropping support for postcss 7
  Drop PostCSS 7 support, use @​fullhuman/postcss-purgecss 3.0 with PostCSS 7.

v3.1.3

Compare Source

Changes

• postcss-purgecss remove postcss 8 as peer dependency
• purgecss-webpack-plugin fix backward compatibility with webpack 4
• PurgeCSS Update to PostCSS 8
• postcss-purgecss Add compatibility with PostCSS 8
• purgecss-webpack-plugin Fix deprecation warning with Webpack 5

Bug Fixes

• ci update to postcss 8.2 (72302ff)
• safelist option in CLI (43dbe3c), closes #​513

v3.1.2

Compare Source

v3.1.1

Compare Source

v3.1.0

Compare Source

v3.0.0

Compare Source

3.0.0

Simplifying whitelist option

Whitelist started as a simple option named whitelist but grew up with the different use-cases and needs that appear with time. Another option called whitelistPatterns appeared, then whitelistPatternsChildren, …
It is now more complex and complicated, and somewhat difficult to remember how to use it with different options.

To summarize the changes, the whitelist options are now grouped in one option called safelist. And the most used options can be defined in one array.

Two forms are available. The simple form is:

safelist: ['invisibleClass', /^nav-/]

In this form, safelist is an array that can take a string or a regex.

The complex form is:

safelist: {
 standard: ['invisibleClass', /^nav-/],
 deep: [],
 greedy: [],
 keyframes: [],
 variables: []
}

In this form, safelist is an object taking optional properties:
standard is the same as the simple form and replaces whitelist and whitelistPatterns
deep replaces whitelistPatternsChildren
greedy is a new option coming from https://github.com/FullHuman/purgecss/pull/424
keyframes can be used to add keyframes to the safelist, when using keyframes: true (https://github.com/FullHuman/purgecss/issues/418)
variables can be used to add CSS variables to the safelist, when using variables: true

New Option: Blocklist

Blocklist will block the CSS selectors from appearing in the final output CSS. The selectors will be removed even when they are seen as used by PurgeCSS.

blocklist: ['usedClass', /^nav-/]

Even if nav-links and usedClass are found in your content files (HTML, Javascript), they will be removed.

CLI

PurgeCSS is using commander.js for its CLI. The recent version of commander.js introduced the possibility of making an option variadic. This means when specifying multiple option arguments, the parsed option value will be an array.
A few options are now taking advantage of this new feature: content, css, and the newly introduced option safelist and blocklist. It is no longer necessary to separate the list items with a comma.

From changelog:

• CLI: add blocklist option (3961afb)
• add blocklist option (04223f7)
• add safelist option, replace whitelist
• add safelist keyframes and css variables (dc59d30), closes #​418 #​439

v2.3.0

Compare Source

v2.2.0

Compare Source

v2.1.2

Compare Source

v2.1.0

Compare Source

v2.0.6

Compare Source

v2.0.5

Compare Source

Changes:

• Asynchronous

import PurgeCSS from "purgecss";

const purgecssResults = await new PurgeCSS().purge({
    // options
});

• Extractor is a function

content => content.match(/[\w-/:]+(?<!:)/g) || []

• variables option to remove unused CSS variables
• Drop support of NodeJS < 8

v2.0.4

Compare Source

v2.0.3

Compare Source

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, click this checkbox.

---

This PR has been generated by Mend Renovate. View repository job log here.

[renovate]

⚠️ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻️ Renovate will retry this branch, including artifacts, only when one of the following happens:

• any of the package files in this branch needs updating, or
• the branch becomes conflicted, or
• you check the rebase/retry checkbox if found above, or
• you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json

npm WARN old lockfile 
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile 
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile 
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! Found: @babel/core@7.7.4
npm ERR! node_modules/@babel/core
npm ERR!   peer @babel/core@"^7.0.0" from @babel/helper-create-class-features-plugin@7.8.3
npm ERR!   node_modules/@babel/helper-create-class-features-plugin
npm ERR!     @babel/helper-create-class-features-plugin@"^7.7.4" from @babel/plugin-proposal-class-properties@7.7.4
npm ERR!     node_modules/@babel/plugin-proposal-class-properties
npm ERR!       @babel/plugin-proposal-class-properties@"7.7.4" from babel-preset-react-app@9.1.0
npm ERR!       node_modules/babel-preset-react-app
npm ERR!         babel-preset-react-app@"^9.1.0" from react-scripts@3.3.0
npm ERR!         node_modules/react-scripts
npm ERR!     @babel/helper-create-class-features-plugin@"^7.7.4" from @babel/plugin-proposal-decorators@7.7.4
npm ERR!     node_modules/@babel/plugin-proposal-decorators
npm ERR!       @babel/plugin-proposal-decorators@"7.7.4" from babel-preset-react-app@9.1.0
npm ERR!       node_modules/babel-preset-react-app
npm ERR!         babel-preset-react-app@"^9.1.0" from react-scripts@3.3.0
npm ERR!         node_modules/react-scripts
npm ERR!     1 more (@babel/plugin-transform-typescript)
npm ERR!   peer @babel/core@"^7.0.0" from @babel/helper-create-regexp-features-plugin@7.8.3
npm ERR!   node_modules/@babel/helper-create-regexp-features-plugin
npm ERR!     @babel/helper-create-regexp-features-plugin@"^7.8.3" from @babel/plugin-proposal-unicode-property-regex@7.8.3
npm ERR!     node_modules/@babel/plugin-proposal-unicode-property-regex
npm ERR!       @babel/plugin-proposal-unicode-property-regex@"^7.7.4" from @babel/preset-env@7.7.4
npm ERR!       node_modules/babel-preset-react-app/node_modules/@babel/preset-env
npm ERR!         @babel/preset-env@"7.7.4" from babel-preset-react-app@9.1.0
npm ERR!         node_modules/babel-preset-react-app
npm ERR!     @babel/helper-create-regexp-features-plugin@"^7.8.3" from @babel/plugin-transform-dotall-regex@7.8.3
npm ERR!     node_modules/@babel/plugin-transform-dotall-regex
npm ERR!       @babel/plugin-transform-dotall-regex@"^7.7.4" from @babel/preset-env@7.7.4
npm ERR!       node_modules/babel-preset-react-app/node_modules/@babel/preset-env
npm ERR!         @babel/preset-env@"7.7.4" from babel-preset-react-app@9.1.0
npm ERR!         node_modules/babel-preset-react-app
npm ERR!     2 more (...)
npm ERR!   77 more (@babel/plugin-proposal-async-generator-functions, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @babel/core@"^7.13.0" from @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.13.12
npm ERR! node_modules/@babel/preset-env/node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining
npm ERR!   @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@"^7.13.12" from @babel/preset-env@7.13.15
npm ERR!   node_modules/@babel/preset-env
npm ERR!     @babel/preset-env@"^7.4.5" from @svgr/webpack@4.3.3
npm ERR!     node_modules/@svgr/webpack
npm ERR!       @svgr/webpack@"4.3.3" from react-scripts@3.3.0
npm ERR!       node_modules/react-scripts
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /tmp/renovate-cache/others/npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /tmp/renovate-cache/others/npm/_logs/2021-04-26T12_40_59_278Z-debug.log