feat(build): Upgrade babel Config

BREAKING CHANGE: this build output will not work on IE 11 anymore

- Add "targets" to "esmodules" for async/await
- Add babel-plugin-static-fs for inliing static content
  - it will improve browser compatibility

fix #23
fix #31

Author: azu

bin/cmd.js

@@ -1,13 +1,13 @@
 #!/usr/bin/env node
-var spawn = require("cross-spawn");
-var script = process.argv[2];
-var args = process.argv.slice(3);
+const spawn = require("cross-spawn");
+const script = process.argv[2];
+const args = process.argv.slice(3);
 
 switch (script) {
     case "init":
     case "build":
     case "test":
-        var result = spawn.sync("node", [require.resolve("../scripts/" + script)].concat(args), { stdio: "inherit" });
+        const result = spawn.sync("node", [require.resolve("../scripts/" + script)].concat(args), { stdio: "inherit" });
         process.exit(result.status);
         break;
     default:

configs/babel-register.js

@@ -1,2 +1 @@
-"use strict";
-require("@babel/register")(require("./babelrc"));
+require("@babel/register")(require("./babel.config"));

configs/babel.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+    presets: [
+        [
+            "@babel/env",
+            {
+                // For async/await support
+                // https://babeljs.io/docs/en/babel-preset-env#targetsesmodules
+                targets: {
+                    esmodules: true
+                }
+            }
+        ]
+    ],
+    plugins: [
+        // inline fs content
+        "static-fs"
+    ]
+};

configs/babelrc.js

@@ -4,6 +4,9 @@
     "build": "textlint-scripts build",
     "test": "textlint-scripts test"
   },
+  "dependencies": {
+    "prh": "^5.4.3"
+  },
   "devDependencies": {
     "textlint-scripts": "file:../"
   }

example/package.json

@@ -0,0 +1,8 @@
+const prh = require("prh");
+const fs = require("fs");
+const path = require("path");
+module.exports = function(text) {
+    const dict = fs.readFileSync(path.join(__dirname, "prh.yml"), "utf-8");
+    const engine = prh.fromYAML("", dict);
+    return engine.makeChangeSet("", text);
+};

example/src/common.js

@@ -1,11 +1,29 @@
 "use strict";
-import assert from "assert";
+import mod from "./module";
+
+const path = require("path");
+const common = require("./common");
 module.exports = function(context, options = {}) {
     const { Syntax, RuleError, report, getSource } = context;
     return {
+        // async test
+        async [Syntax.Code](node) {
+            return null;
+        },
         [Syntax.Str](node) {
             // "Str" node
             const text = getSource(text);
+            // check prh
+            const result = common(text);
+            if (result.diffs.length > 0) {
+                result.diffs.forEach(diff => {
+                    const ruleError = new RuleError("Found " + diff.expected + "!", {
+                        index: diff.index // padding of index
+                    });
+                    report(node, ruleError);
+                });
+            }
+            // check inline
             if (/bugs/.test(text)) {
                 const indexOfBugs = text.search(/bugs/);
                 const ruleError = new RuleError("Found bugs.", {

example/src/index.js

@@ -0,0 +1 @@
+export default {};

example/src/module.js

@@ -0,0 +1,8 @@
+version: 1
+rules:
+  - expected: jQuery
+    specs:
+      - from: jquery
+        to:   jQuery
+      - from: ＪＱＵＥＲＹ
+        to:   jQuery

example/src/prh.yml

@@ -13,6 +13,16 @@ tester.run("rule", rule, {
         "OK."
     ],
     invalid: [
+        // inline file
+        {
+            text: "jquery",
+            errors: [
+                {
+                    message: "Found jQuery!",
+                    index: 0
+                }
+            ]
+        },
         // single match
         {
             text: "It is bugs.",

example/test/index-test.js

@@ -41,6 +41,7 @@
     "@babel/core": "^7.5.0",
     "@babel/preset-env": "^7.5.0",
     "@babel/register": "^7.4.4",
+    "babel-plugin-static-fs": "^1.2.0",
     "confirmer": "^1.1.2",
     "cross-spawn": "^6.0.5",
     "mocha": "^6.1.4",

package.json

@@ -6,11 +6,11 @@ process.env.NODE_ENV = "production";
 const spawn = require("cross-spawn");
 const args = process.argv.slice(2);
 const babel = require.resolve(".bin/babel");
-const babelrc = require("../configs/babelrc");
+const babelConfigFilePath = require.resolve("../configs/babel.config");
 // babel src --out-dir lib --watch --source-maps
 const child = spawn(
     babel,
-    ["--presets", babelrc.presets.join(","), "--source-maps", "--out-dir", "lib", "src"].concat(args)
+    ["--config-file", babelConfigFilePath, "--source-maps", "--out-dir", "lib", "src"].concat(args)
 );
 child.stderr.on("data", function(data) {
     process.stderr.write(data);