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

package/lib/generators/add-backend/files/webpack.config.mjs

@@ -0,0 +1,209 @@
+import 'source-map-support/register.js';
+import webpack from 'webpack';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import CopyWebpackPlugin from 'copy-webpack-plugin';
+import { CleanWebpackPlugin } from 'clean-webpack-plugin';
+import nodeExternals from 'webpack-node-externals';
+import Dotenv from 'dotenv-webpack';
+import NodemonPlugin from 'nodemon-webpack-plugin';
+import EnvListPlugin from '@common-stack/env-list-loader';
+import buildConfig from './build.config.mjs';
+
+const modulenameExtra = process.env.BUILD_MODULE_TO_INCLUDE ? `${process.env.BUILD_MODULE_TO_INCLUDE}|` : '';
+let modulenameRegex;
+
+// Get the directory name of the current module
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+
+try {
+    modulenameRegex = new RegExp(
+        `(${modulenameExtra}ts-invariant|webpack/hot/poll)|(\\.(css|less|scss|png|ico|jpg|gif|xml|woff|woff2|otf|ttf|eot|svg)(\\?[0-9a-z]+)?$)`,
+    );
+    console.log('Module Name Regex: ', modulenameRegex);
+} catch (error) {
+    console.error('Error creating regex for module name: ', error);
+}
+
+if (process.env.BUILD_MODULE_TO_INCLUDE) {
+    console.log('Build Module to include (BUILD_MODULE_TO_INCLUDE): ', process.env.BUILD_MODULE_TO_INCLUDE);
+} else {
+    console.log('BUILD_MODULE_TO_INCLUDE is not set.');
+}
+
+const config = {
+    entry: {
+        // index: (process.env.NODE_ENV !== 'production' ? ['webpack/hot/poll?200'] : []).concat([
+        //     // 'raf/polyfill',
+        //     './src/index.ts',
+        // ]),
+        server: {
+            import: './src/index.ts',
+            /*
+             * This prevents code-splitting of async imports into separate chunks.
+             * We can't allow that for the server, because Webpack will duplicate
+             * certain modules that must be shared into each chunk (context,
+             * gettext, DBDefs, linkedEntities, ...).
+             */
+            chunkLoading: false,
+          },
+    },
+    name: 'server',
+    module: {
+        rules: [
+            {
+                test: /\.(png|ico|jpg|gif|xml)$/,
+                use: { loader: 'url-loader', options: { name: '[hash].[ext]', limit: 100000 } },
+            },
+            {
+                test: /\.woff(2)?(\?[0-9a-z]+)?$/,
+                use: { loader: 'url-loader', options: { name: '[hash].[ext]', limit: 100000 } },
+            },
+            {
+                test: /\.(otf|ttf|eot|svg)(\?[0-9a-z]+)?$/,
+                use: { loader: 'file-loader', options: { name: '[hash].[ext]' } },
+            },
+            {
+                test: /\.css$/,
+                use: [
+                    { loader: 'isomorphic-style-loader' },
+                    { loader: 'css-loader', options: { sourceMap: true } },
+                    { loader: 'postcss-loader', options: { sourceMap: true } },
+                ],
+            },
+            {
+                test: /\.scss$/,
+                use: [
+                    { loader: 'isomorphic-style-loader' },
+                    { loader: 'css-loader', options: { sourceMap: true } },
+                    { loader: 'postcss-loader', options: { sourceMap: true } },
+                    { loader: 'sass-loader', options: { sourceMap: true } },
+                ],
+            },
+            {
+                test: /\.less$/,
+                use: [
+                    { loader: 'isomorphic-style-loader' },
+                    { loader: 'css-loader', options: { sourceMap: true } },
+                    { loader: 'postcss-loader', options: { sourceMap: true } },
+                    { loader: 'less-loader', options: { javascriptEnabled: true, sourceMap: true } },
+                ],
+            },
+            { test: /\.graphqls/, use: { loader: 'raw-loader' } },
+            { test: /\.(graphql|gql)$/, use: [{ loader: 'graphql-tag/loader' }] },
+            // {
+            //     test: /\.[tj]sx?$/,
+            //     use: {
+            //         loader: 'babel-loader',
+            //         options: { babelrc: true, rootMode: 'upward-optional' },
+            //     },
+            // },
+            {
+                test: /\.tsx?$/, // for TypeScript
+                loader: 'esbuild-loader',
+                options: {
+                    loader: 'tsx', // Or 'ts' for TypeScript without JSX
+                    target: 'es2015', // Specify ECMAScript target version
+                },
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.jsx?$/, // for JavaScript
+                loader: 'esbuild-loader',
+                options: {
+                    loader: 'jsx', // Or 'js' for plain JavaScript
+                    target: 'es2015',
+                },
+                exclude: /node_modules/,
+            },
+            {
+                // searches for files ends with <dir>/config/env-config.js or <dir>/config/public-config.js
+                test: /config\/(env-config|public-config)\.(j|t)s/,
+                use: {
+                    loader: '@common-stack/env-list-loader',
+                },
+            },
+            { test: /locales/, use: { loader: '@alienfast/i18next-loader' } },
+        ],
+        unsafeCache: false,
+    },
+    resolve: {
+        symlinks: true,
+        cacheWithContext: false,
+        unsafeCache: false,
+        extensions: [
+            '.web.mjs',
+            '.web.js',
+            '.web.jsx',
+            '.web.ts',
+            '.web.tsx',
+            '.mjs',
+            '.js',
+            '.jsx',
+            '.ts',
+            '.tsx',
+            '.json',
+        ],
+    },
+    watchOptions: { ignored: /dist/ },
+    output: {
+        pathinfo: false,
+        filename: 'index.js',
+        path: path.join(__dirname, 'dist'),
+        // publicPath: '/',
+        sourceMapFilename: '[name].[chunkhash].js.map',
+        module: true, // Enable outputting ESM
+        library: {
+            type: 'module' // Specify library target as module
+        }
+    },
+    devtool: process.env.NODE_ENV === 'production' ? 'nosources-source-map' : 'cheap-module-source-map',
+    mode: process.env.NODE_ENV || 'development',
+    performance: { hints: false },
+    plugins: (process.env.NODE_ENV !== 'production'
+        ? [
+              //   new Dotenv(),
+              new webpack.HotModuleReplacementPlugin(),
+              new NodemonPlugin({ script: './dist/index.js' }),
+          ]
+        : []
+    ).concat([
+        // The plugin lists the environment that required as well recommendation about the keys used.
+        new EnvListPlugin.Plugin(),
+        new CleanWebpackPlugin({ cleanOnceBeforeBuildPatterns: ['dist'] }),
+        new webpack.DefinePlugin(
+            Object.assign(
+                ...Object.entries(buildConfig).map(([k, v]) => ({
+                    [k]: typeof v !== 'string' ? v : `"${v.replace(/\\/g, '\\\\')}"`,
+                })),
+            ),
+        ),
+        // new CopyWebpackPlugin({
+        //     patterns: [
+        //         {
+        //             from: '../../tools/esm-wrapper.js',
+        //             to: 'index.js',
+        //         },
+        //     ],
+        // }),
+    ]),
+    target: 'node18',
+    experiments: {
+        outputModule: true
+    },
+    externals: [
+        nodeExternals(),
+        nodeExternals({
+            modulesDir: path.resolve(__dirname, '../../node_modules'),
+            allowlist: [modulenameRegex],
+        }),
+    ],
+    optimization: {
+        concatenateModules: false,
+        minimize: false,
+    },
+    // node: { __dirname: true, __filename: true },
+};
+
+export default config;

