V6.0.0 Use rollup instead of browserify and add module exports for tools that support it.

Author: nmn

.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": ["@babel/env", "@babel/react", "@babel/flow"]
+  "presets": ["@babel/react", "@babel/flow"]
 }

.eslintrc

@@ -47,6 +47,7 @@
     "node_modules",
     "coverage",
     "examples",
-    "lib"
+    "lib",
+    "es6"
   ]
 }

.flowconfig

@@ -1,5 +1,6 @@
 [ignore]
 .*/lib/.*
+.*/es6/.*
 .*/coverage/.*
 .*/node_modules/module-deps/.*
 

.gitignore

@@ -25,6 +25,7 @@ build/Release
 
 node_modules
 lib
+es6
 examples/simple/bundle.js
 
 .DS_Store

.npmignore

@@ -1,6 +1,10 @@
+__tests__
+.circleci
+coverage
+examples
 node_modules
 src
-examples
 .babelrc
-coverage
-.circleci
+.eslintrc
+.flowignore
+.prettierignore

.prettierignore

@@ -25,6 +25,7 @@ build/Release
 
 node_modules
 lib
+es6
 examples/simple/bundle.js
 
 .DS_Store

examples/simple/index.js

@@ -1,5 +1,5 @@
 /* @flow */
-import React from 'react'
+import * as React from 'react'
 import ReactDom from 'react-dom'
 import TimeAgo from '../../src/index'
 

package.json

@@ -1,13 +1,16 @@
 {
   "name": "react-timeago",
-  "version": "5.3.0",
+  "version": "6.0.0",
   "description": "A simple Time-Ago component for ReactJs",
   "main": "lib/index.js",
+  "module": "es6/index.js",
   "scripts": {
-    "babel": "babel src/ --out-dir lib/",
-    "build": "npm run babel && npm run cpflow && npm run example",
+    "babel-es6": "babel src/ --out-dir es6/ --presets=@babel/react,@babel/flow",
+    "babel": "babel src/ --out-dir lib/ --presets=@babel/env,@babel/react,@babel/flow",
+    "build": "npm run babel && npm run babel-es6 && npm run cpflow && npm run cpflow-es6 && npm run example",
+    "cpflow-es6": "find ./src -name '*.js' -not -path '*/__*' | while read filepath; do cp $filepath `echo $filepath | sed 's/\\/src\\//\\/es6\\//g'`.flow; done",
     "cpflow": "find ./src -name '*.js' -not -path '*/__*' | while read filepath; do cp $filepath `echo $filepath | sed 's/\\/src\\//\\/lib\\//g'`.flow; done",
-    "example": "browserify -t babelify --debug examples/simple/index.js -o examples/simple/bundle.js",
+    "example": "rollup -c ./rollup.config.js",
     "prepublish": "npm run build",
     "test": "jest --coverage"
   },
@@ -44,11 +47,13 @@
     "@babel/preset-flow": "^7.13.13",
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-stage-1": "^7.8.3",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-commonjs": "^19.0.0",
+    "@rollup/plugin-node-resolve": "^13.0.0",
+    "@rollup/plugin-replace": "^2.4.2",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.0.4",
     "babel-jest": "^26.3.0",
-    "babelify": "^10.0.0",
-    "browserify": "^17.0.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-flowtype": "^5.7.2",
     "eslint-plugin-import": "^2.23.0",
@@ -57,7 +62,8 @@
     "prettier": "^2.3.0",
     "react": "^17.0.2",
     "react-addons-test-utils": "^15.6.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "rollup": "^2.47.0"
   },
   "dependencies": {
     "eslint": "^7.26.0"

rollup.config.js

@@ -0,0 +1,25 @@
+// eslint-disable-next-line
+import commonjs from '@rollup/plugin-commonjs'
+import { babel } from '@rollup/plugin-babel'
+import resolve from '@rollup/plugin-node-resolve'
+import replace from '@rollup/plugin-replace'
+
+export default {
+  external: [],
+  input: 'examples/simple/index.js',
+  output: {
+    file: 'examples/simple/bundle.js',
+    format: 'iife',
+  },
+  plugins: [
+    babel({ babelHelpers: 'bundled' }),
+    commonjs(),
+    resolve({
+      browser: true,
+      dedupe: ['react', 'react-dom'],
+    }),
+    replace({
+      'process.env.NODE_ENV': JSON.stringify('production'),
+    }),
+  ],
+}