@common-stack/generate-plugin 5.0.6-alpha.4 → 5.0.6-alpha.7

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

@@ -1,14 +1,22 @@
 import { addProjectConfiguration, formatFiles, generateFiles, Tree, updateJson } from '@nx/devkit';
 import * as path from 'path';
+import * as fs from 'node:fs';
+import { deepMerge } from '@common-stack/rollup-vite-utils/lib/utils/setupConfig.cjs';
 import { AddFrontendGeneratorSchema } from './schema';
 import { isValid, getValid } from '../../utils';
-import { FRAMEWORK_ANTUI, FRAMEWORK_CHAKRAUI } from '../../constants';
+import { FRAMEWORK_ANTUI, FRAMEWORK_CHAKRAUI, FRAMEWORK_TAILWINDUI } from '../../constants';
 
 const DEFAULT_FRAMEWORK = FRAMEWORK_ANTUI;
 
 export async function addFrontendGenerator(tree: Tree, options: AddFrontendGeneratorSchema) {
-    // const basePath = process.cwd();
     const projectName = isValid(options.ns) ? `frontend-${getValid(options.ns)}-server` : 'frontend-server';
+    const configs: any = {...options, name: projectName};
+
+    return await generateFrontend(tree, configs);
+}
+
+export const generateFrontend = async (tree: Tree, options: any) => {
+    const projectName = getValid(options.name) ?? 'frontend-server';
     const projectRoot = isValid(options.directory) ? `${getValid(options.directory)}/${projectName}` : projectName;
     const projectSrc = `${projectRoot}/src`;
     
@@ -32,10 +40,19 @@ export async function addFrontendGenerator(tree: Tree, options: AddFrontendGener
             packageJson['dependencies']["@admin-layout/ant-design-pro"] = "latest";
             packageJson['dependencies']["@admin-layout/ant-ui"] = "latest";
             packageJson['dependencies']["@adminide-stack/user-auth0-browser-ant"] = "latest";
+            packageJson['dependencies']["@ant-design/pro-layout"] = "^7.6.1";
+            packageJson['dependencies']["@ant-design/static-style-extract"] = "^1.0.2";
+            packageJson['dependencies']["antd"] = "^5.14.0";
         } else if (framework === FRAMEWORK_CHAKRAUI) {
             packageJson['dependencies']["@admin-layout/chakra-design-pro"] = "latest";
             packageJson['dependencies']["@admin-layout/chakra-ui"] = "latest";
             packageJson['dependencies']["@adminide-stack/user-auth0-browser-chakra"] = "latest";
+            packageJson['dependencies']["@emotion/css"] = "^11.10.0";
+            packageJson['dependencies']["@emotion/styled"] = "^11.10.4";
+        } else if (framework === FRAMEWORK_TAILWINDUI) {
+            packageJson['devDependencies']["tailwindcss"] = "^3.4.10";
+            packageJson['devDependencies']["postcss"] = "^8.4.41";
+            packageJson['devDependencies']["autoprefixer"] = "^10.4.20";
         }
         
         return packageJson;
@@ -48,6 +65,11 @@ export async function addFrontendGenerator(tree: Tree, options: AddFrontendGener
             configJson['modules'].push("@admin-layout/chakra-design-pro");
         }
 
+        if (options['config.json']) {
+            const addtionalConfigs = options['config.json'];
+            configJson = deepMerge(configJson, addtionalConfigs);
+        }
+
         return configJson;
     });
 

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

@@ -17,7 +17,7 @@
         "framework": {
             "type": "string",
             "description": "",
-            "x-prompt": "What UI framework would you like to use in [antui, chakraui]?"
+            "x-prompt": "What UI framework would you like to use in [antui, chakraui, tailwindui]?"
         }
     },
     "required": ["ns", "directory", "framework"]

package/src/generators/add-fullstack/files/jest-mongodb-config.js

