@surrealdb/ui 1.2.11 → 1.2.13

package/tools/duplicate-vector-mappings.json

@@ -1,143 +1,143 @@
 [
-    {
-        "uiKitFileName": "Memory",
-        "symbolId": "25796:1314",
-        "exportNodeId": "21128:24795",
-        "figmaVectorName": "Memory_vector",
-        "figmaFrameName": "Memory"
-    },
-    {
-        "uiKitFileName": "Compute",
-        "symbolId": "29295:58314",
-        "exportNodeId": "29295:58314",
-        "figmaVectorName": "Memory_vector",
-        "figmaFrameName": "Memory",
-        "figmaLightNodeId": "29295:58316"
-    },
-    {
-        "uiKitFileName": "HealthChat",
-        "symbolId": "25796:1395",
-        "exportNodeId": "21128:25857",
-        "figmaVectorName": "Chatbot_vector",
-        "figmaFrameName": "Chatbot"
-    },
-    {
-        "uiKitFileName": "Binary",
-        "symbolId": "25796:1513",
-        "exportNodeId": "25796:1513",
-        "figmaVectorName": "Code blob (JSON)_vector",
-        "figmaFrameName": "Code blob (JSON)",
-        "figmaLightNodeId": "25796:2418"
-    },
-    {
-        "uiKitFileName": "Clock",
-        "symbolId": "25796:1318",
-        "exportNodeId": "25796:1318",
-        "figmaVectorName": "Flexible_vector",
-        "figmaFrameName": "Flexible",
-        "figmaLightNodeId": "25796:2536"
-    },
-    {
-        "uiKitFileName": "CommitQueue",
-        "symbolId": "25796:1323",
-        "exportNodeId": "25796:1323",
-        "figmaVectorName": "Hands On_vector",
-        "figmaFrameName": "Hands On",
-        "figmaLightNodeId": "25796:2600"
-    },
-    {
-        "uiKitFileName": "Expand",
-        "symbolId": "25796:1502",
-        "exportNodeId": "25796:1502",
-        "figmaVectorName": "Scale_vector",
-        "figmaFrameName": "Scale",
-        "figmaLightNodeId": "25796:2001"
-    },
-    {
-        "uiKitFileName": "Swatch",
-        "symbolId": "25796:1413",
-        "exportNodeId": "25796:1413",
-        "figmaVectorName": "Palette_vector",
-        "figmaFrameName": "Palette",
-        "figmaLightNodeId": "25796:3530"
-    },
-    {
-        "uiKitFileName": "File",
-        "symbolId": "25796:1511",
-        "exportNodeId": "21128:25051",
-        "figmaVectorName": "Document_vector",
-        "figmaFrameName": "Document",
-        "figmaLightNodeId": "25796:2030"
-    },
-    {
-        "uiKitFileName": "Document",
-        "symbolId": "25796:1375",
-        "exportNodeId": "25796:1375",
-        "figmaVectorName": "Document_vector",
-        "figmaFrameName": "Document",
-        "figmaLightNodeId": "25796:2030"
-    },
-    {
-        "uiKitFileName": "Learn",
-        "symbolId": "25796:1493",
-        "exportNodeId": "21128:25729",
-        "figmaVectorName": "Learn_vector",
-        "figmaFrameName": "Learn",
-        "figmaLightNodeId": "25796:2836"
-    },
-    {
-        "uiKitFileName": "Tutorials",
-        "symbolId": "25796:1397",
-        "exportNodeId": "21128:25910",
-        "figmaVectorName": "Chat Heart_vector",
-        "figmaFrameName": "tutorials",
-        "figmaLightNodeId": "25796:2725"
-    },
-    {
-        "uiKitFileName": "MediaFile",
-        "symbolId": "25796:1452",
-        "exportNodeId": "25796:1452",
-        "figmaVectorName": "Video file_vector",
-        "figmaFrameName": "Video file",
-        "figmaLightNodeId": "25796:2498"
-    },
-    {
-        "uiKitFileName": "MergeQueue",
-        "symbolId": "25796:1356",
-        "exportNodeId": "25796:1356",
-        "figmaVectorName": "Flexible_vector",
-        "figmaFrameName": "Merge queue",
-        "figmaLightNodeId": "25796:3507"
-    },
-    {
-        "uiKitFileName": "Monitoring",
-        "symbolId": "25796:1527",
-        "exportNodeId": "25796:1527",
-        "figmaVectorName": "_vector",
-        "figmaFrameName": "Monitoring",
-        "figmaLightNodeId": "25796:3056"
-    },
-    {
-        "uiKitFileName": "Sun",
-        "symbolId": "25796:1363",
-        "exportNodeId": "25796:1363",
-        "figmaVectorName": "Union_vector",
-        "figmaFrameName": "Sun",
-        "figmaLightNodeId": "25796:3526"
-    },
-    {
-        "uiKitFileName": "Timeline",
-        "symbolId": "25796:1365",
-        "exportNodeId": "25796:1365",
-        "figmaVectorName": "Bars_vector",
-        "figmaFrameName": "Bars"
-    },
-    {
-        "uiKitFileName": "HealthBubble",
-        "symbolId": "25796:1366",
-        "exportNodeId": "21128:26006",
-        "figmaVectorName": "Health Chat_vector",
-        "figmaFrameName": "Health Bubble",
-        "figmaLightNodeId": "25796:3522"
-    }
+	{
+		"uiKitFileName": "Memory",
+		"symbolId": "25796:1314",
+		"exportNodeId": "21128:24795",
+		"figmaVectorName": "Memory_vector",
+		"figmaFrameName": "Memory"
+	},
+	{
+		"uiKitFileName": "Compute",
+		"symbolId": "29295:58314",
+		"exportNodeId": "29295:58314",
+		"figmaVectorName": "Memory_vector",
+		"figmaFrameName": "Memory",
+		"figmaLightNodeId": "29295:58316"
+	},
+	{
+		"uiKitFileName": "HealthChat",
+		"symbolId": "25796:1395",
+		"exportNodeId": "21128:25857",
+		"figmaVectorName": "Chatbot_vector",
+		"figmaFrameName": "Chatbot"
+	},
+	{
+		"uiKitFileName": "Binary",
+		"symbolId": "25796:1513",
+		"exportNodeId": "25796:1513",
+		"figmaVectorName": "Code blob (JSON)_vector",
+		"figmaFrameName": "Code blob (JSON)",
+		"figmaLightNodeId": "25796:2418"
+	},
+	{
+		"uiKitFileName": "Clock",
+		"symbolId": "25796:1318",
+		"exportNodeId": "25796:1318",
+		"figmaVectorName": "Flexible_vector",
+		"figmaFrameName": "Flexible",
+		"figmaLightNodeId": "25796:2536"
+	},
+	{
+		"uiKitFileName": "CommitQueue",
+		"symbolId": "25796:1323",
+		"exportNodeId": "25796:1323",
+		"figmaVectorName": "Hands On_vector",
+		"figmaFrameName": "Hands On",
+		"figmaLightNodeId": "25796:2600"
+	},
+	{
+		"uiKitFileName": "Expand",
+		"symbolId": "25796:1502",
+		"exportNodeId": "25796:1502",
+		"figmaVectorName": "Scale_vector",
+		"figmaFrameName": "Scale",
+		"figmaLightNodeId": "25796:2001"
+	},
+	{
+		"uiKitFileName": "Swatch",
+		"symbolId": "25796:1413",
+		"exportNodeId": "25796:1413",
+		"figmaVectorName": "Palette_vector",
+		"figmaFrameName": "Palette",
+		"figmaLightNodeId": "25796:3530"
+	},
+	{
+		"uiKitFileName": "File",
+		"symbolId": "25796:1511",
+		"exportNodeId": "21128:25051",
+		"figmaVectorName": "Document_vector",
+		"figmaFrameName": "Document",
+		"figmaLightNodeId": "25796:2030"
+	},
+	{
+		"uiKitFileName": "Document",
+		"symbolId": "25796:1375",
+		"exportNodeId": "25796:1375",
+		"figmaVectorName": "Document_vector",
+		"figmaFrameName": "Document",
+		"figmaLightNodeId": "25796:2030"
+	},
+	{
+		"uiKitFileName": "Learn",
+		"symbolId": "25796:1493",
+		"exportNodeId": "21128:25729",
+		"figmaVectorName": "Learn_vector",
+		"figmaFrameName": "Learn",
+		"figmaLightNodeId": "25796:2836"
+	},
+	{
+		"uiKitFileName": "Tutorials",
+		"symbolId": "25796:1397",
+		"exportNodeId": "21128:25910",
+		"figmaVectorName": "Chat Heart_vector",
+		"figmaFrameName": "tutorials",
+		"figmaLightNodeId": "25796:2725"
+	},
+	{
+		"uiKitFileName": "MediaFile",
+		"symbolId": "25796:1452",
+		"exportNodeId": "25796:1452",
+		"figmaVectorName": "Video file_vector",
+		"figmaFrameName": "Video file",
+		"figmaLightNodeId": "25796:2498"
+	},
+	{
+		"uiKitFileName": "MergeQueue",
+		"symbolId": "25796:1356",
+		"exportNodeId": "25796:1356",
+		"figmaVectorName": "Flexible_vector",
+		"figmaFrameName": "Merge queue",
+		"figmaLightNodeId": "25796:3507"
+	},
+	{
+		"uiKitFileName": "Monitoring",
+		"symbolId": "25796:1527",
+		"exportNodeId": "25796:1527",
+		"figmaVectorName": "_vector",
+		"figmaFrameName": "Monitoring",
+		"figmaLightNodeId": "25796:3056"
+	},
+	{
+		"uiKitFileName": "Sun",
+		"symbolId": "25796:1363",
+		"exportNodeId": "25796:1363",
+		"figmaVectorName": "Union_vector",
+		"figmaFrameName": "Sun",
+		"figmaLightNodeId": "25796:3526"
+	},
+	{
+		"uiKitFileName": "Timeline",
+		"symbolId": "25796:1365",
+		"exportNodeId": "25796:1365",
+		"figmaVectorName": "Bars_vector",
+		"figmaFrameName": "Bars"
+	},
+	{
+		"uiKitFileName": "HealthBubble",
+		"symbolId": "25796:1366",
+		"exportNodeId": "21128:26006",
+		"figmaVectorName": "Health Chat_vector",
+		"figmaFrameName": "Health Bubble",
+		"figmaLightNodeId": "25796:3522"
+	}
 ]

