@common-stack/generate-plugin 6.0.6-alpha.5 → 6.0.6-alpha.53

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

@@ -1,18 +1,22 @@
 import { addProjectConfiguration, formatFiles, generateFiles, Tree, updateJson } from '@nx/devkit';
 import * as path from 'path';
+import { deepMerge } from '@common-stack/rollup-vite-utils/lib/utils/setupConfig.cjs';
 import { AddBackendGeneratorSchema } from './schema';
 import { isValid, getValid } from '../../utils';
 
+const DEFAULT_SERVER_NAME = 'backend-server';
+
 export async function addBackendGenerator(tree: Tree, options: AddBackendGeneratorSchema) {
-    const projectName = isValid(options.ns) ? `backend-${getValid(options.ns)}-server` : 'backend-server';
+    const projectName = isValid(options.name) ? `backend-${getValid(options.name)}-server` : DEFAULT_SERVER_NAME;
     const configs: any = {...options, name: projectName};
 
     return await generateBackend(tree, configs);
 }
 
 export const generateBackend = async (tree: Tree, options: any) => {
-    const projectName = getValid(options.name) ?? 'backend-server';
+    let projectName = getValid(options.name) ?? DEFAULT_SERVER_NAME;
     const projectRoot = isValid(options.directory) ? `${getValid(options.directory)}/${projectName}` : projectName;
+    projectName = isValid(options.ns) ? `${getValid(options.ns)}-${projectName}` : projectName;
     // resetProject(`${basePath}/${projectRoot}`);
     
     // addProjectConfiguration(tree, framework, {
@@ -27,7 +31,14 @@ export const generateBackend = async (tree: Tree, options: any) => {
         packageJson['name'] = projectName;
         return packageJson;
     });
-    
+    if (options['config.json']) {
+        updateJson(tree, `${projectRoot}/config.json`, (configJson) => {
+            const addtionalConfigs = options['config.json'];
+            configJson = deepMerge(configJson, addtionalConfigs);
+        
+            return configJson;
+        });
+    }
     await formatFiles(tree);
 }
 

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

@@ -1,4 +1,5 @@
 export interface AddBackendGeneratorSchema {
     ns: string;
     directory: string;
+    name?: string;
 }

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

@@ -7,12 +7,17 @@
         "ns": {
             "type": "string",
             "description": "The project namespace",
-            "x-prompt": "What name would you like to use?"
+            "x-prompt": "What namespace would you like to use?"
         },
         "directory": {
             "type": "string",
             "description": "",
             "x-prompt": "What directory would you like to create in?"
+        },
+        "name": {
+            "type": "string",
+            "description": "The module name(optional)",
+            "x-prompt": "What name would you like to use for this backend server module?(optional)"
         }
     },
     "required": ["ns", "directory"]

package/src/generators/add-frontend/frameworks/antui/root.tsx.template

@@ -1,6 +1,6 @@
 import 'reflect-metadata';
 import * as React from 'react';
-import { Links, Meta, Outlet, Scripts, ScrollRestoration, useLoaderData, useRouteError, json } from '@remix-run/react';
+import { Links, Meta, Outlet, Scripts, ScrollRestoration, useRouteLoaderData, useRouteError, json } from '@remix-run/react';
 // @ts-ignore
 import publicEnv from '@src/config/public-config';
 import { PluginArea } from '@common-stack/client-react';
