migrate to babel 7, rollup and publish ESM source

.gitignore

@@ -1,4 +1,5 @@
 node_modules
 dist/
 lib/
+esm/
 npm-debug.log

babel.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  env: {
+    commonjs: {
+      presets: ['@babel/env', '@babel/react'],
+      plugins: ['@babel/transform-runtime'],
+    },
+    esm: {
+      presets: [
+        ['@babel/react', { useBuiltIns: true }]
+      ]
+    }
+  }
+};

example/blockStyles.html

@@ -20,7 +20,7 @@
     <script src="../node_modules/react-dom/umd/react-dom-server.browser.development.js"></script>
     <script src="../node_modules/immutable/dist/immutable.min.js"></script>
     <script src="../node_modules/es6-shim/es6-shim.js"></script>
-    <script src="../node_modules/babel-standalone/babel.min.js"></script>
+    <script src="../node_modules/@babel/standalone/babel.min.js"></script>
     <script src="../node_modules/draft-js/dist/Draft.js"></script>
     <script src="../dist/draft-extend.js"></script>
     <script src="../node_modules/draft-convert/dist/draft-convert.js"></script>

example/inlineStyles.html

@@ -20,7 +20,7 @@
     <script src="../node_modules/react-dom/umd/react-dom-server.browser.development.js"></script>
     <script src="../node_modules/immutable/dist/immutable.min.js"></script>
     <script src="../node_modules/es6-shim/es6-shim.js"></script>
-    <script src="../node_modules/babel-standalone/babel.min.js"></script>
+    <script src="../node_modules/@babel/standalone/babel.min.js"></script>
     <script src="../node_modules/draft-js/dist/Draft.js"></script>
     <script src="../dist/draft-extend.js"></script>
     <script src="../node_modules/draft-convert/dist/draft-convert.js"></script>

example/link.html

@@ -20,7 +20,7 @@
     <script src="../node_modules/react-dom/umd/react-dom-server.browser.development.js"></script>
     <script src="../node_modules/immutable/dist/immutable.min.js"></script>
     <script src="../node_modules/es6-shim/es6-shim.js"></script>
-    <script src="../node_modules/babel-standalone/babel.min.js"></script>
+    <script src="../node_modules/@babel/standalone/babel.min.js"></script>
     <script src="../node_modules/draft-js/dist/Draft.js"></script>
     <script src="../dist/draft-extend.js"></script>
     <script src="../node_modules/draft-convert/dist/draft-convert.js"></script>

example/mention.html

@@ -21,7 +21,7 @@
     <script src="../node_modules/react-dom/umd/react-dom-server.browser.development.js"></script>
     <script src="../node_modules/immutable/dist/immutable.min.js"></script>
     <script src="../node_modules/es6-shim/es6-shim.js"></script>
-    <script src="../node_modules/babel-standalone/babel.min.js"></script>
+    <script src="../node_modules/@babel/standalone/babel.min.js"></script>
     <script src="../node_modules/draft-js/dist/Draft.js"></script>
     <script src="../dist/draft-extend.js"></script>
     <script src="../node_modules/draft-convert/dist/draft-convert.js"></script>

example/token.html

@@ -20,7 +20,7 @@
     <script src="../node_modules/react-dom/umd/react-dom-server.browser.development.js"></script>
     <script src="../node_modules/immutable/dist/immutable.min.js"></script>
     <script src="../node_modules/es6-shim/es6-shim.js"></script>
-    <script src="../node_modules/babel-standalone/babel.min.js"></script>
+    <script src="../node_modules/@babel/standalone/babel.min.js"></script>
     <script src="../node_modules/draft-js/dist/Draft.js"></script>
     <script src="../dist/draft-extend.js"></script>
     <script src="../node_modules/draft-convert/dist/draft-convert.js"></script>

example/tray.html

@@ -20,7 +20,7 @@
     <script src="../node_modules/react-dom/umd/react-dom-server.browser.development.js"></script>
     <script src="../node_modules/immutable/dist/immutable.min.js"></script>
     <script src="../node_modules/es6-shim/es6-shim.js"></script>
