feat: 🎸 add router structure generator

Author: Jarek Kuliga

generators/structure-component/index.ts

@@ -2,6 +2,7 @@ import { Question } from "inquirer";
 import camelCase from "lodash/fp/camelCase";
 import Generator from "yeoman-generator";
 import { nameQuestion } from "../../src/questions";
+import { Config } from "../../src/config/Config";
 
 interface FileConfigWithStringTemplate {
   templateName: string;
@@ -26,11 +27,6 @@ interface FileConfigAnswers {
   type: ComponentType;
 }
 
-interface Config {
-  styling: "jss" | "styled-components" | "emotion";
-  rootDir: string;
-}
-
 export = class StructureComponentGenerator extends Generator {
   private name: string;
   private module: string;

generators/structure-page/index.ts

@@ -1,19 +1,14 @@
 import camelCase from "lodash/fp/camelCase";
 import toUpper from "lodash/fp/toUpper";
 import Generator from "yeoman-generator";
-
 import { nameQuestion } from "../../src/questions";
+import { Config } from "../../src/config/Config";
 
 interface FileConfig {
   templateName: string;
   fileNameSuffix?: string;
 }
 
-interface Config {
-  styling: "jss" | "styled-components" | "emotion";
-  rootDir: string;
-}
-
 export = class StructureApiGenerator extends Generator {
   private name: string;
   private module: string;

generators/structure-router/index.ts

@@ -0,0 +1,73 @@
+import camelCase from "lodash/fp/camelCase";
+import toUpper from "lodash/fp/toUpper";
+import Generator from "yeoman-generator";
+
+import { nameQuestion } from "../../src/questions";
+
+interface FileConfig {
+  templateName: string;
+  fileNameSuffix?: string;
+}
+
+export = class StructureApiGenerator extends Generator {
+  private name: string;
+  private module: string;
+  private fileConfigs: FileConfig[];
+
+  public async prompting() {
+    const { name } = await this.prompt(
+      nameQuestion("Router", this.options.name)
+    );
+
+    this.name = this.options.name || name;
+  }
+
+  public makeModule() {
+    this.module = this.options.module || this.name;
+  }
+
+  public makeConfig() {
+    this.fileConfigs = this.getFileConfig(this.name);
+  }
+
+  public writing() {
+    this.fileConfigs.forEach(fileConfig => {
+      this.fs.copyTpl(
+        this.templatePath(`${fileConfig.templateName}`),
+        this.destinationPath(
+          `./${this.config.get("rootDir")}/${this.module}/router/${this.name}${
+            fileConfig.fileNameSuffix
+          }`
+        ),
+        {
+          name: this.name,
+          nameCamelCase: camelCase(this.name),
+          nameUpperCase: toUpper(this.name)
+        }
+      );
+    });
+  }
+
+  private getFileConfig = (name: string): FileConfig[] => [
+    {
+      templateName: `main.tsx`,
+      fileNameSuffix: "Router.tsx"
+    },
+    {
+      templateName: `route.ts`,
+      fileNameSuffix: ".route.ts"
+    },
+    {
+      templateName: `data.tsx`,
+      fileNameSuffix: "Router.data.tsx"
+    },
+    {
+      templateName: `load.tsx`,
+      fileNameSuffix: "Router.load.tsx"
+    },
+    {
+      templateName: `spec.tsx`,
+      fileNameSuffix: "Router.spec.tsx"
+    }
+  ];
+};

generators/structure-router/templates/data.tsx

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { AppRouterData } from "App/router/AppRouter.data";
+
+export namespace <%= name %>RouterData {
+  import RouteItem = AppRouterData.RouteItem;
+  export const ROUTE_ITEMS: RouteItem[] = []
+}

generators/structure-router/templates/load.tsx

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { Loadable } from "App/component/Loadable/Loadable";
+
+const <%= name %>RouterLoadable = Loadable({
+  loader: () =>
+    import(
+      "./<%= name %>Router" /* webpackChunkName: "<%= name %>Router" */
+      ),
+  render: ({ <%= name %>Router }, props) => (
+    <<%= name %>Router {...props} />
+  )
+});
+
+export { <%= name %>RouterLoadable };

generators/structure-router/templates/main.tsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { FC } from "react";
+import { Route, Switch } from "react-router";
+import { <%= name %>RouterData } from "./<%= name %>Router.data";
+
+export namespace <%= name %>Router {
+  export type Props = { };
+}
+
+export const <%= name %>Router: FC<<%= name %>Router.Props> = (props) => (
+  <>
+    <Switch>
+      {<%= name %>RouterData.ROUTE_ITEMS.map(route => (
+        <Route {...route} key={route.path} />
+      ))}
+    </Switch>
+  </>
+);

generators/structure-router/templates/route.ts

@@ -0,0 +1 @@
+export namespace <%= name %>Route {}

generators/structure-router/templates/spec.tsx

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { render } from "@testing-library/react";
+import { <%= name %>Router } from "./<%= name %>Router";
+
+describe('<<%= name %>Router />', () => {
+
+  beforeEach(() => {
+    const renderer = render(<<%= name %>Router />);
+  });
+
+});

generators/structure/index.ts

@@ -36,6 +36,10 @@ export = class StructureGenerator extends Generator {
           {
             name: `Page`,
             value: Task.PAGE
+          },
+          {
+            name: `Router`,
+            value: Task.ROUTER
           }
         ]
       }
@@ -50,6 +54,7 @@ export = class StructureGenerator extends Generator {
       case Task.MODEL:
       case Task.STORE:
       case Task.PAGE:
+      case Task.ROUTER:
         this.composeWith(require.resolve(`../structure-inner`), { task });
     }
   }

src/config/Config.ts

@@ -0,0 +1,4 @@
+export interface Config {
+  styling: "jss" | "styled-components" | "emotion";
+  rootDir: string;
+}