From f49d16baef5daf73c0a5c8afe6c103142bdc077b Mon Sep 17 00:00:00 2001
From: ModischFabrications <modisch.fabrications@gmail.com>
Date: Tue, 16 Apr 2024 00:13:02 +0200
Subject: [PATCH 1/3] implement new API of cutsolver v1.1.0 (single stocks);
 show backend version in frontend; update URLs in footer; add solver url in
 .env and compose files

---
 .env                            |  1 +
 Caddyfile                       | 12 +++---
 docker-compose-deploy.yml       |  2 +-
 docker-compose.yml              |  5 +--
 package-lock.json               |  4 +-
 package.json                    |  2 +-
 src/App.vue                     | 44 +++++++++++++++-----
 src/components/DataTable.vue    | 22 +++++-----
 src/components/LengthsList.vue  | 17 +++-----
 src/components/SolverInput.vue  | 20 +++++----
 src/components/SolverOutput.vue |  2 -
 src/components/data/Job.js      | 14 +++----
 src/components/data/Result.js   |  9 ++--
 src/main.js                     |  2 +-
 src/tests/data/testjob.json     | 20 +++++----
 src/tests/data/testresult.json  | 74 +++++++++++++++++++++++++--------
 16 files changed, 157 insertions(+), 93 deletions(-)

diff --git a/.env b/.env
index d95d4ed..6f1ecf7 100644
--- a/.env
+++ b/.env
@@ -1,6 +1,7 @@
 # Dev
 DOMAIN_NAME=localhost
 EMAIL_ADDRESS=mail@example.com
+VUE_APP_BACKEND_SOLVER_URL=http://localhost:8000/
 
 # Prod
 #DOMAIN_NAME=cutsolver.modisch.me
diff --git a/Caddyfile b/Caddyfile
index aeb57c3..015dbdc 100644
--- a/Caddyfile
+++ b/Caddyfile
@@ -8,11 +8,6 @@
     }
 }
 
