You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
991 B
31 lines
991 B
5 years ago
|
const {readFileSync, writeFileSync} = require('fs');
|
||
|
|
const {sync: glob} = require('glob');
|
||
|
|
const {Logger, LogLevel} = require('plop-logger');
|
||
|
|
const {colorEmojiConfig} = require('plop-logger/lib/extra/colorEmojiConfig');
|
||
|
|
|
||
|
|
Logger.config = colorEmojiConfig;
|
||
|
|
const logger = Logger.getLogger('icons');
|
||
|
|
logger.level = LogLevel.All;
|
||
|
|
|
||
|
|
let svgFiles = `src/icons/*.svg`;
|
||
|
|
logger.info('SVG aggregation of', svgFiles);
|
||
|
|
|
||
|
|
const data = glob(svgFiles)
|
||
|
|
.map(file => {
|
||
|
|
const parts = file.split('/');
|
||
|
|
const id = parts[parts.length - 1].split('.')[0];
|
||
|
|
logger.debug('handle', id);
|
||
|
|
return readFileSync(file, 'utf8')
|
||
|
|
.replace(`<svg xmlns="http://www.w3.org/2000/svg"`, `\t<symbol id="${id}"`)
|
||
|
|
.replace(`</svg>`, `\t</symbol>`);
|
||
|
|
}
|
||
|
|
);
|
||
|
|
|
||
|
|
const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="visually-hidden">
|
||
|
|
${data.join('\n')}
|
||
|
|
</svg>`;
|
||
|
|
|
||
|
|
const file = 'static/icons.svg';
|
||
|
|
logger.info('Generate', file);
|
||
|
|
writeFileSync(file, svg, {flag: 'w'});
|