@genesislcap/blank-app-seed 3.30.0-prerelease.7 → 3.30.0-prerelease.71

package/.genx/templates/react/gridLayout.hbs

@@ -2,13 +2,13 @@
   <rapid-layout-region type="vertical">
   {{#each route.tiles}}
     {{#ifEquals @index 0}}
-    <rapid-layout-item title="{{../title}}">
-      <{{pascalCase ../componentName}}></{{pascalCase ../componentName}}>
+    <rapid-layout-item title="{{this.title}}">
+      <{{pascalCase this.componentName}}></{{pascalCase this.componentName}}>
     </rapid-layout-item>
     {{/ifEquals}}
     {{#ifEquals @index 1}}
-    <rapid-layout-item title="{{../title}}">
-      <{{pascalCase ../componentName}}></{{pascalCase ../componentName}}>
+    <rapid-layout-item title="{{this.title}}">
+      <{{pascalCase this.componentName}}></{{pascalCase this.componentName}}>
     </rapid-layout-item>
     {{/ifEquals}}
   {{/each}}
@@ -16,13 +16,13 @@
   <rapid-layout-region type="vertical">
   {{#each route.tiles}}
     {{#ifEquals @index 2}}
-    <rapid-layout-item title="{{../title}}">
-      <{{pascalCase ../componentName}}></{{pascalCase ../componentName}}>
+    <rapid-layout-item title="{{this.title}}">
+      <{{pascalCase this.componentName}}></{{pascalCase this.componentName}}>
     </rapid-layout-item>
     {{/ifEquals}}
     {{#ifEquals @index 3}}
-    <rapid-layout-item title="{{../title}}">
-      <{{pascalCase ../componentName}}></{{pascalCase ../componentName}}>
+    <rapid-layout-item title="{{this.title}}">
+      <{{pascalCase this.componentName}}></{{pascalCase this.componentName}}>
     </rapid-layout-item>
     {{/ifEquals}}
   {{/each}}

package/.genx/templates/react/route.hbs

@@ -1,14 +1,14 @@
 import './{{pascalCase route.name}}.css';
+import { persistLayout } from '../../utils';
 {{#each route.tiles}}
 import { {{pascalCase this.componentName}} } from './{{pascalCase this.title}}{{pascalCase this.componentType}}';
 {{/each}}
 
 const {{pascalCase route.name}} = () => {
-
   return (
     <section className="{{kebabCase route.name}}-page">
       {{#if route.tiles}}
-      <rapid-layout auto-save-key={process.env.NODE_ENV === 'production' ? "{{route.layoutKey}}" : null}>
+      <rapid-layout auto-save-key={persistLayout('{{route.layoutKey}}')}>
         {{> (lookup ./route 'layoutType') }}
       </rapid-layout>
       {{else}}

package/.genx/templates/react/tabsLayout.hbs

@@ -1,7 +1,7 @@
 <rapid-layout-region type="tabs">
-    {{#each route.tiles}}
-    <rapid-layout-item title="{{this.title}}">
-        {{> (lookup . 'type') }}
-    </rapid-layout-item>
-    {{/each}}
+  {{#each route.tiles}}
+  <rapid-layout-item title="{{this.title}}">
+    {{> (lookup . 'type') }}
+  </rapid-layout-item>
+  {{/each}}
 </rapid-layout-region>

package/.genx/templates/web-components/component/component.hbs

@@ -1,7 +1,25 @@
+import { Connect } from '@genesislcap/foundation-comms';
 import { User } from '@genesislcap/foundation-user';
-import { customElement, GenesisElement } from '@genesislcap/web-core';
+import { customElement, GenesisElement, observable } from '@genesislcap/web-core';
 import { {{pascalCase tile.title}}Styles as styles } from './{{kebabCase tile.title}}.styles';
 import { {{pascalCase tile.title}}Template as template } from './{{kebabCase tile.title}}.template';
+{{#if tile.config.columns}}
+import { columnDefs } from './{{kebabCase tile.title}}.column.defs';
+import { ColDef } from '@ag-grid-community/core';
+{{/if}}
+{{#if tile.config.customEvents}}
+import type { ActionRendererParams } from '@genesislcap/rapid-grid-pro';
+import { RapidAgActionRenderer } from '@genesislcap/rapid-grid-pro';
+{{/if}}
+
+{{#ifAny tile.metadata.comment tile.metadata.todo}}
+/**
+{{~#if tile.metadata.comment}}{{{ tile.metadata.comment }}}{{/if}}
+{{~#if tile.metadata.todo}}{{#if tile.metadata.comment}} 
+ *{{/if}}
+ * TODO: {{{ tile.metadata.todo }}}{{/if}}
+ */
+{{/ifAny}}
 
 @customElement({
   name: '{{kebabCase tile.componentName}}',
@@ -10,4 +28,39 @@ import { {{pascalCase tile.title}}Template as template } from './{{kebabCase til
 })
 export class {{pascalCase tile.componentName}} extends GenesisElement {
   @User user: User;
-}
+  @Connect connect!: Connect;
+
+  {{#if tile.config.columns}}
+  @observable columns: ColDef[] = [
+    ...columnDefs,
+    {{#if tile.config.customEvents}}
+    /**
+     * TODO: Update the action button's icon under `contentTemplate` below.
+     * More information about rapid-icon can be found at: https://docs.genesis.global/docs/develop/client-capabilities/presentation/client-presentation-icon/
+     **/
+    {{#each tile.config.customEvents}}
+    {
+      field: '',
+      headerName: '',
+      minWidth: 50,
+      maxWidth: 50,
+      headerTooltip: '{{capitalCase this}}',
+      pinned: 'right',
+      cellRenderer: RapidAgActionRenderer,
+      cellRendererParams: <ActionRendererParams>{
+        actionClick: async (rowData) => {
+          const { ROW_REF, ...DETAILS } = rowData;
+          const response = await this.connect.commitEvent("EVENT_{{this}}", {
+            DETAILS,
+          });
+        },
+        contentTemplate: `
+          <rapid-icon name="cog"></rapid-icon>
+        `,
+      },
+    },
+    {{/each}}
+    {{/if}}
+  ];
+  {{/if}}
+}

package/.genx/templates/web-components/component/component.template.hbs

@@ -10,9 +10,6 @@ import { createFormSchema } from './{{kebabCase tile.title}}.create.form.schema'
 {{#if tile.config.updateFormUiSchema}}
 import { updateFormSchema } from './{{kebabCase tile.title}}.update.form.schema';
 {{/if}}
-{{#if tile.config.columns}}
-import { columnDefs } from './{{kebabCase tile.title}}.column.defs';
-{{/if}}
 {{#if tile.config.gridOptions}}
 import { gridOptions } from './{{kebabCase tile.title}}.gridOptions';
 {{/if}}

package/.genx/templates/web-components/entityManager.hbs

@@ -38,7 +38,7 @@ ${whenElse(
             entityLabel="{{ config.entityName }}"
             {{/if}}
             {{#if config.columns}}
-            :columns=${() => columnDefs }
+            :columns=${(x) => x.columns}
             {{/if}}
             {{#if config.modalPosition}}
             modal-position="{{ config.modalPosition }}"

package/.genx/templates/web-components/gridLayout.hbs

@@ -2,13 +2,13 @@
     <rapid-layout-region type="vertical">
     {{#each route.tiles}}
         {{#ifEquals @index 0}}
-        <rapid-layout-item title="{{../title}}">
-            <{{kebabCase ../componentName}}></{{kebabCase ../componentName}}>
+        <rapid-layout-item title="{{this.title}}">
+            <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
         </rapid-layout-item>
         {{/ifEquals}}
         {{#ifEquals @index 1}}
-        <rapid-layout-item title="{{../title}}">
-            <{{kebabCase ../componentName}}></{{kebabCase ../componentName}}>
+        <rapid-layout-item title="{{this.title}}">
+            <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
         </rapid-layout-item>
         {{/ifEquals}}
     {{/each}}
@@ -16,13 +16,13 @@
     <rapid-layout-region type="vertical">
     {{#each route.tiles}}
         {{#ifEquals @index 2}}
-        <rapid-layout-item title="{{../title}}">
-            <{{kebabCase ../componentName}}></{{kebabCase ../componentName}}>
+        <rapid-layout-item title="{{this.title}}">
+            <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
         </rapid-layout-item>
         {{/ifEquals}}
         {{#ifEquals @index 3}}
-        <rapid-layout-item title="{{../title}}">
-            <{{kebabCase ../componentName}}></{{kebabCase ../componentName}}>
+        <rapid-layout-item title="{{this.title}}">
+            <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
         </rapid-layout-item>
         {{/ifEquals}}
     {{/each}}

package/.genx/templates/web-components/route.template.hbs

@@ -1,5 +1,5 @@
-import { isDev } from '@genesislcap/foundation-utils';
 import { html } from '@genesislcap/web-core';
+import { persistLayout } from '../../utils';
 import type { {{pascalCase route.name}} } from './{{kebabCase route.name}}';
 {{#each route.tiles}}
 import { {{pascalCase this.componentName}} } from './{{kebabCase this.title}}-{{this.componentType}}';
@@ -11,7 +11,7 @@ import { {{pascalCase this.componentName}} } from './{{kebabCase this.title}}-{{
 
 export const {{pascalCase route.name}}Template = html<{{pascalCase route.name}}>`
   {{#if route.tiles}}
-  <rapid-layout auto-save-key="${() => (isDev() ? null : '{{route.layoutKey}}')}">
+  <rapid-layout auto-save-key="${() => persistLayout('{{route.layoutKey}}')}">
      {{> (lookup ./route 'layoutType') }}
   </rapid-layout>
   {{else}}

package/.genx/utils/deleteGradleWrappers.js

@@ -0,0 +1,12 @@
+const { rmdirSync } = require('node:fs');
+const { resolve } = require('node:path');
+
+const deleteGradleWrappers = (
+  paths = ['../../gradle', '../../server/gradle'],
+) => {
+  paths.forEach((p) => {
+    rmdirSync(resolve(__dirname, p), { recursive: true, force: true });
+  });
+};
+
+module.exports = deleteGradleWrappers;

package/.genx/utils/formatRouteData.js

@@ -3,6 +3,7 @@ const {
   gridColumnsSerializer,
 } = require('./gridSerializers');
 const formatJSONValue = require('./formatJSONValue');
+const { getFormattedComment, getFormattedTodo } = require('./getTodosAndComments')
 const getLayoutType = require('./getLayoutType');
 const { COMPONENT_TYPE, FRAMEWORK_ANGULAR_ALIAS } = require('../static');
 
@@ -19,8 +20,12 @@ const formatRouteData = (framework, route) => {
   );
   const tiles = route.tiles?.map((tile, index) => {
     const config = tile.config || {};
+    const metadata = tile.metadata || {};
     const componentType = COMPONENT_TYPE[tile.type];
     const componentName = `${route.name}-${tile.title.replace(/[^0-9a-z]/gi, '')}-${componentType}`;
+    const todo = metadata?.todo && getFormattedTodo(metadata.todo);
+    const comment = metadata?.comment && getFormattedComment(metadata.comment);
+
     const {
       gridOptions,
       createFormUiSchema,
@@ -43,6 +48,11 @@ const formatRouteData = (framework, route) => {
         uischema: formatJSONValue(uischema),
         columns: gridColumnsSerializer(columns),
       },
+      metadata: {
+        ...metadata,
+        todo,
+        comment
+      }
     };
   });
 

package/.genx/utils/generateRoute.js

@@ -29,7 +29,7 @@ const getPathByFramework = {
     route: (clientSrcPath, routeName, changeCase) =>
       `${clientSrcPath}/${changeCase.pascalCase(routeName)}`,
     component: (routeDir, routeName, changeCase) =>
-      `${routeDir}/${changeCase.pascalCase(routeName)}.jsx`,
+      `${routeDir}/${changeCase.pascalCase(routeName)}.tsx`,
     style: (routeDir, routeName, changeCase) =>
       `${routeDir}/${changeCase.pascalCase(routeName)}.css`,
   },
@@ -76,6 +76,7 @@ const generateRoute = (route, { changeCase, writeFileWithData }, framework) => {
 
   if (route?.tiles?.length) {
     route.tiles.forEach((tile) => {
+      tile.metadata = tile.metadata || {};
       generateTile(tile, route, { changeCase, writeFileWithData }, framework);
     });
   }

package/.genx/utils/generateTile.js

@@ -44,12 +44,12 @@ const getPathByFramework = {
   },
   [FRAMEWORK_REACT_ALIAS]: {
     ...defaultPathGetters,
-    index: (componentPath) => `${componentPath}/index.jsx`,
+    index: (componentPath) => `${componentPath}/index.tsx`,
     clientSrcPath: `../../client/src/pages`,
     route: (clientSrcPath, tile, routeName, changeCase) =>
       `${clientSrcPath}/${changeCase.pascalCase(routeName)}/${changeCase.pascalCase(tile.name)}${changeCase.pascalCase(tile.componentType)}`,
     component: (componentPath, tile, changeCase) =>
-      `${componentPath}/${changeCase.pascalCase(tile.name)}Component.jsx`,
+      `${componentPath}/${changeCase.pascalCase(tile.name)}Component.tsx`,
     style: (componentPath, tile, changeCase) =>
       `${componentPath}/${changeCase.pascalCase(tile.name)}Component.css`,
     addForm: (componentPath, tile, changeCase) =>

package/.genx/utils/getTodosAndComments.js

@@ -0,0 +1,28 @@
+const MAX_LINE_LENGTH = 100;
+
+const wrapText = (text, pad = "  ") => {
+    let currentLength = 0;
+    const formattedText = text.split(" ").map((singleWord) => {
+        const lineLength = currentLength + singleWord.length + 1;
+        if(lineLength <= MAX_LINE_LENGTH) {
+            currentLength = lineLength;
+            return singleWord
+        } else {
+            currentLength = 0;
+            return `\n *${pad}${singleWord}`
+        }
+    }).join(" ")
+
+    return formattedText;
+}
+
+const getFormattedTodo = (todo) => 
+    todo.split(/\r?\n/).map((x, index)=> `${index > 0 ? '\n * ' : ''}${wrapText(x.trim())}`).join('');
+
+const getFormattedComment = (comment) => 
+    comment.split(/\r?\n/).map(x => `\n * ${wrapText(x.trim(), " ")}`).join('');
+
+module.exports = {
+    getFormattedComment,
+    getFormattedTodo
+};

package/.genx/utils/index.js

@@ -1,4 +1,5 @@
 const excludeFrameworks = require('./excludeFrameworks');
+const deleteGradleWrappers = require('./deleteGradleWrappers');
 const formatRouteData = require('./formatRouteData');
 const generateRoute = require('./generateRoute');
 const generateCsv = require('./generateCsv');
@@ -11,6 +12,7 @@ const validateRoute = require('./validateRoute');
 const validateFrameworkAlias = require('./validateFrameworkAlias');
 
 module.exports = {
+  deleteGradleWrappers,
   excludeFrameworks,
   formatRouteData,
   generateRoute,

package/.genx/versions.json

@@ -1,5 +1,5 @@
 {
-  "UI": "14.207.0",
-  "GSF": "8.4.0-beta1",
-  "Auth": "8.3.0"
+  "UI": "14.234.1",
+  "GSF": "8.8.0-beta2",
+  "Auth": "8.8.0-beta1"
 }

package/.gitignore

@@ -44,6 +44,7 @@ client/bootstrapDone
 .husky/.gitignore
 build-cache/
 server/h2/
+project-zips
 
 # Ignore Gradle GUI config
 gradle-app.setting
@@ -107,3 +108,5 @@ custom-elements.json
 # Gradle tasks
 .bootstrapDone
 .tests.executed
+
+blankappseedtest/