ui: problem_files: yaml editor with schema

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

@@ -31,12 +31,12 @@ export default class Editor extends DOMAttachedObject {
     super($dom);
     this.options = options;
     if (UserContext.preferredEditorType === 'monaco') this.initMonaco();
-    else if (options.language && options.langua !== 'markdown') this.initMonaco();
+    else if (options.language && options.language !== 'markdown') this.initMonaco();
     else this.initVditor();
   }
 
   async initMonaco() {
-    const monaco = await import('monaco-editor/esm/vs/editor/editor.api');
+    const { default: monaco } = await import('vj/components/monaco/index');
     const {
       onChange, language = 'markdown',
       theme = UserContext.monacoTheme || 'vs-light',
@@ -52,7 +52,14 @@ export default class Editor extends DOMAttachedObject {
     $dom.hide();
     origin.parentElement.appendChild(ele);
     const value = this.options.value || $dom.val();
-    this.model = typeof model === 'string' ? monaco.editor.createModel(value, language, monaco.Uri.parse(model)) : model;
+    // eslint-disable-next-line no-nested-ternary
+    this.model = typeof model === 'string'
+      ? monaco.editor.getModel(monaco.Uri.parse(model))
+        ? monaco.editor.getModel(monaco.Uri.parse(model))
+        : monaco.editor.createModel(value, language, monaco.Uri.parse(model))
+      : model;
+    this.model.setValue(value);
+    this.model.updateOptions({ language });
     const cfg = {
       theme,
       lineNumbers: true,

packages/ui-default/components/monaco/index.js

@@ -20,12 +20,55 @@ monaco.languages.yaml.yamlDefaults.setDiagnosticsOptions({
   enableSchemaRequest: true,
   hover: true,
   completion: true,
+  format: true,
   schemas: [
     {
-      uri: '/manage/system-schema.json',
-      fileMatch: ['hydro://system/config.yaml'],
+      uri: 'https://hydro.js.org/schema/problemConfig.json',
+      fileMatch: ['hydro://problem/file/config.yaml'],
+      schema: {
+        type: 'object',
+        def: {
+          cases: { type: 'array', items: { $ref: '#/def/case' } },
+          case: {
+            type: 'object',
+            properties: {
+              input: { type: 'string' },
+              output: { type: 'string' },
+            },
+            required: ['input'],
+          },
+          subtask: {
+            description: 'Subtask Info',
+            type: 'object',
+            properties: {
+              time: { $ref: '#/def/time' },
+              memory: { $ref: '#/def/memory' },
+              score: { $ref: '#/def/score', description: 'score' },
+              cases: { $ref: '#/def/cases' },
+              if: { type: 'array', items: { type: 'integer' } },
+            },
+          },
+          time: { type: 'string', pattern: '^([0-9]+(?:\\.[0-9]*)?)([mu]?)s?$' },
+          memory: { type: 'string', pattern: '^([0-9]+(?:\\.[0-9]*)?)([kmg])b?$' },
+          score: { type: 'integer', maximum: 100, minimum: 1 },
+        },
+        properties: {
+          type: { enum: ['default', 'interactive', 'submit_answer'] },
+          checker_type: { enum: ['default', 'lemon', 'syzoj', 'testlib', 'strict', 'qduoj'] },
+          checker: { type: 'string', pattern: '\\.' },
+          interactor: { type: 'string', pattern: '\\.' },
+          user_extra_files: { type: 'array', items: { type: 'string' } },
+          judge_extra_files: { type: 'array', items: { type: 'string' } },
+          cases: { $ref: '#/def/cases' },
+          subtasks: { type: 'array', items: { $ref: '#/def/subtask' } },
+          outputs: { type: 'array' },
+          filename: { type: 'string' },
+          time: { $ref: '#/def/time' },
+          memory: { $ref: '#/def/memory' },
+          score: { $ref: '#/def/score' },
+        },
+      },
     },
-    ...window.Context.schemas,
   ],
 });