✨ feat: generate dialog component

Author: srizzon

__tests__/cli.test.ts

@@ -39,6 +39,40 @@ describe('[CLI]', () => {
     });
   });
 
+  describe('[Commands: generate dialog component]', () => {
+    afterEach(() => {
+      filesystem.remove('sample');
+    });
+
+    test('should generate a dialog component with 3 files', async () => {
+      await cli('g c d sample');
+
+      const html = filesystem.read('sample/sample.dialog.html');
+      const scss = filesystem.read('sample/sample.dialog.scss');
+      const ts = filesystem.read('sample/sample.dialog.ts');
+
+      expect(html).toBeDefined();
+      expect(scss).toBeDefined();
+      expect(ts).toBeDefined();
+    });
+
+    test('should generate a dialog component html with default template <p>sample works</p>', async () => {
+      await cli('g c d sample');
+
+      const html = filesystem.read('sample/sample.dialog.html');
+      expect(html).toContain('<p>sample works</p>');
+    });
+
+    test('should generate a dialog component with correct templateUrl: and styleUrls ', async () => {
+      await cli('g c d sample');
+
+      const ts = filesystem.read('sample/sample.dialog.ts');
+
+      expect(ts).toContain(`templateUrl: './sample.dialog.html'`);
+      expect(ts).toContain(`styleUrls: ['./sample.dialog.scss']`);
+    });
+  });
+
   describe('[Commands: generate widget component]', () => {
     afterEach(() => {
       filesystem.remove('sample');

src/commands/generate/component/component.ts

@@ -14,7 +14,7 @@ const COMMAND: GluegunCommand = {
     let componentName = parameters.first;
 
     const QUESTION = 'Qual tipo de componente você deseja criar?';
-    const TYPES = ['common', 'page', 'widget', 'layout'];
+    const TYPES = ['common', 'page', 'widget', 'layout', 'dialog'];
 
     const componentTypeResponse: GluegunAskResponse = await prompt.ask({
       type: 'select',

src/commands/generate/component/dialog/dialog.ts

@@ -0,0 +1,61 @@
+import { GluegunCommand, GluegunToolbox } from 'gluegun';
+import { GluegunAskResponse } from 'gluegun/build/types/toolbox/prompt-types';
+
+import { printCreated } from '../../../../utils/functions.helper';
+
+const COMMAND: GluegunCommand = {
+  name: 'dialog',
+  alias: ['d'],
+  description: 'cria um componente Angular de tipo Dialog',
+  run: async (toolbox: GluegunToolbox) => {
+    const { parameters, print, prompt, template, strings } = toolbox;
+
+    let componentName = parameters.first;
+
+    if (!componentName) {
+      const response: GluegunAskResponse = await prompt.ask({
+        type: 'input',
+        name: 'componentName',
+        message: 'Qual o nome do componente?',
+        validate: (value: string) => {
+          if (!value) {
+            return 'O nome do componente não pode ser vazio';
+          }
+
+          return true;
+        }
+      });
+
+      componentName = response.componentName;
+    }
+
+    const componentNameKebab = strings.kebabCase(componentName);
+
+    template.generate({
+      template: 'component.template.html.ejs',
+      target: `./${componentNameKebab}/${componentNameKebab}.dialog.html`,
+      props: { name: componentNameKebab, ...strings }
+    });
+
+    template.generate({
+      template: 'component.template.ts.ejs',
+      target: `./${componentNameKebab}/${componentNameKebab}.dialog.ts`,
+      props: {
+        type: 'dialog',
+        name: componentName,
+        ...strings
+      }
+    });
+
+    template.generate({
+      template: 'component.template.scss.ejs',
+      target: `./${componentNameKebab}/${componentNameKebab}.dialog.scss`
+    });
+
+    printCreated(print, `${componentNameKebab}/${componentNameKebab}.dialog.html`);
+    printCreated(print, `${componentNameKebab}/${componentNameKebab}.dialog.ts`);
+    printCreated(print, `${componentNameKebab}/${componentNameKebab}.dialog.scss`);
+  }
+};
+
+module.exports = COMMAND;