@genesislcap/blank-app-seed 3.30.0-prerelease.3 → 3.30.0-prerelease.30

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

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

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

@@ -1,3 +1,5 @@
+import LayoutName from './LayoutName';
+
 export interface RouteLayouts {
-  [key: string]: 'blank' | 'default';
+  [key: string]: LayoutName;
 }

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

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

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

@@ -1,3 +1,5 @@
-import { createBrowserHistory } from 'history';
+import { createBrowserHistory, History } from 'history';
 
-export const history = createBrowserHistory();
+export type Router = History;
+
+export const history = createBrowserHistory() as History;

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

@@ -1,4 +1,6 @@
 export * from './history';
 export * from './fdc3';
+export * from './layout';
 export * from './permissions';
-export * from './setApiHost';
+export * from './setApiHost';
+export * from './getLayoutNameByRoute';

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

@@ -0,0 +1,11 @@
+import { isDev } from '@genesislcap/foundation-utils';
+import pkg from '../../package.json';
+
+// returning null disables caching
+// returning an id (as long as it's not null) enables caching
+export const persistLayout = (id: string) => {
+  if (isDev() && (pkg as any)?.config.PERSIST_LAYOUT_IN_DEV !== true) {
+    return null;
+  }
+  return id;
+};

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 { PORT } from '@/playwright.config';
 
 export type FixtureConfig = {
   API_HOST: string;

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

@@ -1,28 +1,4 @@
 {
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "types": ["node", "react"]
-  },
-  "include": ["src"]
+  "extends": "./tsconfig.json",
+  "include": ["src" , "src/**/*.d.ts"],
 }

package/client-tmp/react/tsconfig.json

@@ -1,11 +1,34 @@
 {
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2020",
+    "useDefineForClassFields": false,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "esModuleInterop": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
     },
-    {
-      "path": "./tsconfig.node.json"
-    }
-  ]
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true
+  },
+  "include": [
+    "src" ,
+    "src/**/*.d.ts", 
+    "src/pbc/**/*.ts",
+  ],
 }

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

@@ -9,5 +9,5 @@
     "strict": true,
     "noEmit": true
   },
-  "include": ["vite.config.js"]
+  "include": ["vite.config.ts"]
 }

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

@@ -0,0 +1,70 @@
+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/react/webpack.config.js

@@ -0,0 +1,103 @@
+const { resolve, join } = require('path');
+const webpack = require('webpack');
+const Dotenv = require('dotenv-webpack');
+
+module.exports = (env, argv) => {
+  const mode = argv.mode || 'development';
+  const https = process.env.HTTPS === 'true';
+  const open = !(process.env.NO_OPEN === 'true');
+  const environmentFile = mode === 'production'
+    ? 'environment.prod.ts' 
+    : 'environment.ts';
+  const environmentPath = resolve(__dirname, 'src/environments', environmentFile);
+
+  return {
+    mode,
+    entry: './src/main.tsx',
+    output: {
+      path: resolve(__dirname, 'dist'),
+      filename: 'bundle.js',
+    },
+    resolve: {
+      extensions: ['.tsx', '.ts', '.js'],
+      alias: {
+        'foundationZero/ZeroDesignSystem': resolve(__dirname, 'node_modules/@genesislcap/foundation-zero'),
+        '@': resolve(__dirname, 'src'),
+        '@environment': environmentPath,
+        'pbc': resolve(__dirname, 'src/pbc'),
+      },
+      symlinks: true,
+    },
+    module: {
+      rules: [
+        {
+          test: /\.tsx?$/,
+          use: {
+            loader: 'ts-loader',
+            options: {
+              transpileOnly: true,
+            },
+          },
+          exclude: /node_modules/,
+        },
+        {
+          test: /\.jsx?$/,
+          exclude: /node_modules/,
+          use: {
+            loader: 'babel-loader',
+            options: {
+              presets: ['@babel/preset-env', '@babel/preset-react'],
+            },
+          },
+        },
+        {
+          test: /\.css$/,
+          use: ['style-loader', 'css-loader'],
+        },
+        {
+          test: /\.svg$/,
+          type: 'asset/resource',
+        },
+        {
+          test: /\.(png|jpe?g|gif)$/i,
+          use: [
+            {
+              loader: 'file-loader',
+            },
+          ],
+        },
+      ],
+    },
+    plugins: [
+      new Dotenv(),
+      new webpack.DefinePlugin({
+        BUILDER: JSON.stringify('webpack'),
+      }),
+    ],
+    devServer: {
+      server: https ? 'https' : 'http',
+      open,
+      static: {
+        directory: join(__dirname, 'public'),
+      },
+      client: {
+        overlay: {
+          errors: false,
+          warnings: false,
+          runtimeErrors: false,
+        },
+      },
+      compress: true,
+      port: 3000,
+      historyApiFallback: true,
+    },
+    stats: {
+      all: false,
+      errors: true,
+      warnings: true,
+      timings: true,
+      assets: true,
+      modules: false,
+    },
+  };
+};

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

