icomoon.js

/**
DESCRIPTION
	Generate a icomoon-compatible JSON file from a metadata.json and a list of (carefully named) svgs
USAGE
	icomoon.js metadata.json *.svg
INPUT
	home.#building.#house.svg
	%2f.#latin.svg
OUTPUT
[
	"icon": {
		"paths": [
			"M1,8L3,8L3,5L5,5L5,8L7,8L7,4L8,4L4,0L0,4L1,4"
		],
		"tags": [
			"building",
			"house"
		],
		"defaultCode": 58880,
		"grid": 8
	},
	"properties": {
		"ligatures": "home",
		"name": "home"
	},
	...
]
**/
const log = (str) => (console.error(str), str);
const colorTag = /^#[0-9a-f]{3}$/;
const noHollow = (list) => list.every(l => l === undefined) ? undefined : list;
process.stdout.write(JSON.stringify(((metadata, ...svgs) => ({
	IcoMoonType: "selection",
	height: 32, // preview size
	metadata: JSON.parse(require('fs').readFileSync(metadata)),
	icons: svgs.map(p => ({
		props: require('path').basename(p, '.svg').split('.'),
		data: require('fs').readFileSync(p, 'utf8')
	}))
		.map(({ props, data }, idx) => ({
			_unicodes: props.filter(p => p.startsWith('%')).map(xx => decodeURIComponent(xx).charCodeAt(0)),
			icon: {
				color: props.find(p => p.match(colorTag))||undefined, //color **hint** for webap (won't be in COLR table)
				tags: props.filter(p => p.startsWith('#') && !p.match(colorTag)).map(h => h.slice(1)),
				grid: +(data.match(/ viewBox="\d+ \d+ \d+ (\d+)"/) || [16]).slice(-1)[0],
				paths: [...data.matchAll(/<path (.*?)>/g)].map(([_,attr]) => (attr.match(/d="(.*?)"/)||[])[1]),
				colors: noHollow([...data.matchAll(/<path (.*?)>/g)].map(([_,attr]) => (attr.match(/fill="(.*?)"/)||[])[1])) // COLRv0 null=text-color
			},
			properties: props[0].startsWith('%') ?  {ligatures:''} : {
				ligatures: props.filter(p => p.match(/^[0-9a-z]/)).join(', '),
				name: props[0].replace(/^\d/, s => '_' + s) /* null will generate uniNNN name later */
			}
		}))
		// iconmoon json expect only 1 unicode per glyph
		// split our unicodes into multiple glyphs with .defaultCode:int
		.map(({ _unicodes, icon, properties }, idx) =>
			_unicodes.length ? _unicodes.map(u => ({ icon: { defaultCode: u, ...icon }, properties })) : [{ icon: { defaultCode: 0xE000 + idx, ...icon }, properties }]
		).flat().map(el => ({ ...el, properties: { ...el.properties, name: el.properties.name || 'uni' + ('0000' + el.icon.defaultCode.toString(16).toUpperCase()).slice(-4) } }))
		.sort((a, b) => a.icon.defaultCode - b.icon.defaultCode)
}))(...process.argv.slice(2)), null, 2));