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>

.eslintrc

@@ -125,6 +125,7 @@ rules:
   import/no-deprecated: [0]
   import/no-dynamic-require: [0]
   import/no-extraneous-dependencies: [2]
+  import/no-import-module-exports: [0]
   import/no-internal-modules: [0]
   import/no-mutable-exports: [2]
   import/no-named-as-default-member: [0]
@@ -133,6 +134,7 @@ rules:
   import/no-named-export: [0]
   import/no-namespace: [0]
   import/no-nodejs-modules: [0]
+  import/no-relative-packages: [0]
   import/no-relative-parent-imports: [0]
   import/no-restricted-paths: [0]
   import/no-self-import: [2]
@@ -365,6 +367,7 @@ rules:
   unicorn/no-abusive-eslint-disable: [0]
   unicorn/no-array-for-each: [0]
   unicorn/no-array-instanceof: [0]
+  unicorn/no-array-method-this-argument: [2]
   unicorn/no-array-push-push: [2]
   unicorn/no-console-spaces: [0]
   unicorn/no-document-cookie: [2]
@@ -385,6 +388,8 @@ rules:
   unicorn/no-unreadable-array-destructuring: [0]
   unicorn/no-unsafe-regex: [0]
   unicorn/no-unused-properties: [2]
+  unicorn/no-useless-length-check: [2]
+  unicorn/no-useless-spread: [2]
   unicorn/no-useless-undefined: [0]
   unicorn/no-zero-fractions: [2]
   unicorn/number-literal-case: [0]
@@ -395,6 +400,7 @@ rules:
   unicorn/prefer-array-flat: [2]
   unicorn/prefer-array-index-of: [2]
   unicorn/prefer-array-some: [2]
+  unicorn/prefer-at: [0]
   unicorn/prefer-dataset: [2]
   unicorn/prefer-date-now: [2]
   unicorn/prefer-default-parameters: [0]
@@ -408,7 +414,10 @@ rules:
   unicorn/prefer-node-protocol: [0]
   unicorn/prefer-node-remove: [0]
   unicorn/prefer-number-properties: [0]
+  unicorn/prefer-object-from-entries: [2]
+  unicorn/prefer-object-has-own: [0]
   unicorn/prefer-optional-catch-binding: [2]
+  unicorn/prefer-prototype-methods: [0]
   unicorn/prefer-query-selector: [0]
   unicorn/prefer-reflect-apply: [0]
   unicorn/prefer-regexp-test: [2]
@@ -420,9 +429,13 @@ rules:
   unicorn/prefer-switch: [0]
   unicorn/prefer-ternary: [0]
   unicorn/prefer-text-content: [2]
+  unicorn/prefer-top-level-await: [0]
   unicorn/prefer-trim-start-end: [2]
   unicorn/prefer-type-error: [0]
   unicorn/prevent-abbreviations: [0]
+  unicorn/require-array-join-separator: [2]
+  unicorn/require-number-to-fixed-digits-argument: [2]
+  unicorn/require-post-message-target-origin: [0]
   unicorn/string-content: [0]
   unicorn/throw-new-error: [2]
   use-isnan: [2]

build/generate-svg.js

@@ -1,5 +1,5 @@
 import fastGlob from 'fast-glob';
-import {optimize, extendDefaultPlugins} from 'svgo';
+import {optimize} from 'svgo';
 import {resolve, parse, dirname} from 'path';
 import fs from 'fs';
 import {fileURLToPath} from 'url';
@@ -26,18 +26,13 @@ async function processFile(file, {prefix, fullName} = {}) {
   }
 
   const {data} = optimize(await readFile(file, 'utf8'), {
-    plugins: extendDefaultPlugins([
-      'removeXMLNS',
-      'removeDimensions',
-      {
-        name: 'addClassesToSVGElement',
-        params: {classNames: ['svg', name]},
-      },
-      {
-        name: 'addAttributesToSVGElement',
-        params: {attributes: [{'width': '16'}, {'height': '16'}, {'aria-hidden': 'true'}]},
-      },
-    ]),
+    plugins: [
+      {name: 'preset-default'},
+      {name: 'removeXMLNS'},
+      {name: 'removeDimensions'},
+      {name: 'addClassesToSVGElement', params: {classNames: ['svg', name]}},
+      {name: 'addAttributesToSVGElement', params: {attributes: [{'width': '16'}, {'height': '16'}, {'aria-hidden': 'true'}]}},
+    ],
   });
   await writeFile(resolve(outputDir, `${name}.svg`), data);
 }

