MadLittleMods
3/17/2017 - 12:28 AM

See https://jsfiddle.net/MadLittleMods/xw9moyfw/

See https://jsfiddle.net/MadLittleMods/xw9moyfw/

generate-emojis-by-version-page.js
content_copyfile_download
const fs = require('fs-extra');

const emojiNameToUnicodeVersion = require('emoji-unicode-version');
const emojione = require('emojione');
const emojiMap = require('emojione/emoji.json');

const versionToEmojisMap = {
	'1.1': [],
	'3.0': [],
	'3.2': [],
	'4.0': [],
	'4.1': [],
	'5.1': [],
	'5.2': [],
	'6.0': [],
	'6.1': [],
	'7.0': [],
	'8.0': [],
	'9.0': []
};
Object.keys(emojiMap).forEach((name) => {
	const version = emojiNameToUnicodeVersion(name);

	versionToEmojisMap[version] = versionToEmojisMap[version] || [];
	versionToEmojisMap[version].push(name);
})

//console.log(versionToEmojisMap);

function generatePageMarkup(content) {
	return `
	<!doctype html>

	<html lang="en">
	<head>
	  <meta charset="utf-8">

	  <title>The HTML5 Herald</title>
	</head>

	<body>
		${content}

		<style>
			body {
				font-size: 1.5em;
			}
		</style>
	</body>
	</html>
	`;
}

const pageContent = `
	${Object.keys(versionToEmojisMap).map((version) => {
		const emojis = versionToEmojisMap[version];
		return `
			<section>
				<h3>${version}</h3>
				<div>
					${emojis.map((name) => {
						const unicode = emojiMap[name].unicode.split('-').map((codePointString) => {
							const codePoint = parseInt(codePointString, 16);
							return String.fromCodePoint(codePoint);
						}).join('');

						return `<span title="${name}">
							${unicode}
						</span>`;
					}).join(' ')}
				</div>
			</section>
		`;
	}).join('')}
`;

//console.log(pageMarkup);

fs.outputFile('./build/emojis-by-version.html', generatePageMarkup(pageContent));