1e7e90c8aa
If ever the basename from the outfile or outdir is an insufficient description.
Example:
```json
"concats": [
{
"label": "third-parties",
"includes": [
"{% paths.scripts.src %}/vendors/*.js"
],
"outfile": "{% paths.scripts.dest %}/vendors.js"
}
]
```
82 lines
2.5 KiB
JavaScript
82 lines
2.5 KiB
JavaScript
import loconfig from '../../loconfig.json';
|
|
import message from '../utils/message.js';
|
|
import notification from '../utils/notification.js';
|
|
import template from '../utils/template.js';
|
|
import { basename } from 'node:path';
|
|
import mixer from 'svg-mixer';
|
|
|
|
/**
|
|
* @const {object} defaultMixerOptions - The default shared Mixer options.
|
|
* @const {object} developmentMixerOptions - The predefined Mixer options for development.
|
|
* @const {object} productionMixerOptions - The predefined Mixer options for production.
|
|
*/
|
|
export const defaultMixerOptions = {
|
|
spriteConfig: {
|
|
usages: false,
|
|
},
|
|
};
|
|
export const developmentMixerOptions = Object.assign({}, defaultMixerOptions);
|
|
export const productionMixerOptions = Object.assign({}, defaultMixerOptions);
|
|
|
|
/**
|
|
* @const {object} developmentSVGsArgs - The predefined `compileSVGs()` options for development.
|
|
* @const {object} productionSVGsArgs - The predefined `compileSVGs()` options for production.
|
|
*/
|
|
export const developmentSVGsArgs = [
|
|
developmentMixerOptions,
|
|
];
|
|
export const productionSVGsArgs = [
|
|
productionMixerOptions,
|
|
];
|
|
|
|
/**
|
|
* Generates and transforms SVG spritesheets.
|
|
*
|
|
* @async
|
|
* @param {object} [mixerOptions=null] - Customize the Mixer API options.
|
|
* If `null`, default production options are used.
|
|
* @return {Promise}
|
|
*/
|
|
export default async function compileSVGs(mixerOptions = null) {
|
|
if (mixerOptions == null) {
|
|
mixerOptions = productionMixerOptions;
|
|
} else if (
|
|
mixerOptions !== developmentMixerOptions &&
|
|
mixerOptions !== productionMixerOptions
|
|
) {
|
|
mixerOptions = Object.assign({}, defaultMixerOptions, mixerOptions);
|
|
}
|
|
|
|
loconfig.tasks.svgs.forEach(async ({
|
|
includes,
|
|
outfile,
|
|
label = null
|
|
}) => {
|
|
if (!label) {
|
|
label = basename(outfile || 'undefined');
|
|
}
|
|
|
|
const timeLabel = `${label} compiled in`;
|
|
console.time(timeLabel);
|
|
|
|
try {
|
|
includes = includes.map((path) => template(path));
|
|
outfile = template(outfile);
|
|
|
|
const result = await mixer(includes, mixerOptions);
|
|
|
|
await result.write(outfile);
|
|
|
|
message(`${label} compiled`, 'success', timeLabel);
|
|
} catch (err) {
|
|
message(`Error compiling ${label}`, 'error');
|
|
message(err);
|
|
|
|
notification({
|
|
title: `${label} compilation failed 🚨`,
|
|
message: `${err.name}: ${err.message}`
|
|
});
|
|
}
|
|
});
|
|
};
|