-    <script src="../node_modules/babel-standalone/babel.min.js"></script>
+    <script src="../node_modules/@babel/standalone/babel.min.js"></script>
     <script src="../node_modules/draft-js/dist/Draft.js"></script>
     <script src="../dist/draft-extend.js"></script>
     <script src="../node_modules/draft-convert/dist/draft-convert.js"></script>

package.json

@@ -3,19 +3,21 @@
   "version": "1.6.4",
   "description": "Build extensible Draft.js editors with configurable plugins and integrated serialization.",
   "main": "lib/index.js",
+  "module": "esm/index.js",
   "repository": "HubSpot/draft-extend",
   "scripts": {
-    "build": "npm run clean && npm run build:commonjs && npm run build:umd && npm run build:umd:min && npm run build:css",
+    "build": "npm run clean && npm run build:commonjs && npm run build:esm && npm run build:umd && npm run build:css",
     "build:commonjs": "BABEL_ENV=commonjs babel src --out-dir lib",
-    "build:umd": "webpack --config webpack.config.development.js ./src/index.js ./dist/draft-extend.js",
-    "build:umd:min": "webpack --config webpack.config.production.js ./src/index.js ./dist/draft-extend.min.js",
+    "build:esm": "BABEL_ENV=esm babel src --out-dir esm",
+    "build:umd": "rollup -c",
     "build:css": "cp ./src/style/*.css ./dist/",
-    "clean": "rm -rf ./dist && rm -rf ./lib",
+    "clean": "rm -rf ./dist && rm -rf ./lib && rm -rf ./esm",
     "prepublish": "npm run build"
   },
   "files": [
     "dist",
-    "lib"
+    "lib",
+    "esm"
   ],
   "keywords": [
     "draft",
@@ -31,23 +33,27 @@
     "react-dom": "^15.0.0 || ^16.0.0"
   },
   "dependencies": {
+    "@babel/runtime": "^7.7.2",
     "immutable": "^3.8.1",
     "invariant": "^2.2.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "babel-cli": "^6.10.1",
-    "babel-core": "^6.7.7",
-    "babel-loader": "^6.2.4",
-    "babel-plugin-transform-object-rest-spread": "^6.6.5",
-    "babel-preset-env": "^1.6.1",
-    "babel-preset-react": "^6.5.0",
-    "babel-standalone": "^6.7.7",
+    "@babel/cli": "^7.5.0",
+    "@babel/core": "^7.5.4",
+    "@babel/plugin-transform-runtime": "^7.5.5",
+    "@babel/preset-env": "^7.5.4",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/standalone": "^7.7.3",
     "draft-convert": "^2.1.4",
     "draft-js": "^0.10.5",
     "es6-shim": "^0.35.0",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
-    "webpack": "^1.13.0"
+    "rollup": "^1.26.3",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-terser": "^5.1.2"
   }
 }

rollup.config.js

@@ -0,0 +1,32 @@
+import nodeResolve from 'rollup-plugin-node-resolve';
+import commonjs from 'rollup-plugin-commonjs';
+import replace from 'rollup-plugin-replace';
+import { terser } from 'rollup-plugin-terser';
+
+const globals = {
+  'draft-js': 'Draft',
+  'immutable': 'Immutable',
+  'react': 'React',
+  'react-dom': 'ReactDOM'
+};
+
+const bundle = (env) => ({
+  input: 'esm/index.js',
+  external: Object.keys(globals),
+  output: {
+    globals,
+    file: env === 'production' ? 'dist/draft-extend.min.js' : 'dist/draft-extend.js' ,
+    format: 'umd',
+    name: 'DraftExtend',
+  },
+  plugins: [
+    nodeResolve(),
+    commonjs(),
+    replace({
+      'process.env.NODE_ENV': JSON.stringify(env)
+    }),
+    env === 'production' && terser(),
+  ].filter(Boolean),
+})
+
+export default [bundle('production'), bundle('development')];