From 8645b0ab1ed2da2f333915288f9c970b693bb8a3 Mon Sep 17 00:00:00 2001
From: the-djmaze <>
Date: Tue, 29 Oct 2024 01:20:34 +0100
Subject: [PATCH] Speedup identicons by caching them

---
 plugins/avatars/avatars.js | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/plugins/avatars/avatars.js b/plugins/avatars/avatars.js
index 7efeb2772..a325e9e3e 100644
--- a/plugins/avatars/avatars.js
+++ b/plugins/avatars/avatars.js
@@ -38,6 +38,7 @@
 		queue = [],
 		avatars = new Map,
 		ncAvatars = new Map,
+		identicons = new Map,
 		templateId = 'MailMessageView',
 		b64 = data => btoa(unescape(encodeURIComponent(data))),
 		b64url = data => b64(data).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, ''),
@@ -78,15 +79,22 @@
 			(from.name?.split(/[^\p{L}]+/gu) || []).reduce((a, s) => a + (s[0] || ''), '')
 			.slice(0,2)
 			.toUpperCase(),
-		setIdenticon = (msg, fn) => hash(msg.from[0].email).then(hash => {
-			const uri = 'data:image/svg+xml;base64,' + b64(window.identiconSvg(
-				hash,
-				fromChars(msg.from[0]),
-				window.getComputedStyle(getEl('rl-app'), null).getPropertyValue('font-family')
-			));
-//			avatars.set(getAvatarUid(msg), uri);
-			fn(uri);
-		}),
+		setIdenticon = (msg, fn) => {
+			const from = email(msg);
+			if (identicons.get(from)) {
+				fn(identicons.get(from));
+			} else {
+				hash(from).then(hash => {
+					const uri = 'data:image/svg+xml;base64,' + b64(window.identiconSvg(
+						hash,
+						fromChars(msg.from[0]),
+						window.getComputedStyle(getEl('rl-app'), null).getPropertyValue('font-family')
+					));
+					identicons.set(email(msg), uri);
+					fn(uri);
+				});
+			}
+		},
 
 		addQueue = (msg, fn) => {
 			if (msg.from?.[0]) {