feat(build): es2015 bundle artifact (#6291)

* es2015 bundle with dependencies via npm script build:es:bundle
* es2015 bundle without dependencies via npm script build:es:bundle
* jest dependency for test:artifact
* migrate babel.config.json to babel.config.js and maintain env support for commonjs and es2015
* remove polyfill
* fix es syntax: replace module.exports with export
* fix es syntax: remove .jsx extension inside import

Author: tim-lai

.eslintrc

@@ -3,6 +3,7 @@ env:
   browser: true
   node: true
   es6: true
+  jest: true
 parserOptions:
   ecmaFeatures:
     jsx: true

.gitignore

@@ -11,9 +11,12 @@ selenium-debug.log
 chromedriver.log
 test/e2e/db.json
 docs/_book
-dist/log*
 
+# dist
 flavors/**/dist/*
+/lib
+/es
+dist/log*
 
 # Cypress
 test/e2e-cypress/screenshots

.mocharc.yaml

@@ -1,3 +1,2 @@
 recursive: true
 require: ['esm','@babel/register','source-map-support', 'test/mocha/setup.js']
-# spec: 'test/mocha/**/*.{js,jsx}'

babel.config.json renamed to babel.config.js

@@ -1,5 +1,58 @@
-{
+module.exports = {
   "env": {
+    "commonjs": {
+      "presets": [
+        [
+          "@babel/preset-env",
+          {
+            "debug": false,
+            "modules": "commonjs",
+            "targets": {
+              "node": "8"
+            },
+            "forceAllTransforms": false,
+            "ignoreBrowserslistConfig": true
+          }
+        ],
+        "@babel/preset-react",
+      ],
+      "plugins": [
+        [
+          "@babel/plugin-transform-modules-commonjs",
+          {
+            "loose": true
+          }
+        ],
+        "@babel/proposal-class-properties",
+        "@babel/proposal-object-rest-spread",
+        "@babel/plugin-proposal-optional-chaining",
+      ]
+    },
+    "es": {
+      "presets": [
+        [
+          "@babel/preset-env",
+          {
+            "debug": false,
+            "modules": false
+          }
+        ],
+        "@babel/preset-react",
+      ],
+      "plugins": [
+        [
+          "@babel/plugin-transform-runtime",
+          {
+            "absoluteRuntime": false,
+            "corejs": 2,
+            "version": "^7.10.4"
+          }
+        ],
+        "@babel/proposal-class-properties",
+        "@babel/proposal-object-rest-spread",
+        "@babel/plugin-proposal-optional-chaining",
+      ]
+    },
     "development": {
       "presets": [
         [

config/.eslintrc

@@ -0,0 +1,8 @@
+{
+  "rules": {
+    "import/no-unresolved": 0,
+    "import/extensions": 0,
+    "quotes": ["error", "single"],
+    "semi": ["error", "always"]
+  }
+}

config/jest/jest.artifact-es-bundle-core.config.js

@@ -0,0 +1,7 @@
+const path = require('path');
+
+module.exports = {
+  rootDir: path.join(__dirname, '..', '..'),
+  testEnvironment: 'jsdom',
+  testMatch: ['**/test/build-artifacts/es-bundle-core.js'],
+};

config/jest/jest.artifact-es-bundle.config.js

@@ -0,0 +1,7 @@
+const path = require('path');
+
+module.exports = {
+  rootDir: path.join(__dirname, '..', '..'),
+  testEnvironment: 'jsdom',
+  testMatch: ['**/test/build-artifacts/es-bundle.js'],
+};

config/jest/jest.artifact-umd-bundle.config.js

@@ -0,0 +1,7 @@
+const path = require('path');
+
+module.exports = {
+  rootDir: path.join(__dirname, '..', '..'),
+  testEnvironment: 'jsdom',
+  testMatch: ['**/test/build-artifacts/umd.js'],
+};