@common-stack/generate-plugin 5.0.4-alpha.0 → 5.0.4-alpha.11

package/lib/generators/add-frontend/templates/server.js

@@ -0,0 +1,78 @@
+import express from 'express';
+import compression from 'compression';
+import { createRequestHandler } from '@remix-run/express';
+import { installGlobals } from '@remix-run/node';
+import './env.js';
+import {
+    performCopyOperations,
+} from '@common-stack/rollup-vite-utils/lib/preStartup/configLoader/configLoader.js';
+import config from './app/cde-webconfig.json' assert { type: 'json' };
+
+installGlobals();
+
+Object.keys(config.buildConfig).forEach((key) => {
+    global[key] = config.buildConfig[key];
+});
+
+const startServer = async () => {
+    await performCopyOperations(config);
+
+    const { corsMiddleware } = await import(`./${config.commonPaths.appPath}/${config.commonPaths.frontendStackPath}/backend/middlewares/cors.js`);
+    const { containerMiddleware } = await import(`./${config.commonPaths.appPath}/${config.commonPaths.frontendStackPath}/backend/middlewares/container.js`);
+    const { loadContext } = await import(`./${config.commonPaths.appPath}/${config.commonPaths.frontendStackPath}/load-context.server.js`);
+
+    const viteDevServer =
+        process.env.NODE_ENV === 'production'
+            ? undefined
+            : await import('vite').then((vite) => {
+                  return vite.createServer({
+                      server: { middlewareMode: true },
+                  });
+              });
+
+    const remixHandler = createRequestHandler({
+        getLoadContext: loadContext,
+        build: viteDevServer
+            ? () => viteDevServer.ssrLoadModule('virtual:remix/server-build')
+            : await import('./build/server/index.js'),
+    });
+
+    const app = express();
+
+    app.use(compression());
+    app.disable('x-powered-by');
+
+    if (viteDevServer) {
+        app.use(viteDevServer.middlewares);
+    } else {
+        app.use('/assets', express.static('build/client/assets', { immutable: true, maxAge: '1y' }));
+    }
+
+    app.use(express.static('build/client', { maxAge: '1h' }));
+
+    app.use(corsMiddleware);
+    app.options('*', corsMiddleware);
+
+    app.use(async (req, res, next) => {
+        let isAssetRequest = (url) =>
+            /\.[jt]sx?$/.test(url) ||
+            /@id\/__x00__virtual:/.test(url) ||
+            /@vite\/client/.test(url) ||
+            /node_modules\/vite\/dist\/client\/env/.test(url);
+
+        if (isAssetRequest(req.url)) {
+            next();
+        } else {
+            return await containerMiddleware(req, res, async () => {
+                return remixHandler(req, res, next);
+            });
+        }
+    });
+
+    const port = process.env.PORT || 3000;
+    app.listen(port, () => console.log(`Express server listening at http://localhost:${port}`));
+};
+
+startServer().catch((err) => {
+    console.error('Failed to start server:', err);
+});

package/lib/generators/add-frontend/templates/src/config/public-config.ts.template

