@genesislcap/blank-app-seed 2.4.0 → 2.5.0

package/.genx/configure.js

@@ -18,14 +18,19 @@ module.exports = async (data, utils) => {
   data.localGenId = data.appName.toUpperCase().replace("-", "_");
   data.applicationVersionWeb = data.applicationVersion.split('-').shift();
   data.versions = versions;
+
+  utils.registerPartial('smart-form', path.resolve(data.directory, '.genx/templates/form.hbs'))
+  utils.registerPartial('chart', path.resolve(data.directory, '.genx/templates/chart.hbs'))
+  utils.registerPartial('entity-manager', path.resolve(data.directory, '.genx/templates/entityManager.hbs'))
+  utils.registerPartial('grid-pro', path.resolve(data.directory, '.genx/templates/grid.hbs'))
   // 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'));
+    const routeName = route.name;
+    makeDirectory(path.resolve(data.directory,`client/src/routes/${routeName}`));
+    utils.writeFileWithData(path.resolve(data.directory, `client/src/routes/${routeName}/${routeName}.ts`), {route}, path.resolve(data.directory, '.genx/templates/route.hbs'));
+    utils.writeFileWithData(path.resolve(data.directory, `client/src/routes/${routeName}/${routeName}.template.ts`), {route}, path.resolve(data.directory, '.genx/templates/route.template.hbs'));
+    utils.writeFileWithData(path.resolve(data.directory, `client/src/routes/${routeName}/${routeName}.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.4.0",
+  "version": "2.5.0",
   "license": "Apache-2.0",
   "genxSeedConfig": {
     "exclude": [

package/.genx/prompts/ui.js

@@ -2,6 +2,8 @@ const routesInto = () => console.log(`
   Pages to be added to the navigation header
 `);
 
+const defaultRoutes = '[{"name":"home"}]';
+
 module.exports = async (inquirer, prevAns = {}) => {
   routesInto();
   const {
@@ -10,13 +12,22 @@ module.exports = async (inquirer, prevAns = {}) => {
     {
       name: 'routes',
       type: 'input',
-      message: 'Pages in comma separated format e.g. home,dashboard,admin',
+      message: 'Pages config in json format',
       when: !prevAns.routes,
-      default: prevAns.routes || 'home',
+      default: defaultRoutes,
     },
   ])
 
+  let routesParsed;
+  try {
+    routesParsed = JSON.parse(routes);
+  } catch (error) {
+    console.error("Error parsing `routes` parameter as JSON:", error.message);
+    console.log("Falling back to the default routes value");
+    routesParsed = JSON.parse(defaultRoutes);
+  }
+
   return {
-    routes: routes?.split(','),
+    routes: routesParsed,
   };
 };

package/.genx/templates/chart.hbs

@@ -0,0 +1,18 @@
+<zero-g2plot-chart
+  type="{{ config.type }}"
+  :config="${(x) => ({
+    {{#ifEquals config.type "pie"}}
+      radius: 0.75,
+      angleField: 'value',
+      colorField: 'groupBy',
+    {{else}}
+     xField: 'groupBy',
+     yField: 'value',
+    {{/ifEquals}}
+  })}"
+>
+  <chart-datasource
+    resourceName="{{ config.resourceName }}"
+    server-fields="{{ config.xField }} {{ config.yField }}"
+  ></chart-datasource>
+</zero-g2plot-chart>

package/.genx/templates/entityManager.hbs

@@ -0,0 +1,18 @@
+<entity-management
+    {{#if config.title}}
+    title="{{ config.title }}"
+    {{/if}}
+    resourceName="{{ config.resourceName }}"
+    {{#if config.updateEvent}}
+    updateEvent="{{ config.updateEvent }}"
+    {{/if}}
+    {{#if config.deleteEvent}}
+    deleteEvent="{{ config.deleteEvent }}"
+    {{/if}}
+    {{#if config.createEvent}}
+    createEvent="{{ config.createEvent }}"
+    {{/if}}
+    {{#if config.snapshot}}
+    :datasourceConfig="${() => ({isSnapshot: {{ config.snapshot }} })}"
+    {{/if}}
+></entity-management>

package/.genx/templates/form.hbs

@@ -0,0 +1 @@
+<foundation-form resourceName="{{config.resourceName}}"></foundation-form>

package/.genx/templates/grid.hbs

@@ -0,0 +1,9 @@
+<zero-grid-pro>
+  <grid-pro-genesis-datasource
+    resource-name="{{config.resourceName}}"
+    {{#if config.snapshot}}
+    isSnapshot="{{config.snapshot}}"
+    {{/if}}
+  >
+  </grid-pro-genesis-datasource>
+</zero-grid-pro>

package/.genx/templates/route.hbs

@@ -1,13 +1,13 @@
 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';
+import { {{pascalCase route.name}}Styles as styles } from './{{route.name}}.styles';
+import { {{pascalCase route.name}}Template as template } from './{{route.name}}.template';
 
 @customElement({
-  name: '{{route}}-route',
+  name: '{{route.name}}-route',
   template,
   styles,
 })
-export class {{pascalCase route}} extends FASTElement {
+export class {{pascalCase route.name}} extends FASTElement {
   constructor() {
     super();
   }

package/.genx/templates/route.styles.hbs

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

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

@@ -1,7 +1,19 @@
 import { html } from '@microsoft/fast-element';
-import type { {{pascalCase route}} } from './{{route}}';
+import type { {{pascalCase route.name}} } from './{{route.name}}';
 
-export const {{pascalCase route}}Template = html<{{pascalCase route}}>`
+export const {{pascalCase route.name}}Template = html<{{pascalCase route.name}}>`
+  {{#if route.tiles}}
+  <zero-layout auto-save-key="{{route.name}}">
+      <zero-layout-region>
+          {{#each route.tiles}}
+          <zero-layout-item title="{{this.title}}">
+              {{> (lookup . 'type') }}
+          </zero-layout-item>
+          {{/each}}
+      </zero-layout-region>
+  </zero-layout>
+  {{else}}
   <!-- insert template code here -->
-  Welcome to {{route}}
+  Welcome to {{sentenceCase route.name}}
+  {{/if}}
 `;

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.5.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v2.4.0...v2.5.0) (2024-03-15)
+
+
+### Features
+
+* routes and components generation GENC-68  (#149) d85c86d
+
 ## [2.4.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v2.3.2...v2.4.0) (2024-03-15)
 
 

package/client/src/routes/config.ts

@@ -10,7 +10,7 @@ import { Route } from '@microsoft/fast-router';
 import { defaultLayout, loginLayout } from '../layouts';
 import { NotFound } from './not-found/not-found';
 {{#each routes}}
-import { {{pascalCase this}} } from './{{this}}/{{this}}';
+import { {{pascalCase this.name}} } from './{{this.name}}/{{this.name}}';
 {{/each}}
 
 // eslint-disable-next-line
@@ -57,7 +57,7 @@ export class MainRouterConfig extends FoundationRouterConfiguration<LoginSetting
           );
           configure(this.container, {
             autoConnect: true,
-            defaultRedirectUrl: '{{routes.[0]}}',
+            defaultRedirectUrl: '{{routes.[0].name}}',
             ...ssoSettings,
           });
           return define({
@@ -74,13 +74,13 @@ export class MainRouterConfig extends FoundationRouterConfiguration<LoginSetting
       { path: 'not-found', element: NotFound, title: 'Not Found', name: 'not-found' },
       {{#each routes}}
       {
-        path: '{{this}}',
-        element: {{pascalCase this}},
-        title: '{{sentenceCase this}}',
-        name: '{{this}}',
+        path: '{{this.name}}',
+        element: {{pascalCase this.name}},
+        title: '{{sentenceCase this.name}}',
+        name: '{{this.name}}',
         navItems: [
           {
-            title: '{{sentenceCase this}}',
+            title: '{{sentenceCase this.name}}',
             icon: {
               name: 'cog',
               variant: 'solid',

package/package.json

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