uikit/build/prefix.js

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

import { glob } from 'glob';
import inquirer from 'inquirer';
import { args, read, replaceInFile } from './util.js';

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

        prefix.js [-p{refix}=prefix] [-s{ource}=folder to replace prefix in]

        example:

        prefix.js // will prompt for a prefix to replace the current one with
        prefix.js -p=xyz // will replace any existing prefix with xyz

    `);
    process.exit(0);
}

const path = args.s || args.source || 'dist';
const currentPrefix = await findExistingPrefix();
const prefix = await getPrefix();

if (currentPrefix === prefix) {
    throw new Error(`already prefixed with: ${prefix}`);
}

await replacePrefix(currentPrefix, prefix);

async function findExistingPrefix() {
    return (await read(`${path}/css/uikit.css`)).match(
        /([a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*)(-[a-z]+)?-grid/,
    )?.[1];
}

async function getPrefix() {
    const prefixFromInput = args.p || args.prefix;

    if (!prefixFromInput) {
        const prompt = inquirer.createPromptModule();

        return (
            await prompt({
                name: 'prefix',
                message: 'enter a prefix',
                validate: (val) => isValidPrefix(val) || 'invalid prefix',
            })
        ).prefix;
    }

    if (isValidPrefix(prefixFromInput)) {
        return prefixFromInput;
    } else {
        throw `Illegal prefix: ${prefixFromInput}`;
    }
}

function isValidPrefix(prefix) {
    return Boolean(prefix.match(/^[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*$/));
}

async function replacePrefix(from, to) {
    for (const file of await glob(`${path}/**/*.css`)) {
        await replaceInFile(file, (data) =>
            data.replace(new RegExp(`${from}-([a-z\\d-]+)`, 'g'), `${to}-$1`),
        );
    }

    for (const file of await glob(`${path}/**/*.js`)) {
        await replaceInFile(file, (data) =>
            data
                .replace(new RegExp(`${from}-`, 'g'), `${to}-`)
                .replace(new RegExp(`(${from})?UIkit`, 'g'), `${to === 'uk' ? '' : to}UIkit`),
        );
    }
}