@genesislcap/blank-app-seed 3.30.0-prerelease.8 → 3.30.0-prerelease.80

package/README.md

@@ -1,10 +1,7 @@
 # {{appName}}
 
-This project has been created from the Genesis Blank Application Seed. Our seeds allow users to quickly bootstrap
-their projects. Each seed adheres to strict Genesis best practices, and has passed numerous performance, compliance and
-accessibility checks. 
+{{{description}}}
 
-{{description}}
 {{!
 
 # Testing
@@ -34,16 +31,13 @@ npx -y @genesislcap/genx@latest init myapp -x -s ./blank-app-seed --enableSSO --
 ```
 }}
 
-# Introduction
+# Getting started with development
 
-## Next Steps
+## Next steps
 
-To get a simple application running check the [Quick Start](https://learn.genesis.global/docs/getting-started/quick-start/) guide.
+If you need an introduction to the Genesis platform and its modules it's worth heading [here](https://docs.genesis.global/docs/develop/platform-overview/).
 
-If you need an introduction to the Genesis platform and its modules it's worth heading [here](https://learn.genesis.global/docs/getting-started/learn-the-basics/simple-introduction/).
-
-
-## Project Structure
+## Project structure
 
 This project contains **server** and **client** directories which contain the server and client code respectively.
 
@@ -54,7 +48,7 @@ It is built using a DSL-like definition based on the Kotlin language: GPAL.
 
 When first opening the project, if you receive a notification from IntelliJ IDE detecting Gradle project select the option to 'Load as gradle project'.
 
-### Web Client
+### Web client
 
 The Web client for this project can be found [here](./client/README.md). It is built using Genesis's next
 generation web development framework, which is based on Web Components.
@@ -66,4 +60,4 @@ This is free and unencumbered software released into the public domain. For full
 **NOTE** This project uses licensed components listed in the next section, thus licenses for those components are required during development.
 
 ## Licensed components
-Genesis low-code platform
+Genesis application platform

package/client-tmp/angular/__mocks__/fileMock.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

package/client-tmp/angular/angular.json

@@ -90,35 +90,6 @@
             "buildTarget": "{{pkgName}}:build"
           }
         },
-        "test": {
-          "builder": "@angular-builders/custom-webpack:karma",
-          "configurations": {
-            "production": {
-              "customWebpackConfig": {
-                "path": "./webpack.prod.config.js",
-                "mergeStrategies": {
-                  "externals": "replace"
-                }
-              }
-            },
-            "development": {
-              "customWebpackConfig": {
-                "path": "./webpack.dev.config.js",
-                "mergeStrategies": {
-                  "externals": "replace"
-                }
-              }
-            }
-          },
-          "defaultConfiguration": "development",
-          "options": {
-            "polyfills": ["zone.js", "zone.js/testing"],
-            "tsConfig": "tsconfig.spec.json",
-            "assets": ["src/favicon.ico", "src/assets"],
-            "styles": ["src/styles/styles.css"],
-            "scripts": []
-          }
-        },
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {

package/client-tmp/angular/jest.config.js

@@ -0,0 +1,20 @@
+const { pathsToModuleNameMapper } = require('ts-jest');
+const { compilerOptions } = require('./tsconfig');
+
+module.exports = {
+  preset: 'jest-preset-angular',
+  roots: ['<rootDir>/src/'],
+  testMatch: ['**/+(*.)+(spec).+(ts)'],
+  setupFilesAfterEnv: ['<rootDir>/src/jest.setup.ts'],
+  collectCoverage: true,
+  coverageReporters: ['html'],
+  coverageDirectory: 'coverage/my-app',
+  transformIgnorePatterns: [
+    'node_modules/(?!(@genesislcap/*|consola|@angular|@microsoft|exenv-es6|uuid))',
+  ],
+  moduleNameMapper: {
+    ...pathsToModuleNameMapper(compilerOptions.paths || {}, { prefix: '<rootDir>/' }),
+    '\\.(jpg|jpeg|png|gif|svg)$': '<rootDir>/src/__mocks__/fileMock.js',
+    '\\.(css)$': 'identity-obj-proxy',
+  },
+};

package/client-tmp/angular/package.json

@@ -27,7 +27,7 @@
     "lint:fix": "genx lint --fix",
     "lint:eslint": "genx lint -l eslint --profile",
     "lint:stylelint": "node lint-css.js",
-    "test": "ng test",
+    "test": "jest",
     "test:e2e": "genx test --e2e",
     "test:e2e:debug": "genx test --e2e --debug",
     "test:e2e:ui": "genx test --e2e --interactive",
@@ -54,14 +54,14 @@
     "@genesislcap/genx": "{{versions.UI}}",
     "@genesislcap/build-kit": "{{versions.UI}}",
     "@types/jasmine": "~5.1.0",
+    "@types/jest": "^29.5.13",
     "@types/numeral": "^2.0.5",
     "file-loader": "^6.2.0",
     "jasmine-core": "~5.1.0",
-    "karma": "~6.4.0",
-    "karma-chrome-launcher": "~3.2.0",
-    "karma-coverage": "~2.2.0",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.1.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-preset-angular": "^14.2.4",
+    "jest-transform-stub": "^2.0.0",
     "svg-url-loader": "^8.0.0",
     "typescript": "~5.4.5",
     "ts-node": "10.9.2",

package/client-tmp/angular/src/app/layouts/default/default.layout.spec.ts

@@ -4,7 +4,7 @@ import { DefaultLayoutComponent } from './default.layout';
 import { ElementRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 
 class MockRouter {
-  navigate = jasmine.createSpy('navigate');
+  navigate = jest.fn();
 }
 
 class MockElementRef implements ElementRef {
@@ -46,4 +46,4 @@ describe('DefaultLayoutComponent', () => {
     component.navigateAngular(path);
     expect(router.navigate).toHaveBeenCalledWith([path]);
   });
-});
+});

package/client-tmp/angular/src/jest.setup.ts

@@ -0,0 +1,46 @@
+import 'jest-preset-angular/setup-jest';
+
+// Mock window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: (query: string) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(), // Deprecated
+    removeListener: jest.fn(), // Deprecated
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  }),
+});
+
+// Mock BroadcastChannel
+class MockBroadcastChannel {
+  name: string;
+  onmessage: ((this: BroadcastChannel, ev: MessageEvent) => any) | null = null;
+  onmessageerror: ((this: BroadcastChannel, ev: MessageEvent) => any) | null = null;
+
+  constructor(name: string) {
+    this.name = name;
+  }
+
+  postMessage(message: any) {
+    if (this.onmessage) {
+      this.onmessage({ data: message } as MessageEvent);
+    }
+  }
+
+  close() {}
+
+  addEventListener() {}
+  removeEventListener() {}
+  dispatchEvent() {
+    return false;
+  }
+}
+
+Object.defineProperty(window, 'BroadcastChannel', {
+  writable: true,
+  value: MockBroadcastChannel,
+});

package/client-tmp/angular/tsconfig.app.json

@@ -1,9 +1,8 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
-    "types": ["node"],
+    "types": ["node"]
   },
   "files": [
     "src/main.ts"

package/client-tmp/angular/tsconfig.json

@@ -1,4 +1,3 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "compileOnSave": false,
   "compilerOptions": {
@@ -23,7 +22,7 @@
       "ES2022",
       "dom"
     ],
-    "resolveJsonModule": true,
+    "resolveJsonModule": true
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,

package/client-tmp/angular/tsconfig.spec.json

@@ -1,15 +1,21 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
+    "module": "ES2022",
+    "target": "ES2022",
     "outDir": "./out-tsc/spec",
     "types": [
-      "jasmine"
-    ]
+      "jest" 
+    ],
+    "esModuleInterop": true,
+    "emitDecoratorMetadata": true,
+    "resolveJsonModule": true
   },
+  "files": [
+    "src/jest.setup.ts",
+  ],
   "include": [
-    "src/**/*.d.ts",
-    "src/pbc/**/*.ts",
-    "src/**/*.spec.ts"
+    "src/**/*.spec.ts",
+    "src/**/*.d.ts"
   ]
-}
+}

package/client-tmp/react/.babelrc

@@ -1,7 +1,8 @@
 {
   "presets": [
     "@babel/preset-env",
-    "@babel/preset-react"
+    "@babel/preset-react",
+    "@babel/preset-typescript"
   ],
   "plugins": [
     "react-require"

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

@@ -10,6 +10,7 @@ module.exports = {
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh'],
   rules: {
+    '@typescript-eslint/no-explicit-any': 'off',
     '@typescript-eslint/no-unused-vars': 'off',
     '@typescript-eslint/no-var-requires': 'off',
     'react-refresh/only-export-components': [

package/client-tmp/react/README.md

@@ -3,45 +3,57 @@
 
 This project is built with React.
 
-## Development
-
-1. Install dependencies:
+## Install dependencies:
 
 ```shell
 npm run bootstrap
 ```
 
-2. Start the development server:
+## Development server
 
-```shell
-npm run start
-```
+Run `npm run dev` for a dev server. Navigate to `http://localhost:3000/`. The application will automatically reload if you change any of the source files.
 
-3. Build for production:
+## Build
 
-```shell
-npm run build
-```
+Run `npm run build` to build the project. The build artifacts will be stored in the `dist/` directory.
 
-Preview the production build:
+## Running unit tests
 
-```shell
-npm run serve
-```
+Run `npm run test` to execute the unit tests via [Jest](https://jestjs.io/docs/getting-started).
 
-## Clean
+## Running end-to-end tests
 
-Remove `build` and `node_modules` directories:
+Run `npm run test:e2e` to execute the end-to-end tests.
 
-```shell
-npm run clean
-```
+## Linting
 
-Baseline task combines `clean` and `install` tasks into a single command:
+Run `npm run lint` to lint the project.
 
-```shell
-npm run baseline
-```
+## NPM Scripts
+
+- `npm run baseline`: Cleans the project and installs dependencies.
+- `npm run bootstrap`: Installs dependencies without auditing or funding checks.
+- `npm run bootstrap:ci`: Installs dependencies in CI environment without auditing or funding checks.
+- `npm run build`: Builds the project in production configuration.
+- `npm run build:stats`: Builds the project and generates a stats JSON file.
+- `npm run clean`: Cleans the `dist` and `node_modules` directories.
+- `npm run dev`: Serves the project in development mode.
+- `npm run dev:vite`: Serves the project in development mode (specific for vite configuration).
+- `npm run dev:docker`: Serves the project in development mode, accessible from any network interface.
+- `npm run dev:no-open`: Serves the project in development mode without automatically opening the browser.
+- `npm run dev:intellij`: Serves the project in development mode (specific for IntelliJ).
+- `npm run dev:https`: Serves the project in development mode with HTTPS.
+- `npm run dsconfig`: Configures design system based on `src/styles/design-tokens.json`.
+- `npm run lint`: Lints the project using the specified profile.
+- `npm run lint:fix`: Fixes linting errors in the project.
+- `npm run lint:eslint`: Lints the project using ESLint and the specified profile.
+- `npm run lint:stylelint`: Lints CSS using a custom script.
+- `npm run test`: Runs unit tests.
+- `npm run test:e2e`: Runs end-to-end tests.
+- `npm run test:e2e:debug`: Runs end-to-end tests in debug mode.
+- `npm run test:e2e:ui`: Runs end-to-end tests in interactive mode.
+- `npm run test:coverage`: Runs unit tests and generates a code coverage report.
+- `npm run test:unit:watch`: Runs unit tests in watch mode.
 
 ## Further help
 

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

@@ -0,0 +1,15 @@
+import type { Config } from '@jest/types';
+
+const config: Config.InitialOptions = {
+  testEnvironment: 'jsdom',
+  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx'],
+  transform: {
+    '^.+\\.jsx?$': 'babel-jest',
+    '^.+\\.tsx?$': ['ts-jest', { tsconfig: 'tsconfig.app.json' }],
+  },
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+  testMatch: ["**/?(*.)+(test).[jt]s?(x)"],
+  watchPathIgnorePatterns: ["<rootDir>/node_modules/", "<rootDir>/dist/"],
+};
+
+export default config;

package/client-tmp/react/lint-css.ts

@@ -0,0 +1,19 @@
+import { execSync } from 'child_process';
+import glob from 'glob';
+import path from 'path';
+
+const cssFiles: string[] = glob.sync(path.join(__dirname, '**/*.css'));
+
+if (cssFiles.length === 0) {
+  console.log('No CSS files found.');
+  process.exit(0);
+}
+
+const command: string = `genx lint -l stylelint ${cssFiles.join(' ')}`;
+
+try {
+  execSync(command, { stdio: 'inherit' });
+} catch (error) {
+  console.error('Error running stylelint:', error);
+  process.exit(1);
+}

package/client-tmp/react/package.json

@@ -2,23 +2,29 @@
   "name": "{{pkgName}}",
   "version": "{{applicationVersionWeb}}",
   "private": true,
+  "config": {
+    "PERSIST_LAYOUT_IN_DEV": false
+  },
   "scripts": {
     "baseline": "npm run clean && npm run bootstrap",
     "bootstrap": "npm i --legacy-peer-deps",
     "bootstrap:ci": "npm ci --no-fund --no-audit",
-    "build": "vite build",
+    "build": "webpack --mode production",
+    "build:vite": "vite build",
     "build:stats": "npm run build --stats-json",
     "clean": "genx clean dist node_modules",
-    "dev": "vite",
+    "dev": "webpack serve --mode development",
+    "dev:vite": "vite build && vite preview",
     "dev:docker": "npm run dev -- --host 0.0.0.0",
     "dev:no-open": "NO_OPEN=true npm run dev",
     "dev:intellij": "npm run dev",
     "dev:https": "HTTPS=true npm run dev",
     "dsconfig": "dsconfig --path src/styles/design-tokens.json",
-    "lint": "eslint src/**/*.js src/**/*.jsx",
-    "lint:fix": "eslint src/**/*.js src/**/*.jsx --fix",
+    "lint": "eslint src/**/*.ts src/**/*.tsx",
+    "lint:fix": "eslint src/**/*.ts src/**/*.tsx --fix",
     "lint:eslint": "npm lint",
-    "lint:stylelint": "node lint-css.js",
+    "lint:stylelint": "npx ts-node lint-css.ts",
+    "stats": "webpack --mode production --json > stats.json",
     "test": "jest",
     "test:coverage": "jest --coverage",
     "test:unit:watch": "jest --watchAll",
@@ -33,27 +39,32 @@
     "@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-entity-management": "{{versions.UI}}",
     {{#if FDC3.includeDependencies}}
     "@genesislcap/foundation-fdc3": "{{versions.UI}}",
     {{/if}}
-    "@genesislcap/foundation-comms": "{{versions.UI}}",
-    "@genesislcap/foundation-login": "{{versions.UI}}",
-    "@genesislcap/foundation-entity-management": "{{versions.UI}}",
     "@genesislcap/foundation-header": "{{versions.UI}}",
+    "@genesislcap/foundation-layout": "{{versions.UI}}",
+    "@genesislcap/foundation-logger": "{{versions.UI}}",
+    "@genesislcap/foundation-login": "{{versions.UI}}",
+    "@genesislcap/foundation-shell": "{{versions.UI}}",
     "@genesislcap/foundation-ui": "{{versions.UI}}",
+    "@genesislcap/foundation-utils": "{{versions.UI}}",
     "@genesislcap/rapid-design-system": "{{versions.UI}}",
     "@genesislcap/rapid-grid-pro": "{{versions.UI}}",
-    "@genesislcap/foundation-layout": "{{versions.UI}}",
+    "@genesislcap/web-core": "{{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"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router-dom": "7.0.2",
+    "web-vitals": "^2.1.4"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.4",
-    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-react": "^7.26.3",
     "@genesislcap/design-system-configurator": "{{versions.UI}}",
     "@genesislcap/eslint-config": "{{versions.UI}}",
     "@genesislcap/prettier-config": "{{versions.UI}}",
@@ -62,24 +73,31 @@
     "@genesislcap/build-kit": "{{versions.UI}}",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^16.0.0",
+    "@testing-library/react": "^16.1.0",
+    "@types/css-modules": "^1.0.5",
+    "@types/jest": "^29.5.12",
     "@types/node": "^20.14.10",
-    "@types/react": "npm:types-react@alpha",  
-    "@types/react-dom": "npm:types-react-dom@alpha",
+    "@types/react": "^19.0.1",  
+    "@types/react-dom": "^19.0.2",
     "@typescript-eslint/eslint-plugin": "^7.13.1",
     "@typescript-eslint/parser": "^7.13.1",
     "@vitejs/plugin-react": "^4.3.1",
+    "babel-loader": "^9.2.1",
     "babel-plugin-react-require": "^4.0.3",
+    "dotenv-webpack": "^8.1.0",
     "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "file-loader": "^6.2.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.2",
     "typescript": "^5.2.2",
-    "vite": "^5.3.1"
-  },  
-  "overrides": {  
-    "@types/react": "npm:types-react@alpha",  
-    "@types/react-dom": "npm:types-react-dom@alpha"  
-  } 
+    "vite": "^5.3.1",
+    "vite-plugin-tsconfig-paths": "^1.4.1",
+    "webpack": "^5.94.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.1.0"
+  }
 }

package/client-tmp/react/public/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{capitalCase appName}}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="/bundle.js"></script>
+  </body>
+</html>