@@ -7,7 +7,8 @@
   "config": {
     "API_HOST": "{{apiHost}}",
     "PORT": 6060,
-    "ENABLE_SSO": {{enableSSO}}
+    "ENABLE_SSO": {{enableSSO}},
+    "PERSIST_LAYOUT_IN_DEV": false
   },
   "genx": {
     "app": {

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

@@ -8,7 +8,7 @@ export const MainStyles = css`
   :host {
     contain: content;
 
-    --nav-height: 39px;
+    --nav-height: 48px;
   }
 
   :host,

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

@@ -1,3 +1,4 @@
 export * from './fdc3';
+export * from './layout';
 export * from './logger';
 export * from './permissions';

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

@@ -0,0 +1,11 @@
+import { isDev } from '@genesislcap/foundation-utils';
+import pkg from '../../package.json';
+
+// returning null disables caching
+// returning an id (as long as it's not null) enables caching
+export const persistLayout = (id: string) => {
+  if (isDev() && (pkg as any)?.config.PERSIST_LAYOUT_IN_DEV !== true) {
+    return null;
+  }
+  return id;
+};

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

@@ -18,7 +18,7 @@
     ],
     "declarationDir": "./dist/dts",
     "outDir": "./dist/esm",
-    "rootDir": "./src",
+    "rootDir": ".",
     "allowJs": true,
     "allowSyntheticDefaultImports": true,
     "declaration": true,

package/package.json

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

package/server/build.gradle.kts

@@ -2,6 +2,7 @@ ext.set("localDaogenVersion", "{{localGenId}}")
 
 plugins {
     `maven-publish`
+    id("global.genesis.genesis-launcher-gui")
 }
 
 subprojects {

package/server/gradle.properties

@@ -6,6 +6,7 @@ dockerCompactProcesses=true
 version={{applicationVersion}}
 genesisVersion={{ versions.GSF }}
 authVersion={{ versions.Auth }}
+launcherVersion=0.1.3
 
 # Default ssh config for the docker dev environment
 genesis-home=/app/run

package/server/settings.gradle.kts

@@ -1,12 +1,10 @@
-rootProject.name = "genesisproduct-{{appName}}"
-
 pluginManagement {
-    pluginManagement {
-        val genesisVersion: String by settings
+    val genesisVersion: String by settings
+    val launcherVersion: String by settings
 
-        plugins {
-            id("global.genesis.settings") version genesisVersion
-        }
+    plugins {
+        id("global.genesis.settings") version genesisVersion
+        id("global.genesis.genesis-launcher-gui") version launcherVersion
     }
 
     repositories {
@@ -30,6 +28,7 @@ pluginManagement {
                 excludeGroup("org.agrona")
             }
         }
+        google()
     }
 }
 
@@ -38,6 +37,8 @@ plugins {
 }
 
 genesis {
+    productName = "{{appName}}"
+
     dependencies {
         dependency("global.genesis:auth:${extra.properties["authVersion"]}")
 

package/settings.gradle.kts

@@ -1,5 +1,8 @@
-// servers
-includeBuild("server")
+val gradleFolder: File = rootProject.projectDir.resolve("gradle")
+if (gradleFolder.exists()) {
+    // servers
+    includeBuild("server")
 
-// clients
-includeBuild("client")
+    // clients
+    includeBuild("client")
+}

package/client-tmp/angular/karma.conf.js

@@ -1,9 +0,0 @@
-module.exports = function(config) {
-  config.set({
-    browsers: ['Chrome'],
-    browserDisconnectTimeout: 60000, 
-    browserDisconnectTolerance: 3, 
-    browserNoActivityTimeout: 60000, 
-    captureTimeout: 120000,
-  });
-};

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

@@ -1,23 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [AppComponent],
-    }).compileComponents();
-  });
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have the '{{capitalCase appName}}' title`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('{{capitalCase appName}}');
-  });
-});
-

