Adopt babel7 and add video and source tag

Author: HillLiu

.babelrc

@@ -0,0 +1,65 @@
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    env: {
+      build: {
+        presets: [
+          [
+            '@babel/preset-env',
+            {
+              targets: ['last 2 versions', 'ie >= 8'],
+            },
+          ],
+          '@babel/preset-react',
+        ],
+        plugins: [
+          'add-module-exports',
+          'dynamic-import-node',
+          'transform-react-pure-class-to-function',
+          ['transform-react-remove-prop-types', {mode: 'wrap'}],
+          [
+            'reshow-transform-runtime',
+            {
+              regenerator: false,
+            },
+          ],
+          '@babel/plugin-proposal-export-default-from',
+          '@babel/plugin-syntax-dynamic-import',
+          '@babel/plugin-transform-react-constant-elements',
+          '@babel/plugin-transform-object-assign',
+          '@babel/plugin-proposal-object-rest-spread',
+          '@babel/plugin-proposal-class-properties',
+        ],
+      },
+      es: {
+        presets: [
+          [
+            '@babel/preset-env',
+            {
+              modules: false,
+              targets: ['last 2 versions', 'ie >= 8'],
+            },
+          ],
+          '@babel/preset-react',
+        ],
+        plugins: [
+          'transform-react-pure-class-to-function',
+          ['transform-react-remove-prop-types', {mode: 'wrap'}],
+          [
+            'reshow-transform-runtime',
+            {
+              regenerator: false,
+              useESModules: true,
+            },
+          ],
+          '@babel/plugin-proposal-export-default-from',
+          '@babel/plugin-syntax-dynamic-import',
+          '@babel/plugin-transform-object-assign',
+          '@babel/plugin-transform-react-constant-elements',
+          '@babel/plugin-proposal-object-rest-spread',
+          '@babel/plugin-proposal-class-properties',
+        ],
+      },
+    },
+  };
+};

babel.config.js

@@ -1,26 +1,42 @@
 {
   "name": "react-atomic-atom",
-  "version": "1.0.18",
+  "version": "2.0.0",
   "description": "Atomic design in React (atoms)",
-  "main": "./build/src/index.js",
+  "main": "./build/cjs/src/index.js",
+  "module": "./build/es/src/index.js",
   "repository": "react-atomic/react-atomic-atom",
   "keywords": [
     "reactjs"
   ],
   "author": "Hill <hill@kimo.com>",
   "license": "MIT",
+  "dependencies": {
+    "reshow-runtime": "*"
+  },
   "devDependencies": {
-    "babel-cli": "^6.x",
-    "babel-core": "^6.x",
-    "babel-plugin-add-module-exports": "^0.1.2",
-    "babel-preset-env": "*",
-    "babel-preset-react": "^6.x",
-    "babel-preset-stage-0": "^6.x",
+    "@babel/cli": "^7.x",
+    "@babel/core": "^7.x",
+    "@babel/plugin-proposal-class-properties": "*",
+    "@babel/plugin-proposal-export-default-from": "*",
+    "@babel/plugin-proposal-object-rest-spread": "*",
+    "@babel/plugin-syntax-dynamic-import": "*",
+    "@babel/plugin-transform-object-assign": "*",
+    "@babel/plugin-transform-react-constant-elements": "*",
+    "@babel/preset-env": "*",
+    "@babel/preset-react": "*",
+    "babel-plugin-add-module-exports": "*",
+    "babel-plugin-dynamic-import-node": "*",
+    "babel-plugin-reshow-transform-runtime": "*",
+    "babel-plugin-transform-react-pure-class-to-function": "*",
+    "babel-plugin-transform-react-remove-prop-types": "*",
     "react": "^16.x"
   },
   "scripts": {
-    "build": "rm -rf build && babel ui --out-dir build/ui && babel src --out-dir build/src",
-    "prepublish": "npm run build"
+    "clean": "find ./build -name '*.*' | xargs rm -rf",
+    "build:cjs": "BABEL_ENV=build babel src -d build/cjs/src && BABEL_ENV=build babel ui -d build/cjs/ui",
+    "build:es": "BABEL_ENV=es babel src -d build/es/src && BABEL_ENV=es babel ui -d build/es/ui",
+    "build": "npm run clean && npm run build:cjs && npm run build:es",
+    "prepublishOnly": "npm run build"
   },
   "files": [
     "build",

package.json

@@ -1,15 +1,13 @@
-'use strict';
-
 import React from 'react';
 
-const Base = (name) => {
-    const Atom = ({refCb, ...others}) => {
-        if (refCb) {
-            others.ref = refCb;
-        }
-        return React.createElement(name, others);
+const Base = name => {
+  const Atom = ({refCb, ...others}) => {
+    if (refCb) {
+      others.ref = refCb;
     }
-    return Atom;
-}
+    return React.createElement(name, others);
+  };
+  return Atom;
+};
 
 export default Base;

src/base.js

@@ -30,6 +30,7 @@ export {default as Polygon} from '../ui/atoms/polygon'
 export {default as Rect} from '../ui/atoms/rect'
 export {default as Section} from '../ui/atoms/section'
 export {default as Select} from '../ui/atoms/select'
+export {default as Source} from '../ui/atoms/source'
 export {default as Span} from '../ui/atoms/span'
 export {default as Svg} from '../ui/atoms/svg'
 export {default as Table} from '../ui/atoms/table'
@@ -40,4 +41,5 @@ export {default as Th} from '../ui/atoms/th'
 export {default as Tr} from '../ui/atoms/tr'
 export {default as Tspan} from '../ui/atoms/tspan'
 export {default as Ul} from '../ui/atoms/ul'
+export {default as Video} from '../ui/atoms/video'
 

src/index.js

@@ -1,2 +1,2 @@
-const base = require('../../src/base')
-module.exports = base('a')
+import base from '../../src/base';
+export default base('a');

ui/atoms/a.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base')
-module.exports = base('article')
+import base from '../../src/base';
+export default base('article');

ui/atoms/article.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base')
-module.exports = base('button')
+import base from '../../src/base';
+export default base('button');

ui/atoms/button.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base')
-module.exports = base('circle')
+import base from '../../src/base';
+export default base('circle');

ui/atoms/circle.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('div');
+import base from '../../src/base';
+export default base('div');