uikit/build/build.js

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.

const path = require('path');
const glob = require('glob');
const util = require('./util');
const camelize = require('camelcase');
const argv = require('minimist')(process.argv.slice(2));

argv._.forEach(arg => {
    const tokens = arg.split('=');
    argv[tokens[0]] = tokens[1] || true;
});

const numArgs = Object.keys(argv).length;
argv.all = argv.all || numArgs <= 1; // no arguments passed, so compile all

const minify = !(argv.debug || argv.nominify || argv.d);

// -----

// map component build jobs
const components = glob.sync('src/js/components/!(index).js').reduce((components, file) => {

    const name = path.basename(file, '.js');

    components[name] = () =>
        util.compile(`${__dirname}/wrapper/component.js`, `dist/js/components/${name}`, {
            name,
            minify,
            external: ['uikit', 'uikit-util'],
            globals: {uikit: 'UIkit', 'uikit-util': 'UIkit.util'},
            aliases: {component: path.resolve(__dirname, '../src/js/components', name)},
            replaces: {NAME: `'${camelize(name)}'`}
        });

    return components;

}, {});

const steps = {

    core: () => util.compile('src/js/uikit-core.js', 'dist/js/uikit-core', {minify}),
    uikit: () => util.compile('src/js/uikit.js', 'dist/js/uikit', {minify}),
    icons: async () => util.compile('build/wrapper/icons.js', 'dist/js/uikit-icons', {
        minify,
        name: 'icons',
        replaces: {ICONS: await util.icons('{src/images,custom}/icons/*.svg')}}
    ),
    tests: async () => util.compile('tests/js/index.js', 'tests/js/test', {
        minify,
        name: 'test',
        replaces: {TESTS: await getTestFiles()}}
    )

};

if (argv.h || argv.help) {

    console.log(`
        usage:

        build.js [componentA, componentB, ...] [-d|debug|nominify|development]

        examples:

        build.js // builds all of uikit, including icons and does minification (implies 'all')
        build.js uikit icons -d // builds all of uikit and the icons, skipping the minification
        build.js core lightbox -d // builds uikit-core and the lightbox, skipping the minification

        available components:

        bundles: ${Object.keys(steps).join(', ')}
        components: ${Object.keys(components).join(', ')}

    `);

} else {

    let jobs = collectJobs();

    if (jobs.length === 0) {
        argv.all = true;
        jobs = collectJobs();
    }

}

function collectJobs() {

    // if parameter components is set or all or none(implicit all), add all components
    if (argv.components || argv.all) {
        Object.assign(argv, components);
    }

    // if parameter components is set or all or none(implicit all), add all steps
    if (argv.all) {
        Object.assign(argv, steps);
    }

    Object.assign(steps, components);

    // Object.keys(argv).forEach(step => components[step] && componentJobs.push(components[step]()));
    return Object.keys(argv)
        .filter(step => steps[step])
        .map(step =>
            steps[step]()
                .catch(({message}) => {
                    console.error(message);
                    process.exitCode = 1;
                })
    );

}

async function getTestFiles() {
    const files = await util.glob('tests/!(index).html', {nosort: true});
    return JSON.stringify(files.map(file => path.basename(file, '.html')));
}