@wavemaker-ai/angular-codegen 1.0.0-rc.647469

package/.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps = true

package/angular-app/.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps = true

package/angular-app/angular.json

@@ -0,0 +1,274 @@
+{
+    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+    "version": 1,
+    "newProjectRoot": "projects",
+    "projects": {
+        "angular-app": {
+            "root": "",
+            "sourceRoot": "src",
+            "projectType": "application",
+            "prefix": "app",
+            "schematics": {},
+            "architect": {
+                "build": {
+                    "builder": "@angular-builders/custom-webpack:browser",
+                    "options": {
+                        "main": "src/main.ts",
+                        "polyfills": "src/polyfills.ts",
+                        "tsConfig": "src/tsconfig.app.json",
+                        "assets": [
+                            "src/favicon.ico",
+                            "src/favicon.png",
+                            "src/assets",
+                            {
+                                "glob": "**/*",
+                                "input": "libraries/locales/moment-timezone",
+                                "output": "/locales/moment-timezone"
+                            },
+                            {
+                                "glob": "**/*",
+                                "input": "node_modules/@wavemaker-ai/app-ng-runtime/locales/moment-timezone",
+                                "output": "/locales/moment-timezone"
+                            },
+                            {
+                                "glob": "**/*",
+                                "input": "src/servicedefs",
+                                "output": "/servicedefs/"
+                            },
+                            {
+                                "glob": "**/*",
+                                "input": "resources",
+                                "output": "/resources/",
+                                "ignore": [
+                                    "**/*.txt"
+                                ]
+                            }
+                        ],
+                        "styles": [
+                            "src/styles.css",
+                            "src/assets/styles/css/wm-style.css",
+                            "src/assets/styles/css/wm-responsive.css",
+                            {
+                                "input": "src/assets/themes/material/style.css",
+                                "inject": false,
+                                "bundleName": "wm-styles"
+                            },
+                            {
+                                "input": "src/assets/app.css",
+                                "inject": false,
+                                "bundleName": "wm-styles"
+                            },
+                            {
+                                "input": "src/assets/print.css",
+                                "inject": false,
+                                "bundleName": "print"
+                            }
+                        ],
+                        "scripts": [
+                            "./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",
+                            "./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/draggable.js",
+                            "./node_modules/jquery-ui/ui/widgets/droppable.js",
+                            "./node_modules/@wavemaker-ai/app-ng-runtime/scripts/datatable/datatable.js",
+                            "./node_modules/@wavemaker-ai/app-ng-runtime/scripts/swipey/swipey.jquery.plugin.js",
+                            "./node_modules/@wavemaker-ai/app-ng-runtime/scripts/jquery.ui.touch-punch/jquery.ui.touch-punch.min.js",
+                            "./node_modules/summernote/dist/summernote-lite.min.js",
+                            "./node_modules/iscroll/build/iscroll.js",
+                            "./node_modules/jssha/dist/sha256.js",
+                            "./node_modules/@ztree/ztree_v3/js/jquery.ztree.all.js",
+                            "./node_modules/@wavemaker-ai/app-ng-runtime/scripts/tree-keyboard-navigation/keyboard-navigation.js"
+                        ],
+                        "allowedCommonJsDependencies": [
+                            "angular2-websocket/angular2-websocket",
+                            "he",
+                            "moment",
+                            "moment-timezone",
+                            "x2js"
+                        ]
+                    },
+                    "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",
+                                    "with": "src/environments/environment.prod.ts"
+                                }
+                            ],
+                            "optimization": {
+                                "scripts": true,
+                                "styles": {
+                                    "minify": true,
+                                    "inlineCritical": false
+                                },
+                                "fonts": true
+                            },
+                            "outputHashing": "all",
+                            "sourceMap": false,
+                            "namedChunks": false,
+                            "aot": true,
+                            "extractLicenses": true,
+                            "vendorChunk": false,
+                            "buildOptimizer": true,
+                            "budgets": [
+                                {
+                                    "type": "initial",
+                                    "maximumWarning": "5mb"
+                                }
+                            ]
+                        },
+                        "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",
+                                    "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"
+                                }
+                            ]
+                        },
+                        "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",
+                                    "with": "src/environments/environment.dev.ts"
+                                }
+                            ],
+                            "optimization": {
+                                "scripts": false,
+                                "styles": {
+                                    "minify": false,
+                                    "inlineCritical": false
+                                },
+                                "fonts": true
+                            },
+                            "outputHashing": "none",
+                            "sourceMap": true,
+                            "namedChunks": true,
+                            "aot": true,
+                            "extractLicenses": false,
+                            "vendorChunk": false,
+                            "buildOptimizer": true,
+                            "budgets": [
+                                {
+                                    "type": "initial",
+                                    "maximumWarning": "2mb"
+                                }
+                            ]
+                        },
+                        "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": "production"
+                },
+                "serve": {
+                    "builder": "@angular-builders/custom-webpack:dev-server",
+                    "configurations": {
+                        "development": {
+                            "buildTarget": "angular-app:build:ng-serve",
+                            "proxyConfig": "proxy.conf.js"
+                        }
+                    },
+                    "defaultConfiguration": "development"
+                },
+                "extract-i18n": {
+                    "builder": "@angular-devkit/build-angular:extract-i18n",
+                    "options": {
+                        "buildTarget": "angular-app:build"
+                    }
+                },
+                "lint": {
+                    "builder": "@angular-eslint/builder:lint",
+                    "options": {
+                        "lintFilePatterns": [
+                            "src/**/*.ts",
+                            "src/**/*.html"
+                        ]
+                    }
+                }
+            }
+        }
+    },
+    "cli": {
+        "analytics": "fe5e8f46-2dff-4044-b3b8-8a1307278ce6",
+        "schematicCollections": [
+            "@angular-eslint/schematics"
+        ]
+    }
+}