package/lib/generators/add-backend/generator.cjs

@@ -0,0 +1,20 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),devkit=require('@nx/devkit'),path=require('path'),index=require('../../utils/index.cjs');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 path__namespace=/*#__PURE__*/_interopNamespaceDefault(path);function addBackendGenerator(tree, options) {
+    return tslib.__awaiter(this, void 0, void 0, function* () {
+        const basePath = process.cwd();
+        const projectName = options.ns ? `backend-${options.ns}-server` : 'backend-server';
+        const projectRoot = options.path ? `${options.path}${projectName}` : projectName;
+        index.resetProject(`${basePath}/${projectRoot}`);
+        // addProjectConfiguration(tree, framework, {
+        //     root: projectRoot,
+        //     projectType: 'library',
+        //     sourceRoot: projectSrc,
+        //     targets: {},
+        // });
+        devkit.generateFiles(tree, path__namespace.join(__dirname, 'files'), projectRoot, {});
+        devkit.updateJson(tree, `${projectRoot}/package.json`, (packageJson) => {
+            packageJson['name'] = projectName;
+            return packageJson;
+        });
+        yield devkit.formatFiles(tree);
+    });
+}exports.addBackendGenerator=addBackendGenerator;exports.default=addBackendGenerator;//# sourceMappingURL=generator.cjs.map

