feat: First loading speed improvement

Author: Razzwan

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## 1.0.2
   - Features Added
+    - First loading speed improvement
     - Support Multi-call Generic Scheme
     - Use subgraph v40_0 and arc.js 0.2.76
     - Added xGEN / GEN bridge

package.json

@@ -53,6 +53,7 @@
   },
   "scripts": {
     "analyze": "NODE_ENV=production NETWORK=main ANALYZE=1 node --max_old_space_size=4096 node_modules/.bin/webpack --config webpack.prod.config.js --progress --colors",
+    "analyze:build": "NODE_ENV=production ANALYZE=1 NETWORK=private node --max_old_space_size=4096 node_modules/.bin/webpack --config webpack.prod.config.js",
     "build": "webpack --config webpack.prod.config.js",
     "build-dev": "node --max_old_space_size=4096 ./node_modules/webpack/bin/webpack.js --config webpack.dev.config.js",
     "build-travis": "cross-env NODE_ENV=production NETWORK=main node --max_old_space_size=4096 ./node_modules/webpack/bin/webpack.js --config webpack.prod.config.js",

src/actions/profilesActions.ts

@@ -1,4 +1,4 @@
-import Box = require("3box");
+import * as Box from "3box";
 
 import { AsyncActionSequence, IAsyncAction } from "actions/async";
 import { getWeb3Provider } from "arc";

src/components/Account/AccountBalance.tsx

@@ -1,4 +1,4 @@
-import BN = require("bn.js");
+import * as BN from "bn.js";
 import { formatTokens } from "lib/util";
 import * as React from "react";
 import * as css from "./Account.scss";

src/components/Account/AccountBalances.tsx

@@ -1,7 +1,7 @@
 import { Address, IDAOState, IMemberState } from "@daostack/arc.js";
 import { baseTokenName, ethErrorHandler, genName, ethBalance, standardPolling } from "lib/util";
 
-import BN = require("bn.js");
+import * as BN from "bn.js";
 import AccountBalance from "components/Account/AccountBalance";
 import Reputation from "components/Account/Reputation";
 import withSubscription, { ISubscriptionProps } from "components/Shared/withSubscription";

src/components/Account/AccountPopup.tsx

@@ -12,7 +12,7 @@ import { connect } from "react-redux";
 import { IRootState } from "reducers";
 import { IProfileState } from "reducers/profilesReducer";
 
-import BN = require("bn.js");
+import * as BN from "bn.js";
 
 import * as css from "./Account.scss";
 

src/components/Account/AccountProfilePage.tsx

@@ -1,7 +1,7 @@
 import { IDAOState, IMemberState, DAO } from "@daostack/arc.js";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
-import BN = require("bn.js");
+import * as BN from "bn.js";
 import { getProfile, updateProfile } from "actions/profilesActions";
 import { getArc, enableWalletProvider } from "arc";
 import classNames from "classnames";

src/components/Account/Reputation.tsx

@@ -1,4 +1,4 @@
-import BN = require("bn.js");
+import * as BN from "bn.js";
 import { fromWei } from "lib/util";
 import Tooltip from "rc-tooltip";
 import * as React from "react";

src/components/Dao/DaoMember.tsx

@@ -1,4 +1,4 @@
-import BN = require("bn.js");
+import * as BN from "bn.js";
 import { IDAOState, IMemberState, Member } from "@daostack/arc.js";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import AccountImage from "components/Account/AccountImage";

src/components/Feed/FeedItem.tsx

@@ -1,11 +1,11 @@
-import BN = require("bn.js");
+import * as BN from "bn.js";
 import AccountImage from "components/Account/AccountImage";
 import AccountProfileName from "components/Account/AccountProfileName";
 import Reputation from "components/Account/Reputation";
 import { generate } from "geopattern";
 import { fromWei } from "lib/util";
 
-import moment = require("moment");
+import * as moment from "moment";
 import { Link } from "react-router-dom";
 import { IProfileState } from "reducers/profilesReducer";
 import * as React from "react";