@genesislcap/blank-app-seed 5.22.1 → 5.23.0

package/client-tmp/react/src/store/RoutesContext.tsx

@@ -3,15 +3,23 @@ import {
   type AppRouteConfig,
   type PbcRouteInput,
 } from '@genesislcap/foundation-react-utils/router';
-import React, { createContext, useContext, ReactNode } from 'react';
 import { getApp } from '@genesislcap/foundation-shell/app';
+import React, { createContext, useContext, useMemo, ReactNode } from 'react';
+import { AUTH_PATH, NOT_PERMITTED_PATH } from '../config';
+{{#if routes.[0]}}
+/* eslint-disable import-es/order -- generated route pages follow route-table order, not alphabetical */
 import AuthPage from '../pages/AuthPage/AuthPage';
 import NotPermittedPage from '../pages/NotPermittedPage/NotPermittedPage';
 {{#each routes}}
 import {{pascalCase this.name}} from '../pages/{{pascalCase this.name}}/{{pascalCase this.name}}';
 {{/each}}
 import PBCContainer from '../pbc/container';
-import { AUTH_PATH, NOT_PERMITTED_PATH } from '../config';
+/* eslint-enable import-es/order */
+{{else}}
+import AuthPage from '../pages/AuthPage/AuthPage';
+import NotPermittedPage from '../pages/NotPermittedPage/NotPermittedPage';
+import PBCContainer from '../pbc/container';
+{{/if}}
 
 /**
  * Static application routes as a declarative table consumed by `renderAppRoutes`
@@ -46,9 +54,21 @@ const staticRoutes: AppRouteConfig[] = [
 const RoutesContext = createContext<AppRouteConfig[]>([]);
 
 export const RoutesProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
-  const routes = mergePbcRoutes(staticRoutes, getApp().routes as unknown as PbcRouteInput[], {
-    renderPbc: () => <PBCContainer />,
-  });
+  const pbcRoutes = getApp().routes as unknown as PbcRouteInput[];
+
+  /**
+   * Memoized so the context value keeps a stable identity across re-renders. Without this,
+   * every re-render of this provider hands consumers a brand new array and re-runs the
+   * effects keyed on it — `PBCContainer` would tear down and re-create the mounted custom
+   * element, and the document title would be re-applied on each pass.
+   */
+  const routes = useMemo(
+    () =>
+      mergePbcRoutes(staticRoutes, pbcRoutes, {
+        renderPbc: () => <PBCContainer />,
+      }),
+    [pbcRoutes],
+  );
 
   return <RoutesContext.Provider value={routes}>{children}</RoutesContext.Provider>;
 };

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

@@ -1,25 +1,25 @@
 {{#if fontData}}
 {{#each fontData}}
 @font-face {
-  font-family: "{{../fontFamily}}";
+  font-family: '{{../fontFamily}}';
   src: url("../public/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;
 }
@@ -36,7 +36,7 @@ body,
   --nav-height: 60px;
 }
 
-body{
+body {
   overflow: hidden;
 }
 
@@ -50,4 +50,4 @@ foundation-router {
 
 rapid-design-system-provider {
   overflow: hidden;
-}
+}

package/client-tmp/react/src/types/LayoutName.ts

@@ -1,3 +1,3 @@
 type LayoutName = 'blank' | 'default';
 
-export default LayoutName;
+export default LayoutName;

package/client-tmp/react/src/utils/getLayoutNameByRoute.ts

@@ -2,4 +2,4 @@ import { routeLayouts } from '../config';
 
 export const getLayoutNameByRoute = (route: string) => {
   return routeLayouts[route] || 'default';
-}
+};

package/client-tmp/react/src/utils/index.ts

@@ -1,4 +1,6 @@
+{{#if FDC3.includeDependencies}}
 export * from './fdc3';
+{{/if}}
 export * from './getLayoutNameByRoute';
 export * from './layout';
 export * from './permissions';

package/client-tmp/react/src/utils/layout.ts

@@ -1,10 +1,17 @@
 import { isDev } from '@genesislcap/foundation-utils';
 import pkg from '../../package.json';
 
+// Bump this whenever the persisted flexlayout model changes shape in a way that
+// older saves cannot satisfy — the tab `component` ids are generated, so a change
+// to how they are derived would otherwise restore a layout whose tabs no longer
+// resolve to a component and render as empty panels. A new version simply ignores
+// the stale save once and falls back to the generated default layout.
+const LAYOUT_SCHEMA_VERSION = 'v2';
+
 // Returns null to disable persistence in dev unless PERSIST_LAYOUT_IN_DEV=true
 export const getFlexLayoutStorageKey = (id: string): string | null => {
   if (isDev() && (pkg as any)?.config.PERSIST_LAYOUT_IN_DEV !== true) {
     return null;
   }
-  return `flexlayout_${id}`;
+  return `flexlayout_${LAYOUT_SCHEMA_VERSION}_${id}`;
 };

package/client-tmp/react/src/utils/permissions.ts

@@ -1,7 +1,7 @@
-import { User } from '@genesislcap/foundation-user';
-
-export const getViewUpdateRightComponent = (
-  user: User,
-  right: string,
-  event: string | boolean = true,
-) => (!right || user.hasPermission(right) ? event : '');
+import { User } from '@genesislcap/foundation-user';
+
+export const getViewUpdateRightComponent = (
+  user: User,
+  right: string,
+  event: string | boolean = true,
+) => (!right || user.hasPermission(right) ? event : '');

package/client-tmp/react/src/utils/useDocumentTitle.ts

@@ -26,21 +26,20 @@ export const useDocumentTitle = () => {
       return location.pathname === routePath || location.pathname.startsWith(routePath + '/');
     });
 
-    let pageTitle = 'React App';
+    let pageTitle = '{{capitalCase appName}}';
 
     if (currentRoute) {
       if (currentRoute.title) {
         pageTitle = currentRoute.title;
-      }
-      else if (currentRoute.data?.navItems && currentRoute.data.navItems.length > 0) {
-        pageTitle = currentRoute.data.navItems[0].title || 'React App';
+      } else if (currentRoute.data?.navItems && currentRoute.data.navItems.length > 0) {
+        pageTitle = currentRoute.data.navItems[0].title || '{{capitalCase appName}}';
       }
     }
 
     document.title = pageTitle;
 
     return () => {
-      document.title = 'React App';
+      document.title = '{{capitalCase appName}}';
     };
   }, [location.pathname, routes]);
-};
+};

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

@@ -1,6 +1,6 @@
 import { base, Page } from '@genesislcap/foundation-testing/e2e';
-import { ProtectedPage } from './pages';
 import { PORT } from '../../playwright.config';
+import { ProtectedPage } from './pages';
 
 export type FixtureConfig = {
   API_HOST: string;
@@ -18,7 +18,10 @@ const API_HOST = process.env['API_HOST'] || 'localhost';
 
 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: (page: ProtectedPage) => Promise<unknown>) => {
+  protectedPage: async (
+    { config, page }: { config: FixtureConfig; page: Page },
+    use: (page: ProtectedPage) => Promise<unknown>,
+  ) => {
     const protectedPage = new ProtectedPage(config, page);
     await protectedPage.goto();
     await use(protectedPage);

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

@@ -1,6 +1,8 @@
 import { expect } from '@genesislcap/foundation-testing/e2e';
 import { test } from '../fixture';
 
-test('expected page title', async ({ page }: { page: any }) => {
+// `protectedPage` looks unused, but destructuring it is what makes Playwright instantiate
+// the fixture — and the fixture's setup is what navigates `page` to the app.
+test('expected page title', async ({ protectedPage, page }) => {
   await expect(page).toHaveTitle(/{{capitalCase appName}}/);
 });

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

@@ -1,4 +1,4 @@
 {
   "extends": "./tsconfig.json",
-  "include": ["src/**/*", "src/**/*.d.ts"],
+  "include": ["src/**/*", "src/**/*.d.ts"]
 }

package/client-tmp/react/tsconfig.json

@@ -24,9 +24,5 @@
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true
   },
-  "include": [
-    "src/**/*",
-    "src/**/*.d.ts",
-    "src/pbc/**/*.ts",
-  ],
+  "include": ["src/**/*", "src/**/*.d.ts", "src/pbc/**/*.ts"]
 }

package/client-tmp/web-components/.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/web-components/.oxlintrc.json

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

package/client-tmp/web-components/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/web-components/package.json

@@ -41,10 +41,9 @@
     "dev:https": "npm run dev -- -- --https",
     "dev:vite": "genx dev -e API_HOST,ENABLE_SSO -b vite",
     "dev:webpack": "genx dev -e API_HOST,ENABLE_SSO -b webpack",
-    "git:setup": "cd .. && npx --yes husky install",
-    "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": "genx lint -l stylelint",
     "serve": "genx serve",
     "test": "genx test",
@@ -54,43 +53,36 @@
     "test:coverage": "genx test --coverage",
     "test:unit:watch": "genx test --watch"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
   "lint-staged": {
-    "*.{ts,js}": [
-      "eslint"
+    "*.{ts,js,tsx,jsx}": [
+      "node oxlint-staged.js",
+      "oxfmt --write"
+    ],
+    "*.{mjs,cjs}": [
+      "oxfmt --write"
     ],
     "*.styles.ts": [
-      "stylelint"
+      "stylelint --allow-empty-input"
     ]
   },
-  "eslintConfig": {
-    "extends": "@genesislcap/eslint-config",
-    "ignorePatterns": ["**/dist/**", "**/public/**", "**/coverage/**", "**/test/**", "playwright.config.ts"]
-  },
   "stylelint": {
     "extends": "@genesislcap/stylelint-config"
   },
-  "prettier": "@genesislcap/prettier-config",
   "devDependencies": {
     "@genesislcap/design-system-configurator": "{{versions.UI}}",
-    "@genesislcap/eslint-config": "{{versions.UI}}",
     "@genesislcap/foundation-testing": "{{versions.UI}}",
     "@genesislcap/genx": "{{versions.UI}}",
     "@genesislcap/event-type-codegen": "{{versions.UI}}",
-    "@genesislcap/eslint-stylelint-builder": "{{versions.UI}}",
+    "@genesislcap/oxlint-config": "{{versions.UI}}",
     "@genesislcap/uvu-playwright-builder": "{{versions.UI}}",
     "@genesislcap/vite-builder": "{{versions.UI}}",
     "@genesislcap/webpack-builder": "{{versions.UI}}",
-    "@genesislcap/prettier-config": "{{versions.UI}}",
     "@genesislcap/stylelint-config": "{{versions.UI}}",
     "@types/node": "20.11.5",
     "husky": "^7.0.4",
-    "lint-prepush": "^2.2.1",
-    "lint-staged": "^12.4.1"
+    "lint-staged": "^12.4.1",
+    "oxfmt": "^0.44.0",
+    "oxlint": "^1.77.0"
   },
   "dependencies": {
     "@genesislcap/foundation-auth": "{{versions.UI}}",

package/client-tmp/web-components/src/components/components.ts

@@ -32,13 +32,15 @@ export async function registerComponents() {
     designSystem: rapidDesignSystem,
   });
 
-  rapidDesignSystem.provideDesignSystem().register(
-    rapidDesignSystem.baseComponents,
-    rapidGridProBeta(),
-    rapidGridComponents,
-    g2plotChartsComponents,
-    foundationLayoutComponents,
-  );
+  rapidDesignSystem
+    .provideDesignSystem()
+    .register(
+      rapidDesignSystem.baseComponents,
+      rapidGridProBeta(),
+      rapidGridComponents,
+      g2plotChartsComponents,
+      foundationLayoutComponents,
+    );
 
   configureHeader({
     templateOptions: {

package/client-tmp/web-components/src/main/main.css

@@ -15,11 +15,10 @@ foundation-router {
 :not(:defined) {
   visibility: hidden;
 }
-
 {{#if fontData}}
 {{#each fontData}}
 @font-face {
-  font-family: "{{../fontFamily}}";
+  font-family: '{{../fontFamily}}';
   src: url("../../public/fonts/{{filename}}") format("{{format}}");
   font-weight: {{weight}};
   font-style: normal;

package/client-tmp/web-components/src/main/main.ts

@@ -110,7 +110,7 @@ export class MainApplication extends EventEmitter<StoreEventDetailMap>(GenesisEl
   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]`);
     });

package/client-tmp/web-components/src/routes/config.ts

@@ -3,9 +3,13 @@ import { Auth, Connect } from '@genesislcap/foundation-comms';
 import { FoundationRouterConfiguration } from '@genesislcap/foundation-ui';
 import { GENESIS_SOCKET_URL, PUBLIC_PATH } from '@genesislcap/foundation-utils';
 import { defaultLayout, loginLayout } from '../layouts';
+{{#if routes}}
+/* eslint-disable import-es/order -- generated page imports follow the navigation order */
 {{#each routes}}
 import { {{pascalCase this.name}} } from './{{kebabCase this.name}}/{{kebabCase this.name}}';
 {{/each}}
+/* eslint-enable import-es/order */
+{{/if}}
 import { NotFound } from './not-found/not-found';
 import { defaultNotPermittedRoute, NotPermitted } from './not-permitted/not-permitted';
 import { LoginSettings } from './types';

package/client-tmp/web-components/src/utils/index.ts

@@ -1,4 +1,6 @@
+{{#if FDC3.includeDependencies}}
 export * from './fdc3';
+{{/if}}
 export * from './layout';
 export * from './logger';
 export * from './permissions';

package/client-tmp/web-components/tsconfig.json

@@ -24,9 +24,6 @@
     "strictNullChecks": false,
     "target": "ES2015"
   },
-  "include": [
-    "globals.d.ts" ,
-    "src/**/*"
-  ],
+  "include": ["globals.d.ts", "src/**/*"],
   "exclude": ["node_modules", "dist"]
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed",
   "description": "Genesis Blank App Seed",
-  "version": "5.22.1",
+  "version": "5.23.0",
   "license": "Apache-2.0",
   "scripts": {
     "release": "semantic-release"

package/.genx/templates/angular/gridLayout.hbs

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

package/.genx/templates/angular/horizontalLayout.hbs

@@ -1,7 +0,0 @@
-<rapid-layout-region>
-    {{#each route.tiles}}
-    <rapid-layout-item title="{{this.title}}">
-        <app-{{kebabCase this.componentName}}></app-{{kebabCase this.componentName}}>
-    </rapid-layout-item>
-    {{/each}}
-</rapid-layout-region>

package/.genx/templates/angular/tabsLayout.hbs

@@ -1,7 +0,0 @@
-<rapid-layout-region type="tabs">
-    {{#each route.tiles}}
-    <rapid-layout-item title="{{this.title}}">
-        <app-{{kebabCase this.componentName}}></app-{{kebabCase this.componentName}}>
-    </rapid-layout-item>
-    {{/each}}
-</rapid-layout-region>

package/.genx/tests/fixtures/testapp/client/src/routes/home/home.template.ts

@@ -1,6 +0,0 @@
-import { html } from '@genesislcap/web-core';
-import type { Home } from './home';
-
-export const HomeTemplate = html<Home>`
-  <entity-management resourceName="ALL_TRADES" createEvent="EVENT_TRADE_INSERT"></entity-management>
-`;

package/.github/workflows/release.yml

@@ -1,50 +0,0 @@
-name: Release
-
-on:
-  workflow_dispatch:
-  push:
-    branches: [main, prerelease]
-
-jobs:
-  release:
-    runs-on: ubuntu-latest
-    environment: deploy
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          token: ${{secrets.GH_USER_TOKEN}}
-
-      - name: Set up Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: 22
-
-      - 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: |
-          {
-            echo 'DIST_TAG<<EOF'
-            cat /tmp/dist-tag
-            echo EOF
-          } >> "$GITHUB_OUTPUT"
-
-      - name: Generate .npmignore
-        run: cp .gitignore .npmignore && echo '!.gitignore' >> .npmignore && cat .npmignore
-
-      - name: NPM pack dry-run
-        run: npm pack -dry
-
-      - name: Publish
-        uses: JS-DevTools/npm-publish@v3
-        with:
-          token: ${{secrets.NPM_TOKEN}}
-          tag: ${{ steps.dist-tag.outputs.DIST_TAG }}
-

package/client-tmp/react/.babelrc

@@ -1,10 +0,0 @@
-{
-  "presets": [
-    "@babel/preset-env",
-    "@babel/preset-react",
-    "@babel/preset-typescript"
-  ],
-  "plugins": [
-    "react-require"
-  ]
-}

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

@@ -1,21 +0,0 @@
-module.exports = {
-  root: true,
-  env: { browser: true, es2020: true, node: true, jest: true },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react-hooks/recommended',
-  ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
-  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': [
-      'warn',
-      { allowConstantExport: true },
-    ],
-  },
-}