@genesislcap/blank-app-seed 5.22.1 → 5.23.0

package/client-tmp/angular/src/pbc/container.ts

@@ -6,35 +6,37 @@ import { deriveElementTag } from './utils';
  * An app level container for the lazy loading of the web component based PBC routes in angular router.
  */
 @Component({
-    standalone: true,
-    selector: 'pbc-container',
-    template: `<div #container class="container"></div>`, // todo get rid of the extra div
-    styles: [`
-        .container {
-            width: 100%;
-            height: 100%;
-        }
-    `],
-    schemas: [
-        CUSTOM_ELEMENTS_SCHEMA
-    ],
+  standalone: true,
+  selector: 'pbc-container',
+  template: `
+    <div #container class="container"></div>
+  `, // todo get rid of the extra div
+  styles: [
+    `
+      .container {
+        width: 100%;
+        height: 100%;
+      }
+    `,
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class PBCContainer implements OnInit {
-    @ViewChild('container', { static: true }) container!: ElementRef;
+  @ViewChild('container', { static: true }) container!: ElementRef;
 
-    constructor(private route: ActivatedRoute) {}
+  constructor(private route: ActivatedRoute) {}
 
-    async ngOnInit() {
-        const { pbcElement, pbcElementTag } = this.route.snapshot.data ?? {};
-        if (!pbcElement) {
-            return;
-        }
-        /**
-         * Account for PBC elements being a mix of constructors and lazy loading functions
-         */
-        const element = pbcElement.define ? pbcElement : await pbcElement();
-        const tagName = pbcElementTag || deriveElementTag(element.name);
-        const customElement = document.createElement(tagName);
-        this.container.nativeElement.appendChild(customElement);
+  async ngOnInit() {
+    const { pbcElement, pbcElementTag } = this.route.snapshot.data ?? {};
+    if (!pbcElement) {
+      return;
     }
+    /**
+     * Account for PBC elements being a mix of constructors and lazy loading functions
+     */
+    const element = pbcElement.define ? pbcElement : await pbcElement();
+    const tagName = pbcElementTag || deriveElementTag(element.name);
+    const customElement = document.createElement(tagName);
+    this.container.nativeElement.appendChild(customElement);
+  }
 }

package/client-tmp/angular/src/pbc/elementsRenderer.ts

@@ -1,7 +1,16 @@
 import { CommonModule } from '@angular/common';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, Input, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
-import { AppElementPredicate, AppTargetId } from '@genesislcap/foundation-shell/app';
+import {
+  Component,
+  CUSTOM_ELEMENTS_SCHEMA,
+  ElementRef,
+  Input,
+  OnChanges,
+  OnInit,
+  SimpleChanges,
+  ViewChild,
+} from '@angular/core';
 import { createLogger } from '@genesislcap/foundation-logger';
+import { AppElementPredicate, AppTargetId } from '@genesislcap/foundation-shell/app';
 import type { ViewTemplate } from '@genesislcap/web-core';
 import { customEventFactory, getTargetElements } from './utils';
 
@@ -9,49 +18,50 @@ import { customEventFactory, getTargetElements } from './utils';
  * An app level component for renderering target PBC elements to an angular template.
  */
 @Component({
-    standalone: true,
-    selector: 'pbc-elements-renderer',
-    template: `<div #container class="container"></div>`, // < can we get rid of the extra div?
-    styles: [`
-        .container {}
-    `],
-    schemas: [
-        CUSTOM_ELEMENTS_SCHEMA
-    ],
-    imports: [
-        CommonModule,
-    ]
+  standalone: true,
+  selector: 'pbc-elements-renderer',
+  template: `
+    <div #container class="container"></div>
+  `, // < can we get rid of the extra div?
+  styles: [
+    `
+      .container {
+      }
+    `,
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  imports: [CommonModule],
 })
 export class PBCElementsRenderer implements OnChanges, OnInit {
-    @ViewChild('container', { static: true }) container!: ElementRef;
-    @Input() target: AppTargetId = [];
-    @Input() predicate: AppElementPredicate = () => true;
-    templates: ViewTemplate[] = [];
-    logger = createLogger('pbc-elements-renderer');
+  @ViewChild('container', { static: true }) container!: ElementRef;
+  @Input() target: AppTargetId = [];
+  @Input() predicate: AppElementPredicate = () => true;
+  templates: ViewTemplate[] = [];
+  logger = createLogger('pbc-elements-renderer');
 
-    async ngOnInit() {
-        this.setTemplates();
-        this.renderTemplates();
-    }
+  async ngOnInit() {
+    this.setTemplates();
+    this.renderTemplates();
+  }
 
-    $emit(type: string, detail?: any) {
-        this.container.nativeElement.dispatchEvent(customEventFactory(type, detail));
-    };
+  $emit(type: string, detail?: any) {
+    this.container.nativeElement.dispatchEvent(customEventFactory(type, detail));
+  }
 
-    ngOnChanges(changes: SimpleChanges): void {
-        if (changes['target']) {
-            this.logger.debug('target changed, rendering qualifying elements');
-            this.setTemplates();
-            this.renderTemplates();
-        }
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes['target']) {
+      this.logger.debug('target changed, rendering qualifying elements');
+      this.setTemplates();
+      this.renderTemplates();
     }
+  }
 
-    setTemplates() {
-        this.templates = getTargetElements(this.target, this.predicate);
-    }
+  setTemplates() {
+    this.templates = getTargetElements(this.target, this.predicate);
+  }
 
-    renderTemplates() {
-        this.container.nativeElement.replaceChildren();
-        this.templates.forEach((template) => template.render(this, this.container.nativeElement));
-    }
+  renderTemplates() {
+    this.container.nativeElement.replaceChildren();
+    this.templates.forEach((template) => template.render(this, this.container.nativeElement));
+  }
 }

package/client-tmp/angular/src/pbc/utils.ts

@@ -1,15 +1,15 @@
 import { createLogger } from '@genesislcap/foundation-logger';
 import {
-    AppContext,
-    AppElement,
-    AppElementPredicate,
-    AppStyle,
-    AppStylePredicate,
-    AppTargetId,
-    assetPredicate,
-    getApp,
-    registrationPredicate,
-    targetIdPredicate
+  AppContext,
+  AppElement,
+  AppElementPredicate,
+  AppStyle,
+  AppStylePredicate,
+  AppTargetId,
+  assetPredicate,
+  getApp,
+  registrationPredicate,
+  targetIdPredicate,
 } from '@genesislcap/foundation-shell/app';
 import { importPBCAssets } from '@genesislcap/foundation-shell/pbc';
 import { toElementStyles } from '@genesislcap/foundation-utils';
@@ -26,10 +26,10 @@ const logger = createLogger('pbc-utils');
  * @public
  */
 export async function registerPBCs(): Promise<boolean> {
-    const app = getApp();
-    const pbcAssets = await importPBCAssets();
-    app.registerAssets(pbcAssets);
-    return app.hasAssets();
+  const app = getApp();
+  const pbcAssets = await importPBCAssets();
+  app.registerAssets(pbcAssets);
+  return app.hasAssets();
 }
 
 /**
@@ -37,77 +37,73 @@ export async function registerPBCs(): Promise<boolean> {
  * Shared across elements and styles.
  */
 const assetFilter = (
-    asset: AppElement | AppStyle,
-    targetId: AppTargetId,
-    predicate: AppElementPredicate | AppStylePredicate = () => true,
-    context: AppContext,
-) => targetIdPredicate(asset, targetId) &&
-    assetPredicate(asset, context) &&
-    registrationPredicate(
-        asset,
-        predicate,
-        context,
-    );
+  asset: AppElement | AppStyle,
+  targetId: AppTargetId,
+  predicate: AppElementPredicate | AppStylePredicate = () => true,
+  context: AppContext,
+) =>
+  targetIdPredicate(asset, targetId) &&
+  assetPredicate(asset, context) &&
+  registrationPredicate(asset, predicate, context);
 
 /**
  * @public
  */
-export function getTargetStyles(
-    targetId: AppTargetId,
-    predicate: AppStylePredicate = () => true
-) {
-    const app = getApp();
-    return app.styles
-        .filter(asset => assetFilter(asset, targetId, predicate, app.config.context!))
-        .map((token) => token.styles)
-        .flat();
+export function getTargetStyles(targetId: AppTargetId, predicate: AppStylePredicate = () => true) {
+  const app = getApp();
+  return app.styles
+    .filter((asset) => assetFilter(asset, targetId, predicate, app.config.context!))
+    .map((token) => token.styles)
+    .flat();
 }
 
-
 /**
  * @public
  */
 export function getTargetElements(
-    targetId: AppTargetId,
-    predicate: AppElementPredicate = () => true
+  targetId: AppTargetId,
+  predicate: AppElementPredicate = () => true,
 ) {
-    const app = getApp();
-    return app.elements
-        .filter(asset => assetFilter(asset, targetId, predicate, app.config.context!))
-        .map((token) => token.elements);
+  const app = getApp();
+  return app.elements
+    .filter((asset) => assetFilter(asset, targetId, predicate, app.config.context!))
+    .map((token) => token.elements);
 }
 
 /**
  * @public
  */
 export function registerStylesTarget(nativeElement: HTMLElement, targetId: AppTargetId) {
-    const styles = getTargetStyles(targetId);
-    if (!styles || styles.length === 0) {
-        return;
-    }
-    applyDynamicStyles(nativeElement, styles);
+  const styles = getTargetStyles(targetId);
+  if (!styles || styles.length === 0) {
+    return;
+  }
+  applyDynamicStyles(nativeElement, styles);
 }
 
 /**
  * @public
  */
-export function applyDynamicStyles(nativeElement: HTMLElement, style: ComposableStyles | ComposableStyles[]) {
-    const elementStyles = toElementStyles(style);
-    const styleTarget = nativeElement.shadowRoot ? nativeElement.shadowRoot : document;
-    elementStyles.addStylesTo(styleTarget);
+export function applyDynamicStyles(
+  nativeElement: HTMLElement,
+  style: ComposableStyles | ComposableStyles[],
+) {
+  const elementStyles = toElementStyles(style);
+  const styleTarget = nativeElement.shadowRoot ? nativeElement.shadowRoot : document;
+  elementStyles.addStylesTo(styleTarget);
 }
 
 /**
  * @public
  */
 export function customEventFactory(type: string, detail?: any) {
-    return new CustomEvent(type, {
-        bubbles: true,
-        cancelable: true,
-        composed: true,
-        detail,
-    });
-};
+  return new CustomEvent(type, {
+    bubbles: true,
+    cancelable: true,
+    composed: true,
+    detail,
+  });
+}
 
 /**
  * @privateRemarks
@@ -115,7 +111,12 @@ export function customEventFactory(type: string, detail?: any) {
  * @public
  */
 export function deriveElementTag(name: string): string {
-    const tagName = name.replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/, '');
-    logger.debug(`Guessing pbc element tag is '${tagName}' based on '${name}'. This may be incorrect, please set pbcElementTag in route data.`);
-    return tagName;
+  const tagName = name
+    .replace(/([A-Z])/g, '-$1')
+    .toLowerCase()
+    .replace(/^-/, '');
+  logger.debug(
+    `Guessing pbc element tag is '${tagName}' based on '${name}'. This may be incorrect, please set pbcElementTag in route data.`,
+  );
+  return tagName;
 }

package/client-tmp/angular/src/styles/_mixins.scss

@@ -1,8 +1,7 @@
-@mixin screen($display: 'block') {
-    contain: content;
-    display: #{$display};
-    height: 100%;
-    width: 100%;
-    overflow-y: auto;
-  }
-  
+@mixin screen($display: 'block') {
+  contain: content;
+  display: #{$display};
+  height: 100%;
+  width: 100%;
+  overflow-y: auto;
+}

package/client-tmp/angular/src/styles/styles.css

@@ -1,25 +1,25 @@
 {{#if fontData}}
 {{#each fontData}}
 @font-face {
-  font-family: "{{../fontFamily}}";
+  font-family: '{{../fontFamily}}';
   src: url("../assets/fonts/{{filename}}") format("{{format}}");
   font-weight: {{weight}};
   font-style: normal;
   font-display: swap;
 }
 {{/each}}
-{{/if}}
 
+{{/if}}
 {{#unless fontFamily}}
 @font-face {
   font-family: Segoe UI;
   font-weight: 300;
-  src: local("Segoe UI Semilight"), local("Segoe UI");
+  src: local('Segoe UI Semilight'), local('Segoe UI');
 }
-{{/unless}}
 
+{{/unless}}
 * {
-  font-family: {{#if fontFamily}}"{{fontFamily}}", {{/if}}"Segoe UI", "Helvetica Neue", Arial, sans-serif;
+  font-family: {{#if fontFamily}}'{{fontFamily}}', {{/if}}'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
   font-style: normal;
   font-weight: normal;
 }
@@ -41,4 +41,4 @@ foundation-router {
   display: flex;
   width: 100%;
   height: 100%;
-}
+}

package/client-tmp/angular/test/e2e/fixture.ts

@@ -1,6 +1,6 @@
 import { base, Page } from '@genesislcap/foundation-testing/e2e';
+import { environment } from '../../src/environments/environment';
 import { ProtectedPage } from './pages';
-import { environment } from '../../src/environments/environment'
 
 export type FixtureConfig = {
   API_HOST: string;
@@ -17,7 +17,7 @@ export type Fixture = {
 const { PORT, API_HOST } = environment;
 export const test = base.extend<Fixture>({
   config: [{ PORT, API_HOST, DEFAULT_PASSWORD: '', DEFAULT_USER: '' }, { option: true }],
-  protectedPage: async ({ config, page }: { config: FixtureConfig, page: Page }, use: any) => {
+  protectedPage: async ({ config, page }: { config: FixtureConfig; page: Page }, use: any) => {
     const protectedPage = new ProtectedPage(config, page);
     await protectedPage.goto();
     await use(protectedPage);

package/client-tmp/angular/test/e2e/flows/001-protected.e2e.ts

@@ -1,6 +1,6 @@
 import { expect } from '@genesislcap/foundation-testing/e2e';
 import { test } from '../fixture';
 
-test('expected page title', async ({ page }: { page: any }) => {
+test('expected page title', async ({ protectedPage, page }) => {
   await expect(page).toHaveTitle(/{{capitalCase appName}}/);
 });

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

@@ -4,12 +4,6 @@
     "outDir": "./out-tsc/app",
     "types": ["node"]
   },
-  "files": [
-    "src/main.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts",
-    "src/pbc/**/*.ts",
-    "globals.d.ts"
-  ]
+  "files": ["src/main.ts"],
+  "include": ["src/**/*.d.ts", "src/pbc/**/*.ts", "globals.d.ts"]
 }

package/client-tmp/angular/tsconfig.json

@@ -18,10 +18,7 @@
     "target": "ES2022",
     "module": "ES2022",
     "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ],
+    "lib": ["ES2022", "dom"],
     "resolveJsonModule": true
   },
   "angularCompilerOptions": {

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

@@ -4,18 +4,11 @@
     "module": "ES2022",
     "target": "ES2022",
     "outDir": "./out-tsc/spec",
-    "types": [
-      "jest" 
-    ],
+    "types": ["jest"],
     "esModuleInterop": true,
     "emitDecoratorMetadata": true,
     "resolveJsonModule": true
   },
-  "files": [
-    "src/jest.setup.ts",
-  ],
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}
+  "files": ["src/jest.setup.ts"],
+  "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
+}

package/client-tmp/angular/webpack.dev.config.js

@@ -1,6 +1,7 @@
-const webpackSharedConfig = require('./webpack.shared.config');
 const { DefinePlugin } = require('webpack');
 const environment = require('./src/environments/environment.ts').environment;
+const webpackSharedConfig = require('./webpack.shared.config');
+
 const envKeys = Object.keys(environment).reduce((prev, next) => {
   prev[next] = JSON.stringify(environment[next]);
   return prev;
@@ -8,7 +9,5 @@ const envKeys = Object.keys(environment).reduce((prev, next) => {
 
 module.exports = {
   ...webpackSharedConfig,
-  plugins: [
-    new DefinePlugin(envKeys),
-  ],
+  plugins: [new DefinePlugin(envKeys)],
 };

package/client-tmp/angular/webpack.prod.config.js

@@ -1,6 +1,7 @@
-const webpackSharedConfig = require('./webpack.shared.config');
 const { DefinePlugin } = require('webpack');
 const environment = require('./src/environments/environment.prod.ts').environment;
+const webpackSharedConfig = require('./webpack.shared.config');
+
 const envKeys = Object.keys(environment).reduce((prev, next) => {
   prev[next] = JSON.stringify(environment[next]);
   return prev;
@@ -8,7 +9,5 @@ const envKeys = Object.keys(environment).reduce((prev, next) => {
 
 module.exports = {
   ...webpackSharedConfig,
-  plugins: [
-    new DefinePlugin(envKeys),
-  ],
+  plugins: [new DefinePlugin(envKeys)],
 };

package/client-tmp/angular/webpack.shared.config.js

@@ -4,8 +4,8 @@ const path = require('path');
 require('ts-node').register({
   transpileOnly: true,
   compilerOptions: {
-    module: 'commonjs'
-  }
+    module: 'commonjs',
+  },
 });
 
 const apiPrefix = process.env.SOCKET_EXT || 'gwf';
@@ -36,10 +36,7 @@ module.exports = {
   },
   resolve: {
     alias: {
-      'pbc': path.resolve(
-          __dirname,
-          'src/pbc',
-      )
+      pbc: path.resolve(__dirname, 'src/pbc'),
     },
   },
   /**
@@ -56,22 +53,21 @@ module.exports = {
     'foundationZero/ZeroDesignSystem': 'foundationZero/ZeroDesignSystem',
   },
   devServer: {
-      proxy: [
-        {
-          context: apiBasePath,
-          target: "{{apiHost}}",
-          pathRewrite: { [`^${apiBasePath}`]: '' },
-          secure: false,
-          changeOrigin: true,
-          cookieDomainRewrite: 'localhost',
-          ws: true,
-          headers: {
-            origin: "{{apiHost}}",
-          }
-        }
-      ],
-      compress: true,
-      historyApiFallback: true,
-    },
+    proxy: [
+      {
+        context: apiBasePath,
+        target: '{{apiHost}}',
+        pathRewrite: { [`^${apiBasePath}`]: '' },
+        secure: false,
+        changeOrigin: true,
+        cookieDomainRewrite: 'localhost',
+        ws: true,
+        headers: {
+          origin: '{{apiHost}}',
+        },
+      },
+    ],
+    compress: true,
+    historyApiFallback: true,
+  },
 };
-

package/client-tmp/react/.oxfmtrc.json

@@ -0,0 +1,30 @@
+{
+  "semi": true,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "bracketSpacing": true,
+  "printWidth": 100,
+  "htmlWhitespaceSensitivity": "ignore",
+  "sortPackageJson": false,
+  "ignorePatterns": [
+    "**/.git",
+    "**/.svn",
+    "**/.hg",
+    "**/node_modules",
+    "**/__tests__",
+    "**/__test__",
+    "**/.tmp",
+    "**/bootstrap",
+    "**/coverage",
+    "**/test-results",
+    "**/dist",
+    "**/temp",
+    "**/storybook-static",
+    "**/*.d.ts",
+    "**/*.md",
+    "**/*.hbs",
+    "**/.genx/**",
+    "**/src/generated/**",
+    "**/index.html"
+  ]
+}

package/client-tmp/react/.oxlintrc.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "extends": ["./node_modules/@genesislcap/oxlint-config/.oxlintrc.json"]
+}

package/client-tmp/react/README.md

@@ -27,7 +27,8 @@ Run `npm run test:e2e` to execute the end-to-end tests.
 
 ## Linting
 
-Run `npm run lint` to lint the project.
+Run `npm run lint` to lint the project (Oxlint → Oxfmt → Stylelint via `genx lint -l ox`).
+Run `npm run lint:fix` to auto-fix lint findings and formatting.
 
 ## Styling
 
@@ -52,9 +53,8 @@ modes, and the selected mode is remembered across reloads.
 - `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 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`: Lints the project (Oxlint → Oxfmt → Stylelint).
+- `npm run lint:fix`: Fixes lint findings and formatting.
 - `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.

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

@@ -4,12 +4,16 @@ const config: Config.InitialOptions = {
   testEnvironment: 'jsdom',
   moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx'],
   transform: {
-    '^.+\\.jsx?$': 'babel-jest',
+    '^.+\\.jsx?$': ['babel-jest', { presets: ['@babel/preset-env'] }],
     '^.+\\.tsx?$': ['ts-jest', { tsconfig: 'tsconfig.app.json' }],
   },
+  moduleNameMapper: {
+    '\\.(css|jpg|jpeg|png|gif|svg|woff2?)$': '<rootDir>/src/__mocks__/fileMock.js',
+  },
+  transformIgnorePatterns: ['node_modules/(?!(@genesislcap/*|consola|@microsoft|exenv-es6|uuid))'],
   setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
-  testMatch: ["**/?(*.)+(test).[jt]s?(x)"],
-  watchPathIgnorePatterns: ["<rootDir>/node_modules/", "<rootDir>/dist/"],
+  testMatch: ['**/?(*.)+(test).[jt]s?(x)'],
+  watchPathIgnorePatterns: ['<rootDir>/node_modules/', '<rootDir>/dist/'],
 };
 
-export default config;
+export default config;