feat(generators): Add page generator

Author: EndyKaufman

README.md

@@ -63,6 +63,18 @@ rucken commands clear prepare link ~~lib lib1
 rucken grid --entity-name apple  
 rucken grid --help  
 ```
+### Scaffold
+
+
+```bash
+# generate model, service, grid, lookup input, modal for edit row in grid, modal for select items from grid with items
+rucken grid --entity-name apple  
+rucken grid --help
+
+# generate page
+rucken page --page-name apple  
+rucken page --help  
+```
 
 ## Quick links
 

src/bin/app.ts

@@ -63,7 +63,7 @@ export class App {
             .option('-lcp, --list-components-postfix [name]',
             'components postfix for collect to name-value object, example {\'users\': UsersGridComponent} it for list-components-postfix="grid" with component class file name="users-grid.component.ts"')
             .action(async (dummy, command) => {
-                await (new PrepareCommand(_.merge(this.program, command))).process();
+                await (new PrepareCommand(_.merge(this.program, command, dummy))).process();
             });
         this.program
             .command('commands [listOfCommands...]')
@@ -107,7 +107,7 @@ export class App {
             'components postfix for collect to name-value object, example {\'users\': UsersGridComponent} it for list-components-postfix="grid" with component class file name="users-grid.component.ts"')
             .description('make index.ts with import all ts files in application/library')
             .action(async (dummy, command) => {
-                await (new MakeTsListCommand(_.merge(this.program, command))).process();
+                await (new MakeTsListCommand(_.merge(this.program, command, dummy))).process();
             });
         this.program
             .command('grid')
@@ -121,7 +121,16 @@ export class App {
             .option('-pf, --platform-folder [path]', 'platform library path')
             .description('scaffold model, service, grid, lookup input, modal for edit row in grid, modal for select items from grid with items')
             .action(async (dummy, command) => {
-                await (new GeneratorCommand(_.merge(this.program, command))).processGrid();
+                await (new GeneratorCommand(_.merge(this.program, command, dummy))).processGrid();
+            });
+        this.program
+            .command('page')
+            .option('-pn, --page-name [name]', 'page name')
+            .option('-al, --app-name [name]', 'app name, by default it is first app from ".angular-cli.json"')
+            .option('-af, --app-folder [path]', 'app path, by default it is first app from ".angular-cli.json"')
+            .description('scaffold empty page')
+            .action(async (dummy, command) => {
+                await (new GeneratorCommand(_.merge(this.program, command, dummy))).processPage();
             });
         this.program.parse(process.argv);
     }

src/commands/generator.command.ts

@@ -1,10 +1,10 @@
 import { GridGenerator } from '../generators/grid';
 import { BaseCommand } from './base.command';
+import { PageGenerator } from '../generators/page';
 
 export class GeneratorCommand extends BaseCommand {
     constructor(public options: any) {
         super(options);
-        this.log('generator=>').info(options);
     }
     async processGrid() {
         this.log('generator').info('Run generator for ' + this.rootFolder);
@@ -34,4 +34,25 @@ export class GeneratorCommand extends BaseCommand {
             })
         );
     }
+    async processPage() {
+        this.log('generator').info('Run generator for ' + this.rootFolder);
+        const gen = new PageGenerator(this.rootFolder);
+        gen.debug = this.debug;
+        const result = false;
+        return await new Promise<boolean>((resolve: any) =>
+            gen.proccess({
+                pageName: this.options.pageName,
+                project: this.project,
+                appName: this.options.appName,
+                appFolder: this.options.appFolder
+            }).then((result: boolean) => {
+                this.log('generator').info('Done!');
+                resolve(true);
+            }).catch((e: any) => {
+                this.log('generator').error(e);
+                this.log('generator').info('Done with errors!');
+                resolve(false);
+            })
+        );
+    }
 }

src/generators/page.ts

@@ -0,0 +1,61 @@
+import * as _ from 'lodash';
+import * as path from 'path';
+
+import { Base } from '../lib/base';
+import { Project } from '../lib/project';
+
+
+export class PageGenerator extends Base {
+
+    name = 'page';
+
+    constructor(public rootFolder?: string) {
+        super(null, rootFolder);
+    }
+    async proccess(customOptions?: {
+        project: Project,
+        pageName: string,
+        appName: string,
+        appFolder: string
+    }) {
+        let rootFolder = path.resolve(this.rootFolder);
+        let pageName = '';
+        let appName =
+            (customOptions && customOptions.project.appsConfigs[0] && customOptions &&
+                customOptions.project.appsConfigs[0].name) ?
+                customOptions && customOptions.project.appsConfigs[0].name : 'app';
+        let appFolder =
+            (customOptions && customOptions.project.appsConfigs[0] && customOptions &&
+                customOptions.project.appsConfigs[0].localPath) ?
+                customOptions && customOptions.project.appsConfigs[0].localPath : 'app';
+        if (customOptions && customOptions.pageName) {
+            pageName = customOptions.pageName;
+        }
+        if (customOptions && customOptions.appName) {
+            appName = customOptions.appName;
+        }
+        if (customOptions && customOptions.appFolder) {
+            appFolder = customOptions.appFolder;
+        }
+        const options = _.merge(
+            {
+                'app': {
+                    'name': appName,
+                    'folder': appFolder
+                },
+                'page': {
+                    'name': _.kebabCase(pageName),
+                    'classPrefix': _.upperFirst(_.camelCase(pageName)),
+                    'title': _.upperFirst(_.words(pageName).join(' '))
+                }
+            }
+        );
+        return await this.srcgen(
+            rootFolder,
+            'generatorPage',
+            'empty.page',
+            options,
+            rootFolder
+        );
+    }
+}

srcgen/convert.po.to.ts/README!.md

@@ -1,8 +1,3 @@
-# USED
-```
-npm install po2json -g
-npm install recursive-readdir -g
-```
 # VARIABLES
 ```
 <prompt name="po.input.dir">./frontend/src/app/appname/i18n</prompt>