package/lib/generators/add-backend/generator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.cjs","sources":["../../../src/generators/add-backend/generator.ts"],"sourcesContent":[null],"names":["resetProject","generateFiles","path","updateJson","formatFiles"],"mappings":"whBAKsB,SAAA,mBAAmB,CAAC,IAAU,EAAE,OAAkC,EAAA;;AACpF,QAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;AAC/B,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,GAAG,CAAW,QAAA,EAAA,OAAO,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,gBAAgB,CAAC;AACnF,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,GAAG,CAAA,EAAG,OAAO,CAAC,IAAI,GAAG,WAAW,CAAA,CAAE,GAAG,WAAW,CAAC;AAGjF,QAAAA,kBAAY,CAAC,CAAG,EAAA,QAAQ,IAAI,WAAW,CAAA,CAAE,CAAC,CAAC;;;;;;;AAS3C,QAAAC,oBAAa,CAAC,IAAI,EAAEC,eAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC;QACpEC,iBAAU,CAAC,IAAI,EAAE,CAAG,EAAA,WAAW,eAAe,EAAE,CAAC,WAAW,KAAI;AAC5D,YAAA,WAAW,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC;AAClC,YAAA,OAAO,WAAW,CAAC;AACvB,SAAC,CAAC,CAAC;AAEH,QAAA,MAAMC,kBAAW,CAAC,IAAI,CAAC,CAAC;KAC3B,CAAA,CAAA;AAAA"}

package/lib/generators/add-backend/generator.d.ts

@@ -0,0 +1,4 @@
+import { Tree } from '@nx/devkit';
+import { AddBackendGeneratorSchema } from './schema';
+export declare function addBackendGenerator(tree: Tree, options: AddBackendGeneratorSchema): Promise<void>;
+export default addBackendGenerator;

package/lib/generators/add-backend/generator.mjs

@@ -0,0 +1,20 @@
+import {__awaiter}from'tslib';import {generateFiles,updateJson,formatFiles}from'@nx/devkit';import*as path from'path';import {resetProject}from'../../utils/index.mjs';function addBackendGenerator(tree, options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const basePath = process.cwd();
+        const projectName = options.ns ? `backend-${options.ns}-server` : 'backend-server';
+        const projectRoot = options.path ? `${options.path}${projectName}` : projectName;
+        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;
+        });
+        yield formatFiles(tree);
+    });
+}export{addBackendGenerator,addBackendGenerator as default};//# sourceMappingURL=generator.mjs.map

package/lib/generators/add-backend/generator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.mjs","sources":["../../../src/generators/add-backend/generator.ts"],"sourcesContent":[null],"names":[],"mappings":"uKAKsB,SAAA,mBAAmB,CAAC,IAAU,EAAE,OAAkC,EAAA;;AACpF,QAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;AAC/B,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,GAAG,CAAW,QAAA,EAAA,OAAO,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,gBAAgB,CAAC;AACnF,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,GAAG,CAAA,EAAG,OAAO,CAAC,IAAI,GAAG,WAAW,CAAA,CAAE,GAAG,WAAW,CAAC;AAGjF,QAAA,YAAY,CAAC,CAAG,EAAA,QAAQ,IAAI,WAAW,CAAA,CAAE,CAAC,CAAC;;;;;;;AAS3C,QAAA,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC;QACpE,UAAU,CAAC,IAAI,EAAE,CAAG,EAAA,WAAW,eAAe,EAAE,CAAC,WAAW,KAAI;AAC5D,YAAA,WAAW,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC;AAClC,YAAA,OAAO,WAAW,CAAC;AACvB,SAAC,CAAC,CAAC;AAEH,QAAA,MAAM,WAAW,CAAC,IAAI,CAAC,CAAC;KAC3B,CAAA,CAAA;AAAA"}

