source/command.js

import { join, basename } from 'path';
 
import {outputFile, existsSync, statSync, readdir} from 'fs-extra';
 
import Component from './Component';
 
import { index_html, index_js, router_js } from './template';
 
import { addComponent } from './utility';
 
 
/**
 * @param {String}   name      - Tag name
 * @param {String}   path      - Root of Source codes
 * @param {String[]} [keys=[]] - Defined HTML attributes
 * @param {?Boolean} preload   - Insert Component tag to Entry HTML
 */
export  async function createCell(name, path, keys, preload) {
 
    await outputFile(join(path, name, 'index.html'),  index_html());
 
    console.info(`√ Generated ${name}/index.html`);
 
    await outputFile(join(path, name, 'index.js'),  index_js(name, keys));
 
    console.info(`√ Generated ${name}/index.js`);
 
    if ( preload )  await addComponent(join(path, '../index.html'),  name);
}
 
 
/**
 * @param {String}   name      - Prefix of Tag name
 * @param {String}   path      - Root of Source codes
 * @param {String[]} [page=[]] - Router/Page names of Web-site/app
 */
export  async function createRouter(name, path, page) {
 
    const tag = `${name}-router`;
 
    await outputFile(join(path, tag, 'index.js'),  router_js(name, page));
 
    console.info(`√ Generated ${tag}/index.js`);
 
    await addComponent(join(path, '../index.html'),  tag);
 
    for (let name of page)  await createCell(`page-${name}`, path);
}
 
 
/**
 * Bundle components to JS modules
 *
 * @param {string} path - Source directory
 *
 * @return {string[]} Component paths
 */
export  async function bundle(path) {
 
    var result = [ ];
 
    if (existsSync( join(path, 'index.js') )) {
 
        const component = new Component( path );
 
        result[0] = `dist/${component.name}.js`;
 
        await outputFile(result[0],  await component.toJS());
    }
 
    if (statSync( path ).isDirectory())
        result = result.concat(... await Promise.all(
            (await readdir( path )).map(file  =>  bundle( join(path, file) ))
        ));
 
    return result;
}
 
 
/**
 * Bundle components into a JS package
 *
 * @param {string} path - Source directory
 *
 * @return {string[]} Component paths
 */
export  async function pack(path) {
 
    const file = await bundle( path );
 
    await outputFile(
        'dist/index.js',
        file.map(item => {
 
            item = basename( item );
 
            console.info(`√ Component "${item}" is packed in`);
 
            return  `export * from './${item}';`;
 
        }).join('\n')
    );
 
    return file;
}