@genesislcap/blank-app-seed 5.22.1 → 5.23.0

package/.genx/utils/toJsStringLiteral.js

@@ -0,0 +1,37 @@
+/**
+ * Renders a value as a JS/TS string literal, quotes included, in the exact shape
+ * oxfmt (`singleQuote: true`, prettier semantics) would print it — so generated
+ * code passes `oxfmt --check` without a reformat pass.
+ *
+ * Two things have to be right:
+ *
+ * 1. Escaping. Naively escaping only apostrophes breaks on backslashes
+ *    (`back\` swallows the closing quote) and on newlines/tabs/control
+ *    characters (an unterminated literal). `JSON.stringify` already escapes
+ *    `\`, `"` and every control character exactly the way oxfmt prints them.
+ * 2. Quote choice. oxfmt prefers single quotes but flips to double quotes when
+ *    the content contains strictly more apostrophes than double quotes (fewer
+ *    escapes wins). Emitting `'Trader\'s Book'` would therefore be rewritten to
+ *    `"Trader's Book"` by oxfmt and fail `--check`.
+ *
+ * @param {unknown} value value to render (coerced with String())
+ * @returns {string} the literal, including its enclosing quotes
+ */
+const toJsStringLiteral = (value) => {
+  const str = String(value);
+  const singleQuotes = (str.match(/'/g) || []).length;
+  const doubleQuotes = (str.match(/"/g) || []).length;
+
+  // JSON escaping, minus the enclosing double quotes.
+  const jsonBody = JSON.stringify(str).slice(1, -1);
+
+  if (singleQuotes > doubleQuotes) return `"${jsonBody}"`;
+
+  // Re-target the escaping at apostrophes: in a JSON body every `"` is escaped
+  // and every `'` is not, which is the mirror image of what a single-quoted
+  // literal needs.
+  const body = jsonBody.replace(/\\"/g, '"').replace(/'/g, "\\'");
+  return `'${body}'`;
+};
+
+module.exports = toJsStringLiteral;

package/.github/workflows/build.yml

@@ -10,6 +10,27 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
+  # The `build` job below covers React end to end (gradle build, lint, unit + e2e) for
+  # the defaults app. This job keeps every framework's generator honest: for each one it
+  # generates the defaults app, the full-routes fixture app and an FDC3-channels app,
+  # and runs the ox lint gates over all three.
+  generated-apps:
+    strategy:
+      fail-fast: false
+      matrix:
+        framework: [react, webcomponents, angular]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Set up Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+
+      - name: Generate and lint ${{ matrix.framework }} apps (default + full + fdc3)
+        run: ./.genx/scripts/generate-test-apps.sh ${{ matrix.framework }}
+
   build:
     env:
       genesisArtifactoryUser: ${{ secrets.JFROG_LIBS_RELEASE_CLIENT_RO_USER }}
@@ -40,7 +61,7 @@ jobs:
 
       - name: Generate sample app
         working-directory: /tmp
-        run: npx -y @genesislcap/genx@latest init testapp -s "${{github.workspace}}" -x --enableDeployPlugin
+        run: npx -y @genesislcap/genx@latest init testapp -s "${{github.workspace}}" -x --framework react --enableDeployPlugin
 
       - name: Copy fixtures
         run: cp -R ./.genx/tests/fixtures/testapp/* /tmp/testapp

package/.github/workflows/release.yaml

@@ -0,0 +1,96 @@
+name: Release
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [main, prerelease]
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    environment: deploy
+    concurrency:
+      group: publish-${{ github.ref }}
+      cancel-in-progress: false
+    permissions:
+      contents: read
+      id-token: write
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          token: ${{secrets.GH_USER_TOKEN}}
+
+      - name: Set up Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: https://registry.npmjs.org
+
+      - name: Upgrade npm for trusted publishing
+        run: npm install -g npm@^11.5.1
+
+      - name: Release
+        env:
+          GH_TOKEN: ${{secrets.GH_USER_TOKEN}}
+        run: |
+          touch /tmp/dist-tag # create a blank file, so it's always there even if we don't do a release
+          npm install
+          npm run release
+
+      - name: Set dist tag
+        id: dist-tag
+        run: |
+          NAME=$(node -p "require('./package.json').name")
+          VERSION=$(node -p "require('./package.json').version")
+
+          TAG=$(cat /tmp/dist-tag)
+          if [ -z "$TAG" ]; then
+            # No release happened this run. Derive the tag the current
+            # package.json version would have released under, so a
+            # previous run's failed publish can still be retried below.
+            #
+            # NOTE: this assumes the version's prerelease identifier and the
+            # semantic-release channel are the same string. That only holds
+            # because .releaserc's "prerelease" branch has no explicit
+            # "channel", so semantic-release defaults both the preid and the
+            # channel to the branch name. If that branch config ever sets an
+            # explicit "channel" or a differing "prerelease" identifier, this
+            # derivation will diverge from the real channel and this retry
+            # path will publish under the wrong dist-tag.
+            case "$VERSION" in
+              *-*) TAG="${VERSION#*-}"; TAG="${TAG%%.*}" ;;
+              *) TAG="latest" ;;
+            esac
+          fi
+
+          # Key the publish decision off the registry rather than off
+          # whether *this* run produced a release, so a flaky publish
+          # after semantic-release has already committed/tagged is
+          # retried on the next run instead of silently skipped.
+          # (stderr is captured separately so a stray npm notice on stderr
+          # can't masquerade as a real version and suppress the E404 check.)
+          if OUT=$(npm view "$NAME@$VERSION" version 2>/tmp/npm-view-err); then
+            [ -n "$OUT" ] && NEEDS_PUBLISH=false || NEEDS_PUBLISH=true
+          else
+            ERR=$(cat /tmp/npm-view-err)
+            case "$ERR" in
+              *E404*) NEEDS_PUBLISH=true ;;
+              *)
+                echo "::error::npm view failed unexpectedly: $ERR"
+                exit 1
+                ;;
+            esac
+          fi
+
+          echo "TAG=$TAG" >> "$GITHUB_OUTPUT"
+          echo "NEEDS_PUBLISH=$NEEDS_PUBLISH" >> "$GITHUB_OUTPUT"
+
+      - name: Generate .npmignore
+        run: cp .gitignore .npmignore && echo '!.gitignore' >> .npmignore && cat .npmignore
+
+      - name: NPM pack dry-run
+        run: npm pack --dry-run
+
+      - name: Publish
+        if: steps.dist-tag.outputs.NEEDS_PUBLISH == 'true'
+        run: npm publish --tag "${{ steps.dist-tag.outputs.TAG }}"

package/.husky/pre-commit

@@ -0,0 +1,8 @@
+#!/usr/bin/env sh
+#
+# Git pre-commit hook. Enabled by `npm run git:setup` from the client directory,
+# which points core.hooksPath at this directory (husky).
+#
+# Runs lint-staged in client/, where the oxlint/oxfmt binaries and the
+# lint-staged config live.
+cd client && npx --no lint-staged

package/.releaserc

@@ -59,7 +59,7 @@
     [
       "@semantic-release/exec",
       {
-        "publishCmd": "echo \"${nextRelease.channel}\" > /tmp/dist-tag"
+        "publishCmd": "echo \"${nextRelease.channel || 'latest'}\" > /tmp/dist-tag"
       }
     ],
     [

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [5.23.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.22.1...v5.23.0) (2026-08-18)
+
+
+### Features
+
+* CI builds the react app; react jest stack repaired; store uses slice initial state [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) 62db073
+* oxlint/oxfmt as default linters [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) 7ec4e78
+* oxlint/oxfmt as default linters [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) 6496554
+* oxlint/oxfmt as default linters [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) (#575) b64f8b9
+
+
+### Bug Fixes
+
+* address code review - serializer robustness, permission semantics, tooling hardening [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) 565c9ce
+* address follow-up review - empty gridOptions, react CI coverage, husky invocation [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) c529d7e
+* document-title fallback uses the app name, not 'React App' [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) 5d099a7
+* e2e tests actually navigate; template escaping and dead-code cleanups [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) b43ae68
+* generated apps lint-clean out of the box for all frameworks, tiles and layouts [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) f8ee12f
+* pre-commit lint fixes to convergence before gating [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) d9dc184
+* quiet oxlint-staged fix passes and surface spawn failures [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) 33ccf58
+* schema import gating, FDC3 width pin, generated-dir glob alignment [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) dfbfd2a
+* type-check and build cleanliness for generated apps [FUI-2489](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2489) 8838670
+
 ## [5.22.1](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.22.0...v5.22.1) (2026-08-06)
 
 

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

@@ -0,0 +1,32 @@
+{
+  "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",
+    "**/.angular",
+    "**/out-tsc",
+    "**/temp",
+    "**/storybook-static",
+    "**/*.d.ts",
+    "**/*.md",
+    "**/*.hbs",
+    "**/.genx/**",
+    "**/src/generated/**",
+    "**/*.html"
+  ]
+}

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

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

package/client-tmp/angular/README.md

@@ -25,7 +25,8 @@ Run `npm run test:e2e` to execute the end-to-end tests via a platform of your ch
 
 ## 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
 
@@ -50,9 +51,8 @@ modes, and the selected mode is remembered across reloads.
 - `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 dev:webpack`: Serves the project in development mode (specific for webpack configuration).
-- `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/angular/jest.config.js

@@ -17,4 +17,4 @@ module.exports = {
     '\\.(jpg|jpeg|png|gif|svg)$': '<rootDir>/src/__mocks__/fileMock.js',
     '\\.(css)$': 'identity-obj-proxy',
   },
-};
+};

package/client-tmp/angular/lint-css.js

@@ -1,7 +1,28 @@
 const { execSync } = require('child_process');
-const glob = require('glob');
+const { readdirSync } = require('fs');
 const path = require('path');
-const cssFiles = glob.sync(path.join(__dirname, '**/*.css'));
+
+const IGNORED_DIRS = new Set([
+  'node_modules',
+  'dist',
+  'build',
+  'coverage',
+  '.angular',
+  'out-tsc',
+  'test-results',
+  '.git',
+]);
+
+function findCssFiles(dir) {
+  return readdirSync(dir, { withFileTypes: true }).flatMap((entry) => {
+    if (entry.isDirectory()) {
+      return IGNORED_DIRS.has(entry.name) ? [] : findCssFiles(path.join(dir, entry.name));
+    }
+    return entry.isFile() && entry.name.endsWith('.css') ? [path.join(dir, entry.name)] : [];
+  });
+}
+
+const cssFiles = findCssFiles(__dirname);
 
 if (cssFiles.length === 0) {
   console.log('No CSS files found.');
@@ -15,4 +36,4 @@ try {
 } catch (error) {
   console.error('Error running stylelint:', error);
   process.exit(1);
-}
+}

package/client-tmp/angular/oxlint-staged.js

@@ -0,0 +1,45 @@
+/**
+ * Lints the staged files, fixing what can be fixed and failing on what cannot.
+ *
+ * `oxlint --fix` is not single-pass convergent: it applies at most one fix per
+ * overlapping span, so a file with several unused specifiers in one import
+ * statement still reports the rest afterwards. A single
+ * `oxlint --fix --deny-warnings` would therefore reject a commit whose findings
+ * are entirely auto-fixable, and lint-staged would revert the partial fix. There
+ * is no `--fix-passes` flag (oxlint 1.78), so the loop lives here; it can go
+ * back to one plain call once oxlint converges on its own.
+ *
+ * The fixing passes stay quiet so a remaining finding is reported once, by the
+ * final pass, rather than once per attempt.
+ */
+const { spawnSync } = require('node:child_process');
+
+/** Convergence needs about log2(findings) passes; this is well clear of that. */
+const MAX_PASSES = 10;
+
+const files = process.argv.slice(2);
+
+const runOxlint = (args, quiet) =>
+  spawnSync('oxlint', [...args, ...files], {
+    stdio: quiet ? 'ignore' : 'inherit',
+    shell: process.platform === 'win32',
+  });
+
+if (files.length === 0) {
+  process.exit(0);
+}
+
+for (let pass = 0; pass < MAX_PASSES; pass += 1) {
+  const { status, error } = runOxlint(['--fix', '--deny-warnings'], true);
+  if (error) {
+    // Never fail silently: a missing binary must not look like a lint failure.
+    console.error(`oxlint-staged: could not run oxlint (${error.code})`);
+    process.exit(1);
+  }
+  if (status === 0) {
+    process.exit(0);
+  }
+}
+
+// Still not clean: report what is left (without touching the files again) and fail.
+process.exit(runOxlint(['--deny-warnings'], false).status === 0 ? 0 : 1);

package/client-tmp/angular/package.json

@@ -28,9 +28,9 @@
     "dev:intellij": "npm run dev",
     "dev:https": "npm run dev -- --https",
     "dev:webpack": "npm run dev",
-    "lint": "genx lint --profile",
-    "lint:fix": "genx lint --fix",
-    "lint:eslint": "genx lint -l eslint --profile",
+    "git:setup": "cd .. && npx --no --prefix client husky install",
+    "lint": "genx lint -l ox",
+    "lint:fix": "genx lint -l ox --fix",
     "lint:stylelint": "node lint-css.js",
     "test": "jest",
     "test:e2e": "genx test --e2e",
@@ -39,39 +39,49 @@
     "test:coverage": "ng test --no-watch --code-coverage",
     "test:unit:watch": "ng test --watch"
   },
-  "eslintConfig": {
-    "extends": "@genesislcap/eslint-config",
-    "ignorePatterns": ["**/dist/**", "**/public/**", "**/coverage/**", "**/test/**", "playwright.config.ts"]
+  "lint-staged": {
+    "*.{ts,js,tsx,jsx}": [
+      "node oxlint-staged.js",
+      "oxfmt --write"
+    ],
+    "*.{mjs,cjs}": [
+      "oxfmt --write"
+    ]
   },
   "stylelint": {
     "extends": "@genesislcap/stylelint-config"
   },
-  "prettier": "@genesislcap/prettier-config",
   "devDependencies": {
     "@angular-builders/custom-webpack": "^18.0.0",
     "@angular-devkit/build-angular": "^18.0.4",
     "@angular/cli": "^18.0.4",
     "@angular/compiler-cli": "^18.0.4",
     "@genesislcap/design-system-configurator": "{{versions.UI}}",
-    "@genesislcap/eslint-config": "{{versions.UI}}",
-    "@genesislcap/prettier-config": "{{versions.UI}}",
     "@genesislcap/foundation-testing": "{{versions.UI}}",
     "@genesislcap/genx": "{{versions.UI}}",
     "@genesislcap/event-type-codegen": "{{versions.UI}}",
     "@genesislcap/build-kit": "{{versions.UI}}",
+    "@genesislcap/oxlint-config": "{{versions.UI}}",
+    "@genesislcap/stylelint-config": "{{versions.UI}}",
     "@types/jasmine": "~5.1.0",
     "@types/jest": "^29.5.13",
     "@types/numeral": "^2.0.5",
     "file-loader": "^6.2.0",
+    "husky": "^7.0.4",
     "jasmine-core": "~5.1.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-preset-angular": "^14.2.4",
     "jest-transform-stub": "^2.0.0",
+    "lint-staged": "^12.4.1",
+    "oxfmt": "^0.44.0",
+    "oxlint": "^1.77.0",
     "svg-url-loader": "^8.0.0",
+    "ts-jest": "^29.2.5",
     "typescript": "~5.4.5",
     "ts-node": "10.9.2",
     "dotenv": "16.4.5",
+    "webpack": "5.94.0",
     "@types/node": "20.14.11"
   },
   "dependencies": {

package/client-tmp/angular/playwright.config.ts

@@ -1,21 +1,22 @@
 import { configDefaults } from '@genesislcap/foundation-testing/e2e';
-import { environment } from './src/environments/environment';
 import * as dotenv from 'dotenv';
+import { environment } from './src/environments/environment';
 
 dotenv.config();
 
 const PROTOCOL = process.env['PROTOCOL'] || environment.PROTOCOL || 'http';
 const HOST = process.env['HOST'] || environment.HOST || 'localhost';
+// oxlint-disable-next-line no-magic-numbers -- 4200 is the standard Angular dev server port
 const PORT = process.env['PORT'] || environment.PORT || 4200;
 
 export default {
-    ...configDefaults,
-    webServer: {
-        ...configDefaults.webServer,
-        url: `${PROTOCOL}://${HOST}:${PORT}`,
-    },
-    use: {
-        ...configDefaults.use,
-        baseURL: `${PROTOCOL}://${HOST}:${PORT}`,
-    }
-};
+  ...configDefaults,
+  webServer: {
+    ...configDefaults.webServer,
+    url: `${PROTOCOL}://${HOST}:${PORT}`,
+  },
+  use: {
+    ...configDefaults.use,
+    baseURL: `${PROTOCOL}://${HOST}:${PORT}`,
+  },
+};