package/lib/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/lib/generators/add-frontend/generator.cjs

@@ -0,0 +1,29 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),devkit=require('@nx/devkit'),path=require('path'),index=require('../../utils/index.cjs');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 path__namespace=/*#__PURE__*/_interopNamespaceDefault(path);const DEFAULT_FRAMEWORK = 'antui';
+function addFrontendGenerator(tree, options) {
+    return tslib.__awaiter(this, void 0, void 0, function* () {
+        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);
+        index.resetProject(`${basePath}/${projectRoot}`);
+        // addProjectConfiguration(tree, framework, {
+        //     root: projectRoot,
+        //     projectType: 'library',
+        //     sourceRoot: projectSrc,
+        //     targets: {},
+        // });
+        devkit.generateFiles(tree, path__namespace.join(__dirname, 'templates'), projectRoot, {});
+        devkit.generateFiles(tree, path__namespace.join(__dirname, 'frameworks', framework), projectSrc, options);
+        devkit.updateJson(tree, `${projectRoot}/package.json`, (packageJson) => {
+            packageJson['name'] = projectName;
+            return packageJson;
+        });
+        devkit.updateJson(tree, `${projectRoot}/config.json`, (configJson) => {
+            configJson['uiFramework'] = framework;
+            return configJson;
+        });
+        yield devkit.formatFiles(tree);
+    });
+}exports.addFrontendGenerator=addFrontendGenerator;exports.default=addFrontendGenerator;//# sourceMappingURL=generator.cjs.map

package/lib/generators/add-frontend/generator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.cjs","sources":["../../../src/generators/add-frontend/generator.ts"],"sourcesContent":[null],"names":["resetProject","generateFiles","path","updateJson","formatFiles"],"mappings":"whBAKA,MAAM,iBAAiB,GAAG,OAAO,CAAC;AAEZ,SAAA,oBAAoB,CAAC,IAAU,EAAE,OAAmC,EAAA;;AACtF,QAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;AAC/B,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,GAAG,CAAY,SAAA,EAAA,OAAO,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,iBAAiB,CAAC;AACrF,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,GAAG,CAAA,EAAG,OAAO,CAAC,IAAI,GAAG,WAAW,CAAA,CAAE,GAAG,WAAW,CAAC;AACjF,QAAA,MAAM,UAAU,GAAG,CAAG,EAAA,WAAW,MAAM,CAAC;AAExC,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,iBAAiB,CAAC;AACzD,QAAA,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,SAAS,CAAC,CAAC;AAEnD,QAAAA,kBAAY,CAAC,CAAG,EAAA,QAAQ,IAAI,WAAW,CAAA,CAAE,CAAC,CAAC;;;;;;;AAS3C,QAAAC,oBAAa,CAAC,IAAI,EAAEC,eAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC;AACxE,QAAAD,oBAAa,CAAC,IAAI,EAAEC,eAAI,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;QACxFC,iBAAU,CAAC,IAAI,EAAE,CAAG,EAAA,WAAW,eAAe,EAAE,CAAC,WAAW,KAAI;AAC5D,YAAA,WAAW,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC;AAClC,YAAA,OAAO,WAAW,CAAC;AACvB,SAAC,CAAC,CAAC;QACHA,iBAAU,CAAC,IAAI,EAAE,CAAG,EAAA,WAAW,cAAc,EAAE,CAAC,UAAU,KAAI;AAC1D,YAAA,UAAU,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;AACtC,YAAA,OAAO,UAAU,CAAC;AACtB,SAAC,CAAC,CAAC;AAEH,QAAA,MAAMC,kBAAW,CAAC,IAAI,CAAC,CAAC;KAC3B,CAAA,CAAA;AAAA"}

package/lib/generators/add-frontend/generator.d.ts

@@ -0,0 +1,4 @@
+import { Tree } from '@nx/devkit';
+import { AddFrontendGeneratorSchema } from './schema';
+export declare function addFrontendGenerator(tree: Tree, options: AddFrontendGeneratorSchema): Promise<void>;
+export default addFrontendGenerator;

