From 41ca799eba840534f4781928770d7fed3492877f Mon Sep 17 00:00:00 2001
From: "Felix W. Dekker" <felix@fwdekker.com>
Date: Wed, 30 Sep 2020 15:00:57 +0200
Subject: [PATCH] Add watcher for better builds

Fixes #137.
---
 Gruntfile.js      |  36 +++++++++++++++++++++++++++++++-----
 README.md         |   2 ++
 package-lock.json | Bin 320133 -> 329068 bytes
 package.json      |   5 ++++-
 4 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/Gruntfile.js b/Gruntfile.js
index 4d15878..22ccbd9 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -7,18 +7,23 @@ module.exports = grunt => {
             default: [".nyc_output/", "dist/"]
         },
         copy: {
-            images: {
-                files: [{expand: true, cwd: "src/main/", src: ["**/*.png", "**/*.ico"], dest: "dist/"}]
+            css: {
+                files: [{expand: true, cwd: "src/main/", src: "**/*.css", dest: "dist/"}]
             },
             html: {
                 files: [{expand: true, cwd: "src/main/", src: "**/*.html", dest: "dist/"}]
             },
-            css: {
-                files: [{expand: true, cwd: "src/main/", src: "**/*.css", dest: "dist/"}]
+            images: {
+                files: [{expand: true, cwd: "src/main/", src: ["**/*.png", "**/*.ico"], dest: "dist/"}]
             },
             pwa: {
                 files: [{expand: true, cwd: "src/main/", src: ["manifest.json", "sw.js"], dest: "dist/"}]
-            }
+            },
+        },
+        focus: {
+            dev: {
+                include: ["css", "html", "link", "ts"],
+            },
         },
         replace: {
             dev: {
@@ -42,6 +47,24 @@ module.exports = grunt => {
                 overwrite: true
             }
         },
+        watch: {
+            css: {
+                files: ["src/main/**/*.css"],
+                tasks: ["copy:css"],
+            },
+            html: {
+                files: ["src/main/**/*.html"],
+                tasks: ["copy:html"],
+            },
+            link: {
+                files: ["node_modules/@fwdekker/*/dist/**"],
+                tasks: ["webpack:dev", "replace:dev"],
+            },
+            ts: {
+                files: ["src/main/**/*.ts"],
+                tasks: ["webpack:dev", "replace:dev"],
+            },
+        },
         webpack: {
             options: {
                 entry: "./src/main/js/Main.ts",
@@ -74,6 +97,8 @@ module.exports = grunt => {
 
     grunt.loadNpmTasks("grunt-contrib-clean");
     grunt.loadNpmTasks("grunt-contrib-copy");
+    grunt.loadNpmTasks("grunt-contrib-watch");
+    grunt.loadNpmTasks("grunt-focus");
     grunt.loadNpmTasks("grunt-text-replace");
     grunt.loadNpmTasks("grunt-webpack");
 
@@ -90,6 +115,7 @@ module.exports = grunt => {
         // Post
         "replace:dev"
     ]);
+    grunt.registerTask("dev:server", ["dev", "focus:dev"]);
     grunt.registerTask("deploy", [
         // Pre
         "clean",
diff --git a/README.md b/README.md
index 7a1b959..a5f52f2 100644
--- a/README.md
+++ b/README.md
@@ -15,6 +15,8 @@ $> npm ci
 ```shell script
 # Build the application in `dist/` for development
 $> npm run dev
+# Same as above, but automatically rerun it whenever files are changed
+$> npm run dev:server
 # Build the application in `dist/` for deployment
 $> npm run deploy
 # Remove build files
diff --git a/package-lock.json b/package-lock.json
index 88ecec2f76be43888c9a369d225578f46de28fc7..c738b0fdbbd8f948605069dd73c19a5e45dcc198 100644
GIT binary patch
delta 3391
zcmZWrd5qlT6_=0QY_82N%O+uyY&HQ(lG&ND=bkiy%zf|NCn>}pd+xEvV|zTFKj=mX
zh!BN<MLt3+v7kzA)pA6UI&IaGgbGwDKnWFT`v*rr6-8>5L{N!x)-#(WNB^?l`|R)g
zz4yKM`@IKVo%+|qHy_0jn+`u=`pfepRfeiE0Iwk1mDJIFQ{>Pt^Lnj*<yCp+s4m?y
zaC$-CtaQX^O`oR2jf}-?vH0BjvdBt}HdgU>U5x;iwKuJiY`z}Gy;vp8YA^@g<?a4t
z%q1l7WG;@S+{Q>G)Xo)%8d+7I#padM$2WlYTj)6W;4OG=s@kBnV!NspSZ#|CDm(Yi
z?F5Hw@Rah>-!`5ceIW?LECtRSglEAwPWWa8bM9JCvXnf4t3I@5F!>s^XT}_6BW9<o
zPNed3#6Xo9UWgVlk!0EjAP>Cti6z|zmJzCqNRaAzMWR>%jS#whgl@OlHhBIdG&|NN
zB<)~Ju=p-C3ts#kJhHmRvy6(W&4YdSBl?rkmu{a!NLf%0zkDl*t$}UpRD&L7PJM#M
zUqUq7aP2~t5iDUAi)1wIW--<Zhn<mP)lK^?WpFqMVJC&N_v{;8#sb#<0KFZo4Wq-r
zb{B8JNUKr)pHGYFjLP8$cg=KiK}*SE&6OCxKAO++^<J8&CyTvy9B}L4t>DlYv>BZI
z0=@~<euj=KhtlJ}UJu<J1+UzT?trX-xCl*w1087h_#g-BNyA)d)rIGfU0`klG?HTN
zerG4kbd3wXbSTn^NKU=W>54?!B~P$Sx>Fgqryi5b4x^KzjEx8$m0gskO~!3biD`K)
zJ}N^;!|sKq95yYOon;$V=upaq4};*_?Z~PLfo`@Mgg_6j{60))0FH6!d;P*e=%{@i
zA=6rkCV944rxnMyvk0cc!QnTdy*o<RE(t2^>m6DQ;D=DnmQ=mosl`(zp;L`JaHpOW
zIx-&jGu=*Hxe)W;va-3LrP|dF-5!9rb3djtFQfS6NyrS3tyCt6&!IcP*?XaVx0Y_G
z*8zYVTmU!1x-?c0G`ulv&6IGmDrE}>JK;!FGx>1WT8;P^Pr7068jU5=sjnGp2^%iz
zqlPfag*474?s6v=+@XvR)aPqb-kM5N=471?$HU6ut%Lr#t-s|d=%YJeqNm_TW<l#=
zWZ&8{(HoS@-~kqGkS^^^Pzz04h0ON6y{zApNVVx&n3MeOQqttBk};MuOSM!izy|%S
zQwaHDWn<UjEp?j_jlCz3Il9p;mJAgsUL<;WOlW#(k+uQ+OC&f_Zm^^X&J-Z5|Me-z
ze-onG;DZ;?Iq?3Q@V=?xa$|^Q@S)mpIJoc{I-j-%+^KjfAR4;8Ts@_+G#d@EN-<eh
z<CI$rnPfegOx)!w^*E+s4%BUwk;W;LBo|3rqGlJeSxv!c7h_qTYH%V~<zg;M-x?Ma
zdmdU3sAI^qvN*B^EPe@%LO8fQ4NZen)9@%*d<R|y-3RcWLQ~4=;zscF5w#)G-5GG`
zB82u^Z$po70xy3AjX{!fR^9>5LJ+FVJ!AuyzJW%;V;?|cTO>j#RtEWPi;SQhG-bO=
zYKLBhdq|g-eG<K(!Q5H19MQ0>*;Y!3`dlE<jujbW+a$!h8YXO|BMGV2>eMyuc;1q*
zv38R)7Q(8AbR|``dlw9NC8=rJItg3H-pQ5dVYa~!FF@nKH33hfgUeO$_h!`~Cx_9k
zQfWliHrfE^(aqqo2T&teya26I{s6|ol7wvR&wdCkL1>9Bihy_%x*MGSH#9OiFbAx)
z9E)lx(383?gbgc6l8+DM3;t@c*vm#kBFC{khK>X1421W;`ULu=dDVap>9!V}I0H`|
z`zta5KKlZi0N84H_naWKhHR-W*9QAnu5)NHg%jt~Y|9n3JCa=4oRtmU1=i}o_^xcl
zWgkh_gTY*wDn~+?DOHqPlD*b8M9NuG7D*D*WT~dR>0`X5M$}qLkQ_-=D;2$G!QDux
zy0T4K@=k-#A4Mh=^N|^F^b&$9>q<7Tv;#)_>*wIR<TZmnryDFmEu#n6Z`8y}$KmhK
zUR@aiZ(M6@4dBB4$b32%i~DT_gU=n)`=y>C=5n_yhNe(4$zHl9Iq+yfZ^KhnW4IiW
zEAFDF#wU5sn=P<4zYpsWdP?+Bnyk$7c`Ka@yV<DB6=NX&G;HrDj>BL<Y5#E>YS7^(
z0DT7UT}Lo#1{s3UsxE+k3U5^Arl!+XKI<=MYK*s5F?0>G7}N_jV~~_szi3Rm3{=kS
z)7xyWrokjTEqS(;DR(>0DCy2y8FM#l@pPNsO0bpm#5r%Q!`XX8u4oIcunO3G3SI|}
z{~lgWUw`7C@LNxfF3aLTg6F_jw?KQRR)kW;xAF?2GteGY`~2~sEu?1?1mA52tTJnJ
zII<a;^W(0x;y4pP2XYCXeP7k3*5}9wc;qrXK4kV2FzgtJ!YFw3GQ1WXdj{P(sxtmS
z>A2AYU~!YWf`5a|TyX-&gQ!+LE-wb$9go*Q`Xp8^$)1SQ(Dr*HaZM`@o~58%|J_C8
zpk{1E#ue!N-A}weGP7dy1B&8_60Mf&vd}Bs`T4E5HpUd>Sglqv5*}N#i?vwVsn?6i
zo(l)(+$ymgc?ek#{I{Yr-!X-{ZT}~~LjK_&T~;-4A%<)}_6UrE@#hfRAb?dfD|$CL
zRAmpQtX=Vdd!Iw*XX34hn9Z|zSgo^wDD?_<CZ7_!d{Y42lzM9HTLkUj_aEfdUFr;{
zc0D-vHBy+o!T{=~SKf}j2<cKLlU#8a1)fN-k!UR**O)uzW`^SElBVvr#Cx>8mTGZA
zMl6-{wY-4YdUC-bEl5(vSu<Agb}+&u%!WWWn#IB)tmEvJ9d)py0EN~JMx=pQ-eU&m
z&Z`%Bk%z|s)j?-A?Yv%zugE$M2o1V<-L)MB<~8Unxa$-=x=Ks%e6`Fdmv_&u;rQXc
z7M)3fMjMDxoe0i+2~R7hKOT9)eh2u`JTwj&mB|B}Kx-1(mTuAwO|4{Q+JdKHjxl(=
zYqInliCoCta*~}M-Q#I%%Npha3r&hu#Uz%GnUivo=z5y@jwMyVg0d&%z$?5fKv~>@
zN;!}cvS8AHl3?!dupcbF1CR7|@4<QqTpB}f10R2iOejzPX&g+fhW-6t%%XcTgE4mh
z*vi-pw!Z;y151~nvGqIE#vKNuHm?B?B7CRv<B!I{e_vM#XJP}gQQ7~%P0E2+FcAGS
zG}C`jM198fSEilifkYuZ+ttpng3~(Ke#ec&ih9{My40!A3eKH__asT&8lv5Sc&64N
zF`gHbZm*%3&n3%-YENiXgC?gvOYx%9611BQoGTV;G8xX~mb2z2D+HQ3zuScuohdz@
zrhDyRh7U<*<xDR;eLb5GqEqK3W%BLKgIRe4a_9c#g4l8u8Qm3VhOe^B@M6`k!3hhx
zYxQ>@fQwCZtEwU6z^{S#UK7&QAFqq_s#}d#ZACTObd;m1Sil!8@$Lp|#M28>o^*L5
zNg`@*+I@PgL<Iabvz{t=-4QPrOBK78w8Y6#+31RT2v4-Ew`X`?pha<v#gH|JDr_j(
Q0*4PGhW;BrM}KSoACdu?Bme*a

delta 209
zcmV;?051RRiWG&#6Ob_jH!d}?G}EoKqpwK<vzW6aAhVv-UObn%4+9dHee44omygv1
zJhy5R0U=MeV*!sjm+Jxq50_{B101&yo&gC0lY8nIw~(O$$S1eL$^l0bx5nN9ycd^0
z;{g!2YWo3}HMcu50;PGEP_6<7w;rtmmrl3u`~vlux15**TPwHs!~;l4w?7XA!YH>|
zJp_<emtdg*36~)A0vwm{;sFGg?~nuvx2==}$1|6J&IAURkS_uYmsiaL8k4Z01eZK$
L0ywuD%mh(6vGG-!

diff --git a/package.json b/package.json
index 3af85dc..186ac88 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "fwdekker.com",
-    "version": "0.38.0",
+    "version": "0.38.1",
     "description": "The source code of [my personal website](https://fwdekker.com/).",
     "author": "Felix W. Dekker",
     "browser": "dist/bundle.js",
@@ -12,6 +12,7 @@
     "scripts": {
         "clean": "grunt clean",
         "dev": "grunt dev",
+        "dev:server": "grunt dev:server",
         "deploy": "grunt deploy",
         "test": "mocha -r ts-node/register -r jsdom-global/register src/**/*.spec.ts",
         "coverage": "nyc npm run test"
@@ -32,6 +33,8 @@
         "grunt-cli": "^1.3.2",
         "grunt-contrib-clean": "^2.0.0",
         "grunt-contrib-copy": "^1.0.0",
+        "grunt-contrib-watch": "^1.1.0",
+        "grunt-focus": "^1.0.0",
         "grunt-text-replace": "^0.4.0",
         "grunt-webpack": "^4.0.2",
         "jsdom": "^16.4.0",