[5.4] Update npm dependencies

build/.stylelintrc.json

@@ -1,21 +1,16 @@
 {
   "plugins": [
     "stylelint-scss",
-    "stylelint-order"
+    "stylelint-order",
+    "@stylistic/stylelint-plugin"
   ],
   "customSyntax": "postcss-scss",
   "rules": {
-    "declaration-bang-space-before": "always",
-    "declaration-bang-space-after": "never",
     "color-named": "never",
     "declaration-block-no-duplicate-properties": true,
     "block-no-empty": true,
-    "no-missing-end-of-source-newline": true,
     "color-hex-length": "short",
-    "color-hex-case": "lower",
     "color-no-invalid-hex": true,
-    "indentation": 2,
-    "number-leading-zero": "never",
     "max-nesting-depth": 4,
     "selector-max-compound-selectors": 5,
     "order/properties-order": [
@@ -197,23 +192,14 @@
       "animation-iteration-count",
       "animation-direction"
     ],
-    "block-opening-brace-space-before": "always",
-    "declaration-block-trailing-semicolon": "always",
-    "declaration-colon-space-after": "always",
-    "declaration-colon-space-before": "never",
-    "function-parentheses-space-inside": "never",
     "function-url-no-scheme-relative": true,
     "function-url-quotes": "always",
     "length-zero-no-unit": true,
-    "no-eol-whitespace": true,
-    "number-no-trailing-zeros": true,
     "property-no-unknown": true,
     "property-no-vendor-prefix": true,
     "scss/dollar-variable-colon-space-before": "never",
     "scss/selector-no-redundant-nesting-selector": true,
-    "selector-pseudo-class-parentheses-space-inside": "never",
     "shorthand-property-no-redundant-values": true,
-    "string-quotes": "double",
     "unit-allowed-list": [
       "ch",
       "em",
@@ -244,6 +230,21 @@
       "dppx",
       "%"
     ],
-    "value-no-vendor-prefix": true
+    "value-no-vendor-prefix": true,
+    "@stylistic/declaration-bang-space-before": "always",
+    "@stylistic/declaration-bang-space-after": "never",
+    "@stylistic/no-missing-end-of-source-newline": true,
+    "@stylistic/color-hex-case": "lower",
+    "@stylistic/indentation": 2,
+    "@stylistic/number-leading-zero": "never",
+    "@stylistic/block-opening-brace-space-before": "always",
+    "@stylistic/declaration-block-trailing-semicolon": "always",
+    "@stylistic/declaration-colon-space-after": "always",
+    "@stylistic/declaration-colon-space-before": "never",
+    "@stylistic/function-parentheses-space-inside": "never",
+    "@stylistic/no-eol-whitespace": true,
+    "@stylistic/number-no-trailing-zeros": true,
+    "@stylistic/selector-pseudo-class-parentheses-space-inside": "never",
+    "@stylistic/string-quotes": "double"
   }
 }

build/build-modules-js/compilecss.mjs

@@ -34,7 +34,6 @@ export const stylesheets = async (options, path) => {
     } else if (stats.isFile()) {
       files.push(`${RootPath}/${path}`);
     } else {
-      // eslint-disable-next-line no-console
       console.error(`Unknown path ${path}`);
       process.exitCode = 1;
     }
@@ -51,7 +50,6 @@ export const stylesheets = async (options, path) => {
   const folderPromises = [];
 
   // Loop to get the files that should be compiled via parameter
-  // eslint-disable-next-line no-restricted-syntax
   for (const folder of folders) {
     folderPromises.push(recursive(folder, ['!*.+(scss|css)']));
   }
@@ -78,7 +76,6 @@ export const stylesheets = async (options, path) => {
     }
   });
 