package/angular-app/build-scripts/build.js

@@ -0,0 +1,36 @@
+const { spawnSync } = require('child_process');
+const path = require('path');
+
+let processArgs = process.argv;
+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);
+
+//Trigger angular build with the passed params
+const ngPath = path.resolve(process.cwd(), 'node_modules', '.bin', "ng");
+const ngBuildProcess = spawnSync(ngPath, ngBuildArgs, {stdio: 'inherit', shell: true});
+
+if (ngBuildProcess.status === 0) {
+    console.log('ng build completed successfully!');
+} else {
+    // TODO: JS heap out of memory error handling
+    console.error('Error during ng build:', ngBuildProcess.error || ngBuildProcess.stderr);
+    process.exit(1);
+}
+
+const ngPostBuildArgs = ['build-scripts/post-build.js', ...args];
+console.log("Post build params - ", ngPostBuildArgs);
+
+const ngPostBuildProcess = spawnSync('node', ngPostBuildArgs, { stdio: 'inherit' });
+
+if (ngPostBuildProcess.status === 0) {
+    console.log('ng post build completed successfully!');
+} else {
+    console.error('Error during ng build:', ngPostBuildProcess.error || ngPostBuildProcess.stderr);
+    process.exit(1);
+}

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)}`;
+}

package/angular-app/build-scripts/index-html-transform.js

@@ -0,0 +1,28 @@
+
+const fs = require('fs');
+const node_path = require('path');
+
+const validScript = (path,indexHtml)=>{
+    return !indexHtml.includes(path);
+}
+const getScriptTag = (path)=>{
+    return `<script src="ng-bundle/${path}"></script>`
+}
+module.exports = (targetOptions, indexHtml) =>{
+    const vendor_path = node_path.resolve(__dirname+`/../dist/ng-bundle`);
+    let vendorScripts = ``;
+    fs.readdirSync(vendor_path).forEach((file)=>{
+        if(file.indexOf('vendor-')===0){
+            if(!file.includes('.br.js') && !file.includes('.gzip.js') && validScript(file,indexHtml)){
+                vendorScripts+=getScriptTag(file);
+            }
+        }
+    });
+
+    const mainScriptStr = `<script src="ng-bundle/main`;
+    const mainIndex = indexHtml.indexOf(mainScriptStr);
+    
+    return `${indexHtml.slice(0,mainIndex)}
+            ${vendorScripts}
+            ${indexHtml.slice(mainIndex)}`;
+}

