fix: use babel-node for JavaScript

Author: aminya

lib/grammars/javascript.js

@@ -8,25 +8,23 @@ const babel = path.join(
   "../..",
   "node_modules",
   ".bin",
-  GrammarUtils.OperatingSystem.isWindows() ? "babel.cmd" : "babel"
+  GrammarUtils.OperatingSystem.isWindows() ? "babel-node.cmd" : "babel-node"
 )
 const babelConfig = path.join(__dirname, "babel.config.js")
 
-function JavaScriptArgs({ filepath }) {
-  const cmd = `'${babel}' --filename '${filepath}' --config-file ${babelConfig} < '${filepath}'| node`
-  return GrammarUtils.formatArgs(cmd)
-}
-
 const JavaScript = {
   "Selection Based": {
-    command: GrammarUtils.command,
+    command: babel,
     args: (context) => {
       const code = context.getCode()
       const filepath = GrammarUtils.createTempFileWithCode(code, ".js")
-      return JavaScriptArgs({ filepath })
+      return [filepath, "--config-file", babelConfig]
     },
   },
-  "File Based": { command: GrammarUtils.command, args: JavaScriptArgs },
+  "File Based": {
+    command: babel,
+    args: ({ filepath }) => [filepath, "--config-file", babelConfig],
+  },
 }
 const Babel = JavaScript
 const JSX = JavaScript

package.json

@@ -21,6 +21,7 @@
   "dependencies": {
     "@babel/cli": "^7.13.10",
     "@babel/core": "^7.13.10",
+    "@babel/node": "^7.13.12",
     "@babel/preset-env": "^7.13.10",
     "@babel/preset-react": "^7.12.13",
     "ansi-to-html": "^0.6.14",