feat: define vega code block using json overlay mode in editor

to get vega-lite syntax highlighting work

Signed-off-by: Max Wu <[email protected]>

Author: jackycute

public/js/lib/editor/index.js

@@ -131,6 +131,17 @@ export default class Editor {
     }
     this.eventListeners = {}
     this.config = config
+
+    // define modes from mode mime
+    let ignoreOverlay = {
+      token: function (stream, state) {
+        stream.next()
+        return null
+      }
+    }
+    CodeMirror.defineMode('vega', function (config, modeConfig) {
+      return CodeMirror.overlayMode(CodeMirror.getMode(config, 'application/ld+json'), ignoreOverlay)
+    })
   }
 
   on (event, cb) {