package/lib/generators/add-frontend/generator.mjs

@@ -0,0 +1,29 @@
+import {__awaiter}from'tslib';import {generateFiles,updateJson,formatFiles}from'@nx/devkit';import*as path from'path';import {resetProject}from'../../utils/index.mjs';const DEFAULT_FRAMEWORK = 'antui';
+function addFrontendGenerator(tree, options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        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;
+        });
+        yield formatFiles(tree);
+    });
+}export{addFrontendGenerator,addFrontendGenerator as default};//# sourceMappingURL=generator.mjs.map

package/lib/generators/add-frontend/generator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.mjs","sources":["../../../src/generators/add-frontend/generator.ts"],"sourcesContent":[null],"names":[],"mappings":"uKAKA,MAAM,iBAAiB,GAAG,OAAO,CAAC;AAEZ,SAAA,oBAAoB,CAAC,IAAU,EAAE,OAAmC,EAAA;;AACtF,QAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;AAC/B,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,GAAG,CAAY,SAAA,EAAA,OAAO,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,iBAAiB,CAAC;AACrF,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,GAAG,CAAA,EAAG,OAAO,CAAC,IAAI,GAAG,WAAW,CAAA,CAAE,GAAG,WAAW,CAAC;AACjF,QAAA,MAAM,UAAU,GAAG,CAAG,EAAA,WAAW,MAAM,CAAC;AAExC,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,iBAAiB,CAAC;AACzD,QAAA,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,SAAS,CAAC,CAAC;AAEnD,QAAA,YAAY,CAAC,CAAG,EAAA,QAAQ,IAAI,WAAW,CAAA,CAAE,CAAC,CAAC;;;;;;;AAS3C,QAAA,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC;AACxE,QAAA,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;QACxF,UAAU,CAAC,IAAI,EAAE,CAAG,EAAA,WAAW,eAAe,EAAE,CAAC,WAAW,KAAI;AAC5D,YAAA,WAAW,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC;AAClC,YAAA,OAAO,WAAW,CAAC;AACvB,SAAC,CAAC,CAAC;QACH,UAAU,CAAC,IAAI,EAAE,CAAG,EAAA,WAAW,cAAc,EAAE,CAAC,UAAU,KAAI;AAC1D,YAAA,UAAU,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;AACtC,YAAA,OAAO,UAAU,CAAC;AACtB,SAAC,CAAC,CAAC;AAEH,QAAA,MAAM,WAAW,CAAC,IAAI,CAAC,CAAC;KAC3B,CAAA,CAAA;AAAA"}

package/lib/generators/add-frontend/generator.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/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/lib/generators/add-frontend/templates/Dockerfile

@@ -0,0 +1,30 @@
+# The official nodejs docker image
+FROM node:18.20-bullseye
+ENV PYTHON /usr/bin/python
+
+# Copy package.json only to temp folder, install its dependencies,
+# set workdir and copy the dependnecies there
+# This way, dependnecies are cached without the need of cacheing all files.
+
+COPY .npmrc /tmp/.npmrc  
+ADD package.json /tmp/package.json
+RUN set -ex \
+	&& cd /tmp \
+	&& npm install -g node-gyp \
+	&& yarn config set network-timeout 300000 \
+	&& yarn install \
+	&& rm -f /tmp/.npmrc \
+	&& mkdir -p /home/app \
+	&& cp -a /tmp/node_modules /home/app/ \
+	&& rm -Rf /tmp/*
+
+
+WORKDIR /home/app
+
+# Copy the rest of the files to the container workdir
+ADD . /home/app
+
+ENV PORT=3000
+EXPOSE ${PORT}
+
+CMD ["yarn", "start"]

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

@@ -0,0 +1,28 @@
+{
+  "output": "./e2e/output",
+  "helpers": {
+    "Puppeteer": {
+      "show": true,
+      "url": "http://localhost:3000"
+    }
+  },
+  "include": {
+    "I": "./e2e/steps_file.js",
+    "loginPage": "./e2e/pages/Login.js",
+    "dashboardPage": "./e2e/pages/Dashboard.js",
+    "workspaceFormPage": "./e2e/pages/WorkspaceForm.js"
+  },
+  "mocha": {},
+  "bootstrap": false,
+  "teardown": null,
+  "hooks": [],
+  "gherkin": {},
+  "plugins": {
+    "screenshotOnFail": {
+      "enabled": true
+    }
+  },
+  "tests": "./e2e/**/*_test.js",
+  "timeout": 10000,
+  "name": "frontend-server"
+}

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

