make a compat build

Author: ryanflorence

.gitignore

@@ -3,5 +3,6 @@
 /umd
 /index.js
 /lib
+/compat
 npm-debug.log*
 yarn-error.log*

build/babel-preset.js

@@ -4,7 +4,13 @@ const building = BABEL_ENV != undefined && BABEL_ENV !== "cjs";
 const plugins = [
   "transform-class-properties",
   "transform-object-rest-spread",
-  "dev-expression"
+  "dev-expression",
+  [
+    "transform-inline-environment-variables",
+    {
+      include: ["COMPAT"]
+    }
+  ]
 ];
 
 if (BABEL_ENV === "umd") {

build/build.js

@@ -9,6 +9,8 @@ const exec = (command, extraEnv) =>
     env: Object.assign({}, process.env, extraEnv)
   });
 
+////////////////////////////////////////////////////////////////////////////////
+// No compat
 console.log("Building CommonJS modules ...");
 
 exec("babel src -d . --ignore *.test.js", {
@@ -30,19 +32,50 @@ exec("rollup -c -f umd -o umd/reactions-router.js", {
 
 console.log("\nBuilding UMD min.js ...");
 
-exec(
-  "rollup -c -f umd -o umd/reactions-router.min.js",
-  {
-    BABEL_ENV: "umd",
-    NODE_ENV: "production"
-  }
-);
+exec("rollup -c -f umd -o umd/reactions-router.min.js", {
+  BABEL_ENV: "umd",
+  NODE_ENV: "production"
+});
 
-const size = gzipSize.sync(
-  fs.readFileSync("umd/reactions-router.min.js")
-);
+const size = gzipSize.sync(fs.readFileSync("umd/reactions-router.min.js"));
 
-console.log(
-  "\ngzipped, the UMD build is %s",
-  prettyBytes(size)
+console.log("\ngzipped, the UMD build is %s", prettyBytes(size));
+
+////////////////////////////////////////////////////////////////////////////////
+// With Compat
+
+console.log("Building CommonJS modules ...");
+
+exec("babel src -d compat --ignore *.test.js", {
+  BABEL_ENV: "cjs",
+  COMPAT: "1"
+});
+
+console.log("\nBuilding ES modules ...");
+
+exec("babel src -d es/compat --ignore *.test.js", {
+  BABEL_ENV: "es",
+  COMPAT: "1"
+});
+
+console.log("\nBuilding UMD ...");
+
+exec("rollup -c -f umd -o umd/reactions-router-compat.js", {
+  BABEL_ENV: "umd",
+  NODE_ENV: "development",
+  COMPAT: "1"
+});
+
+console.log("\nBuilding UMD min.js ...");
+
+exec("rollup -c -f umd -o umd/reactions-router-compate.min.js", {
+  BABEL_ENV: "umd",
+  NODE_ENV: "production",
+  COMPAT: "1"
+});
+
+const compatSize = gzipSize.sync(
+  fs.readFileSync("umd/reactions-router-compat.min.js")
 );
+
+console.log("\ngzipped, the UMD build is %s", prettyBytes(compatSize));

src/index.js

@@ -19,7 +19,7 @@ import {
   createMemorySource
 } from "./lib/history";
 
-const __COMPAT__ = true;
+const __COMPAT__ = process.env.COMPAT === "1";
 
 ////////////////////////////////////////////////////////////////////////////////
 // React polyfills