@genesislcap/blank-app-seed 5.7.0-prerelease.4 → 5.7.0-prerelease.40

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

@@ -1,9 +1,8 @@
 import { getApp } from '@genesislcap/foundation-shell/app';
 import type { FoundationRouter } from '@genesislcap/foundation-ui';
 import { css, GenesisElementLayout, html } from '@genesislcap/web-core';
-import type { Store } from '../store';
 
-type ClientAppRouter = FoundationRouter & { store: Store };
+type ClientAppRouter = FoundationRouter;
 
 const app = getApp();
 
@@ -40,6 +39,9 @@ export const defaultLayout = new GenesisElementLayout(
     <div class="container">
       ${app.registerElementsTarget('layout-start')}
       <foundation-header
+{{#if headerLogoSrc}}
+        logo-src="{{headerLogoSrc}}"
+{{/if}}
         show-luminance-toggle-button
         show-misc-toggle-button
         :routeNavItems=${(x) => x.config.getNavItems()}
@@ -92,5 +94,13 @@ export const defaultLayout = new GenesisElementLayout(
     rapid-flyout::part(content) {
       height: 100%;
     }
+
+    foundation-header::part(logo) {
+      max-width: 50px;
+      max-height: 24px;
+      width: auto;
+      height: auto;
+      object-fit: contain;
+    }
   `.withBehaviors(app.registerStylesTarget('layout')),
 );

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

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

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

@@ -18,6 +18,5 @@ export const MainTemplate: ViewTemplate<MainApplication> = html`
   <foundation-router
     @luminance-icon-clicked=${(x) => x.onDarkModeToggle()}
     :config=${(x) => x.config}
-    :store=${(x) => x.store}
   ></foundation-router>
 `;

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

@@ -1,5 +1,4 @@
 import { Connect, ConnectConfig, defaultConnectConfig } from '@genesislcap/foundation-comms';
-import { EventEmitter } from '@genesislcap/foundation-events';
 import { App } from '@genesislcap/foundation-shell/app';
 import { importPBCAssets } from '@genesislcap/foundation-shell/pbc';
 import { configureDesignSystem } from '@genesislcap/foundation-ui';
@@ -17,7 +16,6 @@ import {
 } from '@genesislcap/web-core';
 import * as Components from '../components';
 import { MainRouterConfig } from '../routes';
-import { Store, StoreEventDetailMap } from '../store';
 import designTokens from '../styles/design-tokens.json';
 {{#if FDC3.channels.length}}
 import { listenToChannel, onFDC3Ready } from '../utils';
@@ -27,20 +25,15 @@ import { DynamicTemplate as template, LoadingTemplate, MainTemplate } from './ma
 
 const name = '{{rootElement}}';
 
-/**
- * @fires store-connected - Fired when the store is connected.
- * @fires store-ready - Fired when the store is ready.
- */
 @customElement({
   name,
   template,
   styles,
 })
-export class MainApplication extends EventEmitter<StoreEventDetailMap>(GenesisElement) {
+export class MainApplication extends GenesisElement {
   @App app: App;
   @Connect connect!: Connect;
   @Container container!: Container;
-  @Store store: Store;
 
   @inject(MainRouterConfig) config!: MainRouterConfig;
 
@@ -51,8 +44,6 @@ export class MainApplication extends EventEmitter<StoreEventDetailMap>(GenesisEl
   async connectedCallback() {
     this.registerDIDependencies();
     super.connectedCallback();
-    this.addEventListeners();
-    this.readyStore();
     await this.loadPBCs();
     await this.loadRemotes();
     {{#if FDC3.channels.length}}
@@ -63,12 +54,6 @@ export class MainApplication extends EventEmitter<StoreEventDetailMap>(GenesisEl
     });
   }
 
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListeners();
-    this.disconnectStore();
-  }
-
   onDarkModeToggle() {
     baseLayerLuminance.setValueFor(
       this.provider,
@@ -145,22 +130,4 @@ export class MainApplication extends EventEmitter<StoreEventDetailMap>(GenesisEl
        */
     );
   }
-
-  protected addEventListeners() {
-    this.addEventListener('store-connected', this.store.onConnected);
-  }
-
-  protected removeEventListeners() {
-    this.removeEventListener('store-connected', this.store.onConnected);
-  }
-
-  protected readyStore() {
-    // @ts-ignore
-    this.$emit('store-connected', this);
-    this.$emit('store-ready', true);
-  }
-
-  protected disconnectStore() {
-    this.$emit('store-disconnected');
-  }
 }

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

@@ -3,12 +3,12 @@ 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';
-import { NotFound } from './not-found/not-found';
-import { defaultNotPermittedRoute, NotPermitted } from './not-permitted/not-permitted';
-import { LoginSettings } from './types';
 {{#each routes}}
 import { {{pascalCase this.name}} } from './{{kebabCase this.name}}/{{kebabCase this.name}}';
 {{/each}}
+import { NotFound } from './not-found/not-found';
+import { defaultNotPermittedRoute, NotPermitted } from './not-permitted/not-permitted';
+import { LoginSettings } from './types';
 
 // eslint-disable-next-line
 declare var ENABLE_SSO: string;
@@ -46,9 +46,8 @@ export class MainRouterConfig extends FoundationRouterConfiguration<LoginSetting
         name: 'login',
         title: 'Login',
         element: async () => {
-          const { configure, defaultAuthConfig } = await import(
-            '@genesislcap/foundation-auth/config'
-          );
+          const { configure, defaultAuthConfig } =
+            await import('@genesislcap/foundation-auth/config');
           return configure({
             omitRoutes: ['request-account', 'forgot-password'],
             fields: {

package/client-tmp/web-components/src/styles/design-tokens.json

@@ -12,7 +12,7 @@
     },
     "fontFamily": {
       "bodyFont": {
-        "$value": "Roboto, \"Segoe UI\", Arial, Helvetica, sans-serif",
+        "$value": "{{#if fontFamily}}{{fontFamily}}, {{/if}}Roboto, \"Segoe UI\", Arial, Helvetica, sans-serif",
         "$type": "fontFamily"
       }
     },
@@ -37,6 +37,10 @@
         "$value": 0,
         "$type": "number"
       },
+      "baseHeightMultiplier": {
+        "$value": 10,
+        "$type": "number"
+      },
       "borderRadius": {
         "$value": 4,
         "$type": "number"

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

@@ -1,22 +1,24 @@
-const mixinSegoeUI = (style = 'normal', weight = 'normal') => `
-  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; 
+const mixinFont = (style = 'normal', weight = 'normal') => `
+  font-family: {{#if fontFamily}}"{{fontFamily}}", {{/if}}"Segoe UI", "Helvetica Neue", Arial, sans-serif; 
   font-style: ${style};
   font-weight: ${weight};
 `;
 
 export const stylesFontFaces = `
+{{#unless fontFamily}}
   @font-face {
     font-family: Segoe UI;
     font-weight: 300;
     src: local("Segoe UI Semilight"), local("Segoe UI");
   }
+{{/unless}}
 
   * {
-    ${mixinSegoeUI()}
+    ${mixinFont()}
   }
 `;
 
-export const mixinCardTitle = mixinSegoeUI('normal', 'bold');
+export const mixinCardTitle = mixinFont('normal', 'bold');
 
 export const stylesHeaders = `
   h1, h2, h3, h4, h5, h6 {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed",
   "description": "Genesis Blank App Seed",
-  "version": "5.7.0-prerelease.4",
+  "version": "5.7.0-prerelease.40",
   "license": "Apache-2.0",
   "scripts": {
     "release": "semantic-release"

package/server/settings.gradle.kts

@@ -48,10 +48,7 @@ genesis {
     plugins {
         genesisDeploy.enabled = true
     }
-
 }
 
-
 include("{{appName}}-app")
 includeBuild("../client")
-

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

@@ -1,34 +0,0 @@
-import { CustomEventMap } from '@genesislcap/foundation-events';
-import { getApp } from '@genesislcap/foundation-shell/app';
-import {
-  AbstractStoreRoot,
-  registerStore,
-  StoreRoot,
-  StoreRootEventDetailMap,
-} from '@genesislcap/foundation-store';
-import { DI } from '@genesislcap/web-core';
-
-export interface Store extends StoreRoot {}
-
-export type StoreEventDetailMap = StoreRootEventDetailMap & {};
-
-declare global {
-  interface HTMLElementEventMap extends CustomEventMap<StoreEventDetailMap> {}
-}
-
-class DefaultStore extends AbstractStoreRoot<Store, StoreEventDetailMap> implements Store {
-  constructor() {
-    super();
-
-    /**
-     * Register the store root
-     */
-    getApp().registerStoreRoot(this);
-  }
-}
-
-export const Store = registerStore(DefaultStore, 'Store');
-
-export function getStore(): Store {
-  return DI.getOrCreateDOMContainer().get(Store) as Store;
-}

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

@@ -1,19 +0,0 @@
-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/vite.config.ts

@@ -1,70 +0,0 @@
-import { fileURLToPath } from 'node:url';
-import { resolve, dirname } from 'path';
-import { defineConfig, UserConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import visualizer from 'rollup-plugin-visualizer';
-import tsconfigPaths from 'vite-plugin-tsconfig-paths';
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-
-export default defineConfig(({ mode }: { mode: string }): UserConfig => {
-  const https: boolean = process.env.HTTPS === 'true';
-  const open: boolean = !(process.env.NO_OPEN === 'true');
-  const environmentFile = mode === 'production'
-    ? 'environment.prod.ts' 
-    : 'environment.ts';
-  const environmentPath = resolve(__dirname, 'src/environments', environmentFile);
-
-  const config: UserConfig = {
-    define: {
-      BUILDER: JSON.stringify('vite'),
-    },
-    server: {
-      https,
-      open,
-      fs: {
-        strict: false,
-      }
-    },
-    plugins: [
-      react(),
-      tsconfigPaths(),
-    ],
-    build: {
-      rollupOptions: {
-        plugins: [],
-        treeshake: false,
-      },
-    },
-    resolve: {
-      alias: {
-        'foundationZero/ZeroDesignSystem': resolve(__dirname, 'node_modules/@genesislcap/foundation-zero'),
-        '@': resolve(__dirname, 'src'),
-        '@environment': environmentPath,
-        'pbc': resolve(__dirname, 'src/pbc'),
-      },
-      preserveSymlinks: true,
-    },
-    esbuild: {
-      tsconfigRaw: {
-        compilerOptions: {
-          experimentalDecorators: true,
-        },
-      },
-    },
-  };
-
-  if (mode === 'stats') {
-    config.build.rollupOptions.plugins.push(
-      visualizer({
-        template: 'raw-data',
-        filename: 'stats.json',
-        open: true,
-        gzipSize: true,
-        brotliSize: true,
-      })
-    );
-  }
-
-  return config;
-});

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

@@ -1,29 +0,0 @@
-import { CustomEventMap } from '@genesislcap/foundation-events';
-import { getApp } from '@genesislcap/foundation-shell/app';
-import {
-  AbstractStoreRoot,
-  registerStore,
-  StoreRoot,
-  StoreRootEventDetailMap,
-} from '@genesislcap/foundation-store';
-
-export interface Store extends StoreRoot {}
-
-export type StoreEventDetailMap = StoreRootEventDetailMap & {};
-
-declare global {
-  interface HTMLElementEventMap extends CustomEventMap<StoreEventDetailMap> {}
-}
-
-class DefaultStore extends AbstractStoreRoot<Store, StoreEventDetailMap> implements Store {
-  constructor() {
-    super();
-
-    /**
-     * Register the store root
-     */
-    getApp().registerStoreRoot(this);
-  }
-}
-
-export const Store = registerStore(DefaultStore, 'Store');