ui: display mode fix

package.json

@@ -28,18 +28,18 @@
     "license": "AGPL-3.0-only",
     "devDependencies": {
         "@types/cross-spawn": "^6.0.2",
-        "@types/node": "^16.4.12",
+        "@types/node": "^16.7.6",
         "@types/semver": "^7.3.8",
         "@typescript-eslint/eslint-plugin": "^4.29.0",
-        "@typescript-eslint/parser": "^4.29.0",
+        "@typescript-eslint/parser": "^4.29.3",
         "cac": "^6.7.3",
         "cross-env": "^7.0.3",
         "cross-spawn": "^7.0.3",
-        "esbuild": "^0.12.18",
+        "esbuild": "^0.12.24",
         "eslint": "^7.32.0",
         "eslint-config-airbnb-typescript": "^12.3.1",
         "eslint-import-resolver-typescript": "^2.4.0",
-        "eslint-plugin-import": "^2.23.4",
+        "eslint-plugin-import": "^2.24.2",
         "fs-extra": "^10.0.0",
         "globby": "^11.0.4",
         "latest-version": "^6.0.0",
@@ -47,7 +47,7 @@
         "nmls": "^3.0.1",
         "ora": "^5.4.1",
         "semver": "^7.3.5",
-        "typedoc": "^0.21.5",
+        "typedoc": "^0.21.8",
         "typescript": "4.2.4"
     }
 }

packages/center/package.json

