@wavemaker/angular-codegen 12.0.0-next.142016 → 12.0.0-next.25480

{angular-codegen → package}/angular-app/angular.json

@@ -13,36 +13,35 @@
                 "build": {
                     "builder": "@angular-builders/custom-webpack:browser",
                     "options": {
-                        "customWebpackConfig": {
-                            "path": "./wm-custom-webpack.config.js"
-                        },
-                        "indexTransform": "./build-scripts/index-html-transform.js",
-                        "deployUrl": "ng-bundle/",
-                        "outputPath": "dist/ng-bundle",
-                        "index": {
-                            "input": "src/index.html",
-                            "output": "../index.html"
-                        },
                         "main": "src/main.ts",
                         "polyfills": "src/polyfills.ts",
                         "tsConfig": "src/tsconfig.app.json",
                         "assets": [
                             "src/favicon.ico",
+                            "src/favicon.png",
                             "src/assets",
                             {
-                                "glob": "print.css",
-                                "input": "src/assets/",
-                                "output": "."
+                                "glob": "**/*",
+                                "input": "libraries/locales/moment-timezone",
+                                "output": "/locales/moment-timezone"
+                            },
+                            {
+                                "glob": "**/*",
+                                "input": "node_modules/@wavemaker/app-ng-runtime/locales/moment-timezone",
+                                "output": "/locales/moment-timezone"
                             },
                             {
                                 "glob": "**/*",
-                                "input": "libraries/locales/",
-                                "output": "/locales/"
+                                "input": "src/servicedefs",
+                                "output": "/servicedefs/"
                             },
                             {
                                 "glob": "**/*",
-                                "input": "node_modules/@wavemaker/app-ng-runtime/locales/",
-                                "output": "/locales/"
+                                "input": "resources",
+                                "output": "/resources/",
+                                "ignore": [
+                                    "**/*.txt"
+                                ]
                             }
                         ],
                         "styles": [
@@ -58,13 +57,18 @@
                                 "input": "src/assets/app.css",
                                 "inject": false,
                                 "bundleName": "wm-styles"
+                            },
+                            {
+                                "input": "src/assets/print.css",
+                                "inject": false,
+                                "bundleName": "print"
                             }
                         ],
                         "scripts": [
-                            "./node_modules/x2js/x2js.js",
                             "./node_modules/d3/dist/d3.min.js",
                             "./node_modules/@wavemaker/nvd3/build/nv.d3.min.js",
                             "./node_modules/jquery/dist/jquery.min.js",
+                            "./node_modules/lodash/lodash.min.js",
                             "./node_modules/jquery-ui/ui/disable-selection.js",
                             "./node_modules/jquery-ui/ui/version.js",
                             "./node_modules/jquery-ui/ui/widget.js",
@@ -79,13 +83,8 @@
                             "./node_modules/@wavemaker/app-ng-runtime/scripts/datatable/datatable.js",
                             "./node_modules/@wavemaker/app-ng-runtime/scripts/swipey/swipey.jquery.plugin.js",
                             "./node_modules/@wavemaker/app-ng-runtime/scripts/jquery.ui.touch-punch/jquery.ui.touch-punch.min.js",
-                            "./node_modules/moment/min/moment.min.js",
-                            "./node_modules/moment-timezone/builds/moment-timezone.min.js",
-                            "./node_modules/fullcalendar/main.min.js",
                             "./node_modules/summernote/dist/summernote-lite.min.js",
-                            "./node_modules/hammerjs/hammer.min.js",
                             "./node_modules/iscroll/build/iscroll.js",
-                            "./node_modules/js-cookie/src/js.cookie.js",
                             "./node_modules/jssha/dist/sha256.js",
                             "./node_modules/@ztree/ztree_v3/js/jquery.ztree.all.js",
                             "./node_modules/@wavemaker/app-ng-runtime/scripts/tree-keyboard-navigation/keyboard-navigation.js"
@@ -93,6 +92,16 @@
                     },
                     "configurations": {
                         "production": {
+                            "customWebpackConfig": {
+                                "path": "./wm-custom-webpack.config.js"
+                            },
+                            "indexTransform": "./build-scripts/index-html-transform.js",
+                            "deployUrl": "ng-bundle/",
+                            "outputPath": "dist/ng-bundle",
+                            "index": {
+                                "input": "src/index.html",
+                                "output": "../../index.html"
+                            },
                             "fileReplacements": [
                                 {
                                     "replace": "src/environments/environment.ts",
@@ -122,6 +131,16 @@
                             ]
                         },
                         "development": {
+                            "customWebpackConfig": {
+                                "path": "./wm-custom-webpack.config.js"
+                            },
+                            "indexTransform": "./build-scripts/index-html-transform.js",
+                            "deployUrl": "ng-bundle/",
+                            "outputPath": "dist/ng-bundle",
+                            "index": {
+                                "input": "src/index.html",
+                                "output": "../../index.html"
+                            },
                             "fileReplacements": [
                                 {
                                     "replace": "src/environments/environment.ts",
@@ -144,6 +163,16 @@
                             ]
                         },
                         "local": {
+                            "customWebpackConfig": {
+                                "path": "./wm-custom-webpack.config.js"
+                            },
+                            "indexTransform": "./build-scripts/index-html-transform.js",
+                            "deployUrl": "ng-bundle/",
+                            "outputPath": "dist/ng-bundle",
+                            "index": {
+                                "input": "src/index.html",
+                                "output": "../../index.html"
+                            },
                             "fileReplacements": [
                                 {
                                     "replace": "src/environments/environment.ts",
@@ -171,88 +200,45 @@
                                     "maximumWarning": "2mb"
                                 }
                             ]
-                        }
-                    },
-                    "defaultConfiguration": "production"
-                },
-                "build-ng": {
-                    "builder": "@angular-devkit/build-angular:browser",
-                    "options": {
-                        "outputPath": "dist",
-                        "index": {
-                            "input": "src/index.html",
-                            "output": "../index.html"
                         },
-                        "main": "src/main.ts",
-                        "polyfills": "src/polyfills.ts",
-                        "tsConfig": "src/tsconfig.app.json",
-                        "assets": [
-                            "src/favicon.ico",
-                            "src/assets",
-                            {
-                                "glob": "print.css",
-                                "input": "src/assets/",
-                                "output": "."
-                            }
-                        ],
-                        "styles": [
-                            "src/styles.css",
-                            "src/assets/styles/css/wm-style.css",
-                            "src/assets/themes/material/style.css",
-                            "src/assets/app.css"
-                        ],
-                        "scripts": [
-                            "./node_modules/x2js/x2js.js",
-                            "./node_modules/d3/dist/d3.min.js",
-                            "./node_modules/@wavemaker/nvd3/build/nv.d3.min.js",
-                            "./node_modules/jquery/dist/jquery.min.js",
-                            "./node_modules/jquery-ui/ui/disable-selection.js",
-                            "./node_modules/jquery-ui/ui/version.js",
-                            "./node_modules/jquery-ui/ui/widget.js",
-                            "./node_modules/jquery-ui/ui/scroll-parent.js",
-                            "./node_modules/jquery-ui/ui/plugin.js",
-                            "./node_modules/jquery-ui/ui/data.js",
-                            "./node_modules/jquery-ui/ui/widgets/mouse.js",
-                            "./node_modules/jquery-ui/ui/widgets/resizable.js",
-                            "./node_modules/jquery-ui/ui/widgets/sortable.js",
-                            "./node_modules/jquery-ui/ui/widgets/droppable.js",
-                            "./libraries/scripts/datatable/datatable.js",
-                            "./node_modules/moment/min/moment.min.js",
-                            "./node_modules/moment-timezone/builds/moment-timezone.min.js",
-                            "./node_modules/fullcalendar/main.min.js",
-                            "./node_modules/summernote/dist/summernote-lite.min.js",
-                            "./node_modules/hammerjs/hammer.min.js",
-                            "./node_modules/iscroll/build/iscroll.js",
-                            "./node_modules/js-cookie/src/js.cookie.js",
-                            "./node_modules/jssha/dist/sha256.js",
-                            "./node_modules/@ztree/ztree_v3/js/jquery.ztree.all.js",
-                            "./libraries/scripts/tree-keyboard-navigation/keyboard-navigation.js"
-                        ],
-                        "aot": false,
-                        "vendorChunk": true,
-                        "extractLicenses": false,
-                        "buildOptimizer": false,
-                        "sourceMap": true,
-                        "optimization": false,
-                        "namedChunks": true
-                    },
-                    "configurations": {
-                        "production": {
-                            "browserTarget": "angular-app:build:production"
+                        "ng-serve": {
+                            "indexTransform": "./build-scripts/index-html-transform-ng-serve.ts",
+                            "deployUrl": "ng-bundle/",
+                            "outputPath": "dist/ng-bundle",
+                            "index": "src/index.html",
+                            "fileReplacements": [
+                                {
+                                    "replace": "src/environments/environment.ts",
+                                    "with": "src/environments/environment.dev.ts"
+                                }
+                            ],
+                            "optimization": false,
+                            "outputHashing": "none",
+                            "sourceMap": true,
+                            "namedChunks": true,
+                            "aot": true,
+                            "extractLicenses": false,
+                            "vendorChunk": true,
+                            "buildOptimizer": false,
+                            "budgets": [
+                                {
+                                    "type": "initial",
+                                    "maximumWarning": "2mb"
+                                }
+                            ]
                         }
                     },
-                    "defaultConfiguration": ""
+                    "defaultConfiguration": "production"
                 },
                 "serve": {
-                    "builder": "@angular-devkit/build-angular:dev-server",
-                    "options": {
-                        "buildTarget": "angular-app:build"
-                    },
+                    "builder": "@angular-builders/custom-webpack:dev-server",
                     "configurations": {
-                        "production": {
-                            "buildTarget": "angular-app:build:production"
+                        "development": {
+                            "buildTarget": "angular-app:build:ng-serve",
+                            "proxyConfig": "proxy.conf.js"
                         }
-                    }
+                    },
+                    "defaultConfiguration": "development"
                 },
                 "extract-i18n": {
                     "builder": "@angular-devkit/build-angular:extract-i18n",

{angular-codegen → package}/angular-app/build-scripts/build.js

@@ -6,6 +6,7 @@ if (processArgs.findIndex(arg => arg.startsWith('--max-old-space-size')) !== -1)
     process.env.NODE_OPTIONS = processArgs.pop();
     console.log("Setting node options: ", process.env.NODE_OPTIONS);
 }
+
 const args = processArgs.slice(2);
 const ngBuildArgs = ['build', ...args];
 console.log("\x1b[33m", "Angular build params: ", ngBuildArgs);

package/angular-app/build-scripts/index-html-transform-ng-serve.ts

@@ -0,0 +1,20 @@
+import {TargetOptions} from '@angular-builders/custom-webpack';
+
+export default function indexHtmlTransformNgServe(
+    targetOptions: TargetOptions,
+    indexHtml: string
+): string {
+    const deployUrl = 'ng-bundle/';
+    const wmStylesHref = `${deployUrl}wm-styles.css`;
+
+    const metaDeployUrl = `<meta name="deployUrl" content="${deployUrl}">`;
+    const linkWmStyles = `<link rel="stylesheet" type="text/css" href="${wmStylesHref}">`;
+
+    const injectHtml = `${metaDeployUrl}
+                        ${linkWmStyles}`;
+    const headCloseIndex = indexHtml.indexOf('</head>');
+
+    return `${indexHtml.slice(0, headCloseIndex)}
+            ${injectHtml}
+            ${indexHtml.slice(headCloseIndex)}`;
+}

{angular-codegen → package}/angular-app/build-scripts/post-build.js

@@ -6,94 +6,11 @@ const copyFile = util.promisify(fs.copyFile);
 const exec = util.promisify(require('child_process').exec);
 const cheerio = require(`cheerio`);
 const crypto = require(`crypto`);
-const opPath = `${process.cwd()}/dist/ng-bundle`;
-const copyCssFiles = (hash, updatedFilenames) => {
-    const filename = 'wm-styles.css';
-    const updatedFilename = `wm-styles.${hash}.css`
-    copyFile(`${opPath}/${filename}`, `${opPath}/${updatedFilename}`);
-    updatedFilenames[filename] = updatedFilename;
-    // copyFile(`${opPath}/wm-styles.br.css`,`${opPath}/wm-styles.${hash}.br.css`);
-    // copyFile(`${opPath}/wm-styles.gzip.css`,`${opPath}/wm-styles.${hash}.gzip.css`);
-};
-const copyMobileCssFiles = (hash, fileName) => {
-    // const name = filePath.split('.css')[0];
-    copyFile(`${opPath}/${fileName}.css`, `${opPath}/${fileName}.${hash}.css`);
-    // copyFile(`${opPath}/wm-styles.br.css`,`${opPath}/wm-styles.${hash}.br.css`);
-    // copyFile(`${opPath}/wm-styles.gzip.css`,`${opPath}/wm-styles.${hash}.gzip.css`);
-};
-const generateHash = async (filepath) => {
-    const cssContent = await readFile(filepath);
-    let hash = crypto.createHash('md5');
-    hash.update(cssContent);
-    return hash.digest('hex');
-};
-const generateHashForScripts = (updatedFilenames) => {
-    //from angular 12(IVY), scripts array in angular json, doesn't allow `@` symbol in the name/value
-    //so removed `@` from wavemaker.com in the file name and adding it back in the post-build.js file
-    const scriptsMap = {};
-    return new Promise(resolve => {
-        fs.readdir(opPath, (err, items) => {
-            const promises = items.map(i => {
-                const nohashIndex = i.indexOf('-NOHASH.js');
-                if (nohashIndex > 0) {
-                    const key = i.substring(0, nohashIndex);
-                    return generateHash(`${opPath}/${i}`).then(hash => {
-                        const filename = `${key}-NOHASH.js`;
-                        const updatedFilename = `${key}.${hash}.js`
-                        scriptsMap[`${key}.js`] = updatedFilename;
-                        updatedFilenames[filename] = updatedFilename;
-                        return Promise.all([
-                            copyFile(`${opPath}/${filename}`, `${opPath}/${updatedFilename}`),
-                            // copyFile(`${opPath}/${key}-NOHASH.br.js`, `${opPath}/${key}.${hash}.br.js`),
-                            // copyFile(`${opPath}/${key}-NOHASH.gzip.js`, `${opPath}/${key}.${hash}.gzip.js`)
-                        ]);
-                    });
-                }
-            });
-            Promise.all(promises).then(() => {
-                return writeFile(`${opPath}/path_mapping.json`, JSON.stringify(scriptsMap, null, 2));
-            }).then(resolve);
-        });
-    });
-};
-let isMobileProject = false;
+
 let isProdBuild;
 let isDevBuild;
 let $;
 
-const setMobileProjectType = (angularJson) => {
-    let styles = angularJson['projects']['angular-app']['architect']['build']['options']['styles'];
-    const androidStyles = styles.find((style) => {
-        let isObject = typeof (style) === 'object';
-        if (isObject) {
-            return style.bundleName === 'wm-android-styles';
-        }
-        return false;
-    });
-    isMobileProject = androidStyles ? true : false;
-    return isMobileProject;
-}
-const addMobileSpecificStyles = async (deployUrl) => {
-    if (isDevBuild) {
-        $("body").append(
-            `<script type="text/javascript" defer="true" src="${deployUrl}wm-android-styles.js"></script>`
-        );
-    }
-
-    if (isProdBuild) {
-        let hash = await generateHash(`${opPath}/wm-android-styles.css`);
-        copyMobileCssFiles(hash, 'wm-android-styles');
-        $("head").append(
-            `<link rel="stylesheet" theme="wmtheme" href="${deployUrl}wm-android-styles.${hash}.css" >`
-        );
-        hash = await generateHash(`${opPath}/wm-ios-styles.css`);
-        copyMobileCssFiles(hash, 'wm-ios-styles');
-        $("head").append(
-            `<link rel="stylesheet" theme="wmtheme" href="${deployUrl}wm-ios-styles.${hash}.css" >`
-        );
-    }
-}
-
 const addScriptForWMStylesPath = (wm_styles_path) => {
     // wm_styles_path will not be present for mobile apps
     if (wm_styles_path) {
@@ -201,10 +118,10 @@ const updatePwaAssets = (deployUrl, updatedFileNames, updatedFileHashes) => {
     deployUrl = deployUrl === "_cdnUrl_" ? 'ng-bundle/' : deployUrl;
 
     // copy service worker and its config to root directory
-    fs.copyFileSync('./dist/ng-bundle/ngsw-worker.js', './dist/ngsw-worker.js');
-    fs.copyFileSync('./dist/ng-bundle/wmsw-worker.js', './dist/wmsw-worker.js');
-    fs.copyFileSync('./dist/ng-bundle/ngsw.json', ngswPath);
-    fs.copyFileSync('./dist/ng-bundle/manifest.json', manifestPath);
+    fs.copyFileSync(`./dist/ng-bundle/${global.randomHash}/ngsw-worker.js`, './dist/ngsw-worker.js');
+    fs.copyFileSync(`./dist/ng-bundle/${global.randomHash}/wmsw-worker.js`, './dist/wmsw-worker.js');
+    fs.copyFileSync(`./dist/ng-bundle/${global.randomHash}/ngsw.json`, ngswPath);
+    fs.copyFileSync(`./dist/ng-bundle/${global.randomHash}/manifest.json`, manifestPath);
 
     // update the icons url in manifest.json
     const manifest = JSON.parse(fs.readFileSync(manifestPath).toString());
@@ -247,18 +164,13 @@ const generateSha1 = (content) => {
     try {
         const angularJson = require(`${process.cwd()}/angular.json`);
         const build = angularJson['projects']['angular-app']['architect']['build'];
-        let deployUrl = args['deploy-url'] || build['options']['deployUrl'];
-
+        let deployUrl = args['deploy-url'] || build['configurations']['production']['deployUrl'];
+        global.randomHash = deployUrl.split('/')[1];
+        let outputPath = global.opPath = args['output-path'] || build['configurations']['production']['outputPath']
         const contents = await readFile(`./dist/index.html`, `utf8`);
         $ = cheerio.load(contents);
-        setMobileProjectType(angularJson);
-        if (!isMobileProject) {
-            isProdBuild = fs.existsSync(`${process.cwd()}/dist/ng-bundle/wm-styles.css`);
-            isDevBuild = fs.existsSync(`${process.cwd()}/dist/ng-bundle/wm-styles.js`);
-        } else {
-            isDevBuild = fs.existsSync(`${process.cwd()}/dist/ng-bundle/wm-android-styles.js`);
-            isProdBuild = fs.existsSync(`${process.cwd()}/dist/ng-bundle/wm-android-styles.css`);
-        }
+        isProdBuild = fs.existsSync(`${process.cwd()}/${outputPath}/wm-styles.css`);
+        isDevBuild = fs.existsSync(`${process.cwd()}/${outputPath}/wm-styles.js`);
 
         if (isProdBuild) {
             const isOptimizeCss = $('meta[optimizecss]').length;
@@ -275,18 +187,12 @@ const generateSha1 = (content) => {
         const updatedFileHashes = {}
         let wm_styles_path;
 
-        if (isMobileProject) {
-            await addMobileSpecificStyles(deployUrl);
+        if (isDevBuild) {
+            wm_styles_path = `${deployUrl}wm-styles.js`;
         } else {
-            if (isDevBuild) {
-                wm_styles_path = `${deployUrl}wm-styles.js`;
-            } else {
-                const fileName = 'wm-styles';
-                const hash = await generateHash(`${opPath}/${fileName}.css`);
-                copyCssFiles(hash, updatedFilenames);
-                const updatedFileName = `${fileName}.${hash}.css`
-                wm_styles_path = `${deployUrl}${updatedFileName}`;
-            }
+            const fileName = 'wm-styles';
+            const updatedFileName = `${fileName}.css`
+            wm_styles_path = `${deployUrl}${updatedFileName}`;
         }
 
         addScriptForWMStylesPath(wm_styles_path);
@@ -294,12 +200,12 @@ const generateSha1 = (content) => {
 
         //this is required to download all the assets
         $('head').append(`<meta name="deployUrl" content=${deployUrl} />`);
+        $('script[src$="services/application/wmProperties.js"]').remove();
+        $('link[href$="favicon.png"]').attr('href', `${deployUrl}favicon.png`);
 
         const htmlContent = $.html();
         await writeFile(`./dist/index.html`, htmlContent);
 
-        await generateHashForScripts(updatedFilenames);
-
         if (serviceWorkerEnabled) {
             // re-generate hash for index.html since its been modified
             updatedFileHashes['index.html'] = generateSha1(htmlContent);

package/angular-app/dependency-report.html

@@ -0,0 +1,124 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Angular Dependencies Report</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            margin: 0;
+            padding: 20px;
+            color: #333;
+        }
+        .header {
+            background: #f4f4f4;
+            padding: 20px;
+            margin-bottom: 20px;
+            border-radius: 4px;
+        }
+        .section {
+            margin-bottom: 30px;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-bottom: 20px;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+        }
+        th, td {
+            border: 1px solid #ddd;
+            padding: 12px;
+            text-align: left;
+        }
+        th {
+            background-color: #f8f8f8;
+            font-weight: bold;
+        }
+        tr:nth-child(even) {
+            background-color: #f9f9f9;
+        }
+        tr:hover {
+            background-color: #f5f5f5;
+        }
+        .dependency-type {
+            font-size: 1.2em;
+            color: #666;
+            font-weight: bold;
+            margin: 20px 0 10px;
+            padding-bottom: 5px;
+            border-bottom: 2px solid #eee;
+        }
+        .transitive {
+            margin-left: 20px;
+            border-left: 3px solid #eee;
+            padding-left: 20px;
+        }
+        .license-count {
+            font-weight: bold;
+            color: #2196F3;
+        }
+        .timestamp {
+            color: #666;
+            font-style: italic;
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <h1>Angular Project Dependencies Report</h1>
+        <p class="timestamp">Generated on: 12/15/2025, 9:50:39 AM</p>
+    </div>
+
+    <div class="section">
+        <h2>Project Dependencies Overview</h2>
+        
+        
+    </div>
+
+    <div class="section">
+        <h2>Transitive Dependencies</h2>
+        
+        <div class="dependency-type">Transitive Dependencies</div>
+        <table>
+            <tr>
+                <th>Package</th>
+                <th>Version</th>
+                <th>License</th>
+                <th>Repository</th>
+            </tr>
+            
+                    <tr>
+                        <td></td>
+                        <td>wavemaker/angular-app</td>
+                        <td>UNKNOWN</td>
+                        <td>N/A</td>
+                    </tr>
+                
+        </table>
+    
+    </div>
+
+    <div class="section">
+        <h2>License Summary</h2>
+        
+        <table>
+            <tr>
+                <th>License</th>
+                <th>Count</th>
+                <th>Packages</th>
+            </tr>
+            
+                    <tr>
+                        <td>UNKNOWN</td>
+                        <td class="license-count">1</td>
+                        <td></td>
+                    </tr>
+                
+        </table>
+    
+    </div>
+</body>
+</html>