git.iko.soy/rowtype-yoga/ry-starter-spa
on main help sign in
Add Hot Module Reload (HMR)
740ff3aMark Eibes
index.js+5
compare with main
unifiedsplit
@@ -1,2 +1,7 @@
1var Main = require("./output/Main");
1var Main = require("./output/Main");
2+
3+if (module.hot) {
4+ module.hot.accept();
5+}
6+
2Main.main()
7Main.main()
package.json+2
@@ -7,9 +7,11 @@
7 "author": "Mark Eibes <mark.eibes@gmail.com>",
7 "author": "Mark Eibes <mark.eibes@gmail.com>",
8 "license": "MIT",
8 "license": "MIT",
9 "devDependencies": {
9 "devDependencies": {
10+ "@pmmmwh/react-refresh-webpack-plugin": "^0.3.3",
10 "clean-webpack-plugin": "^3.0.0",
11 "clean-webpack-plugin": "^3.0.0",
11 "html-webpack-plugin": "^4.3.0",
12 "html-webpack-plugin": "^4.3.0",
12 "purescript": "^0.13.8",
13 "purescript": "^0.13.8",
14+ "react-refresh": "^0.8.3",
13 "spago": "^0.15.3",
15 "spago": "^0.15.3",
14 "webpack": "^4.43.0",
16 "webpack": "^4.43.0",
15 "webpack-cli": "^3.3.12",
17 "webpack-cli": "^3.3.12",
webpack.config.js+6−1
@@ -2,7 +2,8 @@
2
2
3const path = require("path");
3const path = require("path");
4const HtmlWebpackPlugin = require("html-webpack-plugin");
4const HtmlWebpackPlugin = require("html-webpack-plugin");
5−const { CleanWebpackPlugin } = require('clean-webpack-plugin');
5+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
6+const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
6
7
7module.exports = {
8module.exports = {
8 mode: "development",
9 mode: "development",
@@ -21,12 +22,16 @@ module.exports = {
21 title: "PureScript Starter",
22 title: "PureScript Starter",
22 template: path.resolve(__dirname, "src", "index.html"),
23 template: path.resolve(__dirname, "src", "index.html"),
23 }),
24 }),
25+ // This plugin updates React components without losing their state
26+ new ReactRefreshWebpackPlugin(),
24 ],
27 ],
25
28
26 devServer: {
29 devServer: {
27 contentBase: path.join(__dirname, 'dist'),
30 contentBase: path.join(__dirname, 'dist'),
28 compress: true,
31 compress: true,
29 port: 9000,
32 port: 9000,
33+ hotOnly: true,
34+ hot: true,
30 },
35 },
31
36
32
37
yarn.lock+59−4
@@ -2,6 +2,18 @@
2# yarn lockfile v1
2# yarn lockfile v1
3
3
4
4
5+"@pmmmwh/react-refresh-webpack-plugin@^0.3.3":
6+ version "0.3.3"
7+ resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.3.3.tgz#40a3d674f42a011b7f30a9609aa8fb68ec3c39c9"
8+ integrity sha512-uc6FmPEegAZawSHjUMFQwU7EjaDn7zy1iD/KD/wBROL9F4378OES8MKMYHoRAKT61Fk7LxVKZSDR5VespMQiqw==
9+ dependencies:
10+ ansi-html "^0.0.7"
11+ error-stack-parser "^2.0.6"
12+ html-entities "^1.2.1"
13+ lodash.debounce "^4.0.8"
14+ native-url "^0.2.6"
15+ schema-utils "^2.6.5"
16+
5"@types/anymatch@*":
17"@types/anymatch@*":
6 version "1.3.1"
18 version "1.3.1"
7 resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
19 resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
@@ -20,6 +32,11 @@
20 resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.0.tgz#551a4589b6ee2cc9c1dff08056128aec29b94880"
32 resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.0.tgz#551a4589b6ee2cc9c1dff08056128aec29b94880"
21 integrity sha512-iYCgjm1dGPRuo12+BStjd1HiVQqhlRhWDOQigNxn023HcjnhsiFz9pc6CzJj4HwDCSQca9bxTL4PxJDbkdm3PA==
33 integrity sha512-iYCgjm1dGPRuo12+BStjd1HiVQqhlRhWDOQigNxn023HcjnhsiFz9pc6CzJj4HwDCSQca9bxTL4PxJDbkdm3PA==
22
34
35+"@types/json-schema@^7.0.4":
36+ version "7.0.5"
37+ resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.5.tgz#dcce4430e64b443ba8945f0290fb564ad5bac6dd"
38+ integrity sha512-7+2BITlgjgDhH0vvwZU/HZJVyk+2XUlvxXe8dFMedNX/aMkaOq++rMAFXc0tM7ij15QaWlbdQASBR9dihi+bDQ==
39+
23"@types/minimatch@*":
40"@types/minimatch@*":
24 version "3.0.3"
41 version "3.0.3"
25 resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
42 resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
@@ -246,7 +263,7 @@ ajv-keywords@^3.1.0, ajv-keywords@^3.4.1:
246 resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.1.tgz#b83ca89c5d42d69031f424cad49aada0236c6957"
263 resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.1.tgz#b83ca89c5d42d69031f424cad49aada0236c6957"
247 integrity sha512-KWcq3xN8fDjSB+IMoh2VaXVhRI0BBGxoYp3rx7Pkb6z0cFjYR9Q9l4yZqqals0/zsioCmocC5H6UvsGD4MoIBA==
264 integrity sha512-KWcq3xN8fDjSB+IMoh2VaXVhRI0BBGxoYp3rx7Pkb6z0cFjYR9Q9l4yZqqals0/zsioCmocC5H6UvsGD4MoIBA==
248
265
249−ajv@^6.1.0, ajv@^6.10.2, ajv@^6.5.5:
266+ajv@^6.1.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.5.5:
250 version "6.12.3"
267 version "6.12.3"
251 resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.3.tgz#18c5af38a111ddeb4f2697bd78d68abc1cabd706"
268 resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.3.tgz#18c5af38a111ddeb4f2697bd78d68abc1cabd706"
252 integrity sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==
269 integrity sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==
@@ -266,7 +283,7 @@ ansi-escapes@^3.2.0:
266 resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
283 resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
267 integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
284 integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
268
285
269−ansi-html@0.0.7:
286+ansi-html@0.0.7, ansi-html@^0.0.7:
270 version "0.0.7"
287 version "0.0.7"
271 resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e"
288 resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e"
272 integrity sha1-gTWEAhliqenm/QOflA0S9WynhZ4=
289 integrity sha1-gTWEAhliqenm/QOflA0S9WynhZ4=
@@ -1392,6 +1409,13 @@ errno@^0.1.3, errno@~0.1.7:
1392 dependencies:
1409 dependencies:
1393 prr "~1.0.1"
1410 prr "~1.0.1"
1394
1411
1412+error-stack-parser@^2.0.6:
1413+ version "2.0.6"
1414+ resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.0.6.tgz#5a99a707bd7a4c58a797902d48d82803ede6aad8"
1415+ integrity sha512-d51brTeqC+BHlwF0BhPtcYgF5nlzf9ZZ0ZIUQNZpc9ZB9qw5IJ2diTrBY9jlCJkTLITYPjmiX6OWCwH+fuyNgQ==
1416+ dependencies:
1417+ stackframe "^1.1.1"
1418+
1395es-abstract@^1.17.0-next.1, es-abstract@^1.17.5:
1419es-abstract@^1.17.0-next.1, es-abstract@^1.17.5:
1396 version "1.17.6"
1420 version "1.17.6"
1397 resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.6.tgz#9142071707857b2cacc7b89ecb670316c3e2d52a"
1421 resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.6.tgz#9142071707857b2cacc7b89ecb670316c3e2d52a"
@@ -2022,7 +2046,7 @@ hpack.js@^2.1.6:
2022 readable-stream "^2.0.1"
2046 readable-stream "^2.0.1"
2023 wbuf "^1.1.0"
2047 wbuf "^1.1.0"
2024
2048
2025−html-entities@^1.3.1:
2049+html-entities@^1.2.1, html-entities@^1.3.1:
2026 version "1.3.1"
2050 version "1.3.1"
2027 resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.3.1.tgz#fb9a1a4b5b14c5daba82d3e34c6ae4fe701a0e44"
2051 resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.3.1.tgz#fb9a1a4b5b14c5daba82d3e34c6ae4fe701a0e44"
2028 integrity sha512-rhE/4Z3hIhzHAUKbW8jVcCyuT5oJCXXqhN/6mXXVCpzTmvJnoH2HL/bt3EZ6p55jbFJBeAe1ZNpL5BugLujxNA==
2052 integrity sha512-rhE/4Z3hIhzHAUKbW8jVcCyuT5oJCXXqhN/6mXXVCpzTmvJnoH2HL/bt3EZ6p55jbFJBeAe1ZNpL5BugLujxNA==
@@ -2566,6 +2590,11 @@ locate-path@^3.0.0:
2566 p-locate "^3.0.0"
2590 p-locate "^3.0.0"
2567 path-exists "^3.0.0"
2591 path-exists "^3.0.0"
2568
2592
2593+lodash.debounce@^4.0.8:
2594+ version "4.0.8"
2595+ resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
2596+ integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=
2597+
2569lodash@^4.17.11, lodash@^4.17.14:
2598lodash@^4.17.11, lodash@^4.17.14:
2570 version "4.17.19"
2599 version "4.17.19"
2571 resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
2600 resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
@@ -2872,6 +2901,13 @@ nanomatch@^1.2.9:
2872 snapdragon "^0.8.1"
2901 snapdragon "^0.8.1"
2873 to-regex "^3.0.1"
2902 to-regex "^3.0.1"
2874
2903
2904+native-url@^0.2.6:
2905+ version "0.2.6"
2906+ resolved "https://registry.yarnpkg.com/native-url/-/native-url-0.2.6.tgz#ca1258f5ace169c716ff44eccbddb674e10399ae"
2907+ integrity sha512-k4bDC87WtgrdD362gZz6zoiXQrl40kYlBmpfmSjwRO1VU0V5ccwJTlxuE72F6m3V0vc1xOf6n3UCP9QyerRqmA==
2908+ dependencies:
2909+ querystring "^0.2.0"
2910+
2875negotiator@0.6.2:
2911negotiator@0.6.2:
2876 version "0.6.2"
2912 version "0.6.2"
2877 resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
2913 resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
@@ -3440,7 +3476,7 @@ querystring-es3@^0.2.0:
3440 resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
3476 resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
3441 integrity sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=
3477 integrity sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=
3442
3478
3443−querystring@0.2.0:
3479+querystring@0.2.0, querystring@^0.2.0:
3444 version "0.2.0"
3480 version "0.2.0"
3445 resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
3481 resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
3446 integrity sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=
3482 integrity sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=
@@ -3495,6 +3531,11 @@ react-is@^16.8.1:
3495 resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
3531 resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
3496 integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
3532 integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
3497
3533
3534+react-refresh@^0.8.3:
3535+ version "0.8.3"
3536+ resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f"
3537+ integrity sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg==
3538+
3498react@^16.13.1:
3539react@^16.13.1:
3499 version "16.13.1"
3540 version "16.13.1"
3500 resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e"
3541 resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e"
@@ -3734,6 +3775,15 @@ schema-utils@^1.0.0:
3734 ajv-errors "^1.0.0"
3775 ajv-errors "^1.0.0"
3735 ajv-keywords "^3.1.0"
3776 ajv-keywords "^3.1.0"
3736
3777
3778+schema-utils@^2.6.5:
3779+ version "2.7.0"
3780+ resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
3781+ integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
3782+ dependencies:
3783+ "@types/json-schema" "^7.0.4"
3784+ ajv "^6.12.2"
3785+ ajv-keywords "^3.4.1"
3786+
3737select-hose@^2.0.0:
3787select-hose@^2.0.0:
3738 version "2.0.0"
3788 version "2.0.0"
3739 resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
3789 resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
@@ -4027,6 +4077,11 @@ ssri@^6.0.1:
4027 dependencies:
4077 dependencies:
4028 figgy-pudding "^3.5.1"
4078 figgy-pudding "^3.5.1"
4029
4079
4080+stackframe@^1.1.1:
4081+ version "1.2.0"
4082+ resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.2.0.tgz#52429492d63c62eb989804c11552e3d22e779303"
4083+ integrity sha512-GrdeshiRmS1YLMYgzF16olf2jJ/IzxXY9lhKOskuVziubpTYcYqyOwYeJKzQkwy7uN0fYSsbsC4RQaXf9LCrYA==
4084+
4030static-extend@^0.1.1:
4085static-extend@^0.1.1:
4031 version "0.1.2"
4086 version "0.1.2"
4032 resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
4087 resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"