From 3207fe934ef25ea7980d123c83c2711cf8964646 Mon Sep 17 00:00:00 2001
From: Mischa POSLAWSKY <perl@shiar.org>
Date: Fri, 20 Aug 2021 15:50:19 +0200
Subject: [PATCH] countries: ?v script to compare unicode flags

---
 countries.plp | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/countries.plp b/countries.plp
index dfe9a48..e404ae5 100644
--- a/countries.plp
+++ b/countries.plp
@@ -46,7 +46,7 @@ my $cc = do 'data/countries.inc.pl';
 				}
 
 				$cell = showflag($code) // join(' ',
-					map { showflag($_) || $_ } split / /, $ref
+					map { showflag($_) || $_ } split(/ /, $ref)
 				);
 			}
 			else {
@@ -89,3 +89,26 @@ my $cc = do 'data/countries.inc.pl';
 	</div>
 </div>
 
+<: exit unless exists $get{v}; :>
+<script type="text/javascript"><!--
+	const table = document.querySelector('.ccmap');
+	const label = Array.prototype.map.call(table.tHead.rows[0].children, i => i.textContent);
+	const flagchr = 0x1F1E5; // regional indicator symbol letter base
+	let nowidth;
+	for (let row = 0; row < label.length; row++) {
+		for (let col = 0; col < label.length; col++) {
+			let cell = table.rows[row].cells[col];
+			if (!cell.className) continue;
+			let flag = String.fromCodePoint(flagchr + row) + String.fromCodePoint(flagchr + col);
+			cell.innerHTML = `<big>${flag}</big>&nbsp;` + cell.innerHTML;
+			if (nowidth === undefined) {
+				// assume AA is invalid, compare its size to validate following glyphs
+				nowidth = cell.firstChild.offsetWidth;
+			}
+			if (cell.firstChild.offsetWidth == nowidth) {
+				cell.firstChild.remove();
+			}
+		}
+	}
+//--></script>
+
-- 
2.30.0