@@ -34,7 +34,7 @@ export function shouldRevalidate(params: any) {
 }
 
 export function Layout({ children }: { children: React.ReactNode }) {
-    const data = useLoaderData<{ locale: any}>();
+    const data = useRouteLoaderData<{ locale: any }>('root');
     const locale = data?.locale;
 
     const { i18n } = useTranslation();

package/src/generators/add-frontend/frameworks/chakraui/root.tsx.template

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import * as React from 'react';
 
-import { Links, Meta, Outlet, Scripts, ScrollRestoration, useLoaderData } from '@remix-run/react';
+import { Links, Meta, Outlet, Scripts, ScrollRestoration, useRouteLoaderData } from '@remix-run/react';
 import { json } from '@remix-run/node';
 import { PluginArea } from '@common-stack/client-react';
 import { subscribeReduxRouter } from '@common-stack/remix-router-redux';
@@ -79,8 +79,9 @@ export function shouldRevalidate(params: any) {
 }
 
 export default function App() {
-    // const { locale } = useLoaderData();
-    const locale = 'en';
+    const data = useRouteLoaderData<{ locale: any }>('root');
+    const locale = data?.locale;
+    
     useChangeLanguage(locale);
 
     React.useEffect(() => {

package/src/generators/add-frontend/frameworks/tailwindui/root.tsx.template

@@ -1,6 +1,6 @@
 import 'reflect-metadata';
 import * as React from 'react';
-import { Links, Meta, Outlet, Scripts, ScrollRestoration, useLoaderData, useRouteError, json } from '@remix-run/react';
+import { Links, Meta, Outlet, Scripts, ScrollRestoration, useRouteLoaderData, useRouteError, json } from '@remix-run/react';
 import type { LinksFunction } from "@remix-run/node";
 // @ts-ignore
 import publicEnv from '@src/config/public-config';
@@ -36,7 +36,7 @@ export function shouldRevalidate(params: any) {
 }
 
 export function Layout({ children }: { children: React.ReactNode }) {
-    const data = useLoaderData<{ locale: any }>();
+    const data = useRouteLoaderData<{ locale: any }>('root');
     const locale = data?.locale;
 
     const { i18n } = useTranslation();

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

@@ -4,20 +4,22 @@ 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, FRAMEWORK_TAILWINDUI } from '../../constants';
+import { FRAMEWORK_ANTUI, FRAMEWORK_CHAKRAUI, FRAMEWORK_TAILWINDUI } from '../../common/constants';
 
 const DEFAULT_FRAMEWORK = FRAMEWORK_ANTUI;
+const DEFAULT_SERVER_NAME = 'frontend-server';
 
 export async function addFrontendGenerator(tree: Tree, options: AddFrontendGeneratorSchema) {
-    const projectName = isValid(options.ns) ? `frontend-${getValid(options.ns)}-server` : 'frontend-server';
+    const projectName = isValid(options.name) ? `frontend-${getValid(options.name)}-server` : DEFAULT_SERVER_NAME;
     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';
+    let projectName = getValid(options.name) ?? DEFAULT_SERVER_NAME;
     const projectRoot = isValid(options.directory) ? `${getValid(options.directory)}/${projectName}` : projectName;
+    projectName = isValid(options.ns) ? `${getValid(options.ns)}-${projectName}` : projectName;
     const projectSrc = `${projectRoot}/src`;
     
     const framework = getValid(options.framework) ?? DEFAULT_FRAMEWORK;
@@ -38,17 +40,20 @@ export const generateFrontend = async (tree: Tree, options: any) => {
         packageJson['name'] = projectName;
         if (framework === FRAMEWORK_ANTUI) {
             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']["@emotion/react"] = "^11.10.0";
+            packageJson['dependencies']["@emotion/server"] = "^11.10.0"; 
+            packageJson['dependencies']["@emotion/css"] = "^11.10.0";
+            packageJson['dependencies']["@emotion/styled"] = "^11.10.4";
             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']["@chakra-ui/react"] = "^2.8.2";
+            packageJson['dependencies']["framer-motion"] = "^11.5.4"; 
+            packageJson['dependencies']["@emotion/react"] = "^11.10.0";
+            packageJson['dependencies']["@emotion/server"] = "^11.10.0"; 
             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";

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

@@ -2,4 +2,5 @@ export interface AddFrontendGeneratorSchema {
     ns: string;
     directory: string;
     framework?: string;
+    name?: string;
 }

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

@@ -7,18 +7,23 @@
         "ns": {
             "type": "string",
             "description": "The project namespace",
-            "x-prompt": "What name would you like to use?"
+            "x-prompt": "What namespace would you like to use?"
         },
         "directory": {
             "type": "string",
             "description": "",
             "x-prompt": "What directory would you like to create in?"
         },
+        "name": {
+            "type": "string",
+            "description": "The module name(optional)",
+            "x-prompt": "What name would you like to use for this frontend server module?(optional)"
+        },
         "framework": {
             "type": "string",
             "description": "",
-            "x-prompt": "What UI framework would you like to use in [antui, chakraui, tailwindui]?"
+            "x-prompt": "What UI framework would you like to use in [antui, chakraui, tailwindui]?(default: antui)"
         }
     },
-    "required": ["ns", "directory", "framework"]
+    "required": ["ns", "directory"]
 }

package/src/generators/add-fullstack/files/Jenkinsfile

@@ -13,23 +13,23 @@ pipeline {
     string(name: 'CONNECTION_ID', defaultValue: 'test', description: 'connection id', trim: true)
     string(name: 'WORKSPACE_ID', defaultValue: 'fullstack-pro', description: 'workspace id', trim: true)
     string(name: 'UNIQUE_NAME', defaultValue: 'default', description: 'chart name', trim: true)
-    string(name: 'VERSION', defaultValue: 'v3', description: 'version of the deployment', trim: true)
+    string(name: 'VERSION', defaultValue: 'v1', description: 'version of the deployment', trim: true)
     string(name: 'HEMERA_LOG_LEVEL', defaultValue: 'info', description: 'log level for hemera')
     string(name: 'LOG_LEVEL', defaultValue: 'info', description: 'log level')
     string(name: 'DEPLOYMENT_PATH', defaultValue: '/servers', description: 'folder path to load helm charts')
-    string(name: 'PUBLISH_BRANCH', defaultValue: 'devpublish3', description: 'the publish branch for packages release')
+    string(name: 'PUBLISH_BRANCH', defaultValue: 'devpublish', description: 'the publish branch for packages release')
     string(name: 'EXCLUDE_SETTING_NAMESPACE_FILTER', defaultValue: 'brigade', description: 'exclude setting namespace that matches search string')
     string(name: 'GIT_CREDENTIAL_ID', defaultValue: 'fullstack-pro-github-deploy-key', description: 'jenkins credential id of git deploy secret')
     string(name: 'BUILD_MODULE_TO_INCLUDE', defaultValue: '@sample-stack*', description: 'build env')
     string(name: 'REPOSITORY_SSH_URL', defaultValue: 'git@github.com:CDEBase/fullstack-pro.git', description: 'ssh url of the git repository')
-    string(name: 'REPOSITORY_BRANCH', defaultValue: 'develop3', description: 'the branch with changes')
-    string(name: 'DEVELOP_BRANCH', defaultValue: 'develop3', description: 'the branch for the development')
+    string(name: 'REPOSITORY_BRANCH', defaultValue: 'develop', description: 'the branch with changes')
+    string(name: 'DEVELOP_BRANCH', defaultValue: 'develop', description: 'the branch for the development')
     string(name: 'MASTER_BRANCH', defaultValue: 'master', description: 'Master branch as default branch for production.')
 
     // by default first value of the choice will be choosen
     choice choices: ['auto', 'force'], description: 'Choose merge strategy', name: 'NPM_PUBLISH_STRATEGY'
     choice choices: ['yarn', 'npm'], description: 'Choose build strategy', name: 'BUILD_STRATEGY'
-    choice choices: ['0.7.9','0.7.7', '0.6.0'], description: 'Choose Idestack chart version', name: 'IDESTACK_CHART_VERSION'
+    choice choices: ['0.7.11','0.7.9', '0.6.0'], description: 'Choose Idestack chart version', name: 'IDESTACK_CHART_VERSION'
     choice choices: ['nodejs20', 'nodejs18', 'nodejs22'], description: 'Choose NodeJS version', name: 'NODEJS_TOOL_VERSION'    
     choice choices: ['buildOnly', 'buildAndTest', 'buildAndPublish',  'mobileBuild', 'mobilePreview', 'mobilePreviewLocal', 'mobilePreviewSubmit', 'mobileProd', 'mobileProdSubmit', 'devDeployOnly', 'stageDeploy', 'stageDeployOnly', 'prodDeploy', 'prodDeployOnly', 'allenv'], description: 'Where to deploy micro services?', name: 'ENV_CHOICE'
     choice choices: ['all', 'ios', 'android' ], description: 'Mobile type if it is mobile build?', name: 'MOBILE_CHOICE'
@@ -100,9 +100,9 @@ pipeline {
             rm .npmrc
             npx lerna exec --scope=*mobile-device ${params.BUILD_STRATEGY} ${env.BUILD_COMMAND}
             git checkout -- .npmrc
+            yarn git:pull
             yarn gitcommit
-            git pull origin ${params.REPOSITORY_BRANCH}
-            git push origin ${params.REPOSITORY_BRANCH}
+            yarn git:push
           """
         }
       }

package/src/generators/add-fullstack/files/LICENSE-IST

@@ -0,0 +1,39 @@
+The CDEBase Enterprise license (the “Enterprise License”)
+Copyright (c) 2018 cdebase LLC.
+
+With regard to the CDEBase Software:
+
+This software and associated documentation files (the "Software") may only be
+used in production, if you (and any entity that you represent) have agreed to,
+and are in compliance with, the CDEBase Terms of Service, available
+at https://about.cdebase.com/terms (the “Enterprise Terms”), or other
+agreement governing the use of the Software, as agreed by you and CDEBase,
+and otherwise have a valid CDEBase Enterprise subscription for the
+correct number of user seats. Subject to the foregoing sentence, you are free to
+modify this Software and publish patches to the Software. You agree that CDEBase
+and/or its licensors (as applicable) retain all right, title and interest in and
+to all such modifications and/or patches, and all such modifications and/or
+patches may only be used, copied, modified, displayed, distributed, or otherwise
+exploited with a valid CDEBase Enterprise subscription for the correct
+number of user seats. Notwithstanding the foregoing, you may copy and modify
+the Software for development and testing purposes, without requiring a
+subscription. You agree that CDEBase and/or its licensors (as applicable) retain
+all right, title and interest in and to all such modifications. You are not
+granted any other rights beyond what is expressly stated herein. Subject to the
+foregoing, it is forbidden to copy, merge, publish, distribute, sublicense,
+and/or sell the Software.
+
+The full text of this Enterprise License shall be included in all copies or
+substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+For all third party components incorporated into the CDEBase Software, those
+components are licensed under the original license provided by the owner of the
+applicable component.

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

@@ -61,9 +61,9 @@
         "jest": "./node_modules/.bin/jest",
         "lerna": "lerna bootstrap",
         "prelernapublish": "git checkout publish && git pull origin publish  && git merge -s recursive -X theirs master  -m 'merge from master' && yarn gitcommit && node tools/update-dependency-version.js && yarn gitcommit",
-        "lernapublish": "lerna publish --ignore-scripts --cd-version=patch && yarn update-lerna-on-develop",
-        "postlernapublish": "git checkout master",
-        "lint": "eslint --ext js --ext ts --ext md",
+        "lernapublish": "lerna publish patch --ignore-scripts",
+        "postlernapublish": "yarn update-lerna-on-develop && git checkout master",
+        "lint": "eslint --ext js --ext ts --ext tsx --ext md",
         "lint:ci": "yarn lint . --format junit",
         "lint:fix": "yarn lint -- --fix",
         "lint:md": "markdownlint",
@@ -75,6 +75,7 @@
         "publish:force": "yarn publish:forceManual --yes",
         "publish:forceManual": "yarn lernapublish --force-publish=*",
         "publish:push": "yarn prelernapublish && git push origin publish && yarn postlernapublish",
+        "push-develop": "git push origin develop",
         "setBranchEnv": "cross-env REPOSITORY_BRANCH=${1:-$REPOSITORY_BRANCH} PUBLISH_BRANCH=${2:-$PUBLISH_BRANCH}",
         "sort-packages": "node tools/sortPackageJson.mjs && prettier --write package.json **/**/*/package.json **/*/package.json",
         "start": "cross-env NODE_ENV=development ENV_FILE=../../config/development/dev.env yarn startWeb",
@@ -88,7 +89,7 @@
         "pretravis": "yarn compile",
         "travis": "istanbul cover -x \"*.test.js\" _mocha -- --timeout 5000 --full-trace ./test/tests.js",
         "posttravis": "yarn lint",
-        "update-lerna-on-develop": "git checkout publish && git pull && cp lerna.json ../lerna-temp.json && git checkout develop && mv ../lerna-temp.json lerna.json && git commit -am 'Update lerna.json' && git push",
+        "update-lerna-on-develop": "git checkout publish && git pull origin publish && cp lerna.json ../lerna-temp.json && git checkout develop && mv ../lerna-temp.json lerna.json && git commit -am 'Update lerna.json' && yarn push-develop",
         "watch": "lerna exec --no-sort --ignore *server --ignore *device --ignore *browser-extension --stream --parallel -- webpack --watch",
         "watch-packages": "lerna exec --no-sort  --scope @sample-stack/platform* --scope @sample-stack/react-shared-components --scope @sample-stack/core --stream --parallel 'webpack --watch'",
         "zen:build": "cross-env NODE_ENV=production zen build",
@@ -145,8 +146,8 @@
         "@babel/preset-typescript": "^7.18.6",
         "@babel/register": "^7.18.9",
         "@babel/runtime": "^7.20.1",
-        "@common-stack/env-list-loader": "5.0.6-alpha.3",
-        "@common-stack/generate-plugin": "6.0.6-alpha.4",
+        "@common-stack/env-list-loader": "6.0.6-alpha.5",
+        "@common-stack/generate-plugin": "6.0.6-alpha.48",
         "@emotion/babel-plugin": "^11.11.0",
         "@graphql-codegen/add": "^5.0.2",
         "@graphql-codegen/cli": "^5.0.2",
@@ -165,15 +166,16 @@
         "@redux-devtools/core": "^3.13.1",
         "@redux-devtools/dock-monitor": "^3.0.1",
         "@redux-devtools/log-monitor": "^4.0.1",
-        "@remix-run/dev": "^2.9.2",
-        "@remix-run/react": "^2.9.2",
+        "@rollup/plugin-alias": "^5.1.0",
+        "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-graphql": "2.0.2",
         "@rollup/plugin-image": "^3.0.1",
-        "@rollup/plugin-json": "^5.0.2",
-        "@rollup/plugin-typescript": "^9.0.2",
+        "@rollup/plugin-json": "^6.1.0",
+        "@rollup/plugin-node-resolve": "^15.2.3",
+        "@rollup/plugin-typescript": "^11.1.5",
         "@shelf/jest-mongodb": "^4.1.3",
         "@svgr/webpack": "^6.5.1",
-        "@testing-library/react": "^13.4.0",
+        "@testing-library/react": "^16.0.1",
         "@testing-library/react-hooks": "^8.0.1",
         "@types/async": "^3.2.15",
         "@types/body-parser": "1.19.2",
@@ -192,7 +194,6 @@
         "@types/react": "^18.2.20",
         "@types/react-dom": "^18.2.7",
         "@types/react-helmet": "^6.1.5",
-        "@types/react-redux": "^7.1.24",
         "@types/react-test-renderer": "^18.0.0",
         "@types/redux-logger": "^3.0.9",
         "@types/semver": "^7.3.13",
@@ -204,6 +205,7 @@
         "@typescript-eslint/parser": "^6.7.4",
         "@web/rollup-plugin-copy": "^0.5.1",
         "@webpack-cli/serve": "^1.7.0",
+        "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
         "autoprefixer": "^10.4.13",
         "babel-core": "^7.0.0-bridge.0",
         "babel-eslint": "^10.1.0",
@@ -265,6 +267,7 @@
         "jest-dom": "^4.0.0",
         "jest-junit": "^14.0.1",
         "jest-matcher-utils": "^29.2.2",
+        "jest-raw-loader": "^1.0.1",
         "jest-transform-graphql": "^2.1.0",
         "jsdom": "^20.0.2",
         "lerna": "8",
@@ -325,7 +328,7 @@
         "ts-node": "^10.9.1",
         "tslib": "^2.4.1",
         "typedoc": "^0.23.20",
-        "typescript": "^5.1.6",
+        "typescript": "^5.5.4",
         "url-loader": "^4.1.1",
         "wait-on": "^6.0.1",
         "webpack": "^5.74.0",

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/update-dependencies.mjs

@@ -10,86 +10,118 @@ const __dirname = fileURLToPath(new URL('.', import.meta.url));
 const JSON_SPACING = 4;
 const ADD_END_NEWLINE = true; // Set to true to add a newline at the end of the file
 
-// Paths to package.json files
-const backendPackagePath = resolve(__dirname, '../servers/backend-server/package.json');
-const frontendPackagePath = resolve(__dirname, '../servers/frontend-server/package.json');
+// Paths to package.json files (now using arrays to handle multiple paths for backend, frontend, and mobile)
+const packagePaths = {
+    backend: [
+        resolve(__dirname, '../servers/backend-server/package.json'),
+    ],
+    frontend: [
+        resolve(__dirname, '../servers/frontend-server/package.json'),
+    ],
+    mobile: [
+        resolve(__dirname, '../portable-devices/mobile/package.json'),
+    ]
+};
 
 // Packages to check
 const packagesToCheck = [
     '@common-stack/server-stack',
-    '@common-stack/frontend-stack-react'
+    '@common-stack/frontend-stack-react',
+    '@common-stack/mobile-stack-react'
 ];
 
+// Utility function to wrap `exec` in a promise for sequential execution
+const execCommand = (command, cwd) => {
+    return new Promise((resolve, reject) => {
+        exec(command, { cwd }, (err, stdout, stderr) => {
+            if (err) {
+                console.error(`Error executing command: ${command}\n${stderr}`);
+                return reject(err);
+            }
+            console.log(stdout);
+            resolve();
+        });
+    });
+};
+
 // Function to update dependencies
 const updateDependencies = async (targetPackagePath, sourcePackagePath) => {
-  const targetPackageJson = JSON.parse(await readFile(targetPackagePath, 'utf-8'));
-  const sourcePackageJson = JSON.parse(await readFile(sourcePackagePath, 'utf-8'));
-
-  const mergeDependencies = (targetDeps = {}, sourceDeps = {}) => ({
-    ...targetDeps,
-    ...sourceDeps
-  });
-
-  // Merge dependencies only
-  targetPackageJson.dependencies = mergeDependencies(
-    targetPackageJson.dependencies,
-    sourcePackageJson.dependencies
-  );
-
-  // Format the JSON string with the specified spacing
-  let jsonString = JSON.stringify(targetPackageJson, null, JSON_SPACING);
-
-  // Optionally add a newline at the end
-  if (ADD_END_NEWLINE) {
-    jsonString += '\n';
-  }
-
-  // Write the formatted JSON back to disk
-  await writeFile(targetPackagePath, jsonString, 'utf-8');
+    const targetPackageJson = JSON.parse(await readFile(targetPackagePath, 'utf-8'));
+    const sourcePackageJson = JSON.parse(await readFile(sourcePackagePath, 'utf-8'));
+
+    const mergeDependencies = (targetDeps = {}, sourceDeps = {}) => ({
+        ...targetDeps,
+        ...sourceDeps
+    });
+
+    // Merge dependencies only
+    targetPackageJson.dependencies = mergeDependencies(targetPackageJson.dependencies, sourcePackageJson.dependencies);
+
+    // Format the JSON string with the specified spacing
+    let jsonString = JSON.stringify(targetPackageJson, null, JSON_SPACING);
+
+    // Optionally add a newline at the end
+    if (ADD_END_NEWLINE) {
+        jsonString += '\n';
+    }
+
+    // Write the formatted JSON back to disk
+    await writeFile(targetPackagePath, jsonString, 'utf-8');
 };
 
-// Function to run `ncu`, update dependencies, and then run linting
+// Function to run `ncu`, `yarn` from the root, update dependencies, and then run linting
 export const runUpdateDependencies = async () => {
-  // Run `ncu` command to update the dependencies from the root level
-  await new Promise((resolve, reject) => {
-    exec('ncu -u -t minor "@common-stack*" && lerna exec "ncu -u -t minor /@common-stack*/"', { cwd: resolve(__dirname, '..') }, (err, stdout, stderr) => {
-      if (err) {
-        console.error(`Error running ncu and lerna: ${stderr}`);
-        return reject(err);
-      }
-      console.log(stdout);
-      resolve();
-    });
-  });
+    // Step 1: Run `ncu` to update the dependencies from the root level
+    console.log('Updating dependencies using `ncu`...');
+    await execCommand(
+        'ncu -u -t minor "@common-stack*" && lerna exec "ncu -u -t minor /@common-stack*/"',
+        resolve(__dirname, '..')
+    );
 
-  // Check for changes in the specified packages
-  for (const packageName of packagesToCheck) {
-    const packagePath = resolve(__dirname, `../node_modules/${packageName}/package.json`);
-    try {
-      await updateDependencies(
-        packageName.includes('server-stack') ? backendPackagePath : frontendPackagePath,
-        packagePath
-      );
-    } catch (error) {
-      console.warn(`Package ${packageName} not found or failed to update:`, error);
+    // Step 2: Run `yarn` to install updated packages from the root
+    console.log('Running yarn install...');
+    await execCommand('yarn', resolve(__dirname, '..'));
+
+    // Step 3: Update dependencies for each package
+    for (const packageName of packagesToCheck) {
+        const packagePath = resolve(__dirname, `../node_modules/${packageName}/package.json`);
+        let targetPaths;
+
+        // Determine the target package.json paths (array of paths)
+        if (packageName.includes('server-stack')) {
+            targetPaths = packagePaths.backend;
+        } else if (packageName.includes('mobile-stack-react')) {
+            targetPaths = packagePaths.mobile;
+        } else {
+            targetPaths = packagePaths.frontend;
+        }
+
+        // Iterate over all target paths in the corresponding array
+        for (const targetPackagePath of targetPaths) {
+            try {
+                await updateDependencies(targetPackagePath, packagePath);
+                console.log(`Updated dependencies for ${packageName} in ${targetPackagePath}`);
+            } catch (error) {
+                console.warn(`Package ${packageName} not found or failed to update in ${targetPackagePath}:`, error);
+            }
+        }
     }
-  }
 
-  console.log('Dependencies from @common-stack packages have been updated.');
+    console.log('Dependencies from @common-stack packages have been updated.');
 
-  // Run linting to apply Prettier
-  try {
-    await runLintStaged();
-    console.log('Prettier formatting applied.');
-  } catch (err) {
-    console.error('Failed to run Prettier:', err);
-  }
+    // Step 4: Run linting to apply Prettier
+    try {
+        await runLintStaged();
+        console.log('Prettier formatting applied.');
+    } catch (err) {
+        console.error('Failed to run Prettier:', err);
+    }
 };
 
 // Execute the function if this file is run directly
 if (import.meta.url === `file://${process.argv[1]}`) {
-  runUpdateDependencies().catch(err => {
-    console.error('Failed to update dependencies:', err);
-    process.exit(1);
-  });
+    runUpdateDependencies().catch((err) => {
+        console.error('Failed to update dependencies:', err);
+        process.exit(1);
+    });
 }