-# remove once everyone forgot about it
-vps.modisch.me {
-    redir /cutsolver https://{$DOMAIN_NAME} permanent
-}
-
 {$DOMAIN_NAME} {
     reverse_proxy /solve cutsolver
     reverse_proxy cutsolver_frontend
@@ -28,3 +23,10 @@ vps.modisch.me {
 
     respond /ping "pong at {$DOMAIN_NAME}"
 }
+
+# This could be managed by DNS!
+
+# remove once everyone forgot about it
+vps.modisch.me {
+    redir /cutsolver https://{$DOMAIN_NAME} permanent
+}
diff --git a/docker-compose-deploy.yml b/docker-compose-deploy.yml
index 54f7d24..1a4acd5 100644
--- a/docker-compose-deploy.yml
+++ b/docker-compose-deploy.yml
@@ -6,7 +6,7 @@ services:
     image: modischfabrications/cutsolver_frontend:latest
     restart: unless-stopped
     environment:
-      - VUE_APP_BACKEND_SOLVER_URL=https://${DOMAIN_NAME:?err}/solve
+      - VUE_APP_BACKEND_SOLVER_URL=https://${DOMAIN_NAME:?err}/
     networks:
       - webserver
       - cutsolver
diff --git a/docker-compose.yml b/docker-compose.yml
index a9c74f7..e56645c 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,7 +1,6 @@
-version: '3'
+version: '3.3'
 
 services:
-
   cutsolver_frontend:
     # use specific tags for a persistent reference
     image: modischfabrications/cutsolver_frontend:latest
@@ -12,7 +11,7 @@ services:
       - cutsolver
     environment:
       # point this to your backend host URL!
-      - VUE_APP_BACKEND_SOLVER_URL=http://localhost:8000/solve
+      - VUE_APP_BACKEND_SOLVER_URL=http://localhost:8000/
 
   cutsolver:
     image: modischfabrications/cutsolver:latest
diff --git a/package-lock.json b/package-lock.json
index ccca900..7ebd44f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "cutsolver_frontend",
-  "version": "0.3.8",
+  "version": "1.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cutsolver_frontend",
-      "version": "0.3.8",
+      "version": "1.1.0",
       "dependencies": {
         "@sum.cumo/vue-browserupdate": "^3.0.1",
         "axios": "^1.6.5",
diff --git a/package.json b/package.json
index e44c232..88556be 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cutsolver_frontend",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/src/App.vue b/src/App.vue
index 5e4ede4..2e2bceb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,11 +13,13 @@
         </b-overlay>
         <footer class="fluid-container footer">
             <p>
-                CutSolver v{{ version }}, made with 🖤️ by <a
-                    href="http://modisch.me"
+                Frontend v{{ version }} + Backend {{ backend_version }}
+                <br>
+                Made with 🖤️ by <a
+                    href="https://fabrications.modisch.me"
                     target="_blank"
                 >Modisch Fabrications</a> | <a
-                    href="https://legal.modisch.me/en/privacy"
+                    href="https://fabrications.modisch.me/privacy/"
                     target="_blank"
                 >Privacy Policy</a>
             </p>
@@ -53,6 +55,7 @@ let testresult = Object.assign(new Result(), json_testresult);
             return {
                 title: title,
                 version: process.env.VUE_APP_VERSION,
+                backend_version: "?.?.?",
 
                 job: new Job(),
                 busy: false,
@@ -62,20 +65,43 @@ let testresult = Object.assign(new Result(), json_testresult);
         },
         mounted: function () {
             this.setupEnv();
+            this.getBackendVersion();
             if (!this.SOLVER_URL) {
-                this.showWarning("Set environment variable 'VUE_APP_BACKEND_SOLVER_URL=http://xxx/solve'");
+                this.showWarning("Set environment variable 'VUE_APP_BACKEND_SOLVER_URL=http://your.example.com/'");
             }
         },
         methods: {
             setupEnv() {
                 // we have node and everything is working as expected
-                if (this.SOLVER_URL) return;
+                if (this.SOLVER_URL) 
+                    return;
 
                 // magic string substitution from entrypoint.sh replaces placeholder with actual value
                 this.SOLVER_URL = '$VUE_APP_BACKEND_SOLVER_URL';
-                if (this.SOLVER_URL[0] === "$") this.showWarning("Magic string substitution for backend url failed.");
+                if (this.SOLVER_URL[0] === "$") {
+                    this.showWarning("Magic string substitution for backend url failed.");
+                    return;
+                }
+                if (!this.SOLVER_URL.endsWith("/")) this.SOLVER_URL + "/";
                 console.log("Solver URL is now " + '$VUE_APP_BACKEND_SOLVER_URL');
             },
+            getBackendVersion(){
+                console.log("Requesting version from " + this.SOLVER_URL + "version");
+                axios.get(this.SOLVER_URL + "version")
+                    .then((reply) => {
+                        this.backend_version = reply.data;
+                        console.log("backend version is " + this.backend_version);
+                    }).catch(error => {
+                        console.log(error);
+                    if (error.response) {
+                        // got response, but it's an error
+                        this.showWarning(error.response.data);
+                    } else if (error.request) {
+                        // request was made but server did not respond
+                        this.showWarning("Server is offline");
+                    }
+                });
+            },
             showWarning(text) {
                 console.warn(text);
                 this.$refs["modal_warning"].text = text;
@@ -113,18 +139,16 @@ let testresult = Object.assign(new Result(), json_testresult);
                 }, 2000);
             },
             callRemoteSolver(job) {
-                console.log("Posting to " + this.SOLVER_URL);
+                console.log("Requesting solve from " + this.SOLVER_URL + "solve");
 
-                axios.post(this.SOLVER_URL, job)
+                axios.post(this.SOLVER_URL + "solve", job)
                     .then((reply) => {
                         this.handleReply(Object.assign(new Result(), reply.data));
                     }).catch(error => {
                         console.log(error);
                     if (error.response) {
-                        // got response, but it's an error
                         this.handleReply(error.response.data);
                     } else if (error.request) {
-                        // request was made but server did not respond
                         this.handleReply("Server is offline");
                     }
                 });
diff --git a/src/components/DataTable.vue b/src/components/DataTable.vue
index cf3a716..927a5a4 100644
--- a/src/components/DataTable.vue
+++ b/src/components/DataTable.vue
@@ -6,14 +6,14 @@
                   {key: 'length', sortable:true},
                   {key: 'delete', label: '', thStyle: { width: '60px'}}
         ]"
-        :items="target_sizes"
+        :items="required"
         :tbody-transition-props="{name: 'flip-list'}"
         bordered
         fixed
         hover
         primary-key="id"
         small
-        sort-by="quantity"
+        sort-by="length"
         sort-desc
         tbody-tr-class="table_row"
         thead-tr-class="table_headings"
@@ -21,7 +21,7 @@
         <template #head(delete)>
             <b-button
                 v-b-tooltip.hover="'Clear table'"
-                @click="target_sizes.splice(0, target_sizes.length)"
+                @click="required.splice(0, required.length)"
             >
                 <b-icon-trash-fill/>
             </b-button>
@@ -30,7 +30,7 @@
             <b-form-input
                 v-model="row.item.name"
                 lazy
-                :placeholder="'Part' + (row.index + 1)"
+                :placeholder="'Part?'"
             />
         </template>
         <template #cell(quantity)="row">
@@ -128,7 +128,7 @@
                 type: Number,
                 required: true
             },