package/angular-app/build-scripts/optimize-css.gulpfile.js

@@ -0,0 +1,101 @@
+const gulp = require("gulp");
+const filter = require("gulp-filter");
+const purify = require("gulp-purify-css");
+const gzip = require("gulp-gzip");
+const brotli = require("gulp-brotli");
+const rename = require("gulp-rename");
+const clean = require("gulp-clean");
+const { series, parallel } = require("gulp");
+
+// #1 | Optimize CSS
+gulp.task("css", () => {
+    return gulp
+        .src("../dist/ng-bundle/*")
+        .pipe(
+            filter([
+                "**/styles.*.css",
+                "**/wm-styles.css",
+                "!**/wm-styles.*.css",
+                "!**/*.br.*",
+                "!**/*.gzip.*"
+            ])
+        )
+        .pipe(
+            purify(["../dist/ng-bundle/*.js"], {
+                info: true,
+                minify: true,
+                rejected: true,
+                whitelist: []
+            })
+        )
+        .pipe(gulp.dest("../dist/test/"));
+});
+// # 2 | Genereate GZIP files
+gulp.task("css-gzip", () => {
+    return gulp
+        .src("../dist/test/*")
+        .pipe(filter(["**/*.css", "!**/*.br.*", "!**/*.gzip.*"]))
+        .pipe(gzip({ append: false }))
+        .pipe(
+            rename(path => {
+                path.extname = ".gzip" + path.extname;
+            })
+        )
+        .pipe(gulp.dest("../dist/test/"));
+});
+// # 3 | Genereate BROTLI files
+gulp.task("css-br", () => {
+    return gulp
+        .src("../dist/test/*")
+        .pipe(filter(["**/*.css", "!**/*.br.*", "!**/*.gzip.*"]))
+        .pipe(brotli.compress())
+        .pipe(
+            rename(path => {
+                path.extname =
+                    ".br" +
+                    path.basename.substring(
+                        path.basename.lastIndexOf("."),
+                        path.basename.length
+                    );
+                path.basename = path.basename.substring(
+                    0,
+                    path.basename.lastIndexOf(".")
+                );
+            })
+        )
+        .pipe(gulp.dest("../dist/test"));
+});
+// # 4 | Clear ng-build CSS
+gulp.task("clear-ng-css", () => {
+    return gulp
+        .src("../dist/ng-bundle/*")
+        .pipe(filter(["**/styles*.css", "**/wm-styles*.css"]))
+        .pipe(clean({ force: true }));
+});
+// # 5 | Copy optimized CSS
+gulp.task("copy-op-css", () => {
+    return gulp.src("../dist/test/*").pipe(gulp.dest("../dist/ng-bundle/"));
+});
+// #6 | Clear temp folder
+gulp.task("clear-test", () => {
+    return gulp
+        .src("../dist/test/", { read: false })
+        .pipe(clean({ force: true }));
+});
+
+/*
+ ### Order of Tasks ###
+ * Add hash to the wm-styles.css
+ * Optimize the styles generated from ng build
+ * Create compressed files for optimized css
+ * Clear the angular build output css
+ * Copy the optimized css to ng-bundle folder
+ * Clear the temp folder
+ */
+exports.default = series(
+    "css",
+    parallel("css-gzip", "css-br"),
+    "clear-ng-css",
+    "copy-op-css",
+    "clear-test"
+);