✨ feat(cli): support for --path option

Author: gleisonkz

__tests__/cli.test.ts

@@ -2,8 +2,7 @@ import { filesystem, system } from 'gluegun';
 
 const src = filesystem.path(__dirname, '..');
 
-const cli = async (cmd) =>
-  system.run('node ' + filesystem.path(src, 'bin', 'ngx-devs-cli') + ` ${cmd}`);
+const cli = async (cmd) => system.run('node ' + filesystem.path(src, 'bin', 'ngx-devs-cli') + ` ${cmd}`);
 
 describe('[CLI]', () => {
   describe('[Commands: generate page component]', () => {
@@ -45,6 +44,23 @@ describe('[CLI]', () => {
       filesystem.remove('sample');
     });
 
+    test('should generate a widget component on provided path', async () => {
+      await cli('g c w sample --path=sample-project/components');
+
+      const path = 'sample-project/components/sample';
+      const html = filesystem.read(`${path}/sample.component.html`);
+      const scss = filesystem.read(`${path}/sample.component.scss`);
+      const ts = filesystem.read(`${path}/sample.component.ts`);
+      const widgetModule = filesystem.read('sample-project/components/sample/sample.widget.module.ts');
+
+      expect(html).toBeDefined();
+      expect(scss).toBeDefined();
+      expect(ts).toBeDefined();
+      expect(widgetModule).toBeDefined();
+
+      filesystem.remove('sample-project');
+    });
+
     test('should generate widget component with 4 files', async () => {
       await cli('g c w sample');
 

src/commands/generate/component/component.ts

@@ -7,6 +7,7 @@ const COMMAND: GluegunCommand = {
   name: 'component',
   alias: ['c'],
   description: 'Cria um componente Angular de tipo específico',
+
   run: async (toolbox: GluegunToolbox) => {
     const { parameters, prompt } = toolbox;
 

src/commands/generate/component/widget/widget.ts

@@ -9,6 +9,10 @@ const COMMAND: GluegunCommand = {
   description: 'cria um componente Angular do tipo widget',
   run: async (toolbox) => {
     const { parameters, print, prompt, template } = toolbox;
+    const {
+      options: { path }
+    } = parameters;
+
     let componentName = parameters.first;
 
     if (!componentName) {
@@ -28,20 +32,24 @@ const COMMAND: GluegunCommand = {
       componentName = response.componentName;
     }
 
+    const componentPath = path
+      ? `${path}/${componentName}/${componentName}`
+      : `./${componentName}/${componentName}`;
+
     template.generate({
       template: 'component.template.html.ejs',
-      target: `./${componentName}/${componentName}.component.html`,
+      target: `${componentPath}.component.html`,
       props: { name: componentName, ...strings }
     });
 
     template.generate({
       template: 'component.template.scss.ejs',
-      target: `./${componentName}/${componentName}.component.scss`
+      target: `${componentPath}.component.scss`
     });
 
     template.generate({
       template: 'component.template.ts.ejs',
-      target: `./${componentName}/${componentName}.component.ts`,
+      target: `${componentPath}.component.ts`,
       props: {
         type: 'component',
         name: componentName,
@@ -51,18 +59,18 @@ const COMMAND: GluegunCommand = {
 
     template.generate({
       template: 'widget.module.template.ts.ejs',
-      target: `./${componentName}/${componentName}.widget.module.ts`,
+      target: `${componentPath}.widget.module.ts`,
       props: {
         type: 'component',
         name: componentName,
         ...strings
       }
     });
 
-    printCreated(print, `${componentName}/${componentName}.component.html`);
-    printCreated(print, `${componentName}/${componentName}.component.ts`);
-    printCreated(print, `${componentName}/${componentName}.component.scss`);
-    printCreated(print, `${componentName}/${componentName}.widget.module.ts`);
+    printCreated(print, `${componentPath}.component.html`);
+    printCreated(print, `${componentPath}.component.ts`);
+    printCreated(print, `${componentPath}.component.scss`);
+    printCreated(print, `${componentPath}.widget.module.ts`);
   }
 };