ui: auto mention when reply

packages/ui-default/build/main.js

@@ -6,7 +6,7 @@ import WebpackDevServer from 'webpack-dev-server';
 import gulp from 'gulp';
 import log from 'fancy-log';
 import chalk from 'chalk';
-import package from '../package.json';
+import pkg from '../package.json';
 import root from './utils/root';
 import gulpConfig from './config/gulp';
 import webpackConfig from './config/webpack';
@@ -78,7 +78,7 @@ async function main() {
   await runGulp();
   await runWebpack(argv.options);
   if (fs.existsSync('public/hydro.js')) {
-    fs.copyFileSync('public/hydro.js', `public/hydro-${package.version}.js`);
+    fs.copyFileSync('public/hydro.js', `public/hydro-${pkg.version}.js`);
   }
   if (argv.options.production) {
     fs.removeSync('public/vditor/dist/js/mathjax');

packages/ui-default/components/discussion/comments.page.js

@@ -109,14 +109,14 @@ async function onCommentClickReplyComment(ev, options = {}) {
 async function onCommentClickReplyReply(ev) {
   const $evTarget = $(ev.currentTarget);
   const $mediaBody = $evTarget.closest('.media__body');
-  const username = $mediaBody
-    .find('.user-profile-name').eq(0)
-    .text();
+  const uid = $mediaBody
+    .find('.user-profile-name')
+    .attr('href').split('/user/')[1];
 
   $evTarget
     .closest('.dczcomments__item')
     .find('[name="dczcomments__op-reply-comment"]').eq(0)
-    .trigger('click', { initialText: `@${username.trim()}: ` });
+    .trigger('click', { initialText: `@[](/user/${uid.trim()}) ` });
 }
 
 async function onCommentClickEdit(mode, ev) {

packages/ui-default/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.22.1",
+  "version": "4.22.2",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",