✨ add typescript-eslint-parser

Author: mysticatea

package.json

@@ -35,6 +35,8 @@
     "postcss-preset-env": "^6.1.2",
     "rimraf": "^2.6.2",
     "string-replace-loader": "^1.3.0",
+    "typescript": "~3.1.6",
+    "typescript-eslint-parser": "^21.0.1",
     "url-loader": "^1.1.2",
     "vue": "^2.5.9",
     "vue-eslint-editor": "^0.1.2",

scripts/make-versions.js

@@ -5,8 +5,12 @@ const fs = require("fs")
 fs.writeFileSync(
     "dist/versions.json",
     JSON.stringify({
+        "babel-eslint": require("babel-eslint/package.json").version,
         eslint: require("eslint/package.json").version,
         "eslint-plugin-vue": require("eslint-plugin-vue/package.json").version,
+        typescript: require("typescript/package.json").version,
+        "typescript-eslint-parser": require("typescript-eslint-parser/package.json")
+            .version,
         "vue-eslint-demo": require("../package.json").version,
         "vue-eslint-parser": require("vue-eslint-parser/package.json").version,
     }),

src/configuration-parser-select.vue

@@ -22,6 +22,11 @@ const PARSRES = Object.freeze([
         name: "babel-eslint",
         url: "https://github.com/babel/babel-eslint",
     }),
+    Object.freeze({
+        id: "typescript-eslint-parser",
+        name: "typescript-eslint-parser",
+        url: "https://github.com/eslint/typescript-eslint-parser",
+    }),
 ])
 
 export default {

src/state/deserialize.js

@@ -43,7 +43,11 @@ export function deserializeState(serializedString) {
             if (json.indentType === "space" || json.indentType === "tab") {
                 state.indentType = json.indentType
             }
-            if (json.parser === "espree" || json.parser === "babel-eslint") {
+            if (
+                json.parser === "espree" ||
+                json.parser === "babel-eslint" ||
+                json.parser === "typescript-eslint-parser"
+            ) {
                 state.config.parserOptions.parser = json.parser
             }
         }

src/versions.js

@@ -20,4 +20,12 @@ export default {
         repo: "babel/babel-eslint",
         version: "0.0.0",
     },
+    "typescript-eslint-parser": {
+        repo: "eslint/typescript-eslint-parser",
+        version: "0.0.0",
+    },
+    typescript: {
+        repo: "Microsoft/typescript",
+        version: "0.0.0",
+    },
 }

webpack.config.js

@@ -26,8 +26,23 @@ const VERSIONS = `export default ${JSON.stringify({
         repo: "babel/babel-eslint",
         version: require("babel-eslint/package.json").version,
     },
+    "typescript-eslint-parser": {
+        repo: "eslint/typescript-eslint-parser",
+        version: require("typescript-eslint-parser/package.json").version,
+    },
+    typescript: {
+        repo: "Microsoft/typescript",
+        version: require("typescript/package.json").version,
+    },
 })}`
 
+// Shim for vue-eslint-parser.
+const IMPORT_PARSER = `(
+    parserOptions.parser === "babel-eslint" ? require("babel-eslint") :
+    parserOptions.parser === "typescript-eslint-parser" ? require("typescript-eslint-parser") :
+    /* otherwise */ require("espree")
+)`
+
 module.exports = env => {
     const prod = Boolean(env && env.production)
     const mode = prod ? "production" : "development"
@@ -136,8 +151,7 @@ module.exports = env => {
                             options: {
                                 search:
                                     'typeof parserOptions.parser === "string"\n        ? require(parserOptions.parser)\n        : require("espree")',
-                                replace:
-                                    '(parserOptions.parser === "babel-eslint" ? require("babel-eslint") : require("espree"))',
+                                replace: IMPORT_PARSER,
                             },
                         },
                     ],
@@ -177,6 +191,20 @@ module.exports = env => {
                         },
                     ],
                 },
+                // Patch for `typescript`
+                {
+                    test: /node_modules[/\\]typescript[/\\]lib[/\\]typescript.js$/,
+                    use: [
+                        {
+                            loader: "string-replace-loader",
+                            options: {
+                                search: "require\\(.+?\\)",
+                                replace: "null",
+                                flags: "g",
+                            },
+                        },
+                    ],
+                },
             ],
         },
         resolve: {