@@ -11,7 +11,7 @@
         "superagent": "^6.1.0"
     },
     "devDependencies": {
-        "@types/js-yaml": "^4.0.2"
+        "@types/js-yaml": "^4.0.3"
     },
     "peerDependencies": {
         "hydrooj": "*"

packages/hydrojudge/package.json

@@ -9,20 +9,20 @@
         "@hydrooj/utils": "workspace:*",
         "axios": "^0.21.1",
         "cac": "^6.7.3",
-        "esbuild": "^0.12.18",
+        "esbuild": "^0.12.24",
         "fs-extra": "^10.0.0",
         "js-yaml": "^4.1.0",
         "lodash": "^4.17.21",
         "mongodb": "^3.6.11",
         "p-queue": "^7.1.0",
         "shell-quote": "^1.7.2",
-        "ws": "^8.0.0"
+        "ws": "^8.2.1"
     },
     "preferUnplugged": true,
     "license": "AGPL-3.0-or-later",
     "devDependencies": {
         "@types/fs-extra": "^9.0.12",
-        "@types/js-yaml": "^4.0.2",
+        "@types/js-yaml": "^4.0.3",
         "@types/lodash": "^4.14.172",
         "@types/shell-quote": "^1.7.1",
         "@types/ws": "^7.4.7"

packages/hydrooj/package.json

@@ -24,9 +24,9 @@
         "js-yaml": "^4.1.0",
         "koa": "^2.13.1",
         "koa-body": "^4.2.0",
-        "koa-compress": "^5.0.1",
+        "koa-compress": "^5.1.0",
         "koa-proxies": "^0.12.1",
-        "koa-router": "^10.0.0",
+        "koa-router": "^10.1.1",
         "koa-static-cache": "^5.1.4",
         "lodash": "^4.17.21",
         "lru-cache": "^6.0.0",
@@ -47,7 +47,7 @@
         "@types/adm-zip": "^0.4.34",
         "@types/express-serve-static-core": "^4.17.24",
         "@types/fs-extra": "^9.0.12",
-        "@types/js-yaml": "^4.0.2",
+        "@types/js-yaml": "^4.0.3",
         "@types/koa": "^2.13.4",
         "@types/koa-compress": "^4.0.3",
         "@types/koa-router": "^7.4.4",
@@ -55,7 +55,7 @@
         "@types/lodash": "^4.14.172",
         "@types/lru-cache": "^5.1.1",
         "@types/mime-types": "^2.1.1",
-        "@types/minio": "^7.0.9",
+        "@types/minio": "^7.0.10",
         "@types/mongodb": "^3.6.20",
         "@types/nodemailer": "^6.4.4",
         "@types/serialize-javascript": "^5.0.1",

packages/login-with-qq/package.json

@@ -7,7 +7,7 @@
     "license": "AGPL-3.0-or-later",
     "preferUnplugged": true,
     "dependencies": {
-        "ws": "^8.0.0"
+        "ws": "^8.2.1"
     },
     "devDependencies": {
         "@types/ws": "^7.4.7"

packages/ui-default/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.18.11",
+  "version": "4.18.12",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",
@@ -10,10 +10,10 @@
     "lint": "eslint ."
   },
   "devDependencies": {
-    "@blockly/block-extension-tooltip": "^1.0.15",
+    "@blockly/block-extension-tooltip": "^1.0.17",
-    "@blueprintjs/core": "^3.47.0",
+    "@blueprintjs/core": "^3.48.0",
-    "@blueprintjs/icons": "^3.27.0",
+    "@blueprintjs/icons": "^3.28.0",
-    "@blueprintjs/select": "^3.16.6",
+    "@blueprintjs/select": "^3.17.0",
     "@hydrooj/utils": "workspace:*",
     "@types/jquery": "^3.5.6",
     "@types/json-schema": "^7.0.9",
@@ -32,13 +32,13 @@
     "diff-dom": "^4.2.2",
     "echarts": "^5.1.2",
     "emojify.js": "^1.1.0",
-    "esbuild-loader": "^2.14.0",
+    "esbuild-loader": "^2.15.1",
     "eslint": "^7.32.0",
     "eslint-config-airbnb": "^18.2.1",
     "eslint-import-resolver-webpack": "^0.13.1",
-    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-import": "^2.24.2",
     "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-react": "^7.25.0",
     "fancy-log": "^1.3.3",
     "file-loader": "^6.2.0",
     "friendly-errors-webpack-plugin": "^1.7.0",
@@ -58,8 +58,8 @@
     "mini-css-extract-plugin": "^1.6.2",
     "moment": "^2.29.1",
     "monaco-editor": "^0.26.1",
-    "monaco-editor-webpack-plugin": "^4.1.1",
+    "monaco-editor-webpack-plugin": "^4.1.2",
-    "nanoid": "^3.1.23",
+    "nanoid": "^3.1.25",
     "normalize.css": "^8.0.1",
     "nprogress": "^0.2.0",
     "pickadate": "^3.6.4",
@@ -78,7 +78,7 @@
     "redux-thunk": "^2.3.0",
     "rupture": "^0.7.1",
     "slideout": "^1.0.1",
-    "sockjs-client": "^1.5.1",
+    "sockjs-client": "^1.5.2",
     "speed-measure-webpack-plugin": "^1.5.0",
     "sticky-kit": "^1.1.3",
     "style-loader": "^2.0.0",
@@ -99,13 +99,13 @@
     "webpackbar": "^5.0.0-3"
   },
   "dependencies": {
-    "esbuild": "^0.12.18",
+    "esbuild": "^0.12.24",
     "js-yaml": "^4.1.0",
     "jsesc": "^3.0.2",
-    "katex": "^0.13.13",
+    "katex": "^0.13.16",
     "lodash": "^4.17.21",
     "markdown-it": "^12.2.0",
-    "markdown-it-anchor": "^8.1.2",
+    "markdown-it-anchor": "^8.3.0",
     "markdown-it-footnote": "^3.0.3",
     "markdown-it-imsize": "^2.0.1",
     "markdown-it-mark": "^3.0.1",

packages/ui-default/pages/problem_main.page.js

@@ -1,4 +1,5 @@
 import _ from 'lodash';
+import $ from 'jquery';
 import { NamedPage } from 'vj/misc/Page';
 import Notification from 'vj/components/notification';
 import { ConfirmDialog } from 'vj/components/dialog';
@@ -200,7 +201,9 @@ async function handleDownload(ev) {
 }
 
 const page = new NamedPage(['problem_main', 'problem_category'], () => {
-  const doc = document.getElementById('listSection');
+  const doc = document.body;
+  doc.className += ' display-mode';
+  $('.section.display-mode').removeClass('display-mode');
   buildCategoryFilter();
   parseCategorySelection();
   $('[name="leave-edit-mode"]').on('click', () => {

packages/ui-default/templates/problem_main.html

@@ -9,7 +9,7 @@
   }) }}
   <div class="row">
     <div class="medium-9 columns">
-      <div class="section display-mode" id="listSection">
+      <div class="section display-mode">
         <div class="section__body no-padding">
           <form method="get" id="searchForm" action="{{ url('problem_main') }}">
             <div class="search">