auto-gen main router based on sample source paths (#386)

* add AutoInsertRouterImports comments

* Revert "add AutoInsertRouterImports comments"

This reverts commit fc1796f.

* add AutoInsertRouterImports comment

* chage comments

* add auto-gen main router

Author: HUSSAR-mtrela

browser/src/router.ts

@@ -1,14 +1,16 @@
+// AutoRouterImportStart
 import { RouterCharts } from "./samples/charts/router";
+import { RouterEditors } from "./samples/editors/router";
+import { RouterExcel } from "./samples/excel/router";
 import { RouterGauges } from "./samples/gauges/router";
 import { RouterGrids } from "./samples/grids/router";
-import { RouterMaps } from "./samples/maps/router";
-import { RouterExcel } from "./samples/excel/router";
+import { RouterInputs } from "./samples/inputs/router";
 import { RouterLayouts } from "./samples/layouts/router";
-import { RouterEditors } from "./samples/editors/router";
+import { RouterMaps } from "./samples/maps/router";
 import { RouterMenus } from "./samples/menus/router";
-import { RouterInputs } from "./samples/inputs/router";
-import { RouterScheduling } from "./samples/scheduling/router";
 import { RouterNotifications } from "./samples/notifications/router";
+import { RouterScheduling } from "./samples/scheduling/router";
+// AutoRouterImportEnd
 
 export class Router {
 
@@ -88,39 +90,41 @@ export class Router {
 
         // console.log("SB matching " + route);
 
-        if (route.indexOf("/maps/") >= 0) {
-            this.displaySample(await RouterMaps.get(route));
+// AutoRouterConditionStart
+        if (route.indexOf("/charts/") >= 0) {
+            this.displaySample(await RouterCharts.get(route));
         }
-        else if (route.indexOf("/grids/") >= 0) {
-            this.displaySample(await RouterGrids.get(route));
+        else if (route.indexOf("/editors/") >= 0) {
+            this.displaySample(await RouterEditors.get(route));
         }
         else if (route.indexOf("/excel/") >= 0) {
             this.displaySample(await RouterExcel.get(route));
         }
         else if (route.indexOf("/gauges/") >= 0) {
             this.displaySample(await RouterGauges.get(route));
         }
-        else if (route.indexOf("/charts/") >= 0) {
-            this.displaySample(await RouterCharts.get(route));
+        else if (route.indexOf("/grids/") >= 0) {
+            this.displaySample(await RouterGrids.get(route));
+        }
+        else if (route.indexOf("/inputs/") >= 0) {
+            this.displaySample(await RouterInputs.get(route));
         }
         else if (route.indexOf("/layouts/") >= 0) {
             this.displaySample(await RouterLayouts.get(route));
         }
-        else if (route.indexOf("/editors/") >= 0) {
-            this.displaySample(await RouterEditors.get(route));
+        else if (route.indexOf("/maps/") >= 0) {
+            this.displaySample(await RouterMaps.get(route));
         }
         else if (route.indexOf("/menus/") >= 0) {
             this.displaySample(await RouterMenus.get(route));
         }
-        else if (route.indexOf("/inputs/") >= 0) {
-            this.displaySample(await RouterInputs.get(route));
+        else if (route.indexOf("/notifications/") >= 0) {
+            this.displaySample(await RouterNotifications.get(route));
         }
         else if (route.indexOf("/scheduling/") >= 0) {
             this.displaySample(await RouterScheduling.get(route));
         }
-        else if (route.indexOf("/notifications/") >= 0) {
-            this.displaySample(await RouterNotifications.get(route));
-        }
+// AutoRouterConditionEnd
         else if (route !== "/" && route !== "/index") {
             console.log("SB missing router for " + route)
              let sampleFile = await import('./core/SampleFallback');

browser/tasks/Transformer.ts

@@ -718,6 +718,9 @@ class Transformer {
             } else {
                 let group = new SampleGroup();
                 group.Name = component.Group;
+                group.RouterClass = 'Router' + Strings.toTitleCase(group.Name);
+                group.RouterFile = './samples/' + group.Name + '/router';
+                group.RouterImport = 'import { ' + group.RouterClass + ' } from "' + group.RouterFile + '";';
                 group.Components.push(component);
                 groupMap.set(component.Group, group);
             }
@@ -924,6 +927,10 @@ class Transformer {
 class SampleGroup {
 
     public Name: string;
+    public RouterClass: string;
+    public RouterFile: string;
+    public RouterImport: string;
+
     public Components: SampleComponent[];
 
     constructor() {

browser/tasks/gulp-samples.js

@@ -304,6 +304,8 @@ function copySamples(cb) {
     let sampleGroups = Transformer.getSampleGroups(samples);
 
     console.log('>> generating router files... ');
+    let routerImports = [];
+    let routerConditions = [];
     let routerTemplate = fs.readFileSync("./browser/src/templates/group/Router.ts", "utf8");
     for (const group of sampleGroups) {
         let outputPath = "./browser/src/samples/" + group.Name + "/router.ts";
@@ -315,8 +317,30 @@ function copySamples(cb) {
         fs.writeFileSync(outputPath, routingFile);
         console.log('>> generating routes done: ' + outputPath);
 
+        if (routerConditions.length === 0)
+            routerConditions.push('        if (route.indexOf("/' + group.Name + '/") >= 0) {');
+        else
+            routerConditions.push('        else if (route.indexOf("/' + group.Name + '/") >= 0) {');
+
+        routerConditions.push('            this.displaySample(await ' + group.RouterClass + '.get(route));');
+        routerConditions.push('        }');
+
+        routerImports.push(group.RouterImport);
     }
 
+    let routerPath = "./browser/src/router.ts";
+    console.log('>> updating ' + routerPath + ' ... ');
+    let routerFile = fs.readFileSync(routerPath, "utf8").toString();
+    let routerImportLines = routerImports.join('\n');
+    var routerImportEx = /(\/\/\sAutoRouterImportStart)([\S\s]*?)(\/\/\sAutoRouterImportEnd)/gm;
+    routerFile = routerFile.replace(routerImportEx, '$1\n' + routerImportLines + '\n$3');
+
+    let routerConditionLines = routerConditions.join('\n');
+    var routerConditionEx = /(\/\/\sAutoRouterConditionStart)([\S\s]*?)(\/\/\sAutoRouterConditionEnd)/gm;
+    routerFile = routerFile.replace(routerConditionEx, '$1\n' + routerConditionLines + '\n$3');
+    fs.writeFileSync(routerPath, routerFile);
+    console.log('>> updating ' + routerPath + ' with ' + routerImports.length + ' routers' );
+
     console.log('>> generating index file... ');
     let indexTemplate = fs.readFileSync("./browser/src/templates/index.html", "utf8");
     let indexFile = Transformer.getIndexFile(sampleGroups, indexTemplate);