@@ -1,10 +1,11 @@
 module.exports = {
     mongodbMemoryServerOptions: {
       instance: {
-        dbName: 'jest'
+        dbName: 'jest',
+        storageEngine: 'wiredTiger',
       },
       binary: {
-        version: '4.0.12', // Version of MongoDB
+        version: '4.0.27', // Version of MongoDB
         skipMD5: true
       },
       autoStart: false

package/src/generators/add-fullstack/files/jest.config copy.js

@@ -0,0 +1,27 @@
+const merge = require('merge')
+const baseConfig = require('./jest.config.base');
+const mongodbConfig = require('./jest.config.mongodb')
+module.exports = merge.recursive(
+    baseConfig,
+    mongodbConfig,
+    {
+        globals: {
+
+        }
+    }, {
+    moduleDirectories: [
+        "node_modules",
+        "packages/adminide-core",
+    ],
+}
+    // https://baltuta.eu/posts/typescript-lerna-monorepo-more-tools 
+    // {
+    //     roots: ['<rootDir>'],
+    //     projects: [
+    //         '<rootDir>/packages/ui',
+    //         '<rootDir>/packages/api',
+    //         '<rootDir>/packages/diceroll'
+    //     ],
+    // }
+
+);

package/src/generators/add-fullstack/files/jest.config.base.js

@@ -2,6 +2,45 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const { defaults } = require('jest-config');
 
+const packagesToTransform = [
+    '@apollo/client',
+    '@common-stack/client-core',
+    '@common-stack/client-react',
+    '@common-stack/core',
+    '@admin-layout/client',
+    '@common-stack/components-pro',
+    '@common-stack/server-core',
+    '@common-stack/cache-api-server',
+    '@common-stack/remix-router-redux',
+    '@cdmbase/redux-auth-wrapper',
+    '@cdmbase/remix-redis-session',
+    '@cdm-logger/server',
+    '@cdm-logger/core',
+    '@cdm-logger/client',
+    '@files-stack/server-core',
+    '@vscode-alt/monaco-editor',
+    '@workbench-stack/core',
+    '@workbench-stack/platform-server',
+    'abortable-rx',
+    'lodash-es',
+    'sort-keys',
+    'is-plain-obj',
+    'query-string',
+    'decode-uri-component',
+    'split-on-first',
+    'filter-obj',
+    'react-dnd-html5-backend',
+    'react-sortable-tree',
+    'react-dnd',
+    'dnd-core',
+];
+
+const generateTransformIgnorePattern = (packages) => {
+    const escapedPackages = packages.map((pkg) => pkg.replace(/\//g, '\\/'));
+    return `/node_modules/(?!(${escapedPackages.join('|')})/).+\\.js$`;
+};
+const transformIgnorePattern = generateTransformIgnorePattern(packagesToTransform);
+
 module.exports = {
     testEnvironment: 'node',
     setupFiles: [
@@ -10,11 +49,11 @@ module.exports = {
     ],
     preset: 'ts-jest',
     testMatch: null,
-    testRegex: '.*test*\\.(ts|tsx|js)$',
-    testPathIgnorePatterns: ['/node_modules/', '/dist/'],
+    testRegex: '.*test\\.(ts|tsx|js)$',
+    testPathIgnorePatterns: ['/node_modules/', '/lib', '/dist/'],
     transform: {
         '\\.(gql)$': 'jest-transform-graphql',
-        '\\.(graphql|graphqls)$': 'jest-raw-loader',
+        '\\.(graphql|graphqls)$': '@glen/jest-raw-loader',
         '\\.(ts|tsx)$': 'ts-jest',
         // Use our custom transformer only for the *.js and *.jsx files
         '\\.(js|jsx)?$': './transform.js',
@@ -39,7 +78,7 @@ module.exports = {
         // because we don't need to use any kind of tree shaking right?!
         '^lodash-es$': '<rootDir>/node_modules/lodash/index.js',
     },
-    transformIgnorePatterns: ['/node_modules/(?!(babel-runtime|antd)).*/', '<rootDir>/node_modules/(?!lodash-es/.*)'],
+    transformIgnorePatterns: [transformIgnorePattern],
     clearMocks: true,
     verbose: true,
     // projects: ['<rootDir>'], // TODO need to test with it https://github.com/bryan-hunter/yarn-workspace-lerna-monorepo/blob/master/jest.config.base.js

package/src/generators/add-fullstack/files/jest.config.base.mjs

@@ -0,0 +1,99 @@
+/* eslint-disable import/no-extraneous-dependencies */
+/* eslint-disable @typescript-eslint/no-var-requires */
+import { defaults } from 'jest-config';
+
+const packagesToTransform = [
+    '@apollo/client',
+    '@apollo/server',
+    '@graphql-tools/schema',
+    '@graphql-tools/mock',
+    '@common-stack/client-core',
+    '@common-stack/client-react',
+    '@common-stack/core',
+    '@common-stack/server-core',
+    '@common-stack/cache-api-server',
+    '@common-stack/remix-router-redux',
+    '@common-stack/graphql-api',
+    '@cdmbase/graphql-type-uri',
+    '@cdm-logger/server',
+    '@cdm-logger/core',
+    '@cdm-logger/client',
+    '@files-stack/core',
+    '@files-stack/server-core',
+    '@vscode-alt/monaco-editor',
+    '@workbench-stack/core',
+    '@workbench-stack/platform-server',
+    'graphql',
+    'abortable-rx',
+    'lodash-es',
+    'sort-keys',
+    'is-plain-obj',
+    'query-string',
+    'decode-uri-component',
+    'split-on-first',
+    'filter-obj',
+    'react-dnd-html5-backend',
+    'react-sortable-tree',
+    'react-dnd',
+    'dnd-core',
+];
+
+const generateTransformIgnorePattern = (packages) => {
+    const escapedPackages = packages.map((pkg) => pkg.replace(/\//g, '\\/'));
+    return `/node_modules/(?!(${escapedPackages.join('|')})/).+\\.js$`;
+};
+const transformIgnorePattern = generateTransformIgnorePattern(packagesToTransform);
+
+export default {
+    testEnvironment: 'node',
+    setupFiles: [
+        // needed for UI to mock canvas load
+        // "jest-canvas-mock"
+    ],
+    extensionsToTreatAsEsm: ['.ts', '.tsx'],
+    preset: 'ts-jest',
+    testMatch: null,
+    testRegex: '.*test\\.(ts|tsx|js)$',
+    testPathIgnorePatterns: ['/node_modules/', '/lib', '/dist/'],
+    transform: {
+        '\\.(gql)$': 'jest-transform-graphql',
+        '\\.(graphql|graphqls)$': '@glen/jest-raw-loader',
+        '\\.(ts|tsx)$': 'ts-jest',
+        // // Use our custom transformer only for the *.js and *.jsx files
+        '\\.(js|jsx)?$': './transform.mjs',
+        // future need to test with
+        //  "^.+\\.(js|jsx|ts|tsx)$": "./transform.js",
+        '.+\\.(css|styl|less|sass|scss)$': 'jest-css-modules-transform',
+    },
+    roots: ['packages', 'packages-modules', 'servers'],
+    moduleFileExtensions: [
+        ...defaults.moduleFileExtensions,
+        'json',
+        'gql',
+        'graphql',
+    ],
+    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',
+    },
+    transformIgnorePatterns: [transformIgnorePattern],
+    clearMocks: true,
+    verbose: true,
+    // projects: ['<rootDir>'], // TODO need to test with it https://github.com/bryan-hunter/yarn-workspace-lerna-monorepo/blob/master/jest.config.base.js
+    coverageDirectory: '<rootDir>/coverage/',
+    coveragePathIgnorePatterns: ['<rootDir>/build/', '<rootDir>/lib/', '<rootDir>/dist/', '<rootDir>/node_modules/'],
+    globals: {
+        __BACKEND_URL__: 'http://localhost:3010',
+        __GRAPHQL_URL__: 'http://localhost:8085/graphql',
+        'ts-jest': {
+            // tsConfig: "<rootDir>/src/__tests__/tsconfig.json",
+            // https://github.com/kulshekhar/ts-jest/issues/766
+            diagnostics: {
+                warnOnly: true,
+            },
+            // "skipBabel": true
+        },
+    },
+};

package/src/generators/add-fullstack/files/jest.config.mongodb.mjs

@@ -0,0 +1,3 @@
+export default {
+    preset: '@shelf/jest-mongodb',
+};

package/src/generators/add-fullstack/files/lint-staged.config.js

@@ -1,4 +1,7 @@
 module.exports = {
     '*.{js,jsx,ts,tsx,json,md}': ['prettier --write', 'git add'],
     // '*.{ts,tsx}': ['eslint --fix'], // this can be tested
-};
+    'package.json': ['sort-package-json', 'prettier --write'],
+    '*/**/package.json': ['sort-package-json', 'prettier --write'],
+    '**/**/*/package.json': ['sort-package-json', 'prettier --write'],
+};

package/src/generators/add-fullstack/files/nx.json

@@ -1,20 +1,25 @@
 {
   "tasksRunnerOptions": {
-    "default": {
-      "runner": "nx/tasks-runners/default",
-      "options": {
-        "cacheableOperations": ["build"],
-        "runtimeCacheInputs": ["node --version"]
+      "default": {
+          "runner": "@nx-aws-plugin/nx-aws-cache",
+          "options": {
+              "runtimeCacheInputs": ["node --version"],
+              "awsAccessKeyId": "AKIAZTAIYK3K6FNPXYSD",
+              "awsSecretAccessKey": "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",
+              "awsRegion": "ca-central-1",
+              "awsBucket": "clockbook-screenshot"
+          }
       }
-    }
   },
   "targetDefaults": {
-    "build": {
-      "dependsOn": ["^build"],
-      "inputs": ["default", "^default", "{projectRoot}/src/**/*"]
-    },
-    "test": {
-      "dependsOn": ["build"]
-    }
+      "build": {
+          "dependsOn": ["^build"],
+          "inputs": ["default", "^default", "{projectRoot}/src/**/*"],
+          "cache": true,
+          "outputs": ["{projectRoot}/lib"]
+      },
+      "test": {
+          "dependsOn": ["^test"]
+      }
   }
 }

package/src/generators/add-fullstack/files/tools/cli/helpers/util.js

@@ -1,7 +1,7 @@
 const shell = require('shelljs');
 const fs = require('fs');
 const { pascalize, decamelize } = require('humps');
-const { startCase } = require('lodash');
+const { startCase } = require('lodash-es');
 const { BASE_PATH } = require('../config');
 
 /**

package/src/generators/add-fullstack/files/tools/deploy-cli/updateLernaVersion.js

@@ -24,7 +24,7 @@ function updateLernaJson(filePath, versionArg) {
         lernaConfig.version = `${majorVersion}.${minorVersion}.0`;
 
         // Update the allowBranch fields
-        const branchName = `devpublish${majorVersion}${minorVersion !== '0' ? '.' + minorVersion : ''}`;
+        const branchName = `devpublish${majorVersion}${minorVersion !== '0' ? '_' + minorVersion : ''}`;
         lernaConfig.command.publish.allowBranch.push(branchName);
         lernaConfig.command.version.allowBranch.push(branchName);
 

package/src/generators/add-fullstack/files/tools/html-plugin-template.ejs

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <base href="/">
+    <meta charset="utf-8">
+    <title>
+        <%= htmlWebpackPlugin.options.title %>
+    </title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+
+<body>
+    <div class="demo">
+        <div id="root">
+            Try building the demo:
+            <pre>
+        </pre> ...and refreshing this page!
+        </div>
+    </div>
+    <footer class="dark">
+        <section class="container copyright">
+            CDMBase LLC
+        </section>
+    </footer>
+</body>
+
+</html>

package/src/generators/add-fullstack/files/tools/prettier.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+    bracketSpacing: true,
+    printWidth: 120,
+    singleQuote: true,
+    tabWidth: 4,
+    trailingComma: 'all',
+    endOfLine: 'lf',
+};

package/src/generators/add-fullstack/files/tools/rollup/rollupPluginGenerateJson.mjs

@@ -0,0 +1,48 @@
+import { promisify } from 'util';
+import glob from 'glob';
+import fs from 'fs';
+import path from 'path';
+
+const globPromise = promisify(glob.glob); // Make sure to call .glob here
+
+export default function generateJsonFromSpecificFiles(options = {}) {
+    const {
+        pattern = '**/**/compute.js', // Pattern to match files
+        dist = 'lib', // Default output directory
+        outputFile = 'routes.json', // Output filename
+    } = options;
+
+    return {
+        name: 'aggregate-compute-routes',
+        async writeBundle() { // Changed from generateBundle to writeBundle
+            const files = await globPromise(path.join(dist, pattern), { absolute: true }); // Ensure paths are absolute
+            let allFilteredRoutes = [];
+
+            for (const file of files) {
+                try {
+                    // Dynamically import the JS file assuming it exports filteredRoutes
+                    const module = await import(file); // file is already absolute
+                    if (module.filteredRoutes) {
+                        const newRoutes = module.filteredRoutes.map((filteredRoute) => {
+                            let routConfig = Object.values(filteredRoute)[0];
+                            return { [routConfig.path]: routConfig };
+                        });
+                        allFilteredRoutes.push(...newRoutes);
+                    }
+                } catch (error) {
+                    this.warn(`Error importing ${file}: ${error}`);
+                }
+            }
+
+            // Ensure the dist directory exists
+            if (!fs.existsSync(dist)) {
+                fs.mkdirSync(dist, { recursive: true });
+            }
+
+            // Specify the output file path and write the aggregated filteredRoutes to a JSON file
+            const outputPath = path.join(dist, outputFile);
+            fs.writeFileSync(outputPath, JSON.stringify(allFilteredRoutes, null, 2), 'utf8');
+            console.log(`Aggregated filtered routes have been written to ${outputPath}`);
+        },
+    };
+}