package/tools/glass-export-overrides.json

@@ -1,8 +1,8 @@
 [
-    {
-        "uiKitFileName": "Cursor",
-        "exportNodeId": "25755:47884",
-        "figmaFrameName": "Cursor",
-        "figmaLightName": "Cursor_light"
-    }
+	{
+		"uiKitFileName": "Cursor",
+		"exportNodeId": "25755:47884",
+		"figmaFrameName": "Cursor",
+		"figmaLightName": "Cursor_light"
+	}
 ]

package/tools/icon-parser.ts

@@ -2,19 +2,20 @@ import { execSync } from "node:child_process";
 import { exists, mkdtemp, readdir, readFile, rm, writeFile } from "node:fs/promises";
 import { tmpdir } from "node:os";
 import { join, parse } from "node:path";
+
 import { JSDOM } from "jsdom";
 import { optimize } from "svgo";
 
 if (!Bun.which("picosvg")) {
-    console.error(
-        "🚨 picosvg is not installed. Please install it: https://github.com/googlefonts/picosvg",
-    );
-    process.exit(1);
+	console.error(
+		"🚨 picosvg is not installed. Please install it: https://github.com/googlefonts/picosvg",
+	);
+	process.exit(1);
 }
 
 if (!(await exists("icons.zip"))) {
-    console.error("🚨 icons.zip is not found. Please place it in the root of the project");
-    process.exit(2);
+	console.error("🚨 icons.zip is not found. Please place it in the root of the project");
+	process.exit(2);
 }
 
 const iconsDir = await mkdtemp(join(tmpdir(), "icons-"));
