Add automated snapshot HTML generator

utility/generate-snapshot-page/parse-variants-data.js

@@ -0,0 +1,82 @@
+const fs = require("fs-extra");
+const path = require("path");
+const toml = require("toml");
+
+module.exports = async function() {
+	const variantsToml = await fs.readFile(path.join(__dirname, "../../variants.toml"), "utf8");
+	const variants = toml.parse(variantsToml);
+
+	const cvData = getCvData(variants);
+	const ssData = getSsData(variants, cvData);
+
+	return { cvData, ssData };
+};
+
+function getCvData(variants) {
+	const samplerGroups = new Map();
+	for (const selector in variants.simple) {
+		let config = variants.simple[selector];
+		if (!config.sampler) continue;
+		config = { selector, ...config };
+		let gr = samplerGroups.get(config.sampler);
+		if (!gr) {
+			gr = { configs: [] };
+			samplerGroups.set(config.sampler, gr);
+		}
+		gr.configs.push(config);
+	}
+
+	for (const [sampler, gr] of samplerGroups) {
+		gr.ligatureSampler = / /.test(sampler);
+		gr.descSampleText = gr.ligatureSampler ? sampler.split(" ") : [...sampler];
+		gr.configs.sort((a, b) => (a.tag < b.tag ? -1 : a.tag > b.tag ? 1 : 0));
+		gr.rank = rankOf(gr.descSampleText[0][0]);
+	}
+	return [...samplerGroups.values()].sort((a, b) => b.rank - a.rank);
+}
+
+function rankOf(initialChar) {
+	if ("A" <= initialChar && initialChar <= "Z") return 3;
+	if (("a" <= initialChar && initialChar <= "z") || initialChar === "ß") return 2;
+	if ("0" <= initialChar && initialChar <= "9") return 1;
+	return 0;
+}
+
+function getSsData(variants, cvData) {
+	const body =
+		`@real fox.quick(h){ *is_brown && it_jumps_over(dogs.lazy) }\n` +
+		`ABCDEFG HIJKLMN OPQRST UVWXYZ 0123456789`;
+
+	const result = [{ tag: "off", description: "Default", bodyUpright: body, bodyItalic: body }];
+	for (const tag in variants.composite) {
+		if (!/^ss\d\d$/.test(tag)) continue;
+		const composition = variants.composite[tag];
+		const uprightCfg = new Set([...(composition.design || []), ...(composition.upright || [])]);
+		const italicCfg = new Set([...(composition.design || []), ...(composition.italic || [])]);
+		const hotCharSetUpright = new Set();
+		const hotCharSetItalic = new Set();
+		for (const gr of cvData) {
+			if (gr.ligatureSampler) continue;
+			for (const config of gr.configs) {
+				if (uprightCfg.has(config.selector))
+					for (const ch of gr.descSampleText) hotCharSetUpright.add(ch);
+				if (italicCfg.has(config.selector))
+					for (const ch of gr.descSampleText) hotCharSetItalic.add(ch);
+			}
+		}
+		result.push({
+			tag,
+			description: composition.description,
+			bodyUpright: buildSsHtml(body, hotCharSetUpright),
+			bodyItalic: buildSsHtml(body, hotCharSetItalic)
+		});
+	}
+	return result;
+}
+
+function buildSsHtml(body, hc) {
+	return [...body]
+		.map(ch => (hc.has(ch) ? `<b>${ch}</b>` : ch))
+		.join("")
+		.replace(/\n/g, "<br/>");
+}