@@ -0,0 +1,82 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable no-underscore-dangle */
+/* eslint-disable no-restricted-syntax */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/triple-slash-reference */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/// <reference path='../../../../typings/index.d.ts' />
+import { logger } from '@cdm-logger/client';
+import { lowerCase } from 'lodash-es';
+/**
+ * This file opens up in public site, so make sure it is
+ * not dependent on any other file that compromises the security.
+ * hello
+ */
+const publicEnv = [
+    'NODE_ENV',
+    'APP_URL',
+    'GA_ID',
+    'GRAPHQL_URL',
+    'LOG_LEVEL',
+    'AUTH0_CLIENT_ID',
+    'AUTH0_DOMAIN',
+    'AUTH0_CUSTOM_DOMAIN',
+    'CLIENT_URL',
+    'APP_NAME',
+    'AUTH0_API_AUDIENCE',
+    'AUTH0_REALM',
+    'PAYPAL_ENVIRONMENT',
+    'STRIPE_PUBLISHABLE_KEY',
+    'AUTH0_TOKEN_GRANTED_TIME',
+    'AUTH0_CUSTOM_CLAIMS_NAMESPACE',
+    'INITIAL_ACCOUNT_PAGE',
+    'SOCIAL_LOGIN_PROVIDERS',
+    'CALLBACK_REDIRECT_URL',
+    'POPUP_REDIRECT_URL',
+    'LAYOUT_SETTINGS',
+    'DEFAULT_EXTENDED_RENEWAL_TIME',
+    'DISABLE_EMAIL_VERIFICATION',
+    'WEB_APP_URL',
+    'LOGOUT_REDIRECT_PATH',
+    'LOGIN_REDIRECT_PATH',
+    'REDIRECT_ON_LOGIN_VISIT',
+    'ENABLE_COOKIE_BASED_AUTH',
+    'APP_DOMAIN',
+    'AUTH_ID_TOKEN_COOKIE_MAX_AGE'
+];
+
+const isBrowser = typeof window !== 'undefined';
+
+const base = (isBrowser ? window.__ENV__ || (typeof __ENV__ !== 'undefined' && __ENV__) : process.env) || {};
+const env: any = {};
+for (const v of publicEnv) {
+    env[v] = base[v];
+}
+
+// add subscription url for temporary
+export default env;
+
+if (isBrowser) {
+    // process[lowerCase('env')] = env; // to avoid webpack to replace `process` with actual value.
+    // process.APP_ENV = env;
+    const process: any = {};
+    process[lowerCase('env')] = env; // to avoid webpack to replace `process` with actual value.
+    process.APP_ENV = env;
+    window.process = process;
+    window.__CLIENT__ = true;
+    window.__SERVER__ = false;
+} else {
+    global.__CLIENT__ = false;
+    global.__SERVER__ = true;
+    __CLIENT__ = false;
+    __SERVER__ = true;
+}
+try {
+    // global.process = process;
+    logger.info('Process Update Success!');
+} catch (e) {
+    logger.warn(e);
+    logger.info(
+        'Encountered above issue while running "global.process = process", will automatically try again in next render',
+    );
+}

package/lib/generators/add-frontend/templates/tools/mergeConfig.js

@@ -0,0 +1,34 @@
+import fs from 'fs';
+import path from 'path';
+import { setupConfig } from '@common-stack/rollup-vite-utils/lib/utils/setupConfig.js';
+import projectConfig from '../config.json' assert { type: 'json' };
+
+// Function to merge configurations
+const mergeConfigs = setupConfig(projectConfig);
+
+// Ensure the 'app' directory exists
+const appDir = path.resolve('app');
+if (!fs.existsSync(appDir)) {
+  fs.mkdirSync(appDir);
+  console.log(`Created directory: ${appDir}`);
+}
+
+// Write the merged configuration to 'app/finalConfig.json'
+const finalConfigPath = path.resolve(appDir, 'cde-webconfig.json');
+fs.writeFileSync(finalConfigPath, JSON.stringify(mergeConfigs, null, 2));
+console.log(`Merged configuration written to ${finalConfigPath}`);
+
+// Add 'app' to .gitignore if not already present
+const gitignorePath = path.resolve('.gitignore');
+let gitignoreContent = '';
+if (fs.existsSync(gitignorePath)) {
+  gitignoreContent = fs.readFileSync(gitignorePath, 'utf8');
+} else {
+  fs.writeFileSync(gitignorePath, '');
+  console.log('Created .gitignore file');
+}
+
+if (!gitignoreContent.includes('app')) {
+  fs.appendFileSync(gitignorePath, '\napp\n');
+  console.log('Added "app" to .gitignore');
+}

package/lib/generators/add-frontend/templates/tsconfig.base.json

@@ -0,0 +1,38 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ES2022",
+    "moduleResolution": "NodeNext",
+    "esModuleInterop": true,
+    "jsx": "react",
+    "skipLibCheck": true,
+    "declaration": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "preserveConstEnums": true,
+    "sourceMap": true,
+    "noImplicitAny": false,
+    "allowSyntheticDefaultImports": true,
+    "pretty": true,
+    "removeComments": false,
+    "lib": [
+      "ES2020",
+      "dom",
+      "esnext.asynciterable"
+    ],
+    "typeRoots": [
+      "./typings/*.d.ts",
+      "node_modules/@types"
+    ],
+    "types": [
+      "@types/node",
+      "@types/jest"
+    ]
+  },
+  "include": [
+    "./typings/*.d.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/lib/generators/add-frontend/templates/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "**/.server/**/*.ts",
+    "**/.server/**/*.tsx",
+    "**/.client/**/*.ts",
+    "**/.client/**/*.tsx"
+  ],
+  "compilerOptions": {
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "types": ["@remix-run/node", "vite/client"],
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "target": "ES2022",
+    "strict": true,
+    "allowJs": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "baseUrl": ".",
+    "paths": {
+      "~/*": ["./src/*"]
+    },
+
+    // Vite takes care of building everything, not tsc.
+    "noEmit": true
+  }
+}

