cache webmention pics locally to resize and alleviate the wm server (rate limiting)

data/webmentions.json

@@ -1,4 +1,18 @@
 [
+    {
+        "author": {
+            "name": "Frank Meeuwsen",
+            "picture": "/pictures/diggingthedigital.com"
+        },
+        "name": "Mini-update aan de abonnementspagina van de site",
+        "content": "Een kort huishoudelijk bericht als je me via RSS volgt. (Wat is RSS?) Het kan zijn dat de feed van dit blog wat gek doet in je feedreader deze dagen. Ik heb geknutseld aan de weergave van de feed en dat heeft zoals gewoonlijk voor onverwachte bij-eff...",
+        "published": "2022-05-07T09:50:05+00:00",
+        "url": "https://diggingthedigital.com/mini-update-rss/",
+        "type": "mention",
+        "source": "https://diggingthedigital.com/mini-update-rss/",
+        "target": "https://brainbaking.com/post/2022/04/cool-things-people-do-with-their-blogs/",
+        "relativeTarget": "/post/2022/04/cool-things-people-do-with-their-blogs/"
+    },
     {
         "author": {
             "name": "Frank Meeuwsen",

hooks/precommit.js

@@ -35,6 +35,14 @@ const rootdir = `${__dirname}/../`;
 	const json = JSON.stringify(mentions, null, 4)
 	await fsp.writeFile(`${rootdir}/data/webmentions.json`, json, 'utf-8')
 
+	console.log("4.1 Fetching pictures from wm authors...")
+	await webmention.getPictures(mentions, {
+		endpoint: wmconfig.endpoint,
+		directory: `${rootdir}/assets/wmpics`,
+		override: false,
+		extension: "jpg"
+	})
+
 	// 5. generate youtube thumbnails
 	console.log("5. Generating YouTube thumbnails...")
 	await youtube.thumbify({

package.json

@@ -29,6 +29,6 @@
   "homepage": "https://brainbaking.com",
   "dependencies": {
     "dayjs": "^1.11.1",
-    "jam-my-stack": "^1.0.22"
+    "jam-my-stack": "^1.0.28"
   }
 }

themes/brainbaking-minimal/layouts/partials/single-webmentions.html

@@ -35,7 +35,14 @@
 			  <a rel="author" class="u-author h-card u-url permalink" href="{{ .source }}">
 			  	{{ if isset .author "picture" }}
 			  		<div class="avatar">
-			  			<img class="u-photo" loading="lazy" src="{{ $wmServer }}{{ .author.picture | safeHTML }}" alt="{{ $name }}" />
+			  			{{- $image := resources.Get (printf "%s%s.jpg" "wmpics/" .author.picture ) -}}
+
+					  	{{ if eq $image nil }}
+						  <img class="u-photo" loading="lazy" src="/img/avatar-anonymous.jpg" alt="{{ $name }} anonymous photo" />
+					  	{{ else }}		  			    
+  			  			    {{- $imgsmall := $image.Resize "100x jpg q85" }}
+			  				<img class="u-photo" loading="lazy" src="{{ $imgsmall.RelPermalink }}" alt="{{ $name }}" />
+			  			{{ end }}
 			  		</div>
 			  	{{ else }}
 			  		<div class="avatar">

yarn.lock

@@ -1550,7 +1550,7 @@ __metadata:
     "@babel/core": ^7.9.6
     "@babel/preset-env": ^7.10.1
     dayjs: ^1.11.1
-    jam-my-stack: ^1.0.22
+    jam-my-stack: ^1.0.28
     lodash: ">=4.17.21"
   languageName: unknown
   linkType: soft
@@ -1608,6 +1608,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cacheable-request@npm:^7.0.2":
+  version: 7.0.2
+  resolution: "cacheable-request@npm:7.0.2"
+  dependencies:
+    clone-response: ^1.0.2
+    get-stream: ^5.1.0
+    http-cache-semantics: ^4.0.0
+    keyv: ^4.0.0
+    lowercase-keys: ^2.0.0
+    normalize-url: ^6.0.1
+    responselike: ^2.0.0
+  checksum: 176a1fceb987f1fee8b512ee7908445854a0c75854a11710f0d8de104cf840fd92e3c94ecd1f9144e57a25e17f5d72056591e5b33aabb8775061f906b0696a50
+  languageName: node
+  linkType: hard
+
 "camelcase-keys@npm:^6.2.2":
   version: 6.2.2
   resolution: "camelcase-keys@npm:6.2.2"
@@ -2520,7 +2535,26 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"got@npm:^11.8.2, got@npm:~11.8.2":
+"got@npm:11.8.3":
+  version: 11.8.3
+  resolution: "got@npm:11.8.3"
+  dependencies:
+    "@sindresorhus/is": ^4.0.0
+    "@szmarczak/http-timer": ^4.0.5
+    "@types/cacheable-request": ^6.0.1
+    "@types/responselike": ^1.0.0
+    cacheable-lookup: ^5.0.3
+    cacheable-request: ^7.0.2
+    decompress-response: ^6.0.0
+    http2-wrapper: ^1.0.0-beta.5.2
+    lowercase-keys: ^2.0.0
+    p-cancelable: ^2.0.0
+    responselike: ^2.0.0
+  checksum: 9c7e94bc0828f505de52451f445664394aee83c2051e033413a5fead1128814f322976de96905c3b2e74e6b91b122ab10f3c6b7806a15e49429e40440181c844
+  languageName: node
+  linkType: hard
+
+"got@npm:~11.8.2":
   version: 11.8.2
   resolution: "got@npm:11.8.2"
   dependencies:
@@ -3040,21 +3074,21 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"jam-my-stack@npm:^1.0.22":
+"jam-my-stack@npm:^1.0.28":
-  version: 1.0.22
+  version: 1.0.28
-  resolution: "jam-my-stack@npm:1.0.22"
+  resolution: "jam-my-stack@npm:1.0.28"
   dependencies:
     dayjs: ^1.10.4
     ejs: ^3.1.6
     ent: ^2.2.0
     fast-xml-parser: ^3.18.0
-    got: ^11.8.2
+    got: 11.8.3
     howlongtobeat: ^1.3.1
     imagemagick: ^0.1.3
     lunr: ^2.3.9
     parser-front-matter: ^1.6.4
     youtube-dl-exec: ^1.2.4
-  checksum: c5e6e102121b9c7de17c9dde0a47d5cbd840a0a56540628f32cc443c6b30796d025edff454f5294a74957752f67c969dc8cac44efb385994a8fba9bc5422dade
+  checksum: 1a21558ac5de96e9eb3454859b4a1231089bcaddda865a53e6a71396af56008e62373f46549c87f3e5d3c03ee75e2b55e1262c7bb8656b73dd4c7a0686bb05d3
   languageName: node
   linkType: hard
 
@@ -3631,6 +3665,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"normalize-url@npm:^6.0.1":
+  version: 6.1.0
+  resolution: "normalize-url@npm:6.1.0"
+  checksum: 5fb69e98c149f4a54a7bb0f1904cc524627c0d23327a9feafacacf135d01d9595c65e80ced6f27c17c1959541ea732815b604ff8a6ec52ec3fe7a391b92cfba9
+  languageName: node
+  linkType: hard
+
 "npm-run-path@npm:^4.0.1":
   version: 4.0.1
   resolution: "npm-run-path@npm:4.0.1"