have the icon processor cache them too

.eleventy.js

@@ -1,4 +1,7 @@
 const striptags = require("striptags");
+const sharp = require("sharp");
+const fs = require("fs");
+const fetch = require("node-fetch");
 
 function extractExcerpt(article) {
 	if (!article.hasOwnProperty("templateContent")) {
@@ -16,22 +19,43 @@ function extractExcerpt(article) {
 		.replace(/\n/g, " ")
 		.trim();
 
-	console.log(excerpt);
-
 	return excerpt;
 }
 
-function appIcon(value) {
+async function appIcon(value) {
 	const data = value.data || Array.isArray(value) ? value[1] : value;
-	return new URL(
+	const iconurl = new URL(
 		data.icons.sort(function (a, b) {
 			const aN = Number(a.sizes.split("x")[0]);
 			const bN = Number(b.sizes.split("x")[0]);
 			return bN - aN;
 		})[0].src,
 		data.baseurl
 	).href;
-	return value;
+
+	if (!iconurl) {
+		throw Error('Could not find icon in manifest')
+	}
+
+	const filename = iconurl.replace(/[^a-z0-9\-]/gi, "_") + '.png';
+	const pathname = '/images/icon-cache/' + filename;
+	const localPath = __dirname + '/docs' + pathname;
+
+	if (fs.existsSync(localPath)) {
+		return pathname;
+	}
+
+	const imageBuffer = await fetch(iconurl)
+		.then(response => response.buffer());
+
+	await sharp(imageBuffer)
+	.resize(400,400,{
+		fit: sharp.fit.inside,
+		withoutEnlargement: true
+	})
+	.toFile(localPath);
+
+	return pathname;
 }
 
 module.exports = function (eleventyConfig) {
@@ -40,7 +64,12 @@ module.exports = function (eleventyConfig) {
 	eleventyConfig.addPassthroughCopy("styles");
 	eleventyConfig.setTemplateFormats("html,11ty.js,md,njk");
 
-	eleventyConfig.addFilter("appicon", appIcon);
+	eleventyConfig.addNunjucksAsyncFilter("appicon", function (value, callback) {
+		appIcon(value)
+		.then(path => {
+			callback(null, path);
+		});
+	});
 	eleventyConfig.addFilter("excerpt", extractExcerpt);
 
 	return {

docs/index.html

@@ -45,13 +45,13 @@ <h2>My installed apps</h2>
         <h2>Curated apps</h2>
     </header>
     <div class="oui-bubble antennae-bubble"><a href="/antennae/curated apps/deno-rss/"><figure>
-        <img src="https://deno-rss.glitch.me/icons/icon-512x512.png" alt="app icon" width="128" height="128" style="clip-path: url(#squircle);" />
+        <img src="/antennae/images/icon-cache/https___deno-rss_glitch_me_icons_icon-512x512_png.png" alt="app icon" width="128" height="128" style="clip-path: url(#squircle);" />
         <figcaption>RSS Reader</figcaption>
         </figure></a><a href="/antennae/curated apps/racer/"><figure>
-        <img src="https://samsunginternet.github.io/a-frame-demos/racer/icon512.png" alt="app icon" width="128" height="128" style="clip-path: url(#squircle);" />
+        <img src="/antennae/images/icon-cache/https___samsunginternet_github_io_a-frame-demos_racer_icon512_png.png" alt="app icon" width="128" height="128" style="clip-path: url(#squircle);" />
         <figcaption>A-Frame Racer</figcaption>
         </figure></a><a href="/antennae/curated apps/Twitter/"><figure>
-        <img src="https://abs.twimg.com/responsive-web/client-web-legacy/icon-default-large.67500505.png" alt="app icon" width="128" height="128" style="clip-path: url(#squircle);" />
+        <img src="/antennae/images/icon-cache/https___abs_twimg_com_responsive-web_client-web-legacy_icon-default-large_67500505_png.png" alt="app icon" width="128" height="128" style="clip-path: url(#squircle);" />
         <figcaption>Twitter</figcaption>
         </figure></a></div>
 </section>

docs/scripts/search-index.js

@@ -2,21 +2,21 @@ export default {
 "RSS Reader":{
 	"title": "RSS Reader",
 	"description": "RSS Reader This the app description for this test app.",
-	"icon": "https://deno-rss.glitch.me/icons/icon-512x512.png",
+	"icon": "/antennae/images/icon-cache/https___deno-rss_glitch_me_icons_icon-512x512_png.png",
 	"page_url": "/antennae/curated apps/deno-rss/",
 	"url": "https://deno-rss.glitch.me/"
 },
 "A-Frame Racer":{
 	"title": "A-Frame Racer",
 	"description": "A-Frame Racer This the app description for this test app.",
-	"icon": "https://samsunginternet.github.io/a-frame-demos/racer/icon512.png",
+	"icon": "/antennae/images/icon-cache/https___samsunginternet_github_io_a-frame-demos_racer_icon512_png.png",
 	"page_url": "/antennae/curated apps/racer/",
 	"url": "https://samsunginternet.github.io/a-frame-demos/racer/"
 },
 "Twitter":{
 	"title": "Twitter",
 	"description": "Twitter Description of Twitter",
-	"icon": "https://abs.twimg.com/responsive-web/client-web-legacy/icon-default-large.67500505.png",
+	"icon": "/antennae/images/icon-cache/https___abs_twimg_com_responsive-web_client-web-legacy_icon-default-large_67500505_png.png",
 	"page_url": "/antennae/curated apps/Twitter/",
 	"url": "https://twitter.com/"
 }