package/lib/generators/add-frontend/templates/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+    "compilerOptions": {
+      "composite": true,
+      "skipLibCheck": true,
+      "module": "ESNext",
+      "moduleResolution": "bundler",
+      "allowSyntheticDefaultImports": true
+    },
+    "include": ["vite.config.ts"]
+  }

package/lib/generators/add-frontend/templates/vite.config.ts.template

@@ -0,0 +1,70 @@
+import { defineConfig } from 'vite';
+import { vitePlugin as remix } from '@remix-run/dev';
+import { dirname, resolve } from 'path';
+import { installGlobals } from '@remix-run/node';
+import { fileURLToPath } from 'url';
+import { defineRoutesConfig } from '@common-stack/rollup-vite-utils/lib/vite-wrappers/json-wrappers.js';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import { i18nInternationalizationPlugin } from '@common-stack/rollup-vite-utils/lib/vite-plugins/i18n-internationalization-plugin.js';
+import { performCopyOperations } from '@common-stack/rollup-vite-utils/lib/preStartup/configLoader/configLoader.js';
+import { loadEnvConfig } from '@common-stack/rollup-vite-utils/lib/preStartup/configLoader/envLoader.js';
+import { cjsInterop } from 'vite-plugin-cjs-interop';
+import config from './app/cde-webconfig.json'  assert { type: 'json' };
+
+// This installs globals such as "fetch", "Response", "Request" and "Headers".
+installGlobals();
+const directoryName = dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig(({ isSsrBuild }) => {
+    console.log('---IS SSR BUILD', isSsrBuild);
+
+    const dotEnvResult = loadEnvConfig(directoryName);
+
+    return {
+        define: {
+            __ENV__: JSON.stringify(dotEnvResult?.parsed),
+            ...Object.assign(
+                ...Object.entries(config.buildConfig).map(([k, v]) => ({
+                    [k]: typeof v !== 'string' ? v : `"${v.replace(/\\/g, '\\\\')}"`,
+                    __SERVER__: true,
+                    __CLIENT__: false,
+                }))
+            ),
+        },
+        plugins: [
+            i18nInternationalizationPlugin({
+                folderName: 'cdm-locales',
+                packages: [...config.modules, ...config.i18n.packages],
+                namespaceResolution: 'basename',
+            }),
+            cjsInterop({
+                dependencies:["@apollo/client"]
+            }),
+            remix({
+                appDirectory: 'src',
+                routes: async (defineRoutes) => {
+                    if (process.env.NODE_ENV === 'production') {
+                        await performCopyOperations(config);
+                    }
+                    const metaJson = await import('./app/sync-meta.json').catch(() => null);
+                    return defineRoutes((routeFn) => {
+                        defineRoutesConfig(routeFn, {
+                            routesFileName: 'routes.json',
+                            packages: config.modules,
+                            paths: config.paths,
+                            rootPath: resolve(directoryName, '../..'),
+                        }, metaJson);
+                    });
+                },
+            }),
+            tsconfigPaths({ ignoreConfigErrors: true }),
+        ],
+        resolve: {
+            // preserveSymlinks: true,
+            alias: {
+                '@app': resolve(__dirname, 'app'),
+                '@src': resolve(__dirname, 'src'),
+            },
+        },
+    };
+});

package/lib/index.cjs

@@ -1 +1 @@
-'use strict';var generator=require('./generators/add-entries/generator.cjs');exports.addEntriesGenerator=generator.addEntriesGenerator;//# sourceMappingURL=index.cjs.map
+'use strict';var generator=require('./generators/add-frontend/generator.cjs'),generator$1=require('./generators/add-backend/generator.cjs');exports.addFrontendGenerator=generator.addFrontendGenerator;exports.addBackendGenerator=generator$1.addBackendGenerator;//# sourceMappingURL=index.cjs.map

