source/utility.js

import { cache, packageOf } from '@tech_query/node-toolkit';

import { JSDOM } from 'jsdom';

import { join } from 'path';

import { outputFile } from 'fs-extra';


/**
 * @param {String}   raw
 * @param {?Boolean} big - Big-camel style
 *
 * @return {String}
 */
export function identifierOf(raw, big) {

    raw = raw.replace(/\W+(\w)/g,  (_, char) => char.toUpperCase())
        .replace(/^\d/,  char => '_' + char);

    return  big  ?  (raw[0].toUpperCase() + raw.slice(1))  :  raw;
}


/**
 * Get `package.json` data of `path` or `process.cwd()`
 *
 * @type {function(path: ?String): Object}
 */
export const metaOf = cache(
    path  =>  (packageOf(path || './test') || '').meta || { }
);


/**
 * Get `directories` field of `package.json` in `path` or `process.cwd()`
 *
 * @type {function(path: ?String): Object}
 */
export const folderOf = cache(path  =>  (metaOf(path) || '').directories || { });


/**
 * @param {String} entry          - Path of HTML file
 * @param {String} name           - Tag name
 * @param {String} [base='dist/'] - Base path of JS files
 */
export async function addComponent(entry, name, base) {

    const page = await JSDOM.fromFile( entry );

    const { document } = page.window;

    const script = document.createElement('script');

    script.setAttribute('src',  join(base || 'dist', `${name}.js`));

    document.head.append( script );

    document.body.append( document.createElement( name ) );

    await outputFile(entry, page.serialize());
}