Update JS dependencies (#20423)

- Update all JS dependencies minus vue ones
- Remove workaround for case-insensitive attribute selector
- Add new linter rules and fix issues
- Tested SVG display and swagger

.eslintrc.yaml

@@ -447,9 +447,11 @@ rules:
   unicorn/prefer-date-now: [2]
   unicorn/prefer-default-parameters: [0]
   unicorn/prefer-event-key: [2]
+  unicorn/prefer-event-target: [2]
   unicorn/prefer-export-from: [2]
   unicorn/prefer-includes: [2]
   unicorn/prefer-json-parse-buffer: [0]
+  unicorn/prefer-logical-operator-over-ternary: [2]
   unicorn/prefer-math-trunc: [2]
   unicorn/prefer-modern-dom-apis: [0]
   unicorn/prefer-modern-math-apis: [2]

package.json

@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@claviska/jquery-minicolors": "2.3.6",
-    "@primer/octicons": "17.2.0",
+    "@primer/octicons": "17.3.0",
     "add-asset-webpack-plugin": "2.0.1",
     "css-loader": "6.7.1",
     "dropzone": "6.0.0-beta.2",
@@ -19,16 +19,16 @@
     "font-awesome": "4.7.0",
     "jquery": "3.6.0",
     "jquery.are-you-sure": "1.9.0",
-    "less": "4.1.2",
+    "less": "4.1.3",
     "less-loader": "11.0.0",
     "license-checker-webpack-plugin": "0.2.1",
-    "mermaid": "9.1.2",
+    "mermaid": "9.1.3",
-    "mini-css-extract-plugin": "2.6.0",
+    "mini-css-extract-plugin": "2.6.1",
     "monaco-editor": "0.33.0",
     "monaco-editor-webpack-plugin": "7.0.1",
-    "pretty-ms": "7.0.1",
+    "pretty-ms": "8.0.0",
     "sortablejs": "1.15.0",
-    "swagger-ui-dist": "4.11.1",
+    "swagger-ui-dist": "4.13.0",
     "tippy.js": "6.3.7",
     "tributejs": "5.1.3",
     "uint8-to-base64": "0.2.0",
@@ -37,28 +37,28 @@
     "vue-calendar-heatmap": "0.8.4",
     "vue-loader": "15.9.8",
     "vue-template-compiler": "2.6.14",
-    "webpack": "5.72.1",
+    "webpack": "5.73.0",
-    "webpack-cli": "4.9.2",
+    "webpack-cli": "4.10.0",
     "workbox-routing": "6.5.3",
     "workbox-strategies": "6.5.3",
     "worker-loader": "3.0.8",
     "wrap-ansi": "8.0.1"
   },
   "devDependencies": {
-    "@happy-dom/jest-environment": "4.0.1",
+    "@happy-dom/jest-environment": "6.0.4",
     "@stoplight/spectral-cli": "6.4.1",
-    "eslint": "8.15.0",
+    "eslint": "8.20.0",
     "eslint-plugin-import": "2.26.0",
     "eslint-plugin-jquery": "1.5.1",
-    "eslint-plugin-unicorn": "42.0.0",
+    "eslint-plugin-unicorn": "43.0.2",
-    "eslint-plugin-vue": "9.0.1",
+    "eslint-plugin-vue": "9.2.0",
-    "jest": "28.1.0",
+    "jest": "28.1.3",
-    "jest-extended": "2.0.0",
+    "jest-extended": "3.0.1",
     "postcss-less": "6.0.0",
-    "stylelint": "14.8.2",
+    "stylelint": "14.9.1",
-    "stylelint-config-standard": "25.0.0",
+    "stylelint-config-standard": "26.0.0",
     "svgo": "2.8.0",
-    "updates": "13.0.5"
+    "updates": "13.1.2"
   },
   "browserslist": [
     "defaults",

public/img/svg/octicon-copilot-error.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-copilot-error" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.86 1.77c.05.053.097.107.14.164.043-.057.09-.111.14-.164.681-.731 1.737-.9 2.943-.765 1.23.136 2.145.527 2.724 1.26.566.716.693 1.614.693 2.485 0 .572-.053 1.147-.254 1.655l.168.838.066.033A2.75 2.75 0 0 1 16 9.736V11c0 .24-.086.438-.156.567a1.755 1.755 0 0 1-.075.125L13 9.688V7.824l-.023-.115c-.49.21-1.075.291-1.727.291-.22 0-.43-.012-.633-.036L6.824 5.22c.082-.233.143-.503.182-.813.117-.936-.038-1.396-.242-1.614-.193-.207-.637-.414-1.681-.298-.707.079-1.144.243-1.424.434l-1.251-.905c.58-.579 1.422-.899 2.51-1.02 1.205-.133 2.26.035 2.943.766zm1.376 1.023c.193-.207.637-.414 1.681-.298 1.02.114 1.48.404 1.713.7.247.313.37.79.37 1.555 0 .792-.129 1.17-.308 1.37-.162.181-.52.38-1.442.38-.854 0-1.339-.236-1.638-.54-.315-.323-.527-.827-.618-1.553-.117-.936.038-1.396.242-1.614zM.865 2.759A.75.75 0 0 0 .31 4.107l1.193.864c.013.498.076.992.251 1.434l-.167.838-.067.033A2.75 2.75 0 0 0 0 9.736V11c0 .24.086.438.156.567.075.137.169.261.259.366.18.21.404.413.605.58a10.368 10.368 0 0 0 .792.597l.015.01.006.004.028.018.098.065a12.06 12.06 0 0 0 1.654.859C4.704 14.527 6.244 15 8 15c1.756 0 3.296-.472 4.387-.935.395-.167.734-.335 1.008-.482l1.415 1.024a.75.75 0 0 0 1.063-1.025.753.753 0 0 1-.188-.1L.865 2.76zM4.75 8c.297 0 .579-.022.844-.066l6.427 4.654c-.07.032-.144.064-.22.097-.972.412-2.307.815-3.801.815-1.494 0-2.83-.403-3.8-.815a10.594 10.594 0 0 1-1.2-.6v-4.26l.023-.116c.49.21 1.075.291 1.727.291z"/></svg>

public/img/svg/octicon-copilot-warning.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-copilot-warning" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.86 1.77c.05.053.097.107.14.164.043-.057.09-.111.14-.164.681-.731 1.737-.9 2.943-.765 1.23.136 2.145.527 2.724 1.26.566.716.693 1.614.693 2.485 0 .463-.035.929-.155 1.359a5.967 5.967 0 0 0-1.398-.616c.034-.195.053-.439.053-.743 0-.766-.123-1.242-.37-1.555-.233-.296-.693-.586-1.713-.7-1.044-.116-1.488.091-1.681.298-.204.218-.359.678-.242 1.614.06.479.172.86.332 1.158a6.014 6.014 0 0 0-2.92 2.144C5.926 7.904 5.372 8 4.75 8c-.652 0-1.237-.082-1.727-.291L3 7.824v4.261c.02.013.043.025.065.038a10.84 10.84 0 0 0 2.495 1.035c.21.629.522 1.21.916 1.726a11.91 11.91 0 0 1-2.863-.819 12.06 12.06 0 0 1-1.296-.641 8.815 8.815 0 0 1-.456-.281l-.028-.02-.006-.003-.015-.01a7.077 7.077 0 0 1-.235-.166c-.15-.108-.352-.26-.557-.43a5.19 5.19 0 0 1-.605-.58 2.167 2.167 0 0 1-.259-.367A1.19 1.19 0 0 1 0 11V9.736a2.75 2.75 0 0 1 1.52-2.46l.067-.033.167-.838C1.553 5.897 1.5 5.322 1.5 4.75c0-.87.127-1.77.693-2.485.579-.733 1.494-1.124 2.724-1.26 1.206-.134 2.262.034 2.944.765zM6.765 2.793c-.193-.207-.637-.414-1.681-.298-1.02.114-1.48.404-1.713.7-.247.313-.37.79-.37 1.555 0 .792.129 1.17.308 1.37.162.181.52.38 1.442.38.854 0 1.339-.236 1.638-.54.315-.323.527-.827.618-1.553.117-.936-.038-1.396-.242-1.614z"/><path fill-rule="evenodd" d="M8.498 14.81a4.5 4.5 0 1 0 5.504-7.121 4.5 4.5 0 0 0-5.504 7.122zM10.5 8.75a.75.75 0 0 1 1.5 0V11a.75.75 0 0 1-1.5 0V8.75zm.75 5.75a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>

public/img/svg/octicon-copilot.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" class="svg octicon-copilot" width="16" height="16" aria-hidden="true"><path d="M6.25 9a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 6.25 9zm4.25.75a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0v-1.5z"/><path fill-rule="evenodd" d="M7.86 1.77c.05.053.097.107.14.164.043-.057.09-.111.14-.164.681-.731 1.737-.9 2.943-.765 1.23.136 2.145.527 2.724 1.26.566.716.693 1.614.693 2.485 0 .572-.053 1.147-.254 1.655l.168.838.066.033A2.75 2.75 0 0 1 16 9.736V11c0 .24-.086.438-.156.567a2.173 2.173 0 0 1-.259.366c-.18.21-.404.413-.605.58a10.373 10.373 0 0 1-.792.597l-.015.01-.006.004-.028.018a8.832 8.832 0 0 1-.456.281c-.307.177-.749.41-1.296.642C11.296 14.528 9.756 15 8 15c-1.756 0-3.296-.472-4.387-.935a12.06 12.06 0 0 1-1.296-.641 8.815 8.815 0 0 1-.456-.281l-.028-.02-.006-.003-.015-.01a7.077 7.077 0 0 1-.235-.166c-.15-.108-.352-.26-.557-.43a5.19 5.19 0 0 1-.605-.58 2.167 2.167 0 0 1-.259-.367A1.19 1.19 0 0 1 0 11V9.736a2.75 2.75 0 0 1 1.52-2.46l.067-.033.167-.838C1.553 5.897 1.5 5.322 1.5 4.75c0-.87.127-1.77.693-2.485.579-.733 1.494-1.124 2.724-1.26 1.206-.134 2.262.034 2.944.765zM3.024 7.709 3 7.824v4.261c.02.013.043.025.065.038.264.152.65.356 1.134.562.972.412 2.307.815 3.801.815 1.494 0 2.83-.403 3.8-.815a10.6 10.6 0 0 0 1.2-.6v-4.26l-.023-.116c-.49.21-1.075.291-1.727.291-1.146 0-2.06-.328-2.71-.991A3.223 3.223 0 0 1 8 6.266c-.144.269-.321.52-.54.743C6.81 7.672 5.896 8 4.75 8c-.652 0-1.237-.082-1.727-.291zm3.741-4.916c-.193-.207-.637-.414-1.681-.298-1.02.114-1.48.404-1.713.7-.247.313-.37.79-.37 1.555 0 .792.129 1.17.308 1.37.162.181.52.38 1.442.38.854 0 1.339-.236 1.638-.54.315-.323.527-.827.618-1.553.117-.936-.038-1.396-.242-1.614zm2.472 0c.193-.207.637-.414 1.681-.298 1.02.114 1.48.404 1.713.7.247.313.37.79.37 1.555 0 .792-.129 1.17-.308 1.37-.162.181-.52.38-1.442.38-.854 0-1.339-.236-1.638-.54-.315-.323-.527-.827-.618-1.553-.117-.936.038-1.396.242-1.614z"/></svg>

web_src/less/_base.less

@@ -326,7 +326,7 @@ a.commit-statuses-trigger {
 .ui.action.input:not([class*="left action"]) > .ui.dropdown.selection {
   min-width: 10em;
 
-  &:not(:focus):not(:hover) {
+  &:not(:focus,:hover) {
     border-right-color: transparent;
   }
 }
@@ -1205,7 +1205,7 @@ a.ui.card:hover,
 
   &.pagination.menu {
     @media @mediaSm {
-      .item:not(.active):not(.navigation),
+      .item:not(.active,.navigation),
       .item.navigation span.navigation_label {
         display: none;
       }

web_src/less/_repository.less

@@ -494,7 +494,10 @@
           object-fit: contain;
         }
 
-        /* also see misc.css for one more related rule */
+        img[src$='.svg' i] {
+          max-height: 600px !important;
+          max-width: 600px !important;
+        }
       }
 
       .plain-text {

web_src/less/misc.css

@@ -1,5 +0,0 @@
-/* can not have this selector in less because of https://github.com/less/less.js/issues/3027 */
-.view-raw img[src$='.svg' i] {
-  max-height: 600px !important;
-  max-width: 600px !important;
-}

web_src/less/themes/theme-arc-green.less

@@ -185,7 +185,7 @@ a.ui.basic.green.label:hover {
   color: #fff !important;
 }
 
-.ui.divider:not(.vertical):not(.horizontal) {
+.ui.divider:not(.vertical,.horizontal) {
   border-bottom-color: var(--color-secondary);
   border-top-color: transparent;
 }

webpack.config.js

@@ -50,7 +50,6 @@ export default {
       fileURLToPath(new URL('web_src/js/index.js', import.meta.url)),
       fileURLToPath(new URL('node_modules/easymde/dist/easymde.min.css', import.meta.url)),
       fileURLToPath(new URL('web_src/fomantic/build/semantic.css', import.meta.url)),
-      fileURLToPath(new URL('web_src/less/misc.css', import.meta.url)),
       fileURLToPath(new URL('web_src/less/index.less', import.meta.url)),
     ],
     swagger: [