Update JS dependencies (#16708)

* Update JS dependencies

- Update all JS dependencies
- Adapt to recent webpack changes
- Add new lint rules and fix issues
- Regenerate SVGs and update svgo api usage

Fixes: https://github.com/go-gitea/gitea/pull/16492

* adapt jest config and sort keys

Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>

4 files changed, 7 insertions, 7 deletions

diff --git a/web_src/js/features/eventsource.sharedworker.js b/web_src/js/features/eventsource.sharedworker.js
index 6f7b2a2e4d..824ccfea79 100644
--- a/web_src/js/features/eventsource.sharedworker.js
+++ b/web_src/js/features/eventsource.sharedworker.js
@@ -67,7 +67,7 @@ class Source {
   }
 }
 
-self.onconnect = (e) => {
+self.addEventListener('connect', (e) => {
   for (const port of e.ports) {
     port.addEventListener('message', (event) => {
       if (event.data.type === 'start') {
@@ -131,4 +131,4 @@ self.onconnect = (e) => {
     });
     port.start();
   }
-};
+});
diff --git a/web_src/js/features/notification.js b/web_src/js/features/notification.js
index d964ffa305..d1d829c90b 100644
--- a/web_src/js/features/notification.js
+++ b/web_src/js/features/notification.js
@@ -53,9 +53,9 @@ export async function initNotificationCount() {
     worker.addEventListener('error', (event) => {
       console.error(event);
     });
-    worker.port.onmessageerror = () => {
+    worker.port.addEventListener('messageerror', () => {
       console.error('Unable to deserialize message');
-    };
+    });
     worker.port.postMessage({
       type: 'start',
       url: `${window.location.origin}${AppSubUrl}/user/events`,
diff --git a/web_src/js/features/stopwatch.js b/web_src/js/features/stopwatch.js
index d664f0d5f2..eb59e587a7 100644
--- a/web_src/js/features/stopwatch.js
+++ b/web_src/js/features/stopwatch.js
@@ -31,9 +31,9 @@ export async function initStopwatch() {
     worker.addEventListener('error', (event) => {
       console.error(event);
     });
-    worker.port.onmessageerror = () => {
+    worker.port.addEventListener('messageerror', () => {
       console.error('Unable to deserialize message');
-    };
+    });
     worker.port.postMessage({
       type: 'start',
       url: `${window.location.origin}${AppSubUrl}/user/events`,
diff --git a/web_src/js/index.js b/web_src/js/index.js
index b121807173..d349092717 100644
--- a/web_src/js/index.js
+++ b/web_src/js/index.js
@@ -2756,7 +2756,7 @@ $(document).ready(async () => {
     let {action, elementId, url} = this.dataset;
     const issueIDs = $('.issue-checkbox').children('input:checked').map((_, el) => {
       return el.dataset.issueId;
-    }).get().join();
+    }).get().join(',');
     if (elementId === '0' && url.substr(-9) === '/assignee') {
       elementId = '';
       action = 'clear';