@genesislcap/blank-app-seed 3.22.0 → 3.24.0

package/.genx/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed-config",
   "description": "Genesis Blank App Seed Configuration",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "license": "Apache-2.0",
   "scripts": {
     "lint": "eslint .",

package/.genx/static.js

@@ -52,14 +52,15 @@ const DIR_TEMPLATE_BY_FRAMEWORK = {
     DIR_TEMPLATE_WEB_COMPONENT_ALIAS,
   ),
   [FRAMEWORK_ANGULAR_ALIAS]: DIRS_MAP.get(DIR_TEMPLATE_ANGULAR_ALIAS),
+  [FRAMEWORK_REACT_ALIAS]: DIRS_MAP.get(FRAMEWORK_REACT_ALIAS),
 };
 
 const COMPONENT_TYPE = {
   'entity-manager': 'manager',
   'grid-pro': 'grid',
   'smart-form': 'form',
-  'chart': 'chart'
-}
+  chart: 'chart',
+};
 
 const TEXTS = {
   INTRO_API_HOST:

package/.genx/templates/angular/entityManager.hbs

@@ -2,6 +2,7 @@
   <ng-container *ngIf="hasUserPermission('{{config.permissions.viewRight}}'); else notPermitted{{ config.index }}">
     <entity-management
       design-system-prefix="rapid"
+      header-case-type="capitalCase"
       enable-row-flashing
       enable-cell-flashing
       {{#if config.title}}

package/.genx/templates/angular/grid.hbs

@@ -1,6 +1,8 @@
 <section style="height: 100%; width: 100%;">
   <ng-container *ngIf="hasUserPermission('{{config.permissions.viewRight}}'); else notPermitted{{ config.index }}">
     <rapid-grid-pro
+      header-case-type="capitalCase"
+      only-template-col-defs
       enable-row-flashing
       enable-cell-flashing
       >
@@ -13,10 +15,12 @@
         [datasourceConfig]="tile{{ config.index }}.reqrep"
         {{/if}}
         {{#if config.gridOptions}}
-        [deferredGridOptions]="tile{{ config.index }}.gridOptions"
+        [deferredGridOptions]="{ onRowClicked: tile{{ config.index }}.gridOptions.onRowClicked }"
         {{/if}}
-      >
-      </grid-pro-genesis-datasource>
+      ></grid-pro-genesis-datasource>
+      {{#if config.gridOptions}}
+      <grid-pro-column *ngFor="let columnDef of tile{{ config.index }}.gridOptions?.columnDefs" [definition]="columnDef"></grid-pro-column>
+      {{/if}}
     </rapid-grid-pro>
   </ng-container>
 

package/.genx/templates/angular/route.hbs

@@ -1,6 +1,7 @@
 import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { User, getUser } from '@genesislcap/foundation-user';
+import { GridOptionsConfig } from "@genesislcap/rapid-grid-pro";
 import { getDateFormatter, getNumberFormatter, getViewUpdateRightComponent } from '../../utils';
 import { ErrorMessageComponent } from '../../components/error-message/error-message.component';
 
@@ -23,7 +24,7 @@ export class {{pascalCase route.name}}Component {
     "createFormUiSchema": {{{ this.config.createFormUiSchema }}},{{/if}}{{#if this.config.updateFormUiSchema}}
     "updateFormUiSchema": {{{ this.config.updateFormUiSchema }}},{{/if}}{{#if this.config.uischema}}
     "uischema": {{{ this.config.uischema }}},{{/if}}{{#if this.config.gridOptions}}
-    "gridOptions": {{{ this.config.gridOptions }}},{{/if}}{{#if this.config.reqrep}}
+    "gridOptions": {{{ this.config.gridOptions }}} as GridOptionsConfig,{{/if}}{{#if this.config.reqrep}}
     "reqrep": {{{ this.config.reqrep }}},{{/if}}{{#if this.config.columns}}
     "columns": {{{ this.config.columns }}},{{/if}}{{#if this.config.type}}
     "chartConfig": { {{#ifEquals this.config.type 'pie'}}

package/.genx/templates/react/chart.hbs

@@ -0,0 +1,9 @@
+<rapid-g2plot-chart
+  type="{{ config.type }}"
+  config={tile{{ config.index }}.chartConfig}
+>
+  <chart-datasource
+    resourceName="{{ config.resourceName }}"
+    server-fields="{{ config.xField }} {{ config.yField }}"
+  ></chart-datasource>
+</rapid-g2plot-chart>

package/.genx/templates/react/entityManager.hbs

@@ -0,0 +1,45 @@
+<entity-management
+    design-system-prefix="rapid"
+    enable-row-flashing
+    enable-cell-flashing
+    {{#if config.title}}
+    title="{{ config.title }}"
+    {{/if}}
+    resourceName="{{ config.resourceName }}"
+    {{#if config.createEvent}}
+    createEvent="{{ config.createEvent }}"
+    {{#if config.createFormUiSchema}}
+    createFormUiSchema={tile{{ config.index }}.createFormUiSchema}
+    {{/if}}
+    {{/if}}
+    {{#if config.updateEvent}}
+    updateEvent="{{ config.updateEvent }}"
+    {{#if config.updateFormUiSchema}}
+    updateFormUiSchema={tile{{ config.index }}.updateFormUiSchema}
+    {{/if}}
+    {{/if}}
+    {{#if config.deleteEvent}}
+    deleteEvent="{{ config.deleteEvent }}"
+    {{/if}}
+    {{#if config.gridOptions}}
+    gridOptions={{{ config.gridOptions }}}
+    {{/if}}
+    {{#if config.snapshot}}
+    datasourceConfig={ isSnapshot: {{ config.snapshot }} }
+    {{/if}}
+    {{#if config.reqrep}}
+    datasourceConfig={tile{{ config.index }}.reqrep}
+    {{/if}}
+    {{#if config.columns}}
+    columns={tile{{ config.index }}.columns}
+    {{/if}}
+    {{#if config.modalPosition}}
+    modal-position="{{ config.modalPosition }}"
+    {{/if}}
+    {{#if config.sizeColumnsToFit}}
+    size-columns-to-fit
+    {{/if}}
+    {{#if config.enableSearchBar}}
+    enable-search-bar
+    {{/if}}
+></entity-management>

package/.genx/templates/react/form.hbs

@@ -0,0 +1,8 @@
+<foundation-form
+  design-system-prefix="rapid"
+  resourceName="{{config.resourceName}}"
+  {{#if config.uischema}}
+  uischema={tile{{ config.index }}.uischema}
+  {{/if}}
+>
+</foundation-form>

package/.genx/templates/react/grid.hbs

@@ -0,0 +1,18 @@
+<rapid-grid-pro
+  enable-row-flashing
+  enable-cell-flashing
+  >
+  <grid-pro-genesis-datasource
+    resource-name="{{config.resourceName}}"
+    {{#if config.snapshot}}
+    isSnapshot="{{config.snapshot}}"
+    {{/if}}
+    {{#if config.reqrep}}
+    [datasourceConfig]="tile{{ config.index }}.reqrep"
+    {{/if}}
+    {{#if config.gridOptions}}
+    [deferredGridOptions]="tile{{ config.index }}.gridOptions"
+    {{/if}}
+  >
+  </grid-pro-genesis-datasource>
+</rapid-grid-pro>

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

@@ -0,0 +1,30 @@
+<rapid-layout-region type="horizontal">
+    <rapid-layout-region type="vertical">
+    {{#each route.tiles}}
+        {{#ifEquals @index 0}}
+        <rapid-layout-item title="{{../title}}">
+            {{> (lookup ../this 'type') ../this}}
+        </rapid-layout-item>
+        {{/ifEquals}}
+        {{#ifEquals @index 1}}
+        <rapid-layout-item title="{{../title}}">
+            {{> (lookup ../this 'type') ../this}}
+        </rapid-layout-item>
+        {{/ifEquals}}
+    {{/each}}
+    </rapid-layout-region>
+    <rapid-layout-region type="vertical">
+    {{#each route.tiles}}
+        {{#ifEquals @index 2}}
+        <rapid-layout-item title="{{../title}}">
+            {{> (lookup ../this 'type') ../this}}
+        </rapid-layout-item>
+        {{/ifEquals}}
+        {{#ifEquals @index 3}}
+        <rapid-layout-item title="{{../title}}">
+            {{> (lookup ../this 'type') ../this}}
+        </rapid-layout-item>
+        {{/ifEquals}}
+    {{/each}}
+    </rapid-layout-region>
+</rapid-layout-region>

package/.genx/templates/react/horizontalLayout.hbs

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

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

@@ -0,0 +1,35 @@
+import './{{pascalCase route.name}}.css';
+
+const {{pascalCase route.name}} = () => {
+  {{#each route.tiles}}
+  const tile{{this.config.index}} = { {{#if this.config.createFormUiSchema}}
+    "createFormUiSchema": {{{ this.config.createFormUiSchema }}},{{/if}}{{#if this.config.updateFormUiSchema}}
+    "updateFormUiSchema": {{{ this.config.updateFormUiSchema }}},{{/if}}{{#if this.config.uischema}}
+    "uischema": {{{ this.config.uischema }}},{{/if}}{{#if this.config.gridOptions}}
+    "gridOptions": {{{ this.config.gridOptions }}},{{/if}}{{#if this.config.reqrep}}
+    "reqrep": {{{ this.config.reqrep }}},{{/if}}{{#if this.config.columns}}
+    "columns": {{{ this.config.columns }}},{{/if}}{{#if this.config.type}}
+    "chartConfig": { {{#ifEquals this.config.type 'pie'}}
+      "radius": 0.75,
+      "angleField": "value",
+      "colorField": "groupBy",{{else}}
+      "xField": "groupBy",
+      "yField": "value",{{/ifEquals}}
+    },{{/if}}
+  };
+  {{/each}}
+
+  return (
+    <section className="{{kebabCase route.name}}-page">
+      {{#if route.tiles}}
+      <rapid-layout auto-save-key="{{route.layoutKey}}">
+        {{> (lookup ./route 'layoutType') }}
+      </rapid-layout>
+      {{else}}
+      Welcome to {{sentenceCase route.name}}
+      {{/if}}
+    </section>
+  );
+};
+
+export default {{pascalCase route.name}};

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

@@ -0,0 +1,3 @@
+:host {
+  height: 100%;
+}

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

@@ -0,0 +1,7 @@
+<rapid-layout-region type="tabs">
+    {{#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.template.hbs

@@ -1,4 +1,4 @@
-import { html, whenElse } from '@genesislcap/web-core';
+import { html, whenElse, repeat } from '@genesislcap/web-core';
 import { getViewUpdateRightComponent } from '../../../utils';
 import type { {{pascalCase tile.componentName}} } from './{{kebabCase tile.title}}';
 {{#if tile.config.createFormUiSchema}}

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

@@ -3,6 +3,7 @@ ${whenElse(
     html`
         <entity-management
             design-system-prefix="rapid"
+            header-case-type="capitalCase"
             enable-row-flashing
             enable-cell-flashing
             {{#if config.title}}

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

@@ -2,6 +2,8 @@ ${whenElse(
     (x) => getViewUpdateRightComponent(x.user, '{{config.permissions.viewRight}}'),
     html`
       <rapid-grid-pro
+        header-case-type="capitalCase"
+        only-template-col-defs
         enable-row-flashing
         enable-cell-flashing
         >
@@ -14,10 +16,17 @@ ${whenElse(
           :datasourceConfig=${() => ({pollingInterval: 5000 })}
           {{/if}}
           {{#if config.gridOptions}}
-          :deferredGridOptions=${() => gridOptions}
+          :deferredGridOptions=${() => ({ onRowClicked: gridOptions?.onRowClicked })}
           {{/if}}
-        >
-        </grid-pro-genesis-datasource>
+        ></grid-pro-genesis-datasource>
+        {{#if config.gridOptions}}
+        ${repeat(
+          (x) => gridOptions?.columnDefs,
+          html`
+            <grid-pro-column :definition=${(x) => x}></grid-pro-column>
+          `,
+        )}
+        {{/if}}
       </rapid-grid-pro>
     `,
     html`

package/.genx/utils/generateRoute.js

@@ -4,6 +4,7 @@ const generateTile = require('./generateTile');
 const {
   FRAMEWORK_WEB_COMPONENTS_ALIAS,
   FRAMEWORK_ANGULAR_ALIAS,
+  FRAMEWORK_REACT_ALIAS,
   DIR_TEMPLATE_BY_FRAMEWORK,
 } = require('../static');
 
@@ -23,11 +24,17 @@ const getPathByFramework = {
       `${routeDir}/${routeName}.component.html`,
     style: (routePath, routeName) => `${routePath}/${routeName}.component.css`,
   },
+  [FRAMEWORK_REACT_ALIAS]: {
+    clientSrcPath: `../../client/src/pages`,
+    route: (clientSrcPath, routeName) => `${clientSrcPath}/${routeName}`,
+    component: (routeDir, routeName, changeCase) =>
+      `${routeDir}/${changeCase.pascalCase(routeName)}.jsx`,
+    style: (routePath, routeName, changeCase) =>
+      `${routePath}/${changeCase.pascalCase(routeName)}.css`,
+  },
 };
 
 const generateRoute = (route, { changeCase, writeFileWithData }, framework) => {
-  const routeName = changeCase.paramCase(route.name);
-  const sourceTemplateDir = `../${DIR_TEMPLATE_BY_FRAMEWORK[framework]}`;
   const {
     clientSrcPath,
     route: getRouteDir,
@@ -35,23 +42,28 @@ const generateRoute = (route, { changeCase, writeFileWithData }, framework) => {
     template: getTemplateTarget,
     style: getStyleTarget,
   } = getPathByFramework[framework];
+  const routeName = changeCase.paramCase(route.name);
+  const sourceTemplateDir = `../${DIR_TEMPLATE_BY_FRAMEWORK[framework]}`;
   const routeDir = getRouteDir(clientSrcPath, routeName);
 
   const filesToWrite = [
     {
       source: `${sourceTemplateDir}/route.hbs`,
-      target: getComponentTarget(routeDir, routeName),
-    },
-    {
-      source: `${sourceTemplateDir}/route.template.hbs`,
-      target: getTemplateTarget(routeDir, routeName),
+      target: getComponentTarget(routeDir, routeName, changeCase),
     },
     {
       source: `${sourceTemplateDir}/route.styles.hbs`,
-      target: getStyleTarget(routeDir, routeName),
+      target: getStyleTarget(routeDir, routeName, changeCase),
     },
   ];
 
+  if (getTemplateTarget) {
+    filesToWrite.push({
+      source: `${sourceTemplateDir}/route.template.hbs`,
+      target: getTemplateTarget(routeDir, routeName),
+    });
+  }
+
   makeDirectory(resolve(__dirname, routeDir));
   filesToWrite.forEach(({ source, target }) => {
     writeFileWithData(
@@ -61,7 +73,7 @@ const generateRoute = (route, { changeCase, writeFileWithData }, framework) => {
     );
   });
 
-  // Remove condition after adding changes for angular
+  // Remove condition after adding changes for angular & react
   if (framework === FRAMEWORK_WEB_COMPONENTS_ALIAS && route?.tiles?.length) {
     route.tiles.forEach((tile) => {
       generateTile(tile, route, { changeCase, writeFileWithData }, framework);

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [3.24.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.23.0...v3.24.0) (2024-07-16)
+
+
+### Features
+
+* add auto headerCaseType to grid/entity-manager GENC-654 (#280) 47b0520
+
+## [3.23.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.22.0...v3.23.0) (2024-07-15)
+
+
+### Features
+
+* react blank-app-seed (#278) 83b1767
+
 ## [3.22.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.21.0...v3.22.0) (2024-07-15)
 
 

package/client-tmp/react/.eslintrc.cjs

@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

package/client-tmp/react/README.md

@@ -0,0 +1,48 @@
+
+# {{capitalCase appName}}
+
+This project is built with React.
+
+## Development
+
+1. Install dependencies:
+
+```shell
+npm run bootstrap
+```
+
+2. Start the development server:
+
+```shell
+npm run start
+```
+
+3. Build for production:
+
+```shell
+npm run build
+```
+
+Preview the production build:
+
+```shell
+npm run serve
+```
+
+## Clean
+
+Remove `build` and `node_modules` directories:
+
+```shell
+npm run clean
+```
+
+Baseline task combines `clean` and `install` tasks into a single command:
+
+```shell
+npm run baseline
+```
+
+## Further help
+
+To get more help on React, check out the [React documentation](https://reactjs.org/docs/getting-started.html).

package/client-tmp/react/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{pkgName}}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/client-tmp/react/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "{{pkgName}}",
+  "version": "{{applicationVersionWeb}}",
+  "private": true,
+  "scripts": {
+    "baseline": "npm run clean && npm run bootstrap",
+    "bootstrap": "npm i --legacy-peer-deps",
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "serve": "vite preview",
+    "clean": "rm -rf node_modules dist",
+
+    "lint:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix"
+  },
+  "dependencies": {
+    "@ag-grid-community/client-side-row-model": "29.2.0",
+    "@ag-grid-community/core": "29.2.0",
+    "@ag-grid-community/csv-export": "29.2.0",
+    "@ag-grid-enterprise/core": "29.2.0",
+    "@ag-grid-enterprise/row-grouping": "29.2.0",
+    "@ag-grid-enterprise/server-side-row-model": "29.2.0",
+    "@genesislcap/foundation-comms": "{{versions.UI}}",
+    "@genesislcap/foundation-login": "{{versions.UI}}",
+    "@genesislcap/foundation-entity-management": "{{versions.UI}}",
+    "@genesislcap/foundation-header": "{{versions.UI}}",
+    "@genesislcap/foundation-ui": "{{versions.UI}}",
+    "@genesislcap/rapid-design-system": "{{versions.UI}}",
+    "@genesislcap/rapid-grid-pro": "{{versions.UI}}",
+    "@genesislcap/foundation-layout": "{{versions.UI}}",
+    "@genesislcap/g2plot-chart": "{{versions.UI}}",
+    "history": "^5.3.0",
+    "react": "^19.0.0-beta-94eed63c49-20240425",
+    "react-dom": "^19.0.0-beta-94eed63c49-20240425",
+    "react-router-dom": "6.24.1"
+  },
+  "devDependencies": {
+    "@types/node": "^20.14.10",
+    "@types/react": "npm:types-react@alpha",  
+    "@types/react-dom": "npm:types-react-dom@alpha",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "@vitejs/plugin-react": "^4.3.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.1"
+  },  
+  "overrides": {  
+    "@types/react": "npm:types-react@alpha",  
+    "@types/react-dom": "npm:types-react-dom@alpha"  
+  } 
+}

package/client-tmp/react/src/App.tsx

@@ -0,0 +1,66 @@
+import React from 'react';
+import {
+  unstable_HistoryRouter as HistoryRouter,
+  Routes,
+  Route,
+  useLocation,
+} from 'react-router-dom';
+import history from './utils/history';
+import LayoutWrapper from './layouts/LayoutWrapper';
+import { routeLayouts } from './config';
+import AuthGuard from './guards/AuthGuard';
+import { AuthProvider } from './store/AuthContext';
+// Pages Components
+import AuthPage from './pages/auth/AuthPage';
+{{#each routes}}
+import {{pascalCase this.name}} from './pages/{{kebabCase this.name}}/{{pascalCase this.name}}';
+{{/each}}
+// Genesis Components
+import './share/genesis-components';
+
+const LayoutWithLocation = () => {
+  const location = useLocation();
+  const layout = routeLayouts[location.pathname] || 'default';
+
+  let pageComponent;
+
+  switch (location.pathname) {
+    case '/auth':
+      pageComponent = <AuthPage />;
+      break;
+  {{#each routes}}
+    case '/{{kebabCase this.name}}':
+      pageComponent = <{{pascalCase this.name}} />;
+      break;
+  {{/each}}
+    default:
+      pageComponent = <AuthPage />;
+  }
+
+  if (
+    location.pathname === '/auth' ||
+    location.pathname === '/'
+  ) {
+    return <LayoutWrapper layout={layout}>{pageComponent}</LayoutWrapper>;
+  } else {
+    return (
+      <AuthGuard>
+        <LayoutWrapper layout={layout}>{pageComponent}</LayoutWrapper>
+      </AuthGuard>
+    );
+  }
+};
+
+const App: React.FC = () => {
+  return (
+    <AuthProvider>
+      <HistoryRouter history={history}>
+        <Routes>
+          <Route path="*" element={<LayoutWithLocation />} />
+        </Routes>
+      </HistoryRouter>
+    </AuthProvider>
+  );
+};
+
+export default App;

package/client-tmp/react/src/assets/logo-icon--light.svg

@@ -0,0 +1,3 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.7702 23.0437C18.7702 22.4675 18.8526 21.8089 19.0995 21.3149C19.3465 20.7386 19.6758 20.2447 20.0874 19.833C20.4991 19.4214 20.993 19.0921 21.5693 18.8451C22.1456 18.5982 22.7219 18.5158 23.2981 18.5158H25.9326V11.6828H19.1819V14.3172C19.1819 15.5521 18.6879 16.7047 17.8647 17.5279C17.0414 18.3512 15.8888 18.8451 14.7363 18.9275H6.7507V6.99025H16.4651V0.157227H3.54C2.63442 0.157227 1.72884 0.568855 1.07023 1.22746C0.411628 1.88606 0 2.79165 0 3.77955V22.2205C0 23.1261 0.411628 24.0316 1.07023 24.7726C1.72884 25.4312 2.63442 25.8428 3.54 25.8428H18.7702V23.0437Z" fill="white"/>
+</svg>

package/client-tmp/react/src/config.ts

@@ -0,0 +1,31 @@
+import { RouteLayouts } from './types/RouteLayouts';
+
+export const routeLayouts: RouteLayouts = {
+  '/auth-mock': 'blank',
+  '/auth': 'blank',
+  '/': 'blank',
+};
+
+import type { MainMenu } from './types/menu';
+
+export const AUTH_PATH = 'auth';
+
+export const API_DATA = {
+  URL: '',
+  AUTH: {
+    username: '', // provide login to a user in given environment
+    password: '', // provide password to a user in given environment
+  },
+};
+
+export const mainMenu: MainMenu = [
+  {{#each routes}}
+  {
+    index: {{@index}},
+    path: '{{kebabCase this.name}}',
+    title: '{{#if this.title}}{{this.title}}{{else}}{{this.name}}{{/if}}',
+    icon: '{{this.icon}}',
+    variant: 'solid'
+  }{{#unless @last}},{{/unless}}
+  {{/each}}
+];

package/client-tmp/react/src/custom-elements.d.ts

@@ -0,0 +1,11 @@
+declare namespace JSX {
+  interface IntrinsicElements {
+    // Wildcard for all webcomponents:
+    [elemName: string]: any;
+  }
+}
+
+declare module '*.module.css' {
+  const classes: { [key: string]: string };
+  export default classes;
+}