@@ -22,9 +23,9 @@ const interDir = await mkdtemp(join(tmpdir(), "inter-"));
 
 // Unzip the icons.zip file
 try {
-    execSync(`unzip icons.zip -d "${iconsDir}"`);
+	execSync(`unzip icons.zip -d "${iconsDir}"`);
 } catch (error) {
-    console.error("Error unzipping icons.zip:", error.message);
+	console.error("Error unzipping icons.zip:", error.message);
 }
 
 // Read all SVG files in the icons directory
@@ -34,38 +35,38 @@ let bundleCode = "// Generated by SurrealDB UI Kit. Do not modify manually.\n\n"
 let pureCode = "// Generated by SurrealDB UI Kit. Do not modify manually.\n\n";
 
 for (const file of files) {
-    const inputPath = join(iconsDir, file);
-    const outputPath = join(interDir, file);
-    execSync(`picosvg "${inputPath}" --output_file "${outputPath}"`);
-
-    const { name } = parse(file);
-    const svg = await readFile(outputPath, "utf8");
-    const optimized = optimize(svg, {
-        multipass: true,
-        plugins: [
-            {
-                name: "mergePaths",
-                params: {
-                    force: true,
-                    noSpaceAfterFlags: false,
-                },
-            },
-        ],
-    }).data;
-
-    const dom = new JSDOM(optimized);
-    const paths = dom.window.document.querySelectorAll("path");
-
-    if (paths.length !== 1) {
-        throw new Error(`Icon ${name} has ${paths.length} paths, expected 1`);
-    }
-
-    const iconPath = paths[0].getAttribute("d");
-
-    bundleCode += `export const icon${name}: string = "${iconPath}";\n`;
-    pureCode += `export { icon${name} as ${name} } from "./icons";\n`;
-
-    console.log(`🔄 Converted ${name}`);
+	const inputPath = join(iconsDir, file);
+	const outputPath = join(interDir, file);
+	execSync(`picosvg "${inputPath}" --output_file "${outputPath}"`);
+
+	const { name } = parse(file);
+	const svg = await readFile(outputPath, "utf8");
+	const optimized = optimize(svg, {
+		multipass: true,
+		plugins: [
+			{
+				name: "mergePaths",
+				params: {
+					force: true,
+					noSpaceAfterFlags: false,
+				},
+			},
+		],
+	}).data;
+
+	const dom = new JSDOM(optimized);
+	const paths = dom.window.document.querySelectorAll("path");
+
+	if (paths.length !== 1) {
+		throw new Error(`Icon ${name} has ${paths.length} paths, expected 1`);
+	}
+
+	const iconPath = paths[0].getAttribute("d");
+
+	bundleCode += `export const icon${name}: string = "${iconPath}";\n`;
+	pureCode += `export { icon${name} as ${name} } from "./icons";\n`;
+
+	console.log(`🔄 Converted ${name}`);
 }
 
 await writeFile("./src/constants/icons.ts", bundleCode);

