Mibew/simple-icons
1
0
Fork 0
mirror of https://github.com/Mibew/simple-icons.git synced 2025-04-13 16:19:33 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Refactor prepublish script to use template file for icon objects (#1547)

Browse Source 
* Refactor prepublish script to use template file for icon objects

... to hopefully increase readability

* Fix build and test issues

* Add missing semi-colon

* Explicitly check for errors when writing individual static .js files
This commit is contained in:
Eric Cornelissen 2019-08-15 13:23:35 +02:00 committed by Johan Fagerberg
parent 96a8ab301b
commit 87ab9c43a7
2 changed files with 36 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
scripts/build-package.js
View File

@ -11,10 +11,17 @@ const fs = require("fs");
const util = require("util"); const util = require("util");
const minify = require("uglify-js").minify; const minify = require("uglify-js").minify;
const UTF8 = "utf8";
const dataFile = "../_data/simple-icons.json"; const dataFile = "../_data/simple-icons.json";
const indexFile = `${__dirname}/../index.js`; const indexFile = `${__dirname}/../index.js`;
const iconsDir = `${__dirname}/../icons`; const iconsDir = `${__dirname}/../icons`;
const indexTemplateFile = `${__dirname}/templates/index.js`; const indexTemplateFile = `${__dirname}/templates/index.js`;
const iconObjectTemplateFile = `${__dirname}/templates/icon-object.js`;
const indexTemplate = fs.readFileSync(indexTemplateFile, UTF8);
const iconObjectTemplate = fs.readFileSync(iconObjectTemplateFile, UTF8);
const data = require(dataFile); const data = require(dataFile);
const { titleToFilename } = require("./utils"); const { titleToFilename } = require("./utils");
@ -27,27 +34,37 @@ function iconToKeyValue(icon) {
return `'${icon.title}':${iconToObject(icon)}`; return `'${icon.title}':${iconToObject(icon)}`;
} }
function iconToObject(icon) { function iconToObject(icon) {
return `{title:'${escape(icon.title)}',slug:'${escape(icon.slug)}',svg:'${escape(icon.svg)}',get path(){return this.svg.match(/<path\\s+d="([^"]*)/)[1];},source:'${escape(icon.source)}',hex:'${icon.hex}'}`; return util.format(iconObjectTemplate,
escape(icon.title),
escape(icon.slug),
escape(icon.svg),
escape(icon.source),
escape(icon.hex)
);
} }
// 'main' // 'main'
const icons = []; const icons = [];
data.icons.forEach(icon => { data.icons.forEach(icon => {
const filename = titleToFilename(icon.title); const filename = titleToFilename(icon.title);
icon.svg = fs.readFileSync(`${iconsDir}/${filename}.svg`, "utf8"); icon.svg = fs.readFileSync(`${iconsDir}/${filename}.svg`, UTF8);
icon.slug = filename; icon.slug = filename;
icons.push(icon) icons.push(icon);
// write the static .js file for the icon // write the static .js file for the icon
fs.writeFileSync( const { error, code } = minify(`module.exports=${iconToObject(icon)};`);
`${iconsDir}/${filename}.js`, if (error) {
`module.exports=${iconToObject(icon)};` console.error(error);
); process.exit(1);
} else {
fs.writeFileSync(`${iconsDir}/${filename}.js`, code);
}
}); });
// write our generic index.js // write our generic index.js
const indexTemplate = fs.readFileSync(indexTemplateFile, "utf8"); const rawIndexJs = util.format(indexTemplate, icons.map(iconToKeyValue).join(','));
const { error, code } = minify(util.format(indexTemplate, icons.map(iconToKeyValue).join(','))); const { error, code } = minify(rawIndexJs);
if (error) { if (error) {
console.error(error); console.error(error);
process.exit(1); process.exit(1);

10
scripts/templates/icon-object.js Normal file
View File

@ -0,0 +1,10 @@
{
title: '%s',
slug: '%s',
svg: '%s',
get path() {
return this.svg.match(/<path\s+d="([^"]*)/)[1];
},
source: '%s',
hex: '%s',
}