-  // eslint-disable-next-line no-restricted-syntax
   for (const file of files) {
     const outputFile = file.replace(`${sep}scss${sep}`, `${sep}css${sep}`)
       .replace(`${sep}build${sep}media_source${sep}`, `${sep}media${sep}`)

build/build-modules-js/compilejs.mjs

@@ -35,7 +35,6 @@ export const scripts = async (options, path) => {
     } else if (stats.isFile()) {
       files.push(`${RootPath}/${path}`);
     } else {
-      // eslint-disable-next-line no-console
       console.error(`Unknown path ${path}`);
       process.exitCode = 1;
     }
@@ -49,7 +48,6 @@ export const scripts = async (options, path) => {
   const folderPromises = [];
 
   // Loop to get the files that should be compiled via parameter
-  // eslint-disable-next-line no-restricted-syntax
   for (const folder of folders) {
     folderPromises.push(recursive(folder, ['!*.+(m|js)']));
   }

build/build-modules-js/compress.mjs

@@ -34,7 +34,6 @@ export const compressFiles = async (enableBrotli = false) => {
   [].concat(...files).map((file) => compressTasks.push(compressFile(file, enableBrotli)));
 
   await Promise.all(compressTasks);
-  // eslint-disable-next-line no-console
   console.log('✅ Done 👍');
   bench.stop();
 };

build/build-modules-js/error-pages.mjs

@@ -111,7 +111,6 @@ export const createErrorPages = async (options) => {
   });
 
   await Promise.all(iniFilesProcess).catch((err) => {
-    // eslint-disable-next-line no-console
     console.error(err);
     process.exitCode = -1;
   });
@@ -152,15 +151,13 @@ export const createErrorPages = async (options) => {
 
       await writeFile(`${RootPath}${folder}`, template, { encoding: 'utf8', mode: 0o644 });
 
-      // eslint-disable-next-line no-console
       console.error(`✅ Created the file: ${folder}`);
     });
   };
 
   Object.keys(options.settings.errorPages).forEach((name) => processPages.push(processPage(name)));
 
   return Promise.all(processPages).catch((err) => {
-    // eslint-disable-next-line no-console
     console.error(err);
     process.exitCode = -1;
   });

build/build-modules-js/init/cleanup-media.mjs