jest.config.js

@@ -1,10 +1,9 @@
 export default {
+  rootDir: 'web_src',
   setupFilesAfterEnv: ['jest-extended'],
+  testEnvironment: 'jsdom',
+  testMatch: ['<rootDir>/**/*.test.js'],
   testTimeout: 20000,
-  rootDir: 'web_src',
-  testMatch: [
-    '<rootDir>/**/*.test.js',
-  ],
   transform: {},
   verbose: false,
 };

package.json

@@ -7,53 +7,53 @@
   },
   "dependencies": {
     "@claviska/jquery-minicolors": "2.3.5",
-    "@primer/octicons": "13.0.0",
+    "@primer/octicons": "15.0.1",
     "add-asset-webpack-plugin": "2.0.1",
-    "codemirror": "5.61.0",
-    "css-loader": "5.2.4",
+    "codemirror": "5.62.2",
+    "css-loader": "6.2.0",
     "dropzone": "5.9.2",
     "easymde": "2.15.0",
-    "esbuild-loader": "2.13.0",
+    "esbuild-loader": "2.15.0",
     "escape-goat": "4.0.0",
-    "fast-glob": "3.2.5",
+    "fast-glob": "3.2.7",
     "font-awesome": "4.7.0",
     "jquery": "3.6.0",
     "jquery.are-you-sure": "1.9.0",
     "less": "4.1.1",
-    "less-loader": "8.1.1",
+    "less-loader": "10.0.1",
     "license-checker-webpack-plugin": "0.2.1",
-    "mermaid": "8.10.1",
-    "mini-css-extract-plugin": "1.6.0",
-    "monaco-editor": "0.24.0",
-    "monaco-editor-webpack-plugin": "3.1.0",
+    "mermaid": "8.11.5",
+    "mini-css-extract-plugin": "2.2.0",
+    "monaco-editor": "0.27.0",
+    "monaco-editor-webpack-plugin": "4.1.2",
     "pretty-ms": "7.0.1",
-    "sortablejs": "1.13.0",
-    "swagger-ui-dist": "3.48.0",
+    "sortablejs": "1.14.0",
+    "swagger-ui-dist": "4.0.0-beta.4",
     "tributejs": "5.1.3",
-    "vue": "2.6.12",
-    "vue-bar-graph": "1.2.2",
+    "vue": "2.6.14",
+    "vue-bar-graph": "1.3.0",
     "vue-calendar-heatmap": "0.8.4",
-    "vue-loader": "15.9.7",
-    "vue-template-compiler": "2.6.12",
-    "webpack": "5.37.0",
-    "webpack-cli": "4.7.0",
-    "workbox-routing": "6.1.5",
-    "workbox-strategies": "6.1.5",
+    "vue-loader": "15.9.8",
+    "vue-template-compiler": "2.6.14",
+    "webpack": "5.50.0",
+    "webpack-cli": "4.8.0",
+    "workbox-routing": "6.2.4",
+    "workbox-strategies": "6.2.4",
     "worker-loader": "3.0.8",
     "wrap-ansi": "8.0.0"
   },
   "devDependencies": {
     "editorconfig-checker": "4.0.2",
-    "eslint": "7.26.0",
+    "eslint": "7.32.0",
     "eslint-plugin-html": "6.1.2",
-    "eslint-plugin-import": "2.22.1",
-    "eslint-plugin-unicorn": "32.0.1",
-    "eslint-plugin-vue": "7.9.0",
-    "jest": "26.6.3",
+    "eslint-plugin-import": "2.24.0",
+    "eslint-plugin-unicorn": "35.0.0",
+    "eslint-plugin-vue": "7.16.0",
+    "jest": "27.0.6",
     "jest-extended": "0.11.5",
     "stylelint": "13.13.1",
     "stylelint-config-standard": "22.0.0",
-    "svgo": "2.3.0",
+    "svgo": "2.4.0",
     "updates": "12.1.0"
   },
   "browserslist": [

public/img/svg/octicon-clippy.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 16 16" class="svg octicon-clippy" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 0 0-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 0 0-.752-1.298A1.75 1.75 0 0 0 2 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 13.25v-9.5a1.75 1.75 0 0 0-.874-1.515.75.75 0 1 0-.752 1.298.25.25 0 0 1 .126.217v9.5a.25.25 0 0 1-.25.25h-8.5a.25.25 0 0 1-.25-.25v-9.5a.25.25 0 0 1 .126-.217z"/></svg>

public/img/svg/octicon-columns.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-columns" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M2.75 0A1.75 1.75 0 0 0 1 1.75v12.5c0 .966.784 1.75 1.75 1.75h2.5A1.75 1.75 0 0 0 7 14.25V1.75A1.75 1.75 0 0 0 5.25 0h-2.5zM2.5 1.75a.25.25 0 0 1 .25-.25h2.5a.25.25 0 0 1 .25.25v12.5a.25.25 0 0 1-.25.25h-2.5a.25.25 0 0 1-.25-.25V1.75zM10.75 0A1.75 1.75 0 0 0 9 1.75v12.5c0 .966.784 1.75 1.75 1.75h2.5A1.75 1.75 0 0 0 15 14.25V1.75A1.75 1.75 0 0 0 13.25 0h-2.5zm-.25 1.75a.25.25 0 0 1 .25-.25h2.5a.25.25 0 0 1 .25.25v12.5a.25.25 0 0 1-.25.25h-2.5a.25.25 0 0 1-.25-.25V1.75z"/></svg>

public/img/svg/octicon-copy.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-copy" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25v-7.5z"/><path fill-rule="evenodd" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25v-7.5zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25h-7.5z"/></svg>

public/img/svg/octicon-diamond.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-diamond" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M.527 9.237a1.75 1.75 0 0 1 0-2.474L6.777.512a1.75 1.75 0 0 1 2.475 0l6.251 6.25a1.751 1.751 0 0 1 0 2.475l-6.25 6.251a1.751 1.751 0 0 1-2.475 0L.527 9.238v-.001zm1.06-1.414a.25.25 0 0 0 0 .354l6.251 6.25a.25.25 0 0 0 .354 0l6.25-6.25a.25.25 0 0 0 0-.354l-6.25-6.25a.25.25 0 0 0-.354 0l-6.25 6.25h-.001z"/></svg>

public/img/svg/octicon-duplicate.svg

@@ -1 +1 @@
-<svg viewBox="0 0 16 16" class="svg octicon-duplicate" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25v-7.5z"/><path fill-rule="evenodd" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25v-7.5zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25h-7.5z"/></svg>
+<svg viewBox="0 0 16 16" class="svg octicon-duplicate" width="16" height="16" aria-hidden="true"><path d="M10.5 3a.75.75 0 0 1 .75.75v1h1a.75.75 0 0 1 0 1.5h-1v1a.75.75 0 0 1-1.5 0v-1h-1a.75.75 0 0 1 0-1.5h1v-1A.75.75 0 0 1 10.5 3z"/><path fill-rule="evenodd" d="M6.75 0A1.75 1.75 0 0 0 5 1.75v7.5c0 .966.784 1.75 1.75 1.75h7.5A1.75 1.75 0 0 0 16 9.25v-7.5A1.75 1.75 0 0 0 14.25 0h-7.5zM6.5 1.75a.25.25 0 0 1 .25-.25h7.5a.25.25 0 0 1 .25.25v7.5a.25.25 0 0 1-.25.25h-7.5a.25.25 0 0 1-.25-.25v-7.5z"/><path d="M1.75 5A1.75 1.75 0 0 0 0 6.75v7.5C0 15.216.784 16 1.75 16h7.5A1.75 1.75 0 0 0 11 14.25v-1.5a.75.75 0 0 0-1.5 0v1.5a.25.25 0 0 1-.25.25h-7.5a.25.25 0 0 1-.25-.25v-7.5a.25.25 0 0 1 .25-.25h1.5a.75.75 0 0 0 0-1.5h-1.5z"/></svg>

public/img/svg/octicon-git-pull-request-closed.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-git-pull-request-closed" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10.72 1.227a.75.75 0 0 1 1.06 0l.97.97.97-.97a.75.75 0 1 1 1.06 1.061l-.97.97.97.97a.75.75 0 0 1-1.06 1.06l-.97-.97-.97.97a.75.75 0 1 1-1.06-1.06l.97-.97-.97-.97a.75.75 0 0 1 0-1.06zM12.75 6.5a.75.75 0 0 0-.75.75v3.378a2.251 2.251 0 1 0 1.5 0V7.25a.75.75 0 0 0-.75-.75zm0 5.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5zM2.5 3.25a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0zM3.25 1a2.25 2.25 0 0 0-.75 4.372v5.256a2.251 2.251 0 1 0 1.5 0V5.372A2.25 2.25 0 0 0 3.25 1zm0 11a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5z"/></svg>

public/img/svg/octicon-git-pull-request-draft.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-git-pull-request-draft" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 3.25a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0zM3.25 1a2.25 2.25 0 0 0-.75 4.372v5.256a2.251 2.251 0 1 0 1.5 0V5.372A2.25 2.25 0 0 0 3.25 1zm0 11a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5zm9.5 3a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5zm0-3a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5z"/><path d="M14 7.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0zm0-4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0z"/></svg>

public/img/svg/octicon-hash.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-hash" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M6.368 1.01a.75.75 0 0 1 .623.859L6.57 4.5h3.98l.46-2.868a.75.75 0 0 1 1.48.237L12.07 4.5h2.18a.75.75 0 0 1 0 1.5h-2.42l-.64 4h2.56a.75.75 0 0 1 0 1.5h-2.8l-.46 2.869a.75.75 0 0 1-1.48-.237l.42-2.632H5.45l-.46 2.869a.75.75 0 0 1-1.48-.237l.42-2.632H1.75a.75.75 0 0 1 0-1.5h2.42l.64-4H2.25a.75.75 0 0 1 0-1.5h2.8l.46-2.868a.75.75 0 0 1 .858-.622zM9.67 10l.64-4H6.33l-.64 4h3.98z"/></svg>

public/img/svg/octicon-issue-closed.svg

@@ -1 +1 @@
-<svg viewBox="0 0 16 16" class="svg octicon-issue-closed" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 0 1 10.65-5.003.75.75 0 0 0 .959-1.153 8 8 0 1 0 2.592 8.33.75.75 0 1 0-1.444-.407A6.5 6.5 0 0 1 1.5 8zM8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-8a.75.75 0 0 1 .75.75v3.5a.75.75 0 1 1-1.5 0v-3.5A.75.75 0 0 1 8 4zm4.78 4.28 3-3a.75.75 0 0 0-1.06-1.06l-2.47 2.47-.97-.97a.749.749 0 1 0-1.06 1.06l1.5 1.5a.75.75 0 0 0 1.06 0z"/></svg>
+<svg viewBox="0 0 16 16" class="svg octicon-issue-closed" width="16" height="16" aria-hidden="true"><path d="M11.28 6.78a.75.75 0 0 0-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l3.5-3.5z"/><path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-1.5 0a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/></svg>

public/img/svg/octicon-issue-draft.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-issue-draft" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M6.749.097a8.054 8.054 0 0 1 2.502 0 .75.75 0 1 1-.233 1.482 6.554 6.554 0 0 0-2.036 0A.75.75 0 0 1 6.749.097zM4.345 1.693A.75.75 0 0 1 4.18 2.74a6.542 6.542 0 0 0-1.44 1.44.75.75 0 0 1-1.212-.883 8.042 8.042 0 0 1 1.769-1.77.75.75 0 0 1 1.048.166zm7.31 0a.75.75 0 0 1 1.048-.165 8.04 8.04 0 0 1 1.77 1.769.75.75 0 1 1-1.214.883 6.542 6.542 0 0 0-1.439-1.44.75.75 0 0 1-.165-1.047zM.955 6.125a.75.75 0 0 1 .624.857 6.554 6.554 0 0 0 0 2.036.75.75 0 0 1-1.482.233 8.054 8.054 0 0 1 0-2.502.75.75 0 0 1 .858-.624zm14.09 0a.75.75 0 0 1 .858.624 8.057 8.057 0 0 1 0 2.502.75.75 0 0 1-1.482-.233 6.55 6.55 0 0 0 0-2.036.75.75 0 0 1 .624-.857zm-13.352 5.53a.75.75 0 0 1 1.048.165 6.542 6.542 0 0 0 1.439 1.44.75.75 0 0 1-.883 1.212 8.04 8.04 0 0 1-1.77-1.769.75.75 0 0 1 .166-1.048zm12.614 0a.75.75 0 0 1 .165 1.048 8.038 8.038 0 0 1-1.769 1.77.75.75 0 1 1-.883-1.214 6.543 6.543 0 0 0 1.44-1.439.75.75 0 0 1 1.047-.165zm-8.182 3.39a.75.75 0 0 1 .857-.624 6.55 6.55 0 0 0 2.036 0 .75.75 0 0 1 .233 1.482 8.057 8.057 0 0 1-2.502 0 .75.75 0 0 1-.624-.858z"/></svg>

public/img/svg/octicon-issue-opened.svg

@@ -1 +1 @@
-<svg viewBox="0 0 16 16" class="svg octicon-issue-opened" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm9 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.25-6.25a.75.75 0 0 0-1.5 0v3.5a.75.75 0 0 0 1.5 0v-3.5z"/></svg>
+<svg viewBox="0 0 16 16" class="svg octicon-issue-opened" width="16" height="16" aria-hidden="true"><path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/><path fill-rule="evenodd" d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zM1.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0z"/></svg>

public/img/svg/octicon-issue-reopened.svg

@@ -1 +1 @@
-<svg viewBox="0 0 16 16" class="svg octicon-issue-reopened" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 1.5a6.491 6.491 0 0 0-5.285 2.715l1.358 1.358A.25.25 0 0 1 3.896 6H.25A.25.25 0 0 1 0 5.75V2.104a.25.25 0 0 1 .427-.177l1.216 1.216a8 8 0 0 1 14.315 4.03.748.748 0 0 1-.668.83.75.75 0 0 1-.824-.676A6.501 6.501 0 0 0 8 1.5zM.712 8.004a.75.75 0 0 1 .822.67 6.501 6.501 0 0 0 11.751 3.111l-1.358-1.358a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.216-1.216A8 8 0 0 1 .042 8.827a.75.75 0 0 1 .67-.823zM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.25-6.25a.75.75 0 0 0-1.5 0v3.5a.75.75 0 0 0 1.5 0v-3.5z"/></svg>
+<svg viewBox="0 0 16 16" class="svg octicon-issue-reopened" width="16" height="16" aria-hidden="true"><path d="M5.029 2.217a6.5 6.5 0 0 1 9.437 5.11.75.75 0 1 0 1.492-.154 8 8 0 0 0-14.315-4.03L.427 1.927A.25.25 0 0 0 0 2.104V5.75A.25.25 0 0 0 .25 6h3.646a.25.25 0 0 0 .177-.427L2.715 4.215a6.491 6.491 0 0 1 2.314-1.998zM1.262 8.169a.75.75 0 0 0-1.22.658 8.001 8.001 0 0 0 14.315 4.03l1.216 1.216a.25.25 0 0 0 .427-.177V10.25a.25.25 0 0 0-.25-.25h-3.646a.25.25 0 0 0-.177.427l1.358 1.358a6.501 6.501 0 0 1-11.751-3.11.75.75 0 0 0-.272-.506z"/><path d="M9.06 9.06a1.5 1.5 0 1 1-2.12-2.12 1.5 1.5 0 0 1 2.12 2.12z"/></svg>

public/img/svg/octicon-key-asterisk.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-key-asterisk" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M0 2.75A2.75 2.75 0 0 1 2.75 0h10.5A2.75 2.75 0 0 1 16 2.75v10.5A2.75 2.75 0 0 1 13.25 16H2.75A2.75 2.75 0 0 1 0 13.25V2.75zM2.75 1.5c-.69 0-1.25.56-1.25 1.25v10.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25V2.75c0-.69-.56-1.25-1.25-1.25H2.75z"/><path d="M8 4a.75.75 0 0 1 .75.75V6.7l1.69-.975a.75.75 0 0 1 .75 1.3L9.5 8l1.69.976a.75.75 0 0 1-.75 1.298L8.75 9.3v1.951a.75.75 0 0 1-1.5 0V9.299l-1.69.976a.75.75 0 0 1-.75-1.3L6.5 8l-1.69-.975a.75.75 0 0 1 .75-1.3l1.69.976V4.75A.75.75 0 0 1 8 4z"/></svg>

public/img/svg/octicon-number.svg

@@ -1 +1 @@
-<svg viewBox="0 0 16 16" class="svg octicon-number" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M1 5.25a.75.75 0 0 1 .75-.75h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 5.25zm0 5.5a.75.75 0 0 1 .75-.75h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1-.75-.75z"/><path fill-rule="evenodd" d="M6.368 1.01a.75.75 0 0 1 .623.859l-2 12.5a.75.75 0 0 1-1.482-.237l2-12.5a.75.75 0 0 1 .86-.622zm5.5 0a.75.75 0 0 1 .623.859l-2 12.5a.75.75 0 0 1-1.482-.237l2-12.5a.75.75 0 0 1 .86-.622z"/></svg>
+<svg viewBox="0 0 16 16" class="svg octicon-number" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.604.089A.75.75 0 0 1 6 .75v4.77h.711a.75.75 0 1 1 0 1.5H3.759a.75.75 0 1 1 0-1.5H4.5V2.15l-.334.223a.75.75 0 0 1-.832-1.248l1.5-1a.75.75 0 0 1 .77-.037zM9 4.75A.75.75 0 0 1 9.75 4h4a.75.75 0 0 1 .53 1.28l-1.89 1.892c.312.076.604.18.867.319.742.391 1.244 1.063 1.244 2.005 0 .653-.231 1.208-.629 1.627-.386.408-.894.653-1.408.777-1.01.243-2.225.063-3.124-.527a.75.75 0 0 1 .822-1.254c.534.35 1.32.474 1.951.322.306-.073.53-.201.67-.349.129-.136.218-.32.218-.596 0-.308-.123-.509-.444-.678-.373-.197-.98-.318-1.806-.318a.75.75 0 0 1-.53-1.28l1.72-1.72H9.75A.75.75 0 0 1 9 4.75zm-3.587 5.763c-.35-.05-.77.113-.983.572a.75.75 0 1 1-1.36-.632c.508-1.094 1.589-1.565 2.558-1.425 1 .145 1.872.945 1.872 2.222 0 1.433-1.088 2.192-1.79 2.681-.308.216-.571.397-.772.573H7a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75c0-.69.3-1.211.67-1.61.348-.372.8-.676 1.15-.92.8-.56 1.18-.904 1.18-1.474 0-.473-.267-.69-.587-.737z"/></svg>

public/img/svg/octicon-octoface.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 16 16" class="svg octicon-octoface" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M1.326 1.973a1.2 1.2 0 0 1 1.49-.832c.387.112.977.307 1.575.602.586.291 1.243.71 1.7 1.296.022.027.042.056.061.084A13.22 13.22 0 0 1 8 3c.67 0 1.289.037 1.861.108l.051-.07c.457-.586 1.114-1.004 1.7-1.295a9.654 9.654 0 0 1 1.576-.602 1.2 1.2 0 0 1 1.49.832c.14.493.356 1.347.479 2.29.079.604.123 1.28.07 1.936.541.977.773 2.11.773 3.301C16 13 14.5 15 8 15s-8-2-8-5.5c0-1.034.238-2.128.795-3.117-.08-.712-.034-1.46.052-2.12.122-.943.34-1.797.479-2.29zM8 13.065c6 0 6.5-2 6-4.27C13.363 5.905 11.25 5 8 5s-5.363.904-6 3.796c-.5 2.27 0 4.27 6 4.27z"/><path d="M4 8a1 1 0 0 1 2 0v1a1 1 0 0 1-2 0V8zm2.078 2.492c-.083-.264.146-.492.422-.492h3c.276 0 .505.228.422.492C9.67 11.304 8.834 12 8 12c-.834 0-1.669-.696-1.922-1.508zM10 8a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0V8z"/></svg>

public/img/svg/octicon-paste.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-paste" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 0 0-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 0 0-.752-1.298A1.75 1.75 0 0 0 2 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 13.25v-9.5a1.75 1.75 0 0 0-.874-1.515.75.75 0 1 0-.752 1.298.25.25 0 0 1 .126.217v9.5a.25.25 0 0 1-.25.25h-8.5a.25.25 0 0 1-.25-.25v-9.5a.25.25 0 0 1 .126-.217z"/></svg>

public/img/svg/octicon-rows.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-rows" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M16 2.75A1.75 1.75 0 0 0 14.25 1H1.75A1.75 1.75 0 0 0 0 2.75v2.5A1.75 1.75 0 0 0 1.75 7h12.5A1.75 1.75 0 0 0 16 5.25v-2.5zm-1.75-.25a.25.25 0 0 1 .25.25v2.5a.25.25 0 0 1-.25.25H1.75a.25.25 0 0 1-.25-.25v-2.5a.25.25 0 0 1 .25-.25h12.5zM16 10.75A1.75 1.75 0 0 0 14.25 9H1.75A1.75 1.75 0 0 0 0 10.75v2.5A1.75 1.75 0 0 0 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-2.5zm-1.75-.25a.25.25 0 0 1 .25.25v2.5a.25.25 0 0 1-.25.25H1.75a.25.25 0 0 1-.25-.25v-2.5a.25.25 0 0 1 .25-.25h12.5z"/></svg>

public/img/svg/octicon-select-single.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-select-single" width="16" height="16" aria-hidden="true"><path d="m5.06 7.356 2.795 2.833c.08.081.21.081.29 0l2.794-2.833c.13-.131.038-.356-.145-.356H5.206c-.183 0-.275.225-.145.356z"/><path fill-rule="evenodd" d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 13.25 15H2.75A1.75 1.75 0 0 1 1 13.25V2.75zm1.75-.25a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25H2.75z"/></svg>

public/img/svg/octicon-sort-asc.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-sort-asc" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M0 4.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 4.25zm0 4a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 8.25zm0 4a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75zm12.927-9.677a.25.25 0 0 0-.354 0l-3 3A.25.25 0 0 0 9.75 6H12v6.75a.75.75 0 0 0 1.5 0V6h2.25a.25.25 0 0 0 .177-.427l-3-3z"/></svg>

public/img/svg/octicon-sort-desc.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-sort-desc" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M0 4.25a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 4.25zm0 4a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 8.25zm0 4a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75z"/><path d="M13.5 10h2.25a.25.25 0 0 1 .177.427l-3 3a.25.25 0 0 1-.354 0l-3-3A.25.25 0 0 1 9.75 10H12V3.75a.75.75 0 0 1 1.5 0V10z"/></svg>

templates/repo/clone_buttons.tmpl

@@ -15,7 +15,7 @@
 {{end}}
 {{if or (not $.DisableHTTP) (and (not $.DisableSSH) (or $.IsSigned $.ExposeAnonSSH))}}
 	<button class="ui basic icon button poping up" id="clipboard-btn" data-original="{{.i18n.Tr "repo.copy_link"}}" data-success="{{.i18n.Tr "repo.copy_link_success"}}" data-error="{{.i18n.Tr "repo.copy_link_error"}}" data-content="{{.i18n.Tr "repo.copy_link"}}" data-variation="inverted tiny" data-clipboard-target="#repo-clone-url">
-		{{svg "octicon-clippy"}}
+		{{svg "octicon-paste"}}
 	</button>
 {{end}}
 {{if not (and $.DisableHTTP $.DisableSSH)}}

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();
   }
-};
+});

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`,

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`,

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';

webpack.config.js

@@ -137,8 +137,8 @@ export default {
             loader: 'css-loader',
             options: {
               sourceMap: true,
-              url: filterCssImport,
-              import: filterCssImport,
+              url: {filter: filterCssImport},
+              import: {filter: filterCssImport},
             },
           },
         ],
@@ -154,8 +154,8 @@ export default {
             options: {
               sourceMap: true,
               importLoaders: 1,
-              url: filterCssImport,
-              import: filterCssImport,
+              url: {filter: filterCssImport},
+              import: {filter: filterCssImport},
             },
           },
           {
@@ -176,7 +176,6 @@ export default {
         type: 'asset/resource',
         generator: {
           filename: 'fonts/[name][ext]',
-          publicPath: '../', // required to remove css/ path segment
         }
       },
       {
@@ -184,7 +183,6 @@ export default {
         type: 'asset/resource',
         generator: {
           filename: 'img/webpack/[name][ext]',
-          publicPath: '../', // required to remove css/ path segment
         }
       },
     ],