package/client-tmp/react/env.development.json

@@ -1,3 +0,0 @@
- {
-    "VITE_API_HOST": "{{apiHost}}"
- }

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

@@ -1,18 +0,0 @@
-const { execSync } = require('child_process');
-const glob = require('glob');
-const path = require('path');
-const cssFiles = glob.sync(path.join(__dirname, '**/*.css'));
-
-if (cssFiles.length === 0) {
-  console.log('No CSS files found.');
-  process.exit(0);
-}
-
-const command = `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/src/guards/AuthGuard.tsx

@@ -1,32 +0,0 @@
-import { useEffect, useState, ReactNode } from 'react';
-import { useAuth } from '../store/AuthContext';
-import { Navigate } from 'react-router-dom';
-import { AUTH_PATH } from '../config';
-interface AuthGuardProps {
-  children: ReactNode;
-}
-const AuthGuard: React.FC<AuthGuardProps> = ({ children }: AuthGuardProps) => {
-  const { user, checkAuthStatus } = useAuth();
-  const [isLoading, setIsLoading] = useState(true);
-
-  useEffect(() => {
-    const verifyAuth = async () => {
-      await checkAuthStatus();
-      setIsLoading(false);
-    };
-
-    verifyAuth();
-  }, []);
-
-  if (isLoading) {
-    return <div>Loading...</div>; // Or some loading component
-  }
-
-  if (!user) {
-    return <Navigate to={`/${AUTH_PATH}`} />;
-  }
-
-  return <>{children}</>;
-};
-
-export default AuthGuard;

package/client-tmp/react/src/guards/PermissionsGuard.tsx

@@ -1,37 +0,0 @@
-import { useEffect, useState, ReactNode } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { getUser } from '@genesislcap/foundation-user';
-import { NOT_PERMITTED_PATH } from '../config';
-
-interface PermissionsGuardProps {
-  children: ReactNode;
-  permissionCode?: string;
-}
-
-const PermissionsGuard: React.FC<PermissionsGuardProps> = ({ children, permissionCode }: PermissionsGuardProps) => {
-  const navigate = useNavigate();
-  const [isAuthorized, setIsAuthorized] = useState(false);
-  const [isLoading, setIsLoading] = useState(true);
-
-  useEffect(() => {
-    const checkPermission = async () => {
-      const user = getUser();
-      if (permissionCode && !user.hasPermission(permissionCode)) {
-        navigate(`/${NOT_PERMITTED_PATH}`);
-      } else {
-        setIsAuthorized(true);
-      }
-      setIsLoading(false);
-    };
-
-    checkPermission();
-  }, [navigate, permissionCode]);
-
-  if (isLoading) {
-    return <div>Loading...</div>; // Or some loading component
-  }
-
-  return isAuthorized ? <>{children}</> : null;
-};
-
-export default PermissionsGuard;

package/client-tmp/react/src/index.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './styles/styles.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
-
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();

package/client-tmp/react/src/pages/NotPermittedPage/NotPermittedPage.jsx

@@ -1,13 +0,0 @@
-import ErrorMessage from '../../components/ErrorMessage/ErrorMessage';
-import './NotPermittedPage.css';
-
-const NotPermittedPage = () => {
-  return (
-    <ErrorMessage
-    elementType="h1"
-    message="You do not have permission to access this part of the application, please contact your administrator."
-    ></ErrorMessage>
-  );
-};
-
-export default NotPermittedPage;

package/client-tmp/react/src/reportWebVitals.js

@@ -1,13 +0,0 @@
-const reportWebVitals = (onPerfEntry) => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;