@@ -16,20 +16,17 @@ const {
 export const cleanVendors = async () => {
   if (process.env.SKIP_COMPOSER_CHECK === 'YES') {
     await mkdir('media/vendor/debugbar', { recursive: true, mode: 0o755 });
-    // eslint-disable-next-line no-console
     console.log('Skipping the DebugBar assets...');
     return;
   }
 
-  // eslint-disable-next-line no-console
   console.log('Cleanup the Vendor ');
 
   const mediaFolder = await stat(join(RootPath, 'libraries/vendor/php-debugbar/php-debugbar/src/DebugBar/Resources'));
 
   if (await mediaFolder.isDirectory()) {
     // Remove the vendor folder
     // await remove(join(RootPath, 'media'));
-    // eslint-disable-next-line no-console
     // console.error('/media has been removed.');
 
     // Recreate the media folder
@@ -40,7 +37,6 @@ export const cleanVendors = async () => {
     await remove(join(RootPath, 'media/vendor/debugbar/vendor/font-awesome'));
     await remove(join(RootPath, 'media/vendor/debugbar/vendor/jquery'));
   } else {
-    // eslint-disable-next-line no-console
     console.error("You need to run `npm install` AFTER the command `composer install`!!!. The debug plugin HASN'T installed all its front end assets");
     process.exitCode = 1;
   }

build/build-modules-js/init/common/concat-files.mjs

@@ -13,7 +13,6 @@ const RootPath = process.cwd();
 export const concatFiles = async (files, output) => {
   const promises = [];
 
-  // eslint-disable-next-line no-restricted-syntax
   for (const file of files) {
     if (existsSync(`${RootPath}/${file}`)) {
       promises.push(readFile(`${RootPath}/${file}`, { encoding: 'utf8' }));

build/build-modules-js/init/exemptions/tinymce.mjs

@@ -22,7 +22,6 @@ const xmlVersionStr = /(<version>)(.+)(<\/version>)/;
  */
 const copyArrayFiles = async (dirName, files, name, type) => {
   const promises = [];
-  // eslint-disable-next-line guard-for-in,no-restricted-syntax
   for (const file of files) {
     const folderName = dirName === '/' ? '/' : `/${dirName}/`;
 

build/build-modules-js/init/localise-packages.mjs

@@ -31,7 +31,6 @@ const copyFilesTo = async (files, srcDir, destDir) => {
   }
 
   // Copy each file
-  // eslint-disable-next-line no-restricted-syntax,guard-for-in
   for (const srcFile in files) {
     copyPromises.push(doTheCopy(join(srcDir, srcFile), join(destDir, files[srcFile])));
   }
@@ -48,7 +47,6 @@ const resolvePackage = async (vendor, packageName, mediaVendorPath, options, reg
   const vendorName = vendor.name || packageName;
   const modulePathJson = resolvePackageFile(`${packageName}/package.json`);
   const modulePathRoot = dirname(modulePathJson);
-  // eslint-disable-next-line global-require, import/no-dynamic-require
   const moduleOptions = require(modulePathJson);
 
   const promises = [];
@@ -106,7 +104,6 @@ const resolvePackage = async (vendor, packageName, mediaVendorPath, options, reg
     });
   }
 
-  // eslint-disable-next-line no-console
   console.log(`${packageName} was updated.`);
 };
 
@@ -134,7 +131,6 @@ export const localisePackages = async (options) => {
   }
 
   // Loop to get some text for the package.json
-  // eslint-disable-next-line guard-for-in, no-restricted-syntax
   for (const packageName in options.settings.vendors) {
     const vendor = options.settings.vendors[packageName];
 

build/build-modules-js/init/minify-vendor.mjs

@@ -51,7 +51,6 @@ const minifyJS = async (file) => {
     return;
   }
 
-  // eslint-disable-next-line no-console
   console.log(`Processing Vendor file: ${file}`);
 
   let minified;

build/build-modules-js/init/recreate-media.mjs

@@ -61,7 +61,6 @@ export const recreateMediaFolder = async (options) => {
     }
   });
 
-  // eslint-disable-next-line no-console
   console.log('Recreating the media folder...');
 
   const filterFunc = async (src) => {

build/build-modules-js/javascript/build-bootstrap-js.mjs

@@ -35,7 +35,6 @@ const createMinified = async (file) => {
 };
 
 const build = async () => {
-  // eslint-disable-next-line no-console
   console.log('Building ES6 Components...');
 
   const domImports = await readdir(resolve('node_modules/bootstrap', 'js/src/dom'));
@@ -104,7 +103,6 @@ export const bootstrapJs = async () => {
     await build(resolve(inputFolder, 'index.es6.js'));
     await unlink(resolve(outputFolder, 'index.es6.js'));
   } catch (error) {
-    // eslint-disable-next-line no-console
     console.error(error);
     process.exitCode = 1;
   }
@@ -114,7 +112,6 @@ export const bootstrapJs = async () => {
   });
 
   return Promise.all(tasks).catch((er) => {
-    // eslint-disable-next-line no-console
     console.log(er);
     process.exitCode = 1;
   });

build/build-modules-js/javascript/build-codemirror.mjs

@@ -1,8 +1,6 @@
 /**
  * Build codemirror modules
  */
-/* eslint-disable import/no-extraneous-dependencies, global-require, import/no-dynamic-require */
-
 import { readFileSync } from 'node:fs';
 import { writeFile } from 'node:fs/promises';
 import { createRequire } from 'node:module';
@@ -86,7 +84,6 @@ const updateAssetRegistry = async (modules, externalModules) => {
 };
 
 export const compileCodemirror = async () => {
-  // eslint-disable-next-line no-console
   console.log('Building Codemirror Components...');
 
   const cmModules = getPackagesUnderScope('@codemirror');