From 5be476d3e331efe9c68423983cf1a4c73069c87e Mon Sep 17 00:00:00 2001
From: Miodec <bartnikjack@gmail.com>
Date: Sun, 4 Sep 2022 17:16:23 +0200
Subject: [PATCH] clearing webpack console output on rebuild

---
 frontend/package-lock.json      | 17 +++++++++++++++++
 frontend/package.json           |  1 +
 frontend/webpack/config.base.js |  2 ++
 3 files changed, 20 insertions(+)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 8616541c3..7dcaa22a9 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -39,6 +39,7 @@
         "@types/tinycolor2": "1.4.3",
         "buffer": "6.0.3",
         "circular-dependency-plugin": "5.2.2",
+        "clean-terminal-webpack-plugin": "3.0.0",
         "copy-webpack-plugin": "10.2.4",
         "css-loader": "6.7.1",
         "css-minimizer-webpack-plugin": "3.4.1",
@@ -2768,6 +2769,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/clean-terminal-webpack-plugin": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/clean-terminal-webpack-plugin/-/clean-terminal-webpack-plugin-3.0.0.tgz",
+      "integrity": "sha512-wcgkQZmwEWYYjHblXc0+UGFDtx37S+1qgUQl4EOhhinzSHbZpixWBiasQ91RoCMf5lAm67j1XOt9z+HN+sWkWA==",
+      "dev": true,
+      "peerDependencies": {
+        "webpack": "^4.0.0 || ^5.0.0"
+      }
+    },
     "node_modules/cli-boxes": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
@@ -16625,6 +16635,13 @@
       "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
       "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A=="
     },
+    "clean-terminal-webpack-plugin": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/clean-terminal-webpack-plugin/-/clean-terminal-webpack-plugin-3.0.0.tgz",
+      "integrity": "sha512-wcgkQZmwEWYYjHblXc0+UGFDtx37S+1qgUQl4EOhhinzSHbZpixWBiasQ91RoCMf5lAm67j1XOt9z+HN+sWkWA==",
+      "dev": true,
+      "requires": {}
+    },
     "cli-boxes": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index c583ed86f..e5d534d4b 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -27,6 +27,7 @@
     "@types/tinycolor2": "1.4.3",
     "buffer": "6.0.3",
     "circular-dependency-plugin": "5.2.2",
+    "clean-terminal-webpack-plugin": "3.0.0",
     "copy-webpack-plugin": "10.2.4",
     "css-loader": "6.7.1",
     "css-minimizer-webpack-plugin": "3.4.1",
diff --git a/frontend/webpack/config.base.js b/frontend/webpack/config.base.js
index 50500c46d..d172fbbd7 100644
--- a/frontend/webpack/config.base.js
+++ b/frontend/webpack/config.base.js
@@ -3,6 +3,7 @@ const CopyPlugin = require("copy-webpack-plugin");
 const CircularDependencyPlugin = require("circular-dependency-plugin");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
+const CleanTerminalPlugin = require("clean-terminal-webpack-plugin");
 
 let circularImports = 0;
 
@@ -72,6 +73,7 @@ const BASE_CONFIG = {
     },
   },
   plugins: [
+    new CleanTerminalPlugin(),
     new CircularDependencyPlugin({
       exclude: /node_modules/,
       include: /./,