@bearer/cli/lib/commands/generate/component.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const authentications_1 = require("@bearer/types/lib/authentications");
const command_1 = require("@oclif/command");
const base_command_1 = require("../../base-command");
const decorators_1 = require("../../utils/decorators");
const helpers_1 = require("../../utils/helpers");
var TComponent;
(function (TComponent) {
    TComponent["BLANK"] = "blank";
    TComponent["COLLECTION"] = "collection";
    TComponent["ROOT"] = "root";
})(TComponent || (TComponent = {}));
class GenerateComponent extends base_command_1.default {
    async run() {
        const { args, flags } = this.parse(GenerateComponent);
        const type = flags.type || (await this.askForComponentType());
        const name = args.name || (await this.askForString('Name'));
        const outDir = type === TComponent.ROOT ? this.locator.srcViewsDir : this.locator.srcViewsDirResource('components');
        try {
            await helpers_1.copyFiles(this, `generate/${type}Component`, outDir, this.getVars(name, this.integrationAuthConfig.authType));
            // TODO: add a nicer display
            this.success(`\nComponent generated`);
            if (type === TComponent.ROOT) {
                this.warn(this.colors.italic(
                // tslint:disable-next-line:max-line-length
                'Please make sure to update the spec.ts file to reflect your new Root Component on the Developer Portal preview page.'));
            }
        }
        catch (e) {
            this.error(e);
        }
    }
    getVars(name, authType) {
        const componentName = this.case.pascal(name);
        return {
            componentName,
            fileName: name,
            componentClassName: componentName,
            componentTagName: this.case.kebab(componentName),
            groupName: this.case.kebab(componentName),
            withAuthScreen: authType === authentications_1.default.OAuth2 ? '<bearer-navigator-auth-screen />' : null
        };
    }
    async askForComponentType() {
        const { type } = await this.inquirer.prompt([
            {
                choices,
                message: 'What kind of component would you like to generate:',
                type: 'list',
                name: 'type'
            }
        ]);
        return type;
    }
}
GenerateComponent.description = 'Generate a Bearer component';
GenerateComponent.aliases = ['g:c'];
GenerateComponent.flags = Object.assign({}, base_command_1.default.flags, { type: command_1.flags.string({ char: 't', options: Object.values(TComponent) }) });
GenerateComponent.args = [{ name: 'name' }];
tslib_1.__decorate([
    decorators_1.RequireIntegrationFolder()
], GenerateComponent.prototype, "run", null);
exports.default = GenerateComponent;
// TODO: better names
const choices = [
    {
        name: 'Blank',
        value: TComponent.BLANK
    },
    {
        name: 'Collection',
        value: TComponent.COLLECTION
    },
    {
        name: 'Root component',
        value: TComponent.ROOT
    }
];