0cfb3fbc7d
If a 'loconfig.local.json' file is present (ignored by git), its settings will be merged with those in 'loconfig.json'. Useful for customizing localhost development (see example below).
Added:
- Utility 'config.js' to prepare build settings.
- Function 'merge()' for recursively merging objects and concatenating arrays.
Example:
```json
{
"paths": {
"url": "yourlocal.dev"
},
"server": {
"open": true,
"https": {
"key": "~/.config/valet/Certificates/{% paths.url %}.key",
"cert": "~/.config/valet/Certificates/{% paths.url %}.crt"
}
}
}
```
82 lines
2.5 KiB
JavaScript
82 lines
2.5 KiB
JavaScript
import loconfig from '../utils/config.js';
|
|
import message from '../utils/message.js';
|
|
import notification from '../utils/notification.js';
|
|
import resolve 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 = resolve(includes);
|
|
outfile = resolve(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}`
|
|
});
|
|
}
|
|
});
|
|
};
|