-            defaultTargetSizes: {
+            defaultRequired: {
                 type: Array,
                 required: true
             }
@@ -139,12 +139,12 @@
                 new_length: '',
                 new_quantity: '',
 
-                target_sizes: this.addIndex(this.defaultTargetSizes),
+                required: this.addIndex(this.defaultRequired),
             }
         },
         created() {
             // reference, not copy. Keeps in sync as long as variable is modified, not replaced
-            this.$emit('update:target_sizes', this.target_sizes);
+            this.$emit('update:required', this.required);
         },
         methods: {
             addIndex(array) {
@@ -162,8 +162,8 @@
 
                 let target = {name: this.new_name, quantity: this.new_quantity, length: this.new_length};
 
-                target.id = this.target_sizes.length;
-                this.target_sizes.push(target);
+                target.id = this.required.length;
+                this.required.push(target);
 
                 this.new_name = '';
                 this.new_quantity = '';
@@ -171,8 +171,8 @@
                 this.$refs["input_new_quantity"].focus();
             },
             deleteRow(row) {
-                let index = this.target_sizes.findIndex(element => (element.id === row));
-                this.target_sizes.splice(index, 1);
+                let index = this.required.findIndex(element => (element.id === row));
+                this.required.splice(index, 1);
             }
         }
     }
diff --git a/src/components/LengthsList.vue b/src/components/LengthsList.vue
index 86b8c79..ae63932 100644
--- a/src/components/LengthsList.vue
+++ b/src/components/LengthsList.vue
@@ -1,23 +1,23 @@
 <template>
     <b-list-group v-if="result !== null">
         <b-list-group-item
-            v-for="(stock, id) in result.lengths"
+            v-for="(entry, id) in result.layout"
             :key="id"
         >
             <b-progress
-                :max="maxLength"
+                :max="entry.stock.length"
                 height="2.5rem"
             >
-                <template v-for="(length, index) in stock">
+                <template v-for="(cut, index) in entry.cuts">
                     <b-progress-bar
                         :key="index"
-                        :value="length[0]"
+                        :value="cut.length"
                         class="bar_label"
                         show-value
                         variant="secondary"
                     >
-                        <span>{{ length[0] }}</span>
-                        <span class="bar_label_name">{{ length[1] }}</span>
+                        <span>{{ cut.length }}</span>
+                        <span v-if="cut.name" class="bar_label_name">{{ cut.name }}</span>
                     </b-progress-bar>
                     <b-progress-bar
                         :key="-1 - index"