package/lib/index.d.ts

@@ -1 +1,2 @@
-export * from './generators/add-entries/generator';
+export * from './generators/add-frontend/generator';
+export * from './generators/add-backend/generator';

package/lib/index.mjs

@@ -1 +1 @@
-export{addEntriesGenerator}from'./generators/add-entries/generator.mjs';//# sourceMappingURL=index.mjs.map
+export{addFrontendGenerator}from'./generators/add-frontend/generator.mjs';export{addBackendGenerator}from'./generators/add-backend/generator.mjs';//# sourceMappingURL=index.mjs.map

package/lib/utils/index.cjs

@@ -0,0 +1,8 @@
+'use strict';var fs=require('node:fs');function _interopNamespaceDefault(e){var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var fs__namespace=/*#__PURE__*/_interopNamespaceDefault(fs);const resetProject = (rootDir) => {
+    if (fs__namespace.existsSync(`${rootDir}/project.json`)) {
+        fs__namespace.unlinkSync(`${rootDir}/project.json`);
+    }
+    if (fs__namespace.existsSync(`${rootDir}/src`)) {
+        fs__namespace.rmSync(`${rootDir}/src`, { recursive: true, force: true });
+    }
+};exports.resetProject=resetProject;//# sourceMappingURL=index.cjs.map

package/lib/utils/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/utils/index.ts"],"sourcesContent":[null],"names":["fs"],"mappings":"iYAEa,MAAA,YAAY,GAAG,CAAC,OAAe,KAAI;IAC5C,IAAIA,aAAE,CAAC,UAAU,CAAC,GAAG,OAAO,CAAA,aAAA,CAAe,CAAC,EAAE;AAC1C,QAAAA,aAAE,CAAC,UAAU,CAAC,GAAG,OAAO,CAAA,aAAA,CAAe,CAAC,CAAC;KAC5C;IACD,IAAIA,aAAE,CAAC,UAAU,CAAC,GAAG,OAAO,CAAA,IAAA,CAAM,CAAC,EAAE;AACjC,QAAAA,aAAE,CAAC,MAAM,CAAC,CAAG,EAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;KACjE;AACL"}

package/lib/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const resetProject: (rootDir: string) => void;

package/lib/utils/index.mjs

@@ -0,0 +1,8 @@
+import*as fs from'node:fs';const resetProject = (rootDir) => {
+    if (fs.existsSync(`${rootDir}/project.json`)) {
+        fs.unlinkSync(`${rootDir}/project.json`);
+    }
+    if (fs.existsSync(`${rootDir}/src`)) {
+        fs.rmSync(`${rootDir}/src`, { recursive: true, force: true });
+    }
+};export{resetProject};//# sourceMappingURL=index.mjs.map

package/lib/utils/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/utils/index.ts"],"sourcesContent":[null],"names":[],"mappings":"2BAEa,MAAA,YAAY,GAAG,CAAC,OAAe,KAAI;IAC5C,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,OAAO,CAAA,aAAA,CAAe,CAAC,EAAE;AAC1C,QAAA,EAAE,CAAC,UAAU,CAAC,GAAG,OAAO,CAAA,aAAA,CAAe,CAAC,CAAC;KAC5C;IACD,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,OAAO,CAAA,IAAA,CAAM,CAAC,EAAE;AACjC,QAAA,EAAE,CAAC,MAAM,CAAC,CAAG,EAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;KACjE;AACL"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@common-stack/generate-plugin",
-    "version": "5.0.4-alpha.0",
+    "version": "5.0.4-alpha.11",
     "type": "module",
     "main": "./lib/index.mjs",
     "typings": "./lib/index.d.ts",
@@ -24,5 +24,5 @@
         "tslib": "^2.3.0"
     },
     "generators": "./generators.json",
-    "gitHead": "0861be852c850b9d89deb432252a0b849b085a4b"
+    "gitHead": "c7d1d652a22de1c57969724a587f90435c0e2fae"
 }

package/rollup.config.mjs

