generate-view command

import { View } from 'blognami';
import { readFile } from 'fs/promises';

export default {
    async run(){
        const [ name = '' ] = this.args;
        let normalizedName = name.replace(/^\//, '');
        if(name == ''){
            console.error('A view name must be given.');
            process.exit();
        }

        const existingFilePaths = [ ...View.for(normalizedName).filePaths ];
        const existingFilePath = existingFilePaths.pop();
        const existingFileExtension = (existingFilePath ? existingFilePath.match(/^.*\.([^\/]+)$/) : [])[1];
        if(!normalizedName.match(/\.[^\/]+$/)){
            if(existingFileExtension) {
                normalizedName = `${normalizedName}.${existingFileExtension}`;
            } else {
                normalizedName = `${normalizedName}.js`;
            }
        }

        const normalizedNameExtension = normalizedName.match(/^.*\.([^\/]+)$/)[1];

        const useExistingFile = normalizedNameExtension == existingFileExtension;
    
        const existingFileData = useExistingFile ? (await readFile(existingFilePath)).toString('utf8') : '';

        const { inProjectRootDir, generateFile, line, indent, echo } = this.fsBuilder;

        await inProjectRootDir(async () => {
    
            await generateFile(`lib/views/_file_importer.js`, { skipIfExists: true }, () => {
                line();
                line(`export { View as default } from 'blognami';`);
                line();
            });

            await generateFile(`lib/views/${normalizedName}`, () => {
                if(useExistingFile){
                    echo(existingFileData);
                } else if(normalizedNameExtension == 'js') {
                    line();
                    line('export default {');
                    indent(() => {
                        line(`get styles(){`);
                        indent(() => {
                            line("const { root } = this.cssClasses;");
                            line();
                            line("return `");
                            indent(() => {
                                line(".${root}{");
                                indent(() => {
                                    line("background: yellow;")
                                });
                                line("}")
                            });
                            line("`;");
                        });
                        line('},');
                        line();
                        line('render(){')
                        indent(() => {
                            line('return this.renderHtml`')
                            indent(() => {
                                line('<div class="${this.cssClasses.root}">');
                                indent(() => {
                                    line(`<h1>${normalizedName} view</h1>`);
                                });
                                line(`</div>`)
                            });
                            line('`;')
                        });
                        line('}')
                    });
                    line('};');
                    line();
                } else {
                    line();
                }
            });
        });
    }
};