docs: serve GitHub avatars locally

.docs/.eleventy.js

@@ -11,8 +11,12 @@ const CleanCSS = require("clean-css");
 const { minify: minify_html } = require("html-minifier-terser");
 
 const HTMLPicture = require("./lib/HTMLPicture.js");
+const FileFetcher = require("./lib/FileFetcher.js");
+
+const file_fetcher = new FileFetcher();
 
 const is_production = typeof process.env.NODE_ENV === "string" && process.env.NODE_ENV === "production";
+
 var nextid = 0;
 
 const image_filename_format = (_id, src, width, format, _options) => {
@@ -63,10 +67,6 @@ async function shortcode_gallerybox(content, src, idthis, idprev, idnext) {
 }
 
 async function fetch(url) {
-	const pkg_obj = JSON.parse(await fs.promises.readFile(
-		path.join(__dirname, "package.json"), "utf8"
-	));
-	
 	return (await phin({
 		url,
 		headers: {
@@ -77,6 +77,10 @@ async function fetch(url) {
 	})).body;
 }
 
+function fetch_file(url) {
+	return file_fetcher.fetch_file(url);
+}
+
 function do_minifycss(source, output_path) {
 	if(!output_path.endsWith(".css") || !is_production) return source;
 	
@@ -122,6 +126,7 @@ module.exports = function(eleventyConfig) {
 	
 	eleventyConfig.addPassthroughCopy("img2brush/img2brush.js");
 	eleventyConfig.addAsyncShortcode("fetch", fetch);
+	eleventyConfig.addFilter("fetch_file", fetch_file);
 	
 	// eleventyConfig.addPassthroughCopy("images");
 	// eleventyConfig.addPassthroughCopy("css");

.docs/_includes/theme.njk

@@ -45,11 +45,11 @@
 		{{ content | safe }}
 		
 		<footer class="shadow-top">
-			<p>WorldEditAdditions built with ❤️ by these awesome people:</p>
+			<p>WorldEditAdditions is built with ❤️ by these awesome people:</p>
 			<ul class="contributor-list">
 				{% for contributor in contributors %}
 				<li><a href="{{ contributor.profile_url }}">
-					<img class="icon large" src="{{ contributor.avatar_url }}" alt="{{ contributor.name }}" />
+					<img class="icon large" src="{{ contributor.avatar_url | fetch_file }}" alt="{{ contributor.name }}" />
 					<span>{{ contributor.name }}</span>
 				</a></li>
 				{% endfor %}

.docs/lib/FileFetcher.js

@@ -0,0 +1,65 @@
+"use strict";
+
+const path = require("path");
+const fs = require("fs");
+const os = require("os");
+
+const phin = require("phin");
+
+const a = require("./Ansi.js");
+const pretty_ms = require("pretty-ms");
+
+class FileFetcher {
+	#cache = [];
+	
+	#pkg_obj = null;
+	
+	constructor() {
+		
+	}
+	
+	fetch_file(url) {
+		let target_client = path.join(`/img`, path.basename(url));
+		
+		if(this.#cache.includes(url)) return target_client;
+		
+		this.#cache.push(url);
+		
+		this.download_file(url); // Returns a promise! We fire-and-forget it though 'cause this function *must* be synchronous :-/
+		
+		return target_client;
+	}
+	
+	async download_file(url) {
+		const time_start = new Date();
+		
+		if(this.#pkg_obj === null) {
+			this.#pkg_obj = JSON.parse(await fs.promises.readFile(
+				path.join(path.dirname(__dirname), "package.json"), "utf8"
+			));
+		}
+		
+		let target_download = path.join(`_site/img`, path.basename(url));
+		
+		const response = await phin({
+			url,
+			headers: {
+				"user-agent": `WorldEditAdditionsStaticBuilder/${this.#pkg_obj.version} (Node.js/${process.version}; ${os.platform()} ${os.arch()}) eleventy/${this.#pkg_obj.devDependencies["@11ty/eleventy"].replace(/\^/, "")}`
+			},
+			followRedirects: true,
+			parse: 'none' // Returns a Buffer
+			// If we stream and pipe to a file, the build never ends :-/
+		});
+		
+		await fs.promises.writeFile(target_download, response.body);
+		
+		console.log([
+			`${a.fred}${a.hicol}FETCH_FILE${a.reset}`,
+			`${a.fyellow}${pretty_ms(new Date() - time_start)}${a.reset}`,
+			`${a.fgreen}${url}${a.reset}`
+		].join("\t"));
+	}
+
+}
+
+module.exports = FileFetcher;

.docs/lib/HTMLPicture.js

@@ -74,7 +74,7 @@ async function srcset(source_image, target_dir, urlpath, format = "__AUTO__", si
 				quality,
 				strip
 			});
-			console.log(`IMAGE\t${a.fcyan}${queue.size}/${queue.pending} tasks${a.reset}\t${a.fyellow}${pretty_ms(new Date() - start)}${a.reset}\t${a.fgreen}${target_current}${a.reset}`);
+			console.log(`${a.fmagenta}${a.hicol}IMAGE${a.reset}\t${a.fcyan}${queue.size}/${queue.pending} tasks${a.reset}\t${a.fyellow}${pretty_ms(new Date() - start)}${a.reset}\t${a.fgreen}${target_current}${a.reset}`);
 		});
 		// const size_target = await imagickal.dimensions(target_current);