Update Dependencies

package.json

@@ -14,12 +14,11 @@
     "node": "11.0.0"
   },
   "dependencies": {
-    "@ledgerhq/hw-app-eth": "^4.35.0",
-    "@ledgerhq/hw-transport-u2f": "^4.35.0",
+    "@ledgerhq/hw-app-eth": "^4.61.0",
+    "@ledgerhq/hw-transport-u2f": "^4.61.0",
     "PaperCollateralRenderer": "github:urbit/PaperCollateralRenderer",
     "azimuth-js": "^0.14.0",
     "azimuth-solidity": "^1.2.0",
-    "babel-polyfill": "^6.26.0",
     "bip32": "^1.0.2",
     "bip39": "^2.5.0",
     "bn.js": "^4.11.8",
@@ -37,9 +36,10 @@
     "prop-types": "^15.6.2",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "react-scripts": "^2.1.1",
+    "react-scripts": "3.0.1",
     "secp256k1": "^3.5.2",
     "sigil-js": "github:urbit/sigil-js#f7f29c5",
+    "source-map-explorer": "^2.0.0",
     "trezor-connect": "^7.0.1",
     "urbit-key-generation": "^0.16.0",
     "urbit-ob": "^3.1.0",
@@ -62,7 +62,8 @@
     "lint": "prettier src/**/*.js",
     "lint:check": "prettier -c 'src/**/*.js'",
     "lint:fix": "prettier --write 'src/**/*.js'",
-    "precommit": "npm-run-all lint:check"
+    "precommit": "npm-run-all lint:check",
+    "analyze": "source-map-explorer 'build/static/js/*.js'"
   },
   "devDependencies": {
     "eslint-plugin-prettier": "^3.1.0",
@@ -73,10 +74,17 @@
     "serve": "10.1.1",
     "truffle": "4.1.11"
   },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ]
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not ie <= 11",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
 }

src/Root.js

@@ -1,5 +1,3 @@
-import 'babel-polyfill'; // required for @ledgerhq/hw-transport-u2f
-
 import React from 'react';
 import { get } from 'lodash';
 

src/bridge/components/PointList.js

@@ -1,18 +1,19 @@
 import React from 'react';
-import * as lodash from 'lodash';
+import { chunk } from 'lodash';
+
 import { Row } from './Base';
 import RenderedPoint from './RenderedPoint';
 
 const PointList = props => {
   const { setPointCursor, routeHandler, points, loading } = props;
-  const chunks = lodash.chunk(points, 3);
+  const chunks = chunk(points, 3);
 
   return points.length === 0 ? (
     <p>{loading ? 'Loading...' : 'No points to display'}</p>
   ) : (
-    lodash.map(chunks, (chunk, idx) => (
+    chunks.map((chunk, idx) => (
       <Row key={`render-row-${idx}`}>
-        {lodash.map(chunk, point => (
+        {chunk.map(point => (
           <RenderedPoint
             key={point}
             setPointCursor={setPointCursor}

src/bridge/lib/wallet.js

@@ -1,7 +1,7 @@
 import * as bip32 from 'bip32';
 import * as bip39 from 'bip39';
 import keccak from 'keccak';
-import * as lodash from 'lodash';
+import { reduce } from 'lodash';
 import Maybe from 'folktale/maybe';
 import * as secp256k1 from 'secp256k1';
 import * as ob from 'urbit-ob';
@@ -75,7 +75,7 @@ const toChecksumAddress = address => {
   const addr = stripHexPrefix(address).toLowerCase();
   const hash = keccak256(addr).toString('hex');
 
-  return lodash.reduce(
+  return reduce(
     addr,
     (acc, char, idx) =>
       parseInt(hash[idx], 16) >= 8 ? acc + char.toUpperCase() : acc + char,

src/index.js

@@ -1,5 +1,3 @@
-import 'babel-polyfill'; // required for @ledgerhq/hw-transport-u2f
-
 import React from 'react';
 import ReactDOM from 'react-dom';
 

src/walletgen/Walletgen.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import * as lodash from 'lodash';
+import { find } from 'lodash';
 
 import Header from './components/Header';
 import Footer from './components/Footer';
@@ -67,7 +67,7 @@ class Walletgen extends React.Component {
 
   router = path => {
     const route = key => {
-      const { Component } = lodash.find(ROUTES, { path: key });
+      const { Component } = find(ROUTES, { path: key });
       const globals = {
         setGlobalState: this.setGlobalState,
         ...this.state,

src/walletgen/lib/lib.js

@@ -1,7 +1,7 @@
 import * as ob from 'urbit-ob';
 import * as kg from 'urbit-key-generation/dist/index';
 import * as more from 'more-entropy';
-import lodash from 'lodash';
+import { chunk, flatMap, zipWith } from 'lodash';
 import {
   MIN_STAR,
   MIN_PLANET,
@@ -30,10 +30,10 @@ const makeTicket = point => {
 
   return new Promise((resolve, reject) => {
     gen.generate(bits, result => {
-      const chunked = lodash.chunk(result, 2);
+      const chunked = chunk(result, 2);
       const desired = chunked.slice(0, bytes); // only take required entropy
-      const more = lodash.flatMap(desired, arr => arr[0] ^ arr[1]);
-      const entropy = lodash.zipWith(some, more, (x, y) => x ^ y);
+      const more = flatMap(desired, arr => arr[0] ^ arr[1]);
+      const entropy = zipWith(some, more, (x, y) => x ^ y);
       const buf = Buffer.from(entropy);
       const patq = ob.hex2patq(buf.toString('hex'));
       resolve(patq);

src/walletgen/views/Download.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import saveAs from 'file-saver';
-import * as lodash from 'lodash';
+import { get } from 'lodash';
 import JSZip from 'jszip';
 
 import Button from '../components/Button';
@@ -18,13 +18,13 @@ class Download extends React.Component {
 
     const urbit_registration = Object.entries(wallets).reduce(
       (acc, [k, v]) => {
-        const owner = lodash.get(v, 'ownership.keys.address', '');
+        const owner = get(v, 'ownership.keys.address', '');
         const transfer = '';
-        const spawn = lodash.get(v, 'spawn.keys.address', '');
-        const manage = lodash.get(v, 'management.keys.address', '');
-        const voting = lodash.get(v, 'voting.keys.address', '');
-        const auth = lodash.get(v, 'network.keys.auth.public', '');
-        const crypt = lodash.get(v, 'network.keys.crypt.public', '');
+        const spawn = get(v, 'spawn.keys.address', '');
+        const manage = get(v, 'management.keys.address', '');
+        const voting = get(v, 'voting.keys.address', '');
+        const auth = get(v, 'network.keys.auth.public', '');
+        const crypt = get(v, 'network.keys.crypt.public', '');
         return {
           ...acc,
           [k]: [owner, transfer, spawn, manage, voting, auth, crypt],