@@ -7,19 +7,28 @@ import copy from 'rollup-plugin-copy';
 // Define a base configuration for reuse
 const baseConfig = {
   plugins: [
-    image(),
+    image({
+      exclude: ['src/generators/add-frontend', 'src/generators/add-backend'],
+    }),
     graphql({
       include: '**/*.gql',
+      exclude: ['src/generators/add-frontend', 'src/generators/add-backend'],
     }),
     string({
       include: '**/*.graphql',
+      exclude: ['src/generators/add-frontend', 'src/generators/add-backend'],
+    }),
+    typescript({ 
+      noEmitOnError: true,
+      exclude: ['src/generators/add-frontend', 'src/generators/add-backend'],
     }),
-    typescript({ noEmitOnError: true }),
     copy({ 
       targets: [
-        { src: 'src/generators/add-entries/schema.json', dest: 'lib/generators/add-entries' },
-        { src: 'src/generators/add-entries/files/*', dest: 'lib/generators/add-entries/files' },
-        { src: 'src/generators/add-entries/entries/*', dest: 'lib/generators/add-entries/entries' },
+        { src: 'src/generators/add-frontend/schema.json', dest: 'lib/generators/add-frontend' },
+        { src: 'src/generators/add-frontend/templates/*', dest: 'lib/generators/add-frontend/templates' },
+        { src: 'src/generators/add-frontend/frameworks/*', dest: 'lib/generators/add-frontend/frameworks' },
+        { src: 'src/generators/add-backend/schema.json', dest: 'lib/generators/add-backend' },
+        { src: 'src/generators/add-backend/files/*', dest: 'lib/generators/add-backend/files' },
       ],
       verbose: true,
     }),

package/src/generators/{add-entries → add-backend}/generator.spec.ts

@@ -1,19 +1,19 @@
 import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
 import { Tree, readProjectConfiguration } from '@nx/devkit';
 
-import { addEntriesGenerator } from './generator';
-import { AddEntriesGeneratorSchema } from './schema';
+import { addBackendGenerator } from './generator';
+import { AddBackendGeneratorSchema } from './schema';
 
-describe('add-entries generator', () => {
+describe('add-backend generator', () => {
     let tree: Tree;
-    const options: AddEntriesGeneratorSchema = { projectPath: '/' };
+    const options: AddBackendGeneratorSchema = { ns: 'test' };
 
     beforeEach(() => {
         tree = createTreeWithEmptyWorkspace();
     });
 
     it('should run successfully', async () => {
-        await addEntriesGenerator(tree, options);
+        await addBackendGenerator(tree, options);
         const config = readProjectConfiguration(tree, 'test');
         expect(config).toBeDefined();
     });

package/src/generators/add-backend/generator.ts

@@ -0,0 +1,30 @@
+import { addProjectConfiguration, formatFiles, generateFiles, Tree, updateJson } from '@nx/devkit';
+import * as path from 'path';
+import { AddBackendGeneratorSchema } from './schema';
+import { resetProject } from '../../utils';
+
+export async function addBackendGenerator(tree: Tree, options: AddBackendGeneratorSchema) {
+    const basePath = process.cwd();
+    const projectName = options.ns ? `backend-${options.ns}-server` : 'backend-server';
+    const projectRoot = options.path ? `${options.path}${projectName}` : projectName;
+    const projectSrc = `${projectRoot}/src`;
+    
+    resetProject(`${basePath}/${projectRoot}`);
+    
+    // addProjectConfiguration(tree, framework, {
+    //     root: projectRoot,
+    //     projectType: 'library',
+    //     sourceRoot: projectSrc,
+    //     targets: {},
+    // });
+    
+    generateFiles(tree, path.join(__dirname, 'files'), projectRoot, {});
+    updateJson(tree, `${projectRoot}/package.json`, (packageJson) => {
+        packageJson['name'] = projectName;
+        return packageJson;
+    });
+    
+    await formatFiles(tree);
+}
+
+export default addBackendGenerator;

package/src/generators/add-backend/schema.d.ts

@@ -0,0 +1,4 @@
+export interface AddBackendGeneratorSchema {
+    ns: string;
+    path?: string;
+}

package/src/generators/add-backend/schema.json

@@ -0,0 +1,17 @@
+{
+    "$schema": "https://json-schema.org/schema",
+    "$id": "AddBackend",
+    "title": "",
+    "type": "object",
+    "properties": {
+        "ns": {
+            "type": "string",
+            "description": "The project namespace"
+        },
+        "path": {
+            "type": "string",
+            "description": "The project path ex: \"servers/\", default: \"/\""
+        }
+    },
+    "required": ["ns"]
+}

package/src/generators/add-frontend/generator.spec.ts

@@ -0,0 +1,20 @@
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import { Tree, readProjectConfiguration } from '@nx/devkit';
+
+import { addFrontendGenerator } from './generator';
+import { AddFrontendGeneratorSchema } from './schema';
+
+describe('add-frontend generator', () => {
+    let tree: Tree;
+    const options: AddFrontendGeneratorSchema = { ns: 'test' };
+
+    beforeEach(() => {
+        tree = createTreeWithEmptyWorkspace();
+    });
+
+    it('should run successfully', async () => {
+        await addFrontendGenerator(tree, options);
+        const config = readProjectConfiguration(tree, 'test');
+        expect(config).toBeDefined();
+    });
+});

package/src/generators/add-frontend/generator.ts

@@ -0,0 +1,40 @@
+import { addProjectConfiguration, formatFiles, generateFiles, Tree, updateJson } from '@nx/devkit';
+import * as path from 'path';
+import { AddFrontendGeneratorSchema } from './schema';
+import { resetProject } from '../../utils';
+
+const DEFAULT_FRAMEWORK = 'antui';
+
+export async function addFrontendGenerator(tree: Tree, options: AddFrontendGeneratorSchema) {
+    const basePath = process.cwd();
+    const projectName = options.ns ? `frontend-${options.ns}-server` : 'frontend-server';
+    const projectRoot = options.path ? `${options.path}${projectName}` : projectName;
+    const projectSrc = `${projectRoot}/src`;
+    
+    const framework = options.framework || DEFAULT_FRAMEWORK;
+    console.log('UI framework specified: ', framework);
+    
+    resetProject(`${basePath}/${projectRoot}`);
+    
+    // addProjectConfiguration(tree, framework, {
+    //     root: projectRoot,
+    //     projectType: 'library',
+    //     sourceRoot: projectSrc,
+    //     targets: {},
+    // });
+    
+    generateFiles(tree, path.join(__dirname, 'templates'), projectRoot, {});
+    generateFiles(tree, path.join(__dirname, 'frameworks', framework), projectSrc, options);
+    updateJson(tree, `${projectRoot}/package.json`, (packageJson) => {
+        packageJson['name'] = projectName;
+        return packageJson;
+    });
+    updateJson(tree, `${projectRoot}/config.json`, (configJson) => {
+        configJson['uiFramework'] = framework;
+        return configJson;
+    });
+
+    await formatFiles(tree);
+}
+
+export default addFrontendGenerator;

package/src/generators/add-frontend/schema.d.ts

@@ -0,0 +1,5 @@
+export interface AddFrontendGeneratorSchema {
+    ns: string;
+    path?: string;
+    framework?: string;
+}

package/src/generators/add-frontend/schema.json

@@ -0,0 +1,21 @@
+{
+    "$schema": "https://json-schema.org/schema",
+    "$id": "AddFrontend",
+    "title": "",
+    "type": "object",
+    "properties": {
+        "ns": {
+            "type": "string",
+            "description": "The project namespace"
+        },
+        "path": {
+            "type": "string",
+            "description": "The project path ex: \"servers/\", default: \"/\""
+        },
+        "framework": {
+            "type": "string",
+            "description": "UI framework in [antui, chakraui]"
+        }
+    },
+    "required": ["ns"]
+}

package/src/index.ts

@@ -1,2 +1,2 @@
-export * from './generators/add-entries/generator';
-// export const schema = import('./generators/add-entries/schema.json');
+export * from './generators/add-frontend/generator';
+export * from './generators/add-backend/generator';

package/src/utils/index.ts

@@ -0,0 +1,10 @@
+import * as fs from 'node:fs';
+
+export const resetProject = (rootDir: string) => {
+    if (fs.existsSync(`${rootDir}/project.json`)) {
+        fs.unlinkSync(`${rootDir}/project.json`);
+    }
+    if (fs.existsSync(`${rootDir}/src`)) {
+        fs.rmSync(`${rootDir}/src`, { recursive: true, force: true });
+    }
+}