package/client-tmp/angular/src/app/app.component.html

@@ -1,2 +1 @@
 <ng-container *appLayoutLazyLoad="layoutName"></ng-container>
-

package/client-tmp/angular/src/app/app.component.ts

@@ -1,15 +1,15 @@
 import { AfterViewInit, Component, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { Router, NavigationEnd } from '@angular/router';
 import { Connect } from '@genesislcap/foundation-comms';
-import getLayoutNameByRoute from './utils/getLayoutNameByRoute';
-import type { LayoutComponentName } from './types/layout';
+import { customEventFactory, registerStylesTarget } from '../pbc/utils';
 import { configureFoundationAuth } from './share/foundation-auth';
 import { registerComponents } from './share/genesis-components';
 import { getStore } from './store/foundation-store';
-import { customEventFactory, registerStylesTarget } from '../pbc/utils';
+import type { LayoutComponentName } from './types/layout';
 {{#if FDC3.channels.length}}
 import { listenToChannel, onFDC3Ready } from './utils';
 {{/if}}
+import getLayoutNameByRoute from './utils/getLayoutNameByRoute';
 
 @Component({
   selector: '{{rootElement}}',
@@ -30,7 +30,7 @@ export class AppComponent implements OnInit, OnDestroy, AfterViewInit {
   ) {
     // @ts-ignore
     configureFoundationAuth({ router, connectService: this.connect });
-      
+
     // Set layout componet based on route
     router.events.subscribe((event: any) => {
       if (event instanceof NavigationEnd) {
@@ -76,22 +76,21 @@ export class AppComponent implements OnInit, OnDestroy, AfterViewInit {
     this.el.nativeElement.dispatchEvent(customEventFactory(type, detail));
   }
 
-
+  {{#if FDC3.channels.length}}
   ngAfterViewInit() {
-    {{#if FDC3.channels.length}}
     onFDC3Ready(this.FDC3ReadyHandler);
-    {{/if}}
   }
 
-  {{#if FDC3.channels.length}}
   FDC3ReadyHandler = () => {
     {{#each FDC3.channels}}
     listenToChannel('{{this.name}}', '{{this.type}}', (result) => {
-      console.log('Received FDC3 channel message on: {{this.name}} channel, type: {{this.type}}', result);
+      console.log('Received FDC3 message on {{this.name}} ({{this.type}})', result);
       // TODO: Add your listener logic here
       // E.g. open a modal or route to specific page: Route.path.push(`[Route name]`);
     });
     {{/each}}
   };
+  {{else}}
+  ngAfterViewInit() {}
   {{/if}}
 }

package/client-tmp/angular/src/app/app.config.ts

@@ -1,7 +1,7 @@
 import type { LayoutComponentName } from './types/layout';
 
-export const AUTH_PATH = 'login'
-export const NOT_PERMITTED_PATH = 'not-permitted'
+export const AUTH_PATH = 'login';
+export const NOT_PERMITTED_PATH = 'not-permitted';
 
 export const layoutComponentName = {
   default: 'DefaultLayoutComponent',

package/client-tmp/angular/src/app/app.module.ts

@@ -1,15 +1,15 @@
 import { NgModule, CUSTOM_ELEMENTS_SCHEMA, APP_INITIALIZER } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
 import { FormsModule } from '@angular/forms';
+import { BrowserModule } from '@angular/platform-browser';
 import { Router, RouterModule } from '@angular/router';
+import { provideRedux } from '@reduxjs/angular-redux';
 import { PBCContainer } from '../pbc/container';
 import { PBCElementsRenderer } from '../pbc/elementsRenderer';
 import { AppComponent } from './app.component';
-import { DefaultLayoutComponent } from './layouts/default/default.layout';
-import { BlankLayoutComponent } from './layouts/blank/blank.layout';
 import { LayoutLazyLoadDirective } from './directive/app-lazy-load.directive';
+import { BlankLayoutComponent } from './layouts/blank/blank.layout';
+import { DefaultLayoutComponent } from './layouts/default/default.layout';
 import { RouteService } from './services/route.service';
-import { provideRedux } from '@reduxjs/angular-redux';
 import { reduxStore } from './store/store';
 
 @NgModule({
@@ -31,7 +31,8 @@ import { reduxStore } from './store/store';
     provideRedux({ store: reduxStore }),
     {
       provide: APP_INITIALIZER,
-      useFactory: (service: RouteService, router: Router) => () => router.resetConfig(service.allRoutes()),
+      useFactory: (service: RouteService, router: Router) => () =>
+        router.resetConfig(service.allRoutes()),
       deps: [RouteService, Router],
       multi: true,
     },

package/client-tmp/angular/src/app/components/error-message/error-message.component.html

@@ -1,15 +1,29 @@
-<section class="error-message-wrapper">
-  <div class="error-message" style="color: var(--neutral-foreground-rest); background-color: var(--neutral-layer-4); border-color: var(--error-color); border-radius: 7px; border-style: solid; border-width: 4px; padding: 5px; margin: 15px; text-align: center; width: fit-content;">
-      <ng-container [ngSwitch]="elementType">
-        <h1 *ngSwitchCase="'h1'">\{{ message }}</h1>
-        <h2 *ngSwitchCase="'h2'">\{{ message }}</h2>
-        <h3 *ngSwitchCase="'h3'">\{{ message }}</h3>
-        <h4 *ngSwitchCase="'h4'">\{{ message }}</h4>
-        <h5 *ngSwitchCase="'h5'">\{{ message }}</h5>
-        <h6 *ngSwitchCase="'h6'">\{{ message }}</h6>
-        <p *ngSwitchCase="'p'">\{{ message }}</p>
-        <span *ngSwitchCase="'span'">\{{ message }}</span>
-        <div *ngSwitchDefault>\{{ message }}</div>
-      </ng-container>
-  </div>
-</section>
+<section class="error-message-wrapper">
+  <div
+    class="error-message"
+    style="
+      color: var(--neutral-foreground-rest);
+      background-color: var(--neutral-layer-4);
+      border-color: var(--error-color);
+      border-radius: 7px;
+      border-style: solid;
+      border-width: 4px;
+      padding: 5px;
+      margin: 15px;
+      text-align: center;
+      width: fit-content;
+    "
+  >
+    <ng-container [ngSwitch]="elementType">
+      <h1 *ngSwitchCase="'h1'">\{{ message }}</h1>
+      <h2 *ngSwitchCase="'h2'">\{{ message }}</h2>
+      <h3 *ngSwitchCase="'h3'">\{{ message }}</h3>
+      <h4 *ngSwitchCase="'h4'">\{{ message }}</h4>
+      <h5 *ngSwitchCase="'h5'">\{{ message }}</h5>
+      <h6 *ngSwitchCase="'h6'">\{{ message }}</h6>
+      <p *ngSwitchCase="'p'">\{{ message }}</p>
+      <span *ngSwitchCase="'span'">\{{ message }}</span>
+      <div *ngSwitchDefault>\{{ message }}</div>
+    </ng-container>
+  </div>
+</section>

package/client-tmp/angular/src/app/components/error-message/error-message.component.spec.ts

@@ -66,9 +66,9 @@ describe('ErrorMessageComponent', () => {
     component.elementType = 'h2';
     component.message = 'Testing class application.';
     fixture.detectChanges();
-   
+
     const compiled = fixture.nativeElement;
     const element = compiled.querySelector('.error-message');
     expect(element).toBeTruthy();
   });
-});
+});

package/client-tmp/angular/src/app/components/error-message/error-message.component.ts

@@ -1,15 +1,13 @@
-import { Component, Input } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
 
 @Component({
   selector: 'app-error-message',
   templateUrl: './error-message.component.html',
   standalone: true,
-  imports: [
-    CommonModule,
-  ],
+  imports: [CommonModule],
 })
 export class ErrorMessageComponent {
   @Input() elementType: string = 'div';
   @Input() message: string = '';
-}
+}