Output ESM build, and make module tree-shakeable

.babelrc

@@ -3,7 +3,16 @@
     "@babel/preset-env",
     "@babel/preset-react"
   ],
-  "plugins": [
-    "rewire"
-  ]
+  "env": {
+    "esm": {
+      "presets": [
+        ["@babel/preset-env", { "modules": false }]
+      ]
+    },
+    "test": {
+      "plugins": [
+        "rewire"
+      ]
+    }
+  }
 }

.eslintignore

@@ -1,3 +1,4 @@
 examples/*
+esm/*
 lib/*
 umd/*

.gitignore

@@ -2,5 +2,6 @@
 *.log
 *.swp
 node_modules
+esm
 lib
 umd

package.json

@@ -3,21 +3,25 @@
   "version": "6.0.0",
   "description": "A Redux binding for React Router v4",
   "main": "lib/index.js",
+  "module": "esm/index.js",
   "types": "./index.d.ts",
+  "sideEffects": false,
   "author": "Supasate Choochaisri",
   "license": "MIT",
   "files": [
     "*.md",
     "*.js",
     "*.ts",
+    "esm",
     "lib",
     "umd"
   ],
   "scripts": {
+    "build:esm": "BABEL_ENV=esm babel src --out-dir esm",
     "build:commonjs": "BABEL_ENV=commonjs babel src --out-dir lib",
     "build:umd": "NODE_ENV=development webpack src/index.js umd/ConnectedReactRouter.js",
     "build:umd:min": "NODE_ENV=production webpack -p src/index.js umd/ConnectedReactRouter.min.js",
-    "build": "npm run build:commonjs & npm run build:umd & npm run build:umd:min",
+    "build": "npm run build:esm & npm run build:commonjs & npm run build:umd & npm run build:umd:min",
     "lint": "eslint .",
     "test": "jest --config ./.jestrc.json",
     "test:watch": "npm run test -- --watch",

src/immutable.js

@@ -1,19 +1,11 @@
-import createAll from './createAll'
+import createConnectedRouter from "./ConnectedRouter"
+import createConnectRouter from "./reducer"
+import createSelectors from "./selectors"
 import immutableStructure from './structure/immutable'
 
-export const {
-  LOCATION_CHANGE,
-  CALL_HISTORY_METHOD,
-  push,
-  replace,
-  go,
-  goBack,
-  goForward,
-  routerActions,
-  ConnectedRouter,
-  connectRouter,
-  routerMiddleware,
-  getLocation,
-  getAction,
-  createMatchSelector,
-} = createAll(immutableStructure)
+export { LOCATION_CHANGE, CALL_HISTORY_METHOD, push, replace, go, goBack, goForward, routerActions } from "./actions"
+export { default as routerMiddleware } from "./middleware"
+
+export const ConnectedRouter = /*#__PURE__*/ createConnectedRouter(immutableStructure)
+export const connectRouter = /*#__PURE__*/ createConnectRouter(immutableStructure)
+export const { getLocation, getAction, createMatchSelector } = /*#__PURE__*/ createSelectors(immutableStructure)

src/index.js

@@ -1,19 +1,11 @@
-import createAll from './createAll'
-import plainStructure from './structure/plain'
+import createConnectedRouter from "./ConnectedRouter"
+import createConnectRouter from "./reducer"
+import createSelectors from "./selectors"
+import plainStructure from "./structure/plain"
 
-export const {
-  LOCATION_CHANGE,
-  CALL_HISTORY_METHOD,
-  push,
-  replace,
-  go,
-  goBack,
-  goForward,
-  routerActions,
-  ConnectedRouter,
-  connectRouter,
-  routerMiddleware,
-  getLocation,
-  getAction,
-  createMatchSelector,
-} = createAll(plainStructure)
+export { LOCATION_CHANGE, CALL_HISTORY_METHOD, push, replace, go, goBack, goForward, routerActions } from "./actions"
+export { default as routerMiddleware } from "./middleware"
+
+export const ConnectedRouter = /*#__PURE__*/ createConnectedRouter(plainStructure)
+export const connectRouter = /*#__PURE__*/ createConnectRouter(plainStructure)
+export const { getLocation, getAction, createMatchSelector } = /*#__PURE__*/ createSelectors(plainStructure)

src/seamless-immutable.js

@@ -1,19 +1,11 @@
-import createAll from './createAll'
+import createConnectedRouter from "./ConnectedRouter"
+import createConnectRouter from "./reducer"
+import createSelectors from "./selectors"
 import immutableStructure from './structure/seamless-immutable'
 
-export const {
-  LOCATION_CHANGE,
-  CALL_HISTORY_METHOD,
-  push,
-  replace,
-  go,
-  goBack,
-  goForward,
-  routerActions,
-  ConnectedRouter,
-  connectRouter,
-  routerMiddleware,
-  getLocation,
-  getAction,
-  createMatchSelector,
-} = createAll(immutableStructure)
+export { LOCATION_CHANGE, CALL_HISTORY_METHOD, push, replace, go, goBack, goForward, routerActions } from "./actions"
+export { default as routerMiddleware } from "./middleware"
+
+export const ConnectedRouter = /*#__PURE__*/ createConnectedRouter(immutableStructure)
+export const connectRouter = /*#__PURE__*/ createConnectRouter(immutableStructure)
+export const { getLocation, getAction, createMatchSelector } = /*#__PURE__*/ createSelectors(immutableStructure)