add spark sql antlr4 js

Author: waltyou

package-lock.json

@@ -11,6 +11,7 @@
     "build": "node build/build.js"
   },
   "dependencies": {
+    "antlr4": "^4.7.2",
     "axios": "^0.19.0",
     "element-ui": "^2.12.0",
     "vue": "^2.5.2",

package.json

@@ -20,13 +20,14 @@ import 'codemirror/addon/lint/lint.js'
 
 import 'codemirror/addon/hint/sql-hint.js'
 import 'codemirror/mode/sql/sql.js'
+import '../sparkSql/sparksql-lint.js'
 
 export default {
   name: 'SparksqlEditor',
   data () {
     const code =
 `
-select a from b;
+selct a from b;
 `
     return {
       code,

src/components/SparksqlEditor.vue

@@ -0,0 +1,26 @@
+const antlr4 = require('antlr4')
+
+var ParseErrorListener = function () {
+  antlr4.error.ErrorListener.call(this)
+  this.annotations = []
+  return this
+}
+
+ParseErrorListener.prototype = Object.create(antlr4.error.ErrorListener.prototype)
+ParseErrorListener.prototype.constructor = ParseErrorListener
+
+ParseErrorListener.prototype.syntaxError = function (recognizer, offendingSymbol, line, column, msg, e) {
+  this.annotations.push({
+    row: line - 1,
+    col: column,
+    text: msg
+  })
+}
+
+ParseErrorListener.prototype.getErrors = function () {
+  return this.annotations
+}
+
+export {
+  ParseErrorListener
+}