srcgen/empty.page/%app.folder%/src/pages/%page.name%/%page.name%-page.component.html

@@ -0,0 +1,3 @@
+<div class="container-fluid">
+  <page-header [title]="title"></page-header>
+</div>

srcgen/empty.page/%app.folder%/src/pages/%page.name%/%page.name%-page.component.scss

@@ -0,0 +1,3 @@
+.<%=page.name%>{
+    
+}

srcgen/empty.page/%app.folder%/src/pages/%page.name%/%page.name%-page.component.ts

@@ -0,0 +1,10 @@
+import { Component, Injector } from '@angular/core';
+import { BasePageComponent } from '@rucken/web';
+
+@Component({
+  selector: '<%=page.name%>-page',
+  templateUrl: './<%=page.name%>-page.component.html',
+  styleUrls: ['./<%=page.name%>-page.component.scss']
+})
+export class <%=page.classPrefix%>PageComponent extends BasePageComponent {
+}

srcgen/empty.page/%app.folder%/src/pages/%page.name%/%page.name%-page.module.ts

@@ -0,0 +1,27 @@
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { RuckenWebPipes, SharedModule, PipesModule } from '@rucken/web';
+import { PageHeaderModule } from '@rucken/web';
+
+import { <%=page.classPrefix%>PageComponent } from './<%=page.name%>-page.component';
+import { <%=page.classPrefix%>PageRoutes } from './<%=page.name%>-page.routes';
+
+@NgModule({
+  imports: [
+    SharedModule.forRoot(),
+    PageHeaderModule.forRoot(),
+    PipesModule.forRoot(),
+    RouterModule.forChild(<%=page.classPrefix%>PageRoutes)
+  ],
+  declarations: [<%=page.classPrefix%>PageComponent],
+  exports: [<%=page.classPrefix%>PageComponent],
+  entryComponents: [<%=page.classPrefix%>PageComponent]
+})
+export class <%=page.classPrefix%>PageModule {
+  static forRoot(): ModuleWithProviders {
+    return {
+      ngModule: <%=page.classPrefix%>PageModule,
+      providers: []
+    };
+  }
+}

srcgen/empty.page/%app.folder%/src/pages/%page.name%/%page.name%-page.routes.ts

@@ -0,0 +1,15 @@
+import { translate } from '@rucken/core';
+import { HomeGuardService } from '@rucken/web';
+
+import { <%=page.classPrefix%>PageComponent } from './<%=page.name%>-page.component';
+
+export const <%=page.classPrefix%>PageRoutes = [{
+  path: '',
+  pathMatch: 'full',
+  component: <%=page.classPrefix%>PageComponent,
+  data: {
+    name: '<%=page.name%>',
+    title: translate('<%=page.title%>'),
+    visible: true
+  }
+}];