@genesislcap/blank-app-seed 2.2.0 → 2.3.0

package/.genx/configure.js

@@ -1,5 +1,13 @@
 const versions = require('./versions.json');
+const path = require('path');
+const fs = require('fs');
+const directoryExists = (directory) => fs.existsSync(directory);
 
+const makeDirectory = (directory) => {
+  if (!directoryExists(directory)) {
+    fs.mkdirSync(directory);
+  }
+};
 /**
  * Signature is `async (data: inquirer.Answers, utils: SeedConfigurationUtils)`
  */
@@ -12,4 +20,12 @@ module.exports = async (data, utils) => {
   data.versions = versions;
   // to be exposed via user prompt in the future
   data.useDocker = !!process.env.USE_DOCKER;
+  data.routes.forEach(route => {
+    // utils.makeDirectory(path.resolve(data.directory,`client/src/routes/${route}`))
+    makeDirectory(path.resolve(data.directory,`client/src/routes/${route}`));
+    utils.writeFileWithData(path.resolve(data.directory, `client/src/routes/${route}/${route}.ts`), {route}, path.resolve(data.directory, '.genx/templates/route.hbs'));
+    utils.writeFileWithData(path.resolve(data.directory, `client/src/routes/${route}/${route}.template.ts`), {route}, path.resolve(data.directory, '.genx/templates/route.template.hbs'));
+    utils.writeFileWithData(path.resolve(data.directory, `client/src/routes/${route}/${route}.styles.ts`), {route}, path.resolve(data.directory, '.genx/templates/route.styles.hbs'));
+  })
+
 };

package/.genx/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed-config",
   "description": "Genesis Blank App Seed Configuration",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "license": "Apache-2.0",
   "genxSeedConfig": {
     "exclude": [

package/.genx/prompts/ui.js

@@ -0,0 +1,22 @@
+const routesInto = () => console.log(`
+  Pages to be added to the navigation header
+`);
+
+module.exports = async (inquirer, prevAns = {}) => {
+  routesInto();
+  const {
+    routes = prevAns.routes,
+  } = await inquirer.prompt([
+    {
+      name: 'routes',
+      type: 'input',
+      message: 'Pages in comma separated format e.g. home,dashboard,admin',
+      when: !prevAns.routes,
+      default: prevAns.routes || 'home',
+    },
+  ])
+
+  return {
+    routes: routes?.split(','),
+  };
+};

package/.genx/prompts.js

@@ -1,5 +1,6 @@
 const apiPrompts = require('./prompts/api');
 const genesisServerPrompts = require('./prompts/server');
+const uiPrompts = require('./prompts/ui');
 const {description, license, name, version} = require('./package.json');
 
 module.exports = async (inquirer, prevAns = {}) => {
@@ -12,9 +13,11 @@ module.exports = async (inquirer, prevAns = {}) => {
 
   const {apiHost, enableSSO} = await apiPrompts(inquirer, prevAns)
   const {groupId, applicationVersion, enableDeployPlugin} = await genesisServerPrompts(inquirer, prevAns);
+  const {routes} = await uiPrompts(inquirer, prevAns);
 
   return {
     apiHost,
+    routes,
     enableSSO,
     groupId,
     applicationVersion,

package/.genx/templates/route.hbs

@@ -0,0 +1,14 @@
+import { customElement, FASTElement } from '@microsoft/fast-element';
+import { {{pascalCase route}}Styles as styles } from './{{route}}.styles';
+import { {{pascalCase route}}Template as template } from './{{route}}.template';
+
+@customElement({
+  name: '{{route}}-route',
+  template,
+  styles,
+})
+export class {{pascalCase route}} extends FASTElement {
+  constructor() {
+    super();
+  }
+}

package/{client/src/routes/home/home.styles.ts → .genx/templates/route.styles.hbs}

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
 
-export const HomeStyles = css`
+export const {{pascalCase route}}Styles = css`
   :host {
     /* insert css styles here */
   }

package/.genx/templates/route.template.hbs

@@ -0,0 +1,7 @@
+import { html } from '@microsoft/fast-element';
+import type { {{pascalCase route}} } from './{{route}}';
+
+export const {{pascalCase route}}Template = html<{{pascalCase route}}>`
+  <!-- insert template code here -->
+  Welcome to {{route}}
+`;

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.3.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v2.2.0...v2.3.0) (2024-03-14)
+
+
+### Features
+
+* route generation GENC-57 (#144) 5374330
+
 ## [2.2.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v2.1.0...v2.2.0) (2024-03-11)
 
 

package/client/src/routes/config.ts

@@ -8,8 +8,10 @@ import { FoundationRouterConfiguration } from '@genesislcap/foundation-ui';
 import { optional } from '@microsoft/fast-foundation';
 import { Route } from '@microsoft/fast-router';
 import { defaultLayout, loginLayout } from '../layouts';
-import { Home } from './home/home';
 import { NotFound } from './not-found/not-found';
+{{#each routes}}
+import { {{pascalCase this}} } from './{{this}}/{{this}}';
+{{/each}}
 
 // eslint-disable-next-line
 declare var ENABLE_SSO: string;
@@ -55,7 +57,7 @@ export class MainRouterConfig extends FoundationRouterConfiguration<LoginSetting
           );
           configure(this.container, {
             autoConnect: true,
-            defaultRedirectUrl: 'home',
+            defaultRedirectUrl: '{{routes.[0]}}',
             ...ssoSettings,
           });
           return define({
@@ -69,22 +71,24 @@ export class MainRouterConfig extends FoundationRouterConfiguration<LoginSetting
         settings: { public: true },
         childRouters: true,
       },
+      { path: 'not-found', element: NotFound, title: 'Not Found', name: 'not-found' },
+      {{#each routes}}
       {
-        path: 'home',
-        name: 'home',
-        title: 'Home',
-        element: Home,
+        path: '{{this}}',
+        element: {{pascalCase this}},
+        title: '{{sentenceCase this}}',
+        name: '{{this}}',
         navItems: [
           {
-            title: 'Home',
+            title: '{{sentenceCase this}}',
             icon: {
-              name: 'home',
+              name: 'cog',
               variant: 'solid',
             },
           },
         ],
       },
-      { path: 'not-found', element: NotFound, title: 'Not Found', name: 'not-found' },
+      {{/each}}
     );
 
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed",
   "description": "Genesis Blank App Seed",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "license": "Apache-2.0",
   "scripts": {
     "release": "semantic-release"

package/client/src/routes/home/home.template.ts

@@ -1,6 +0,0 @@
-import { html } from '@microsoft/fast-element';
-import type { Home } from './home';
-
-export const HomeTemplate = html<Home>`
-  <!-- insert template code here -->
-`;

package/client/src/routes/home/home.ts

@@ -1,14 +0,0 @@
-import { customElement, FASTElement } from '@microsoft/fast-element';
-import { HomeStyles as styles } from './home.styles';
-import { HomeTemplate as template } from './home.template';
-
-@customElement({
-  name: 'home-route',
-  template,
-  styles,
-})
-export class Home extends FASTElement {
-  constructor() {
-    super();
-  }
-}