Merge pull request #70 from blocknative/fix/transpile-es5

transpile to es5

Closes #67

Author: lnbc1QWFyb24

.babelrc

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    ["@babel/env", { "modules": false, "useBuiltIns": "entry", "corejs": 3 }]
+  ]
+}

.circleci/config.yml

@@ -28,8 +28,8 @@ jobs:
       - run: sudo npm i -g npm-cli-login
       - run: NPM_USER=$NPM_USERNAME NPM_EMAIL=$NPM_EMAIL NPM_PASS=$NPM_PASSWORD npm-cli-login
       - run: npm publish --dry-run
-      - run: gzip -9 ./dist/bnc-onboard.js
-      - run: mv ./dist/bnc-onboard.js.gz ./dist/bnc-onboard.js
+      - run: gzip -9 ./dist/onboard.umd.js
+      - run: mv ./dist/onboard.umd.js.gz ./dist/onboard.umd.js
       - run: ls -al
       - run: echo export VERSION=`awk '/version/{gsub(/("|",)/,"",$2);print $2};' package.json | sed 's/\./-/g'` >> $BASH_ENV
       - run: mkdir /root/project/deploy-temp
@@ -48,8 +48,8 @@ jobs:
       - run: sudo npm i -g add npm-cli-login
       - run: NPM_USER=$NPM_USERNAME NPM_EMAIL=$NPM_EMAIL NPM_PASS=$NPM_PASSWORD npm-cli-login
       - run: npm publish
-      - run: gzip -9 ./dist/bnc-onboard.js
-      - run: mv ./dist/bnc-onboard.js.gz ./dist/bnc-onboard.js
+      - run: gzip -9 ./dist/onboard.umd.js
+      - run: mv ./dist/onboard.umd.js.gz ./dist/onboard.umd.js
       - run: ls -al
       - run: echo export VERSION=`awk '/version/{gsub(/("|",)/,"",$2);print $2};' package.json | sed 's/\./-/g'` >> $BASH_ENV
       - run: mkdir /root/project/deploy-temp

package.json

@@ -8,8 +8,8 @@
     "blocknative",
     "wallet"
   ],
-  "main": "dist/bnc-onboard.js",
-  "module": "dist/bnc-onboard.es5.js",
+  "main": "dist/onboard.umd.js",
+  "module": "dist/onboard.esm.js",
   "typings": "dist/src/onboard.d.ts",
   "files": [
     "dist"
@@ -21,17 +21,20 @@
   },
   "license": "MIT",
   "devDependencies": {
+    "@babel/cli": "^7.7.0",
+    "@babel/core": "^7.5.5",
+    "@babel/preset-env": "^7.5.5",
+    "@joseph184/rollup-plugin-node-builtins": "^2.1.4",
     "@pyoner/svelte-ts-preprocess": "^1.2.1",
+    "@rollup/plugin-json": "^4.0.0",
     "@types/node": "^12.12.3",
-    "@joseph184/rollup-plugin-node-builtins": "^2.1.4",
+    "babel-plugin-external-helpers": "^6.18.0",
     "rollup": "^1.12.0",
     "rollup-plugin-commonjs": "^10.0.0",
     "rollup-plugin-img": "^1.1.0",
-    "rollup-plugin-json": "^4.0.0",
     "rollup-plugin-node-globals": "^1.4.0",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-svelte": "^5.0.3",
-    "rollup-plugin-terser": "^4.0.4",
     "rollup-plugin-typescript2": "0.21.0",
     "svelte": "^3.12.1",
     "svelte-i18n": "^1.1.2-beta",
@@ -49,7 +52,7 @@
     "squarelink": "^1.1.3"
   },
   "scripts": {
-    "build": "rollup -c",
+    "build": "rollup -c && babel dist/onboard.esm.js --out-file dist/onboard.esm.js && babel dist/onboard.umd.js --out-file dist/onboard.umd.js --minified",
     "test": "echo \"TBD\" && exit 0"
   }
 }

rollup.config.js

@@ -1,11 +1,10 @@
 import svelte from "rollup-plugin-svelte"
 import resolve from "rollup-plugin-node-resolve"
-import json from "rollup-plugin-json"
+import json from "@rollup/plugin-json"
 import image from "rollup-plugin-img"
 import commonjs from "rollup-plugin-commonjs"
 import globals from "rollup-plugin-node-globals"
 import builtins from "@joseph184/rollup-plugin-node-builtins"
-import { terser } from "rollup-plugin-terser"
 import typescript from "rollup-plugin-typescript2"
 
 import {
@@ -28,10 +27,9 @@ export default [
   {
     input: "src/onboard.ts",
     output: {
-      sourcemap: true,
       format: "umd",
       name: "onboard",
-      file: "dist/bnc-onboard.js"
+      file: "dist/onboard.umd.js"
     },
     moduleContext: id => {
       const thisAsWindowForModules = [
@@ -58,16 +56,14 @@ export default [
       commonjs(),
       globals(),
       builtins(),
-      typescript(),
-      terser()
+      typescript()
     ]
   },
   {
     input: "src/onboard.ts",
     output: {
-      sourcemap: true,
       format: "es",
-      file: "dist/bnc-onboard.es5.js"
+      file: "dist/onboard.esm.js"
     },
     moduleContext: id => {
       const thisAsWindowForModules = [

tsconfig.json

@@ -44,7 +44,7 @@
     // "baseUrl": "./",                       /* Base directory to resolve non-absolute module names. */
     // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
     // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
-    "typeRoots": [] /* List of folders to include type definitions from. */,
+    // "typeRoots": [] /* List of folders to include type definitions from. */,
     "types": [
       "svelte",
       "node"