git.iko.soy/bridge
on master help sign in
feat: enable hot module reloading 🙌
commit7ac8cfebf643850bb345b6b1cf1e84dafd31570d authorMatt Condon (shrugs) <mattgcondon@gmail.com> dateMon 1 Jul 2019, 13:49 (7 years ago) parent7ca6a62
4 files changed+87−5
compare with master
unifiedsplit
config-overrides.js+6 package-lock.json+56 package.json+7−4 src/index.js+18−1
config-overrides.jsnew file+6
@@ -0,0 +1,6 @@
1+const rewireReactHotLoader = require('react-app-rewire-hot-loader');
2+
3+module.exports = function override(config, env) {
4+ config = rewireReactHotLoader(config, env);
5+ return config;
6+};
package-lock.json+56
@@ -8017,6 +8017,14 @@
80178017 "minimalistic-crypto-utils": "^1.0.1"
80188018 }
80198019 },
8020+ "hoist-non-react-statics": {
8021+ "version": "3.3.0",
8022+ "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.0.tgz",
8023+ "integrity": "sha512-0XsbTXxgiaCDYDIWFcwkmerZPSwywfUqYmwT4jzewKTQSWoE6FCMoUVOeBJWK3E/CrWbxRG3m5GzY4lnIwGRBA==",
8024+ "requires": {
8025+ "react-is": "^16.7.0"
8026+ }
8027+ },
80208028 "home-or-tmp": {
80218029 "version": "2.0.0",
80228030 "resolved": "https://registry.npmjs.org/home-or-tmp/-/home-or-tmp-2.0.0.tgz",
@@ -14253,6 +14261,21 @@
1425314261 }
1425414262 }
1425514263 },
14264+ "react-app-rewire-hot-loader": {
14265+ "version": "2.0.1",
14266+ "resolved": "https://registry.npmjs.org/react-app-rewire-hot-loader/-/react-app-rewire-hot-loader-2.0.1.tgz",
14267+ "integrity": "sha512-XTUPOv5q0zJeEtXECfilDPfqCiktSVbIyupiqigIHOO8EMZec2YfNpwZzqDWMu3yfaEHRs54qRCcCgRR/1w3EQ=="
14268+ },
14269+ "react-app-rewired": {
14270+ "version": "2.1.3",
14271+ "resolved": "https://registry.npmjs.org/react-app-rewired/-/react-app-rewired-2.1.3.tgz",
14272+ "integrity": "sha512-NXC2EsQrnEMV7xD70rHcBq0B4PSEzjY/K2m/e+GRgit2jZO/uZApnpCZSKvIX2leLRN69Sqf2id0VXZ1F62CDw==",
14273+ "requires": {
14274+ "cross-spawn": "^6.0.5",
14275+ "dotenv": "^6.2.0",
14276+ "semver": "^5.6.0"
14277+ }
14278+ },
1425614279 "react-dev-utils": {
1425714280 "version": "9.0.1",
1425814281 "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-9.0.1.tgz",
@@ -14416,11 +14439,39 @@
1441614439 "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-5.1.6.tgz",
1441714440 "integrity": "sha512-X1Y+0jR47ImDVr54Ab6V9eGk0Hnu7fVWGeHQSOXHf/C2pF9c6uy3gef8QUeuUiWlNb0i08InPSE5a/KJzNzw1Q=="
1441814441 },
14442+ "react-hot-loader": {
14443+ "version": "4.12.0",
14444+ "resolved": "https://registry.npmjs.org/react-hot-loader/-/react-hot-loader-4.12.0.tgz",
14445+ "integrity": "sha512-N+8ct1euiQnwqqDyX+SrxsgZ13ax4e8JiHbSAPf7xAshPxF3iTqVJQUxOLH90RXOFaT8LLynq0VPz3rCK7AW1A==",
14446+ "requires": {
14447+ "fast-levenshtein": "^2.0.6",
14448+ "global": "^4.3.0",
14449+ "hoist-non-react-statics": "^3.3.0",
14450+ "loader-utils": "^1.1.0",
14451+ "lodash": "^4.17.11",
14452+ "prop-types": "^15.6.1",
14453+ "react-lifecycles-compat": "^3.0.4",
14454+ "shallowequal": "^1.0.2",
14455+ "source-map": "^0.7.3"
14456+ },
14457+ "dependencies": {
14458+ "source-map": {
14459+ "version": "0.7.3",
14460+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
14461+ "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ=="
14462+ }
14463+ }
14464+ },
1441914465 "react-is": {
1442014466 "version": "16.8.6",
1442114467 "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.8.6.tgz",
1442214468 "integrity": "sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA=="
1442314469 },
14470+ "react-lifecycles-compat": {
14471+ "version": "3.0.4",
14472+ "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
14473+ "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
14474+ },
1442414475 "react-scripts": {
1442514476 "version": "3.0.1",
1442614477 "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-3.0.1.tgz",
@@ -15545,6 +15596,11 @@
1554515596 }
1554615597 }
1554715598 },
15599+ "shallowequal": {
15600+ "version": "1.1.0",
15601+ "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
15602+ "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
15603+ },
1554815604 "shebang-command": {
1554915605 "version": "1.2.0",
1555015606 "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
package.json+7−4
@@ -34,7 +34,10 @@
3434 "more-entropy": "^0.0.7",
3535 "prop-types": "^15.6.2",
3636 "react": "^16.8.6",
37+ "react-app-rewire-hot-loader": "^2.0.1",
38+ "react-app-rewired": "^2.1.3",
3739 "react-dom": "^16.8.6",
40+ "react-hot-loader": "^4.12.0",
3841 "react-scripts": "3.0.1",
3942 "react-teleporter": "^1.1.0",
4043 "secp256k1": "^3.5.2",
@@ -59,10 +62,10 @@
5962 "truffle": "4.1.11"
6063 },
6164 "scripts": {
62− "start": "react-scripts start",
63− "build": "react-scripts build",
64− "test": "react-scripts test --env=jsdom",
65− "eject": "react-scripts eject",
65+ "start": "react-app-rewired start",
66+ "build": "react-app-rewired build",
67+ "test": "react-app-rewired test --env=jsdom",
68+ "eject": "react-app-rewired eject",
6669 "checksum": "cd build && find . -exec shasum -a256 {} ';' > ../checksums.txt && cd ..",
6770 "zip": "zip -ur bridge-$npm_package_version.zip README.md bridge-https.py checksums.txt && cd build && zip -ur ../bridge-$npm_package_version.zip ./* && cd ..",
6871 "release": "npm install && npm run build && npm run checksum && npm run zip",
src/index.js+18−1
@@ -1,6 +1,23 @@
11import React from 'react';
22import ReactDOM from 'react-dom';
3+import { AppContainer } from 'react-hot-loader';
34
45import Bridge from './Bridge';
56
6−ReactDOM.render(<Bridge />, document.getElementById('root'));
7+const render = () =>
8+ ReactDOM.render(
9+ <AppContainer>
10+ <Bridge />
11+ </AppContainer>,
12+ document.getElementById('root')
13+ );
14+
15+// Render once
16+render();
17+
18+// Webpack Hot Module Replacement API
19+if (module.hot) {
20+ module.hot.accept('./Bridge', () => {
21+ render();
22+ });
23+}