uikit/build/build.js

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

import camelize from 'camelcase';
import { glob } from 'glob';
import pLimit from 'p-limit';
import path from 'path';
import { args, compile, icons } from './util.js';

const limit = pLimit(Number(process.env.cpus || 2));

const bundles = getBundleTasks();
const components = await getComponentTasks();
const buildAll =
    args.all ||
    !Object.keys(args).filter((name) => !['d', 'debug', 'nominify', 'watch', '_'].includes(name))
        .length;

if (args.h || args.help) {
    console.log(`
        usage:

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

        examples:

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

        available components:

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

    `);
    process.exit(0);
}

let tasks;
const allTasks = { ...bundles, ...components };
if (buildAll) {
    tasks = allTasks;
} else if (args.components) {
    tasks = components;
} else {
    tasks = Object.keys(args)
        .map((step) => allTasks[step])
        .filter((t) => t);
}

await Promise.all(Object.values(tasks).map((task) => limit(task)));

function getBundleTasks() {
    return {
        core: () => compile('src/js/uikit-core.js', 'dist/js/uikit-core'),

        uikit: () => compile('src/js/uikit.js', 'dist/js/uikit'),

        icons: async () =>
            compile('build/wrapper/icons.js', 'dist/js/uikit-icons', {
                name: 'icons',
                replaces: { ICONS: await icons('{src/images,custom}/icons/*.svg') },
            }),

        tests: async () =>
            compile('tests/js/index.js', 'tests/js/test', {
                name: 'test',
                replaces: { TESTS: await getTestFiles() },
            }),
    };
}

async function getComponentTasks() {
    const components = await glob('src/js/components/!(index).js');

    return components.reduce((components, file) => {
        const name = path.basename(file, '.js');

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

        return components;
    }, {});
}

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