package/tools/integration-gradient-exports.json

@@ -1,57 +1,57 @@
 [
-    { "uiKitFileName": "Sidekick", "exportNodeId": "22777:30583", "figmaFrameName": "Sidekick" },
-    { "uiKitFileName": "Development", "exportNodeId": "25796:1453", "figmaFrameName": "Settings" },
-    {
-        "uiKitFileName": "CloudNodes",
-        "exportNodeId": "25796:1426",
-        "figmaFrameName": "cloud nodes"
-    },
-    { "uiKitFileName": "Bot", "exportNodeId": "25796:1428", "figmaFrameName": "Agent / Bot" },
-    { "uiKitFileName": "Agno", "exportNodeId": "21128:26168", "figmaFrameName": "Agno" },
-    { "uiKitFileName": "Claude", "exportNodeId": "21128:26209", "figmaFrameName": "Claude" },
-    { "uiKitFileName": "GitHub", "exportNodeId": "21128:26223", "figmaFrameName": "GitHub" },
-    { "uiKitFileName": "Medium", "exportNodeId": "21128:26218", "figmaFrameName": "Medium" },
-    { "uiKitFileName": "LangChain", "exportNodeId": "21128:26198", "figmaFrameName": "LangChain" },
-    { "uiKitFileName": "Reddit", "exportNodeId": "21128:26190", "figmaFrameName": "Reddit" },
-    { "uiKitFileName": "X", "exportNodeId": "21128:26194", "figmaFrameName": "X" },
-    { "uiKitFileName": "MCP", "exportNodeId": "24452:1002", "figmaFrameName": "MCP" },
-    { "uiKitFileName": "RAG", "exportNodeId": "21128:26228", "figmaFrameName": "RAG" },
-    { "uiKitFileName": "Windsurf", "exportNodeId": "21128:26240", "figmaFrameName": "Windsurf" },
-    { "uiKitFileName": "Instagram", "exportNodeId": "21128:26248", "figmaFrameName": "Instagram" },
-    { "uiKitFileName": "Discord", "exportNodeId": "21128:26252", "figmaFrameName": "Discord" },
-    { "uiKitFileName": "Zapier", "exportNodeId": "21128:26256", "figmaFrameName": "Zapier" },
-    { "uiKitFileName": "Python", "exportNodeId": "21128:26096", "figmaFrameName": "Python" },
-    { "uiKitFileName": "Cline", "exportNodeId": "21128:26114", "figmaFrameName": "Cline" },
-    { "uiKitFileName": "Dev", "exportNodeId": "21128:26118", "figmaFrameName": "Dev" },
-    { "uiKitFileName": "Rust", "exportNodeId": "21128:24875", "figmaFrameName": "Rust" },
-    { "uiKitFileName": "Threads", "exportNodeId": "21128:26146", "figmaFrameName": "Threads" },
-    { "uiKitFileName": "Zed", "exportNodeId": "21128:26150", "figmaFrameName": "Zed" },
-    {
-        "uiKitFileName": "StackOverflow",
-        "exportNodeId": "21128:26164",
-        "figmaFrameName": "Stack Overflow"
-    },
-    { "uiKitFileName": "LinkedIn", "exportNodeId": "21128:26270", "figmaFrameName": "LinkedIn" },
-    { "uiKitFileName": "Youtube", "exportNodeId": "21128:26274", "figmaFrameName": "YouTube" },
-    { "uiKitFileName": "N8n", "exportNodeId": "21128:26131", "figmaFrameName": "n8n" },
-    { "uiKitFileName": "Wasm", "exportNodeId": "21128:26139", "figmaFrameName": "WebAssembly" },
-    {
-        "uiKitFileName": "VisualStudioCode",
-        "exportNodeId": "21128:26178",
-        "figmaFrameName": "Visual Studio Code"
-    },
-    { "uiKitFileName": "PDF", "exportNodeId": "25796:1324", "figmaFrameName": "Document / PDF" },
-    {
-        "uiKitFileName": "Javascript",
-        "exportNodeId": "23768:22323",
-        "figmaFrameName": "Javascript"
-    },
-    { "uiKitFileName": "OpenAI", "exportNodeId": "24452:982", "figmaFrameName": "OpenAI" },
-    {
-        "uiKitFileName": "SurrealMCP",
-        "exportNodeId": "24452:1007",
-        "figmaFrameName": "MCP"
-    },
-    { "uiKitFileName": "SurrealML", "exportNodeId": "25433:6610", "figmaFrameName": "SurrealML" },
-    { "uiKitFileName": "YUApp", "exportNodeId": "21128:24571", "figmaFrameName": "YU app" }
+	{ "uiKitFileName": "Sidekick", "exportNodeId": "22777:30583", "figmaFrameName": "Sidekick" },
+	{ "uiKitFileName": "Development", "exportNodeId": "25796:1453", "figmaFrameName": "Settings" },
+	{
+		"uiKitFileName": "CloudNodes",
+		"exportNodeId": "25796:1426",
+		"figmaFrameName": "cloud nodes"
+	},
+	{ "uiKitFileName": "Bot", "exportNodeId": "25796:1428", "figmaFrameName": "Agent / Bot" },
+	{ "uiKitFileName": "Agno", "exportNodeId": "21128:26168", "figmaFrameName": "Agno" },
+	{ "uiKitFileName": "Claude", "exportNodeId": "21128:26209", "figmaFrameName": "Claude" },
+	{ "uiKitFileName": "GitHub", "exportNodeId": "21128:26223", "figmaFrameName": "GitHub" },
+	{ "uiKitFileName": "Medium", "exportNodeId": "21128:26218", "figmaFrameName": "Medium" },
+	{ "uiKitFileName": "LangChain", "exportNodeId": "21128:26198", "figmaFrameName": "LangChain" },
+	{ "uiKitFileName": "Reddit", "exportNodeId": "21128:26190", "figmaFrameName": "Reddit" },
+	{ "uiKitFileName": "X", "exportNodeId": "21128:26194", "figmaFrameName": "X" },
+	{ "uiKitFileName": "MCP", "exportNodeId": "24452:1002", "figmaFrameName": "MCP" },
+	{ "uiKitFileName": "RAG", "exportNodeId": "21128:26228", "figmaFrameName": "RAG" },
+	{ "uiKitFileName": "Windsurf", "exportNodeId": "21128:26240", "figmaFrameName": "Windsurf" },
+	{ "uiKitFileName": "Instagram", "exportNodeId": "21128:26248", "figmaFrameName": "Instagram" },
+	{ "uiKitFileName": "Discord", "exportNodeId": "21128:26252", "figmaFrameName": "Discord" },
+	{ "uiKitFileName": "Zapier", "exportNodeId": "21128:26256", "figmaFrameName": "Zapier" },
+	{ "uiKitFileName": "Python", "exportNodeId": "21128:26096", "figmaFrameName": "Python" },
+	{ "uiKitFileName": "Cline", "exportNodeId": "21128:26114", "figmaFrameName": "Cline" },
+	{ "uiKitFileName": "Dev", "exportNodeId": "21128:26118", "figmaFrameName": "Dev" },
+	{ "uiKitFileName": "Rust", "exportNodeId": "21128:24875", "figmaFrameName": "Rust" },
+	{ "uiKitFileName": "Threads", "exportNodeId": "21128:26146", "figmaFrameName": "Threads" },
+	{ "uiKitFileName": "Zed", "exportNodeId": "21128:26150", "figmaFrameName": "Zed" },
+	{
+		"uiKitFileName": "StackOverflow",
+		"exportNodeId": "21128:26164",
+		"figmaFrameName": "Stack Overflow"
+	},
+	{ "uiKitFileName": "LinkedIn", "exportNodeId": "21128:26270", "figmaFrameName": "LinkedIn" },
+	{ "uiKitFileName": "Youtube", "exportNodeId": "21128:26274", "figmaFrameName": "YouTube" },
+	{ "uiKitFileName": "N8n", "exportNodeId": "21128:26131", "figmaFrameName": "n8n" },
+	{ "uiKitFileName": "Wasm", "exportNodeId": "21128:26139", "figmaFrameName": "WebAssembly" },
+	{
+		"uiKitFileName": "VisualStudioCode",
+		"exportNodeId": "21128:26178",
+		"figmaFrameName": "Visual Studio Code"
+	},
+	{ "uiKitFileName": "PDF", "exportNodeId": "25796:1324", "figmaFrameName": "Document / PDF" },
+	{
+		"uiKitFileName": "Javascript",
+		"exportNodeId": "23768:22323",
+		"figmaFrameName": "Javascript"
+	},
+	{ "uiKitFileName": "OpenAI", "exportNodeId": "24452:982", "figmaFrameName": "OpenAI" },
+	{
+		"uiKitFileName": "SurrealMCP",
+		"exportNodeId": "24452:1007",
+		"figmaFrameName": "MCP"
+	},
+	{ "uiKitFileName": "SurrealML", "exportNodeId": "25433:6610", "figmaFrameName": "SurrealML" },
+	{ "uiKitFileName": "YUApp", "exportNodeId": "21128:24571", "figmaFrameName": "YU app" }
 ]

