mirror of
https://github.com/simple-icons/simple-icons.git
synced 2024-12-16 01:10:30 +02:00
a930dc57ec
* convert scripts to esm * fix tests * fix tests * fix lints * syncFs to fsSync * named export for fs Co-authored-by: LitoMore <LitoMore@users.noreply.github.com> * fsSync to { promises as fs } * convert update-svgs-count to esm * rename data to icons * fix build script * switch svglintrc file to mjs * use node: protocol * pluralize getIcons Co-authored-by: LitoMore <LitoMore@users.noreply.github.com>
147 lines
4.7 KiB
JavaScript
147 lines
4.7 KiB
JavaScript
#!/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
|
|
*/
|
|
|
|
import { promises as fs } from 'node:fs';
|
|
import path from 'node:path';
|
|
import util from 'node:util';
|
|
import { transform as esbuildTransform } from 'esbuild';
|
|
import {
|
|
getIconSlug,
|
|
svgToPath,
|
|
titleToHtmlFriendly,
|
|
slugToVariableName,
|
|
getIconsData,
|
|
getDirnameFromImportMeta,
|
|
} from '../utils.js';
|
|
|
|
const __dirname = getDirnameFromImportMeta(import.meta.url);
|
|
|
|
const UTF8 = 'utf8';
|
|
|
|
const rootDir = path.resolve(__dirname, '..', '..');
|
|
const indexFile = path.resolve(rootDir, 'index.js');
|
|
const iconsDir = path.resolve(rootDir, 'icons');
|
|
const iconsJsFile = path.resolve(rootDir, 'icons.js');
|
|
const iconsMjsFile = path.resolve(rootDir, 'icons.mjs');
|
|
const iconsDtsFile = path.resolve(rootDir, 'icons.d.ts');
|
|
|
|
const templatesDir = path.resolve(__dirname, 'templates');
|
|
const indexTemplateFile = path.resolve(templatesDir, 'index.js');
|
|
const iconObjectTemplateFile = path.resolve(templatesDir, 'icon-object.js');
|
|
|
|
const build = async () => {
|
|
const icons = await getIconsData();
|
|
const indexTemplate = await fs.readFile(indexTemplateFile, UTF8);
|
|
const iconObjectTemplate = await fs.readFile(iconObjectTemplateFile, UTF8);
|
|
|
|
// Local helper functions
|
|
const escape = (value) => {
|
|
return value.replace(/(?<!\\)'/g, "\\'");
|
|
};
|
|
const iconToKeyValue = (icon) => {
|
|
return `'${icon.slug}':${iconToObject(icon)}`;
|
|
};
|
|
const licenseToObject = (license) => {
|
|
if (license === undefined) {
|
|
return;
|
|
}
|
|
|
|
if (license.url === undefined) {
|
|
license.url = `https://spdx.org/licenses/${license.type}`;
|
|
}
|
|
return license;
|
|
};
|
|
const iconToObject = (icon) => {
|
|
return util.format(
|
|
iconObjectTemplate,
|
|
escape(icon.title),
|
|
escape(icon.slug),
|
|
escape(titleToHtmlFriendly(icon.title)),
|
|
escape(icon.path),
|
|
escape(icon.source),
|
|
escape(icon.hex),
|
|
icon.guidelines ? `'${escape(icon.guidelines)}'` : undefined,
|
|
licenseToObject(icon.license),
|
|
);
|
|
};
|
|
const writeJs = async (filepath, rawJavaScript) => {
|
|
const { code } = await esbuildTransform(rawJavaScript, {
|
|
minify: true,
|
|
});
|
|
await fs.writeFile(filepath, code);
|
|
};
|
|
const writeTs = async (filepath, rawTypeScript) => {
|
|
await fs.writeFile(filepath, rawTypeScript);
|
|
};
|
|
|
|
// 'main'
|
|
const iconsBarrelMjs = [];
|
|
const iconsBarrelJs = [];
|
|
const iconsBarrelDts = [];
|
|
const buildIcons = [];
|
|
|
|
await Promise.all(
|
|
icons.map(async (icon) => {
|
|
const filename = getIconSlug(icon);
|
|
const svgFilepath = path.resolve(iconsDir, `${filename}.svg`);
|
|
icon.svg = (await fs.readFile(svgFilepath, UTF8)).replace(/\r?\n/, '');
|
|
icon.path = svgToPath(icon.svg);
|
|
icon.slug = filename;
|
|
buildIcons.push(icon);
|
|
|
|
const iconObject = iconToObject(icon);
|
|
|
|
const iconExportName = slugToVariableName(icon.slug);
|
|
|
|
// write the static .js file for the icon
|
|
const jsFilepath = path.resolve(iconsDir, `${filename}.js`);
|
|
const newImportMessage = `use "const { ${iconExportName} } = require('simple-icons/icons');" instead`;
|
|
const message = JSON.stringify(
|
|
`Imports like "const ${icon.slug} = require('simple-icons/icons/${icon.slug}');" have been deprecated in v6.0.0 and will no longer work from v7.0.0, ${newImportMessage}`,
|
|
);
|
|
|
|
const dtsFilepath = path.resolve(iconsDir, `${filename}.d.ts`);
|
|
await Promise.all([
|
|
writeJs(
|
|
jsFilepath,
|
|
`console.warn("warn -", ${message});module.exports=${iconObject};`,
|
|
),
|
|
writeTs(
|
|
dtsFilepath,
|
|
`/**@deprecated ${newImportMessage}*/declare const i:import("../alias").I;export default i;`,
|
|
),
|
|
]);
|
|
|
|
// add object to the barrel file
|
|
iconsBarrelJs.push(`${iconExportName}:${iconObject},`);
|
|
iconsBarrelMjs.push(`export const ${iconExportName}=${iconObject}`);
|
|
iconsBarrelDts.push(`export const ${iconExportName}:I;`);
|
|
}),
|
|
);
|
|
|
|
// write our generic index.js
|
|
const rawIndexJs = util.format(
|
|
indexTemplate,
|
|
buildIcons.map(iconToKeyValue).join(','),
|
|
);
|
|
await writeJs(indexFile, rawIndexJs);
|
|
|
|
// write our file containing the exports of all icons in CommonJS ...
|
|
const rawIconsJs = `module.exports={${iconsBarrelJs.join('')}};`;
|
|
await writeJs(iconsJsFile, rawIconsJs);
|
|
// and ESM
|
|
const rawIconsMjs = iconsBarrelMjs.join('');
|
|
await writeJs(iconsMjsFile, rawIconsMjs);
|
|
// and create a type declaration file
|
|
const rawIconsDts = `import {I} from "./alias";${iconsBarrelDts.join('')}`;
|
|
await writeTs(iconsDtsFile, rawIconsDts);
|
|
};
|
|
|
|
build();
|