2018-08-26 23:23:57 +02:00
|
|
|
#!/usr/bin/env node
|
|
|
|
/**
|
|
|
|
* @fileoverview
|
|
|
|
* Compiles our icons into static .js files that can be imported in the browser
|
|
|
|
* and are tree-shakeable.
|
|
|
|
* The static .js files go in icons/{filename}.js.
|
|
|
|
* Also generates an index.js that exports all icons by title, but is not tree-shakeable
|
|
|
|
*/
|
|
|
|
|
2019-07-14 21:05:38 +02:00
|
|
|
const fs = require("fs");
|
|
|
|
const util = require("util");
|
|
|
|
const minify = require("uglify-js").minify;
|
|
|
|
|
2019-08-15 13:23:35 +02:00
|
|
|
const UTF8 = "utf8";
|
|
|
|
|
2018-08-26 23:23:57 +02:00
|
|
|
const dataFile = "../_data/simple-icons.json";
|
|
|
|
const indexFile = `${__dirname}/../index.js`;
|
|
|
|
const iconsDir = `${__dirname}/../icons`;
|
2019-08-15 13:23:35 +02:00
|
|
|
|
2019-07-14 21:05:38 +02:00
|
|
|
const indexTemplateFile = `${__dirname}/templates/index.js`;
|
2019-08-15 13:23:35 +02:00
|
|
|
const iconObjectTemplateFile = `${__dirname}/templates/icon-object.js`;
|
|
|
|
|
|
|
|
const indexTemplate = fs.readFileSync(indexTemplateFile, UTF8);
|
|
|
|
const iconObjectTemplate = fs.readFileSync(iconObjectTemplateFile, UTF8);
|
2018-08-26 23:23:57 +02:00
|
|
|
|
2019-07-14 21:05:38 +02:00
|
|
|
const data = require(dataFile);
|
2018-08-26 23:23:57 +02:00
|
|
|
const { titleToFilename } = require("./utils");
|
|
|
|
|
2019-07-14 17:07:24 +02:00
|
|
|
// Local helper functions
|
2019-07-14 21:15:26 +02:00
|
|
|
function escape(value) {
|
2020-07-28 12:33:40 +02:00
|
|
|
return value.replace(/(?<!\\)'/g, "\\'");
|
2019-07-14 21:15:26 +02:00
|
|
|
}
|
2019-07-14 17:07:24 +02:00
|
|
|
function iconToKeyValue(icon) {
|
2020-03-02 12:49:56 +02:00
|
|
|
const iconTitle = escape(icon.title);
|
|
|
|
return `'${iconTitle}':${iconToObject(icon)}`;
|
2019-07-14 17:07:24 +02:00
|
|
|
}
|
|
|
|
function iconToObject(icon) {
|
2019-08-15 13:23:35 +02:00
|
|
|
return util.format(iconObjectTemplate,
|
|
|
|
escape(icon.title),
|
|
|
|
escape(icon.slug),
|
|
|
|
escape(icon.svg),
|
|
|
|
escape(icon.source),
|
|
|
|
escape(icon.hex)
|
|
|
|
);
|
2019-07-14 17:07:24 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// 'main'
|
|
|
|
const icons = [];
|
2018-08-26 23:23:57 +02:00
|
|
|
data.icons.forEach(icon => {
|
|
|
|
const filename = titleToFilename(icon.title);
|
2019-09-30 18:34:42 +02:00
|
|
|
icon.svg = fs.readFileSync(`${iconsDir}/${filename}.svg`, UTF8).replace(/\r?\n/, '');
|
2019-07-14 20:09:34 +02:00
|
|
|
icon.slug = filename;
|
2019-08-15 13:23:35 +02:00
|
|
|
icons.push(icon);
|
2019-07-14 17:07:24 +02:00
|
|
|
|
2018-08-26 23:23:57 +02:00
|
|
|
// write the static .js file for the icon
|
2019-08-15 13:23:35 +02:00
|
|
|
const { error, code } = minify(`module.exports=${iconToObject(icon)};`);
|
|
|
|
if (error) {
|
|
|
|
console.error(error);
|
|
|
|
process.exit(1);
|
|
|
|
} else {
|
|
|
|
fs.writeFileSync(`${iconsDir}/${filename}.js`, code);
|
|
|
|
}
|
|
|
|
|
2018-08-26 23:23:57 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
// write our generic index.js
|
2019-08-15 13:23:35 +02:00
|
|
|
const rawIndexJs = util.format(indexTemplate, icons.map(iconToKeyValue).join(','));
|
|
|
|
const { error, code } = minify(rawIndexJs);
|
2019-07-14 21:05:38 +02:00
|
|
|
if (error) {
|
2019-07-21 20:46:37 +02:00
|
|
|
console.error(error);
|
2019-07-14 21:05:38 +02:00
|
|
|
process.exit(1);
|
|
|
|
} else {
|
|
|
|
fs.writeFileSync(indexFile, code);
|
|
|
|
}
|