@genesislcap/blank-app-seed 3.33.3 → 3.34.1

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,25 +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,
-    "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,
-    "types": ["node", "react"]
-  },
+  "extends": "./tsconfig.json",
   "include": ["src" , "src/**/*.d.ts"],
 }

package/client-tmp/react/tsconfig.json

@@ -1,14 +1,34 @@
 {
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.node.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/*"]
+    },
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true
+  },
+  "include": [
+    "src" ,
+    "src/**/*.d.ts", 
+    "src/pbc/**/*.ts",
+  ],
 }

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

@@ -1,44 +1,55 @@
 import { fileURLToPath } from 'node:url';
 import { resolve, dirname } from 'path';
 import { defineConfig, UserConfig } from 'vite';
-import fs from 'fs';
 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 jsonFilePath: string = resolve(process.cwd(), `env.${mode}.json`);
-  const envConfig: Record<string, string> = {};
-  
-  if (fs.existsSync(jsonFilePath)) {
-    const jsonContent: string = fs.readFileSync(jsonFilePath, 'utf-8');
-    const parsedConfig: Record<string, any> = JSON.parse(jsonContent);
-  
-    for (const key in parsedConfig) {
-      envConfig[`import.meta.env.${key}`] = JSON.stringify(parsedConfig[key]);
-    }
-  }
+  const environmentFile = mode === 'production'
+    ? 'environment.prod.ts' 
+    : 'environment.ts';
+  const environmentPath = resolve(__dirname, 'src/environments', environmentFile);
 
   const config: UserConfig = {
-    define: envConfig,
+    define: {
+      BUILDER: JSON.stringify('vite'),
+    },
     server: {
       https,
       open,
+      fs: {
+        strict: false,
+      }
     },
     plugins: [
       react(),
+      tsconfigPaths(),
     ],
     build: {
       rollupOptions: {
-        plugins: []
-      }
+        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,
+        },
       },
     },
   };

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/package.json

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

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

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

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();
-  }, [checkAuthStatus]);
-
-  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.ts

@@ -1,21 +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 rootElement = document.getElementById('root');
-
-if (rootElement) {
-  const root = ReactDOM.createRoot(rootElement);
-  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/reportWebVitals.ts

@@ -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;