package/tools/picto-compare.ts

@@ -16,49 +16,49 @@ const PICTOS_DIR = join(import.meta.dir, "../src/assets/pictos");
 const TMP = join(import.meta.dir, "../.picto-compare");
 
 async function phash(path: string): Promise<string> {
-    return execSync(`magick "${path}" -colorspace Gray -resize 16x16! -depth 8 txt:-`, {
-        encoding: "utf8",
-    });
+	return execSync(`magick "${path}" -colorspace Gray -resize 16x16! -depth 8 txt:-`, {
+		encoding: "utf8",
+	});
 }
 
 function hashDistance(a: string, b: string): number {
-    const valsA = [...a.matchAll(/\\((\\d+),(\\d+)\\)\\s+#(\\w+)/g)].map((m) =>
-        Number.parseInt(m[3], 16),
-    );
-    const valsB = [...b.matchAll(/\\((\\d+),(\\d+)\\)\\s+#(\\w+)/g)].map((m) =>
-        Number.parseInt(m[3], 16),
-    );
-    let dist = 0;
-    for (let i = 0; i < Math.min(valsA.length, valsB.length); i++) {
-        dist += Math.abs(valsA[i] - valsB[i]);
-    }
-    return dist;
+	const valsA = [...a.matchAll(/\\((\\d+),(\\d+)\\)\\s+#(\\w+)/g)].map((m) =>
+		Number.parseInt(m[3], 16),
+	);
+	const valsB = [...b.matchAll(/\\((\\d+),(\\d+)\\)\\s+#(\\w+)/g)].map((m) =>
+		Number.parseInt(m[3], 16),
+	);
+	let dist = 0;
+	for (let i = 0; i < Math.min(valsA.length, valsB.length); i++) {
+		dist += Math.abs(valsA[i] - valsB[i]);
+	}
+	return dist;
 }
 
 async function main() {
-    const manifest: { fileName: string; url: string }[] = JSON.parse(
-        await readFile(process.argv[2], "utf8"),
-    );
-    await mkdir(TMP, { recursive: true });
+	const manifest: { fileName: string; url: string }[] = JSON.parse(
+		await readFile(process.argv[2], "utf8"),
+	);
+	await mkdir(TMP, { recursive: true });
 
-    const results: { fileName: string; distance: number; matched: boolean }[] = [];
+	const results: { fileName: string; distance: number; matched: boolean }[] = [];
 
-    for (const { fileName, url } of manifest) {
-        const figmaPng = join(TMP, `${fileName}-figma.png`);
-        const res = await fetch(url);
-        await writeFile(figmaPng, await res.arrayBuffer());
+	for (const { fileName, url } of manifest) {
+		const figmaPng = join(TMP, `${fileName}-figma.png`);
+		const res = await fetch(url);
+		await writeFile(figmaPng, await res.arrayBuffer());
 
-        const repoWebp = join(PICTOS_DIR, `${fileName}.webp`);
-        const repoPng = join(TMP, `${fileName}-repo.png`);
-        execSync(`magick "${repoWebp}" "${repoPng}"`);
+		const repoWebp = join(PICTOS_DIR, `${fileName}.webp`);
+		const repoPng = join(TMP, `${fileName}-repo.png`);
+		execSync(`magick "${repoWebp}" "${repoPng}"`);
 
-        const dist = hashDistance(await phash(figmaPng), await phash(repoPng));
-        results.push({ fileName, distance: dist, matched: dist < 5000 });
-    }
+		const dist = hashDistance(await phash(figmaPng), await phash(repoPng));
+		results.push({ fileName, distance: dist, matched: dist < 5000 });
+	}
 
-    const failed = results.filter((r) => !r.matched);
-    console.log(`Compared ${results.length}, mismatches: ${failed.length}`);
-    for (const f of failed) console.log(`  ${f.fileName}: distance ${f.distance}`);
+	const failed = results.filter((r) => !r.matched);
+	console.log(`Compared ${results.length}, mismatches: ${failed.length}`);
+	for (const f of failed) console.log(`  ${f.fileName}: distance ${f.distance}`);
 }
 
 main().catch(console.error);