ui: change default editor mode to sv

packages/ui-default/components/editor/index.ts

@@ -1,4 +1,5 @@
 import _ from 'lodash';
+import Notification from 'vj/components/notification';
 import DOMAttachedObject from 'vj/components/DOMAttachedObject';
 
 export const config = {
@@ -168,7 +169,16 @@ export default class Editor extends DOMAttachedObject {
       this.vditor = new Vditor(ele, {
         ...config,
         ...this.options,
-        after: () => resolve(null),
+        after: () => {
+          const pos = $(ele).find('button[data-mode="sv"]').get();
+          const button = $('<button data-mode="monaco">Monaco Editor</button>');
+          button.on('click', (e) => {
+            Notification.info('You can select this in PreferenceSettings');
+            e.preventDefault();
+          });
+          button.insertAfter(pos);
+          resolve(null);
+        },
         input(v) {
           $dom.val(v);
           $dom.text(v);

packages/ui-default/package.json

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

packages/ui-default/setting.yaml

@@ -54,7 +54,7 @@ preferredEditorType:
     monaco: Monaco Editor
   family: markdown
   category: preference
-  value: monaco
+  value: sv
 monacoTheme:
   type:
     vs-dark: VS Dark

packages/ui-default/templates/components/md_hint.html

@@ -6,7 +6,7 @@
       <dt>{{ _('Code blocks') }}</dt>
       <dd><pre>```c++
 int main() {
-return 0;
+  return 0;
 }
 ```</pre></dd>
       <dt>{{ _('Inline formulas') }}</dt>
@@ -20,13 +20,15 @@ return 0;
       <dt>{{ _('Images') }}</dt>
       <dd><pre>![{{ _('Description') }}](https://...)</pre></dd>
       <dt>{{ _('Images With Size') }}</dt>
-      <dd><pre>![{{ _('Description') }}](url = 100x100)</pre></dd>
+      <dd><pre>![{{ _('Description') }}](url =100x100)</pre></dd>
       <dt>{{ _('Footnote') }}</dt>
-      <dd><pre>Here is a reference[^1].
+      <dd><pre>Here is a ref[^1].
 
-[^1]: Here is the footnote.</pre></dd>
+[^1]: And the footnote.</pre></dd>
       <dt>{{ _('Videos') }}</dt>
-      <dd><pre>@[video](https://.../file.mp4)</pre></dd>
+      <dd><pre>@[video](https://.../a.mp4)</pre></dd>
+      <dt>{{ _('Mention')}}</dt>
+      <dd><pre>@[](/user/uid)</pre></dd>
     </dl>
     <h2>{{ _('Learn More') }}</h2>
     <ul>