@@ -0,0 +1,58 @@
+{
+    "commonPaths": {
+    },
+    "copyOperations": [
+    ],
+    "i18n": {
+      "enabled": true,
+      "fallbackLng": "en",
+      "supportedLngs": [
+        "en",
+        "de",
+        "es"
+      ],
+      "defaultNS": "common",
+      "react": {
+        "useSuspense": false
+      },
+      "backend": {
+        "loadPath": "/cdm-locales/{{lng}}/{{ns}}.json",
+        "loadServerPath": "./public/cdm-locales/{{lng}}/{{ns}}.json"
+      },
+      "packages": [
+      ]
+    },
+    "modules": [
+      "@admin-layout/ant-design-pro",
+      "@adminide-stack/account-api-browser",
+      "@adminide-stack/extension-module-browser",
+      "@adminide-stack/user-auth0-browser",
+      "@adminide-stack/user-auth0-browser-ant",
+      "@adminide-stack/billing-api-browser",
+      "@adminide-stack/registry-api-browser",
+      "@adminide-stack/git-api-browser",
+      "@adminide-stack/project-mgmt-browser",
+      "@adminide-stack/integration-api-client",
+      "@adminide-stack/marketplace-module-browser"
+    ],
+    "paths": {
+      "lifecycleMiddleware": "@adminide-stack/platform-client/lib/middleware/lifecycleMiddleware.js"
+    },
+    "buildConfig": {
+      "__CLIENT__": false,
+      "__SERVER__": true,
+      "__DEV__": false,
+      "__TEST__": false,
+      "__CDN_URL__": "",
+      "__GRAPHQL_URL__": "http://localhost:8080/graphql",
+      "__DEBUGGING__": false,
+      "__SSR__": true,
+      "__API_URL__": "/graphql",
+      "__FRONTEND_BUILD_DIR__": "./dist/client",
+      "__WEB_DEV_SERVER_PORT__": 3000,
+      "__GRAPHQL_ENDPOINT__": "/graphql",
+      "__LOCAL_SERVER_HOST__": "localhost",
+      "__BACKEND_URL__": "http://localhost:3000"
+    }
+  }
+  

package/lib/generators/add-frontend/templates/env.d.ts.template

@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+/// <reference types="@remix-run/node" />
+
+interface Window {
+  __ENV__: any,
+  __APOLLO_STATE__: any,
+  __PRELOADED_STATE__: any,
+  __SLOT_FILLS__: any,
+}

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

@@ -0,0 +1,5 @@
+/* eslint-disable jest/require-hook */
+import * as dotenv from 'dotenv-esm';
+if (process.env.ENV_FILE) {
+    dotenv.config({ path: process.env.ENV_FILE });
+}

package/lib/generators/add-frontend/templates/jest.config.js

@@ -0,0 +1,33 @@
+const base = require('../../jest.config.base');
+const packageJson = require('./package');
+const merge = require('merge')
+const baseConfig = require('../../jest.config.base');
+const mongodbConfig = require('../../jest.config.mongodb');
+
+const mergeData = merge.recursive(
+    baseConfig,
+    {
+        "transform": {
+            "\\.(js|jsx)?$": "../../transform.js",
+        },
+        moduleNameMapper: {
+            '^__mocks__/(.*)$': '<rootDir>/../../__mocks__/$1',
+            // we'll use commonjs version of lodash for tests 👌
+            // because we don't need to use any kind of tree shaking right?!
+            '^lodash-es$': '<rootDir>/../../node_modules/lodash/index.js',
+            '@adminide-stack\/core': '<rootDir>/../core/src/index.ts',
+        },
+        roots: [
+            // "src",
+            "loader"
+        ],
+    },
+    mongodbConfig,
+    {
+        globals: {
+
+        }
+    }
+);
+
+module.exports = mergeData;