feature: cloudcmd: revert: optimize-css-assets-webpack-plugin -> css-minimizer-webpack-plugin: broken spinner

This reverts commit 8200874.

Author: coderaiser

.webpack/css.js

@@ -1,13 +1,19 @@
 'use strict';
 
+const {env} = require('node:process');
+
+const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
+const isDev = env.NODE_ENV === 'development';
+
 const clean = (a) => a.filter(Boolean);
 
 const plugins = clean([
     new MiniCssExtractPlugin({
         filename: '[name].css',
     }),
+    !isDev && new OptimizeCssAssetsPlugin(),
 ]);
 
 const rules = [{

.webpack/js.js

@@ -13,7 +13,6 @@ const {
 } = require('webpack');
 
 const WebpackBar = require('webpackbar');
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 
 const modules = './modules';
 const dirModules = './client/modules';
@@ -106,18 +105,6 @@ module.exports = {
     devtool,
     optimization: {
         splitChunks,
-        minimize: true,
-        minimizer: [
-            new CssMinimizerPlugin({
-                minimizerOptions: {
-                    preset: ['default', {
-                        discardComments: {
-                            removeAll: true,
-                        },
-                    }],
-                },
-            }),
-        ],
     },
     entry: {
         'themes/dark': `${dirThemes}/dark.css`,

package.json

@@ -168,7 +168,6 @@
     "clean-css-loader": "^4.2.1",
     "codegen.macro": "^4.0.0",
     "css-loader": "^7.1.2",
-    "css-minimizer-webpack-plugin": "^7.0.2",
     "css-modules-require-hook": "^4.2.3",
     "domtokenlist-shim": "^1.2.0",
     "emitify": "^4.0.1",
@@ -193,6 +192,7 @@
     "morgan": "^1.6.1",
     "multi-rename": "^2.0.0",
     "nodemon": "^3.0.1",
+    "optimize-css-assets-webpack-plugin": "^6.0.1",
     "path-browserify": "^1.0.1",
     "philip": "^3.0.0",
     "place": "^1.1.4",

server/columns.spec.mjs

@@ -1,12 +1,11 @@
-import {join, dirname} from 'node:path';
+import {dirname} from 'node:path';
 import {fileURLToPath} from 'node:url';
 import fs from 'node:fs';
 import test from 'supertape';
 import {getColumns, isDev} from './columns.mjs';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
-const distDir = join(__dirname, '..', 'dist-dev');
 
 test('columns: prod', (t) => {
     const columns = getColumns({
@@ -22,7 +21,7 @@ test('columns: dev', (t) => {
         isDev: true,
     });
 
-    const css = fs.readFileSync(`${distDir}/columns/name-size-date.css`, 'utf8');
+    const css = fs.readFileSync(`${__dirname}/../css/columns/name-size-date.css`, 'utf8');
 
     t.match(columns['name-size-date'], css);
     t.end();
@@ -33,7 +32,7 @@ test('columns: no args', (t) => {
     isDev(true);
     const columns = getColumns();
 
-    const css = fs.readFileSync(`${distDir}/columns/name-size-date.css`, 'utf8');
+    const css = fs.readFileSync(`${__dirname}/../css/columns/name-size-date.css`, 'utf8');
     isDev(currentIsDev);
 
     t.match(columns['name-size-date'], css);

server/themes.spec.mjs

@@ -1,19 +1,18 @@
-import {dirname, join} from 'node:path';
+import {dirname} from 'node:path';
 import {fileURLToPath} from 'node:url';
 import fs from 'node:fs';
 import test from 'supertape';
 import {getThemes, isDev} from './theme.mjs';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
-const distDir = join(__dirname, '..', 'dist-dev');
 
 test('themes: dev', (t) => {
     const themes = getThemes({
         isDev: true,
     });
 
-    const css = fs.readFileSync(`${distDir}/themes/dark.css`, 'utf8');
+    const css = fs.readFileSync(`${__dirname}/../css/themes/dark.css`, 'utf8');
     const result = themes.dark.includes(css);
 
     t.ok(result);
@@ -25,7 +24,7 @@ test('themes: no args', (t) => {
     isDev(true);
     const themes = getThemes();
 
-    const css = fs.readFileSync(`${distDir}/themes/light.css`, 'utf8');
+    const css = fs.readFileSync(`${__dirname}/../css/themes/light.css`, 'utf8');
     isDev(currentIsDev);
 
     t.match(themes.light, css);