weboptimizer 4.0.83 → 4.0.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weboptimizer",
-  "version": "4.0.83",
+  "version": "4.0.84",
   "description": "A generic web optimizer, (module) bundler and development environment.",
   "keywords": [
     "webpack",
@@ -106,7 +106,7 @@
     "babel-loader": "^10.1.1",
     "babel-plugin-polyfill-corejs3": "^1.0.0",
     "babel-plugin-transform-rewrite-imports": "^1.5.4",
-    "clientnode": "4.0.1516",
+    "clientnode": "4.0.1517",
     "core-js": "^3.50.0",
     "ejs": "^6.0.1",
     "exports-loader": "^5.0.0",
@@ -120,7 +120,7 @@
     "rimraf": "^6.1.3",
     "script-loader": "^0.7.2",
     "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "webpack": "5.110.3",
+    "webpack": "5.111.0",
     "webpack-cli": "^7.2.3",
     "webpack-sources": "^3.5.1"
   },
@@ -144,7 +144,7 @@
     "cssnano": "^9.0.4",
     "eslint": "^10.10.0",
     "eslint-config-google": "^0.14.0",
-    "eslint-plugin-jsdoc": "^64.3.9",
+    "eslint-plugin-jsdoc": "^64.4.0",
     "favicons": "^7.3.1",
     "favicons-webpack-plugin": "^6.0.1",
     "globals": "^17.12.0",
@@ -158,7 +158,7 @@
     "postcss-fontpath": "^1.0.0",
     "postcss-import": "^17.0.0",
     "postcss-loader": "^8.2.1",
-    "postcss-preset-env": "^11.5.2",
+    "postcss-preset-env": "^11.5.3",
     "postcss-sprites": "^4.2.1",
     "postcss-url": "^10.1.4",
     "shx": "^0.4.0",
@@ -169,7 +169,7 @@
     "terser-webpack-plugin": "^5.6.1",
     "typescript-eslint": "^8.70.0",
     "typescript-plugin-css-modules": "^5.2.0",
-    "web-documentation": "^1.0.52",
+    "web-documentation": "^1.0.55",
     "workbox-webpack-plugin": "^7.4.1"
   },
   "peerDependencies": {

package/webpackConfigurator.js

@@ -47,7 +47,31 @@ const postcssCSSnano = (await optionalImport('cssnano'))?.default;
 const postcssFontpath = (await optionalImport('postcss-fontpath'))?.default;
 const postcssImport = (await optionalImport('postcss-import'))?.default;
 const postcssSprites = (await optionalImport('postcss-sprites'))?.default;
-const updateRule = (await optionalImport('postcss-sprites/lib/core'))?.default.updateRule;
+const updateRule = (await optionalImport(
+/*
+    NOTE: The file extension is needed since native module resolution
+    does not support extension less specifiers.
+*/
+'postcss-sprites/lib/core.js'))?.default.updateRule;
+/**
+ * Converts a legacy (postcss 7) plugin into a visitor based one which runs
+ * after all other plugins have finished.
+ *
+ * NOTE: Postcss 8 runs legacy plugins during its initial root pass which
+ * happens before any visitor based plugin (like "postcss-mixins" or
+ * "postcss-nested") had the chance to resolve its constructs. A legacy plugin
+ * would therefore see (and modify) not yet resolved declarations like mixin
+ * definitions and its modifications would get lost during their later
+ * expansion.
+ * @param transformer - Legacy plugin to defer.
+ * @returns Wrapped visitor based plugin.
+ */
+const deferTransformer = transformer => ({
+  postcssPlugin: transformer.postcssPlugin,
+  OnceExit: (root, {
+    result
+  }) => transformer(root, result)
+});
 const postcssURL = (await optionalImport('postcss-url'))?.default;
 /// endregion
 export const log = new Logger({
@@ -439,7 +463,7 @@ const cssUse = (await Promise.all(module.preprocessor.cascadingStyleSheet.additi
         }]
       }) : [], postcssURL ? postcssURL({
         url: 'rebase'
-      }) : [], postcssSprites ? postcssSprites({
+      }) : [], postcssSprites ? deferTransformer(postcssSprites({
         filterBy: () => configuration.files.compose.image ? Promise.resolve() : Promise.reject(new Error()),
         hooks: {
           onSaveSpritesheet: image => join(image.spritePath, relative(configuration.path.target.asset.image, configuration.files.compose.image)),
@@ -461,7 +485,7 @@ const cssUse = (await Promise.all(module.preprocessor.cascadingStyleSheet.additi
         stylesheetPath: configuration.path.source.asset.cascadingStyleSheet,
         spritePath: configuration.path.source.asset.image,
         ...configuration.imageSprite
-      }) : [], await Promise.all(module.preprocessor.cascadingStyleSheet.additional.plugins.post.map(createEvaluateMapper('css.postcss'))), module.optimizer.cssnano && postcssCSSnano ? postcssCSSnano(module.optimizer.cssnano) : [])
+      })) : [], await Promise.all(module.preprocessor.cascadingStyleSheet.additional.plugins.post.map(createEvaluateMapper('css.postcss'))), module.optimizer.cssnano && postcssCSSnano ? postcssCSSnano(module.optimizer.cssnano) : [])
     }
   } : {}, module.preprocessor.cascadingStyleSheet.options || {})
 } : [], await Promise.all(module.preprocessor.cascadingStyleSheet.additional.post.map(createEvaluateMapper('css'))));