@@ -36,11 +36,6 @@ import { Result } from "@/components/data/Result";
 export default {
   name: "LengthsList",
   props: {
-    // use internal job for values
-    maxLength: {
-      type: Number,
-      required: true,
-    },
     cutWidth: {
       type: Number,
       required: true,
diff --git a/src/components/SolverInput.vue b/src/components/SolverInput.vue
index d2cb040..177d016 100644
--- a/src/components/SolverInput.vue
+++ b/src/components/SolverInput.vue
@@ -51,9 +51,9 @@
         <!-- resize columns -->
         <DataTable
             ref="main_output"
-            :default-target-sizes="defaultTargetSizes"
+            :default-required="defaultRequired"
             :max-length="max_length"
-            :target_sizes.sync="target_sizes"
+            :required.sync="required"
         />
     </div>
 </template>
@@ -71,24 +71,26 @@
         mixins: [validators],
         data: function () {
             return {
-                // other idea for default values?
-                max_length: json_testjob.max_length,
+                // testjob is a good default
+                // TODO implement multi-stock-support
+                max_length: json_testjob.stocks[0].length,
                 cut_width: json_testjob.cut_width,
-                defaultTargetSizes: this.sizes_as_list(json_testjob.target_sizes),
-                target_sizes: []
+                defaultRequired: this.sizes_as_list(json_testjob.required),
+                required: []
             }
         },
         computed: {
             job() {
-                return new Job(Number(this.max_length), Number(this.cut_width), this.target_sizes);
+                // TODO workaround; this is where the new stock system would be attached
+                return new Job([{length: Number(this.max_length)}], Number(this.cut_width), this.required);
             },
             valid() {
                 return this.job.valid();
             }
         },
         methods: {
-            sizes_as_list(target_sizes) {
-                return target_sizes.map((size) => ({"name": size.name, "quantity": parseInt(size.quantity), "length": parseInt(size.length)}));
+            sizes_as_list(required) {
+                return required.map((size) => ({"name": size.name, "quantity": parseInt(size.quantity), "length": parseInt(size.length)}));
             },
             validCut(width) {
                 return (Number.isInteger(width) && width >= 0 && width <= this.max_length / 10);
diff --git a/src/components/SolverOutput.vue b/src/components/SolverOutput.vue
index 1f79b4c..282b36f 100644
--- a/src/components/SolverOutput.vue
+++ b/src/components/SolverOutput.vue
@@ -29,7 +29,6 @@
                 <p>Solved using {{ result.solver_type }}. Calculation took {{ usToMs(result.time_us) }}ms.</p>
 
                 <LengthsList
-                    :max-length="result.job.max_length"
                     :cut-width="result.job.cut_width"
                     :result="result"
                 />
@@ -39,7 +38,6 @@
                 <p>Solved using pure magic. Calculation took forever.</p>
 
                 <LengthsList
-                    :max-length="testresult.job.max_length"
                     :cut-width="testresult.job.cut_width"
                     :result="testresult"
                 />
diff --git a/src/components/data/Job.js b/src/components/data/Job.js
index 6a5ea2c..7453ee5 100644
--- a/src/components/data/Job.js
+++ b/src/components/data/Job.js
@@ -1,16 +1,16 @@
 export class Job {
-    constructor(max_length, cut_width, target_sizes) {
-        // other idea for default values?
-        this.max_length = max_length;
+    constructor(stocks, cut_width, required) {
         this.cut_width = cut_width;
-        this.target_sizes = target_sizes;
+        this.stocks = stocks;
+        this.required = required;
     }
 
     valid() {
-        // could use some more checks from Input
-        return (Number.isInteger(this.max_length) && this.max_length > 0 &&
+        // TODO allow for more stocks
+        return ((this.stocks instanceof Map) && this.stocks.length > 0 &&
+            this.stocks.every(Number.isNumber) && this.stocks.every(s => s.length > 0) &&
             Number.isInteger(this.cut_width) && this.cut_width > 0 &&
-            (this.target_sizes instanceof Map) && this.target_sizes.length > 0
+            (this.required instanceof Map) && this.required.length > 0
         );
     }
 }
diff --git a/src/components/data/Result.js b/src/components/data/Result.js
index 06ea6d3..a217bf8 100644
--- a/src/components/data/Result.js
+++ b/src/components/data/Result.js
@@ -1,18 +1,17 @@
 export class Result {
-    constructor(job, solver_type, time_us, lengths) {
+    constructor(job, solver_type, time_us, layout) {
         this.job = job;
         this.solver_type = solver_type;
         this.time_us = time_us;
-        this.lengths = lengths;
+        this.layout = layout;
     }
 
     valid() {
-        // check job? might not care anymore, we have got a result
-        // job is just a generic object here, would need a typecast
+        // won't check job, we don't care anymore, we have got a result
         return (this.job !== undefined &&
             this.solver_type && this.solver_type.length > 0 &&
             Number.isInteger(this.time_us) && this.time_us > 0 &&
-            Array.isArray(this.lengths) && this.lengths.length > 0
+            Array.isArray(this.layout) && this.layout.length > 0
         );
     }
 }
diff --git a/src/main.js b/src/main.js
index d9ff115..6c706c4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -19,7 +19,7 @@ Vue.use(VueShowdown, {
 Vue.use(VueBrowserUpdate, {
     options: {
         // I'm doing my part for a clean and friendly environment!
-        text: "Your browser ({brow_name}) is crazy outdated, <a{up_but}>update</a> it please!"
+        text: "Your browser ({brow_name}) is very outdated, please <a{up_but}>update</a> it!"
     },
     test: false,
 });
diff --git a/src/tests/data/testjob.json b/src/tests/data/testjob.json
index d3fefb5..07aca70 100644
--- a/src/tests/data/testjob.json
+++ b/src/tests/data/testjob.json
@@ -1,16 +1,20 @@
 {
   "cut_width": 2,
-  "max_length": 1500,
-  "target_sizes": [
+  "stocks": [
     {
-      "length": "200",
-      "name": "Part1",
-      "quantity": "4"
+      "name": "infinite",
+      "length": 1500
+    }
+  ],
+  "required": [
+    {
+      "length": 500,
+      "quantity": 2,
+      "name": "Part1"
     },
     {
-      "length": "500",
-      "name": "Part2",
-      "quantity": "2"
+      "length": 200,
+      "quantity": 4
     }
   ]
 }
diff --git a/src/tests/data/testresult.json b/src/tests/data/testresult.json
index c067e38..dabcd47 100644
--- a/src/tests/data/testresult.json
+++ b/src/tests/data/testresult.json
@@ -1,24 +1,64 @@
 {
   "job": {
-    "max_length": 1500,
     "cut_width": 2,
-    "target_sizes": {
-      "500": 2,
-      "200": 4
-    }
-  },
-  "solver_type": "bruteforce",
-  "time_us": 3303,
-  "lengths": [
-    [
-      500,
-      500,
-      200,
-      200
+    "stocks": [
+      {
+        "length": 1500,
+        "name": "infinite"
+      }
     ],
-    [
-      200,
-      200
+    "required": [
+      {
+        "length": 500,
+        "name": "Part1",
+        "quantity": 2
+      },
+      {
+        "length": 200,
+        "quantity": 4
+      }
     ]
+  },
+  "solver_type": "bruteforce",
+  "time_us": 1868,
+  "layout": [
+    {
+      "stock": {
+        "length": 1500,
+        "name": "infinite"
+      },
+      "cuts": [
+        {
+          "length": 500,
+          "name": "Part1"
+        },
+        {
+          "length": 200
+        },
+        {
+          "length": 200
+        },
+        {
+          "length": 200
+        }
+      ],
+      "trimming": 392
+    },
+    {
+      "stock": {
+        "length": 1500,
+        "name": "infinite"
+      },
+      "cuts": [
+        {
+          "length": 500,
+          "name": "Part1"
+        },
+        {
+          "length": 200
+        }
+      ],
+      "trimming": 796
+    }
   ]
 }

From 45438441b2847680f3aa7046c4433751a368fa22 Mon Sep 17 00:00:00 2001
From: ModischFabrications <modisch.fabrications@gmail.com>
Date: Tue, 16 Apr 2024 00:26:16 +0200
Subject: [PATCH 2/3] skip version check and use mock solver in tests

---
 src/App.vue            | 7 +++++--
 tests/unit/app.spec.js | 2 ++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 2e2bceb..19dd70f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -41,7 +41,7 @@ import MainSolver from "@/components/MainSolver";
 let testresult = Object.assign(new Result(), json_testresult);
 
     const title = "CutSolver";
-    const useMockSolver = false;
+    const isTesting = process.env.JEST_WORKER_ID !== undefined;
 
     export default {
         name: 'App',
@@ -86,6 +86,9 @@ let testresult = Object.assign(new Result(), json_testresult);
                 console.log("Solver URL is now " + '$VUE_APP_BACKEND_SOLVER_URL');
             },
             getBackendVersion(){
+                if (isTesting) 
+                    return;
+
                 console.log("Requesting version from " + this.SOLVER_URL + "version");
                 axios.get(this.SOLVER_URL + "version")
                     .then((reply) => {
@@ -113,7 +116,7 @@ let testresult = Object.assign(new Result(), json_testresult);
 
                 this.busy = true;
 
-                if (useMockSolver) this.callMockSolver(this.job)
+                if (isTesting) this.callMockSolver(this.job)
                   else this.callRemoteSolver(this.job)
 
             },
diff --git a/tests/unit/app.spec.js b/tests/unit/app.spec.js
index af12e28..2ba75c2 100644
--- a/tests/unit/app.spec.js
+++ b/tests/unit/app.spec.js
@@ -50,4 +50,6 @@ describe('App.vue', () => {
 
     expect(wrapper.get(".footer").text()).toContain(versionCode);
   })
+
+  // TODO extend with a lot more tests
 })

From 8b908ca773986afe38e03f27ebd0cb6bbd123566 Mon Sep 17 00:00:00 2001
From: ModischFabrications <modisch.fabrications@gmail.com>
Date: Fri, 19 Apr 2024 14:10:24 +0200
Subject: [PATCH 3/3] fix a few audit warnings by spamming fix --force

---
 package-lock.json | 204 +++++++++++++++++++++++-----------------------
 1 file changed, 102 insertions(+), 102 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index cdd4cf9..4df430b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3613,9 +3613,9 @@
       }
     },
     "node_modules/@leichtgewicht/ip-codec": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz",
-      "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
+      "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==",
       "dev": true
     },
     "node_modules/@node-ipc/js-queue": {
@@ -3747,9 +3747,9 @@
       }
     },
     "node_modules/@polka/url": {
-      "version": "1.0.0-next.24",
-      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.24.tgz",
-      "integrity": "sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==",
+      "version": "1.0.0-next.25",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.25.tgz",
+      "integrity": "sha512-j7P6Rgr3mmtdkeDGTe0E/aYyWEWVtc5yFXtHCRHs28/jptDEWfaVOc5T7cblqy1XKPPfCxJc/8DwQ5YgLOZOVQ==",
       "dev": true
     },
     "node_modules/@sideway/address": {
@@ -4035,9 +4035,9 @@
       }
     },
     "node_modules/@types/express-serve-static-core": {
-      "version": "4.17.41",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.41.tgz",
-      "integrity": "sha512-OaJ7XLaelTgrvlZD8/aa0vvvxZdUmlCn6MtWeB7TkiKW70BQLc9XEPpDLPdbo52ZhXUCrznlWdCHWxJWtdyajA==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.0.tgz",
+      "integrity": "sha512-bGyep3JqPCRry1wq+O5n7oiBgGWmeIJXPjXXCo8EK0u8duZGSYar7cGqd3ML2JUsLGeB7fmc06KYo9fLGWqPvQ==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
@@ -4160,9 +4160,9 @@
       "dev": true
     },
     "node_modules/@types/qs": {
-      "version": "6.9.11",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.11.tgz",
-      "integrity": "sha512-oGk0gmhnEJK4Yyk+oI7EfXsLayXatCWPHary1MtcmbAifkobT9cM9yutG/hZKIseOU0MqbIwQ/u2nn/Gb+ltuQ==",
+      "version": "6.9.15",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.15.tgz",
+      "integrity": "sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==",
       "dev": true
     },
     "node_modules/@types/range-parser": {
@@ -4197,14 +4197,14 @@
       }
     },
     "node_modules/@types/serve-static": {
-      "version": "1.15.5",
-      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.5.tgz",
-      "integrity": "sha512-PDRk21MnK70hja/YF8AHfC7yIsiQHn1rcXx7ijCFBX/k+XQJhQT/gw3xekXKJvx+5SXaMMS8oqQy09Mzvz2TuQ==",
+      "version": "1.15.7",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.7.tgz",
+      "integrity": "sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==",
       "dev": true,
       "dependencies": {
         "@types/http-errors": "*",
-        "@types/mime": "*",
-        "@types/node": "*"
+        "@types/node": "*",
+        "@types/send": "*"
       }
     },
     "node_modules/@types/sockjs": {
@@ -5464,9 +5464,9 @@
       }
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.17",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz",
-      "integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==",
+      "version": "10.4.19",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
+      "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==",
       "dev": true,
       "funding": [
         {
@@ -5483,8 +5483,8 @@
         }
       ],
       "dependencies": {
-        "browserslist": "^4.22.2",
-        "caniuse-lite": "^1.0.30001578",
+        "browserslist": "^4.23.0",
+        "caniuse-lite": "^1.0.30001599",
         "fraction.js": "^4.3.7",
         "normalize-range": "^0.1.2",
         "picocolors": "^1.0.0",
@@ -5905,12 +5905,15 @@
       }
     },
     "node_modules/binary-extensions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
       "dev": true,
       "engines": {
         "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/bl": {
@@ -6084,9 +6087,9 @@
       "integrity": "sha512-g9ARwuNqvq3mCWbfTZvg9IjF5tkzv6AccyMcXn41sisF1d6M3xi+jQ5wz8A7lfFxApdpvMnLn7t035x5mwD5dw=="
     },
     "node_modules/browserslist": {
-      "version": "4.22.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz",
-      "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==",
+      "version": "4.23.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
+      "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -6102,8 +6105,8 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001565",
-        "electron-to-chromium": "^1.4.601",
+        "caniuse-lite": "^1.0.30001587",
+        "electron-to-chromium": "^1.4.668",
         "node-releases": "^2.0.14",
         "update-browserslist-db": "^1.0.13"
       },
@@ -6196,9 +6199,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001579",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001579.tgz",
-      "integrity": "sha512-u5AUVkixruKHJjw/pj9wISlcMpgFWzSrczLZbrqBSxukQixmg0SJ5sZTpvaFvxU0HoQKd4yoyAogyrAz9pzJnA==",
+      "version": "1.0.30001611",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001611.tgz",
+      "integrity": "sha512-19NuN1/3PjA3QI8Eki55N8my4LzfkMCRLgCVfrl/slbSAchQfV0+GwjPrK3rq37As4UCLlM/DHajbKkAqbv92Q==",
       "funding": [
         {
           "type": "opencollective",
@@ -6247,16 +6250,10 @@
       }
     },
     "node_modules/chokidar": {
-      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
-      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
       "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://paulmillr.com/funding/"
-        }
-      ],
       "dependencies": {
         "anymatch": "~3.1.2",
         "braces": "~3.0.2",
@@ -6269,6 +6266,9 @@
       "engines": {
         "node": ">= 8.10.0"
       },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
       "optionalDependencies": {
         "fsevents": "~2.3.2"
       }
@@ -6489,18 +6489,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/clone-deep/node_modules/is-plain-object": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
-      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
-      "dev": true,
-      "dependencies": {
-        "isobject": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/clone-deep/node_modules/kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -6856,16 +6844,16 @@
       }
     },
     "node_modules/css-loader": {
-      "version": "6.9.1",
-      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.9.1.tgz",
-      "integrity": "sha512-OzABOh0+26JKFdMzlK6PY1u5Zx8+Ck7CVRlcGNZoY9qwJjdfu2VWFuprTIpPW+Av5TZTVViYWcFQaEEQURLknQ==",
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.11.0.tgz",
+      "integrity": "sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==",
       "dev": true,
       "dependencies": {
         "icss-utils": "^5.1.0",
         "postcss": "^8.4.33",
-        "postcss-modules-extract-imports": "^3.0.0",
-        "postcss-modules-local-by-default": "^4.0.4",
-        "postcss-modules-scope": "^3.1.1",
+        "postcss-modules-extract-imports": "^3.1.0",
+        "postcss-modules-local-by-default": "^4.0.5",
+        "postcss-modules-scope": "^3.2.0",
         "postcss-modules-values": "^4.0.0",
         "postcss-value-parser": "^4.2.0",
         "semver": "^7.5.4"
@@ -6878,7 +6866,16 @@
         "url": "https://opencollective.com/webpack"
       },
       "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
         "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
       }
     },
     "node_modules/css-loader/node_modules/lru-cache": {
@@ -6894,9 +6891,9 @@
       }
     },
     "node_modules/css-loader/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
+      "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -7753,9 +7750,9 @@
       "dev": true
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.639",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.639.tgz",
-      "integrity": "sha512-CkKf3ZUVZchr+zDpAlNLEEy2NJJ9T64ULWaDgy3THXXlPVPkLu3VOs9Bac44nebVtdwl2geSj6AxTtGDOxoXhg=="
+      "version": "1.4.744",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.744.tgz",
+      "integrity": "sha512-nAGcF0yeKKfrP13LMFr5U1eghfFSvFLg302VUFzWlcjPOnUYd52yU5x6PBYrujhNbc4jYmZFrGZFK+xasaEzVA=="
     },
     "node_modules/emittery": {
       "version": "0.8.1",
@@ -9261,9 +9258,9 @@
       }
     },
     "node_modules/has-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
       "dev": true,
       "engines": {
         "node": ">= 0.4"
@@ -9291,9 +9288,9 @@
       "dev": true
     },
     "node_modules/hasown": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
-      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
       "dev": true,
       "dependencies": {
         "function-bind": "^1.1.2"
@@ -9366,9 +9363,9 @@
       }
     },
     "node_modules/html-entities": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.4.0.tgz",
-      "integrity": "sha512-igBTJcNNNhvZFRtm8uA6xMY6xYleeDwn3PeBCkDz7tHttv4F2hsDI2aPgNERWzvRcNYHNT3ymRaQzllmXj4YsQ==",
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.5.2.tgz",
+      "integrity": "sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA==",
       "dev": true,
       "funding": [
         {
@@ -9881,10 +9878,13 @@
       }
     },
     "node_modules/is-plain-object": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
-      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
       "dev": true,
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
       "engines": {
         "node": ">=0.10.0"
       }
@@ -13298,12 +13298,13 @@
       }
     },
     "node_modules/mini-css-extract-plugin": {
-      "version": "2.7.7",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.7.tgz",
-      "integrity": "sha512-+0n11YGyRavUR3IlaOzJ0/4Il1avMvJ1VJfhWfCn24ITQXhRr1gghbhhrda6tgtNcpZaWKdSuwKq20Jb7fnlyw==",
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.0.tgz",
+      "integrity": "sha512-Zs1YsZVfemekSZG+44vBsYTLQORkPMwnlv+aehcxK/NLKC+EGhDB39/YePYYqx/sTk6NnYpuqikhSn7+JIevTA==",
       "dev": true,
       "dependencies": {
-        "schema-utils": "^4.0.0"
+        "schema-utils": "^4.0.0",
+        "tapable": "^2.2.1"
       },
       "engines": {
         "node": ">= 12.13.0"
@@ -14431,9 +14432,9 @@
       }
     },
     "node_modules/postcss-loader/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
+      "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -14550,9 +14551,9 @@
       }
     },
     "node_modules/postcss-modules-extract-imports": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
-      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz",
+      "integrity": "sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==",
       "dev": true,
       "engines": {
         "node": "^10 || ^12 || >= 14"
@@ -14562,9 +14563,9 @@
       }
     },
     "node_modules/postcss-modules-local-by-default": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.4.tgz",
-      "integrity": "sha512-L4QzMnOdVwRm1Qb8m4x8jsZzKAaPAgrUF1r/hjDR2Xj7R+8Zsf97jAlSQzWtKx5YNiNGN8QxmPFIc/sh+RQl+Q==",
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.5.tgz",
+      "integrity": "sha512-6MieY7sIfTK0hYfafw1OMEG+2bg8Q1ocHCpoWLqOKj3JXlKu4G7btkmM/B7lFubYkYWmRSPLZi5chid63ZaZYw==",
       "dev": true,
       "dependencies": {
         "icss-utils": "^5.0.0",
@@ -14579,9 +14580,9 @@
       }
     },
     "node_modules/postcss-modules-scope": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.1.1.tgz",
-      "integrity": "sha512-uZgqzdTleelWjzJY+Fhti6F3C9iF1JR/dODLs/JDefozYcKTBCdD8BIl6nNPbTbcLnGrk56hzwZC2DaGNvYjzA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.2.0.tgz",
+      "integrity": "sha512-oq+g1ssrsZOsx9M96c5w8laRmvEu9C3adDSjI8oTcbfkrTE8hx/zfyobUoWIxaKPO8bt6S62kxpw5GqypEw1QQ==",
       "dev": true,
       "dependencies": {
         "postcss-selector-parser": "^6.0.4"
@@ -17366,9 +17367,9 @@
       }
     },
     "node_modules/webpack-bundle-analyzer": {
-      "version": "4.10.1",
-      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.10.1.tgz",
-      "integrity": "sha512-s3P7pgexgT/HTUSYgxJyn28A+99mmLq4HsJepMPzu0R8ImJc52QNqaFYW1Z2z2uIb1/J3eYgaAWVpaC+v/1aAQ==",
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.10.2.tgz",
+      "integrity": "sha512-vJptkMm9pk5si4Bv922ZbKLV8UTT4zib4FPgXMhgzUny0bfDDkLXAVQs3ly3fS4/TN9ROFtb0NFrm04UXFE/Vw==",
       "dev": true,
       "dependencies": {
         "@discoveryjs/json-ext": "0.5.7",
@@ -17379,7 +17380,6 @@
         "escape-string-regexp": "^4.0.0",
         "gzip-size": "^6.0.0",
         "html-escaper": "^2.0.2",
-        "is-plain-object": "^5.0.0",
         "opener": "^1.5.2",
         "picocolors": "^1.0.0",
         "sirv": "^2.0.3",
@@ -17510,9 +17510,9 @@
       }
     },
     "node_modules/webpack-dev-server": {
-      "version": "4.15.1",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.15.1.tgz",
-      "integrity": "sha512-5hbAst3h3C3L8w6W4P96L5vaV0PxSmJhxZvWKYIdgxOQm8pNZ5dEOmmSLBVpP85ReeyRt6AS1QJNyo/oFFPeVA==",
+      "version": "4.15.2",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.15.2.tgz",
+      "integrity": "sha512-0XavAZbNJ5sDrCbkpWL8mia0o5WPOd2YGtxrEiZkBK9FjLppIUK2TgxK6qGD2P3hUXTJNNPVibrerKcx5WkR1g==",
       "dev": true,
       "dependencies": {
         "@types/bonjour": "^3.5.9",
@@ -17543,7 +17543,7 @@
         "serve-index": "^1.9.1",
         "sockjs": "^0.3.24",
         "spdy": "^4.0.2",
-        "webpack-dev-middleware": "^5.3.1",
+        "webpack-dev-middleware": "^5.3.4",
         "ws": "^8.13.0"
       },
       "bin": {