@wavemaker/angular-app 11.7.5-1.5782

package/package.json

@@ -0,0 +1,132 @@
+{
+    "name": "@wavemaker/angular-app",
+    "version": "11.7.5-1.5782",
+    "scripts": {
+        "ng": "ng",
+        "start": "./node_modules/.bin/ng serve",
+        "build": "node build-scripts/build.js",
+        "post-build": "node build-scripts/post-build.js",
+        "test": "jest --no-cache",
+        "test:watch": "jest --watch",
+        "test:coverage": "jest --coverage",
+        "test-prod": "jest --no-cache --no-color --ci --silent 2>&1 | sed 's/\\x1b\\[[0-9;]*m//g' > karma-test-report.txt",
+        "lint": "./node_modules/.bin/ng lint",
+        "e2e": "./node_modules/.bin/ng e2e",
+        "optimizecss": "gulp --gulpfile build-scripts/optimize-css.gulpfile.js",
+        "owasp": "owasp-dependency-check --project \"wavemaker-ng-runtime\" -f \"ALL\""
+    },
+    "files": [
+        "**/*",
+        ".npmrc"
+    ],
+    "dependencies": {
+        "@angular/animations": "17.3.11",
+        "@angular/common": "17.3.11",
+        "@angular/compiler": "17.3.11",
+        "@angular/core": "17.3.11",
+        "@angular/forms": "17.3.11",
+        "@angular/platform-browser": "17.3.11",
+        "@angular/platform-browser-dynamic": "17.3.11",
+        "@angular/router": "17.3.11",
+        "@angular/service-worker": "17.3.11",
+        "@awesome-cordova-plugins/app-version": "5.39.1",
+        "@awesome-cordova-plugins/barcode-scanner": "5.39.1",
+        "@awesome-cordova-plugins/calendar": "5.39.1",
+        "@awesome-cordova-plugins/camera": "5.39.1",
+        "@awesome-cordova-plugins/core": "5.39.1",
+        "@awesome-cordova-plugins/device": "5.39.1",
+        "@awesome-cordova-plugins/diagnostic": "5.39.1",
+        "@awesome-cordova-plugins/file": "5.39.1",
+        "@awesome-cordova-plugins/file-opener": "5.39.1",
+        "@awesome-cordova-plugins/geolocation": "5.39.1",
+        "@awesome-cordova-plugins/location-accuracy": "5.39.1",
+        "@awesome-cordova-plugins/media-capture": "5.39.1",
+        "@awesome-cordova-plugins/network": "5.39.1",
+        "@awesome-cordova-plugins/sqlite": "5.39.1",
+        "@awesome-cordova-plugins/vibration": "5.39.1",
+        "@babel/runtime": "7.14.8",
+        "@metrichor/jmespath": "0.3.1",
+        "@wavemaker/focus-trap": "1.0.1",
+        "@wavemaker/nvd3": "1.8.11",
+        "@wavemaker/variables": "11.7.5-1.5782",
+        "@ztree/ztree_v3": "3.5.48",
+        "angular-imask": "^7.6.1",
+        "angular2-websocket": "0.9.7",
+        "core-js": "3.35.1",
+        "d3": "7.8.5",
+        "fullcalendar": "5.3.1",
+        "hammerjs": "2.0.8",
+        "iscroll": "5.2.0",
+        "jquery": "3.7.1",
+        "jquery-ui": "1.13.3",
+        "js-cookie": "2.2.0",
+        "jssha": "3.1.2",
+        "lodash-es": "4.17.21",
+        "ng-circle-progress": "1.7.1",
+        "ngx-bootstrap": "9.0.0",
+        "ngx-color-picker": "16.0.0",
+        "ngx-toastr": "17.0.2",
+        "rxjs": "6.6.0",
+        "rxjs-compat": "6.4.0",
+        "summernote": "0.8.18",
+        "ts-jest": "29.1.1",
+        "tslib": "2.4.1",
+        "x2js": "3.4.4",
+        "zone.js": "0.14.7",
+        "@wavemaker/app-ng-runtime": "11.7.5-1.5782"
+    },
+    "devDependencies": {
+        "@ampproject/rollup-plugin-closure-compiler": "^0.27.0",
+        "@angular-builders/custom-webpack": "17.0.2",
+        "@angular-devkit/build-angular": "17.3.8",
+        "@angular/cli": "17.3.8",
+        "@angular/compiler-cli": "17.3.11",
+        "@angular/language-service": "17.3.11",
+        "@babel/plugin-transform-runtime": "^7.14.5",
+        "@compodoc/compodoc": "^1.1.19",
+        "@rollup/plugin-alias": "4.0.2",
+        "@rollup/plugin-commonjs": "24.0.0",
+        "@rollup/plugin-multi-entry": "6.0.0",
+        "@rollup/plugin-node-resolve": "15.0.1",
+        "@types/jest": "^29.5.12",
+        "@types/jquery": "3.3.22",
+        "@types/lodash-es": "4.17.12",
+        "@types/node": "12.11.1",
+        "@types/sizzle": "^2.3.3",
+        "babel-loader": "^9.1.2",
+        "cheerio": "^1.0.0-rc.12",
+        "codelyzer": "5.1.2",
+        "compression-webpack-plugin": "10.0.0",
+        "core-js-builder": "2.5.7",
+        "fs": "0.0.1-security",
+        "fs-extra": "7.0.1",
+        "jest": "^29.7.0",
+        "jest-canvas-mock": "^2.5.2",
+        "jest-preset-angular": "^14.1.0",
+        "moment": "2.29.4",
+        "moment-timezone": "^0.5.34",
+        "ng-packagr": "17.3.0",
+        "npm-run-all": "4.1.5",
+        "owasp-dependency-check": "0.0.21",
+        "rimraf": "2.6.3",
+        "rollup": "4.9.5",
+        "rollup-plugin-includepaths": "0.2.3",
+        "sonarqube-scanner": "^2.8.2",
+        "terser": "^5.15.1",
+        "ts-node": "7.0.1",
+        "tslint": "~6.1.0",
+        "typescript": "5.4.5",
+        "util": "0.11.1",
+        "yargs": "^17.3.1"
+    },
+    "optionalDependencies": {
+        "@rollup/rollup-darwin-arm64": "4.9.5",
+        "@rollup/rollup-linux-x64-gnu": "4.9.5",
+        "@rollup/rollup-win32-x64": "4.9.5"
+    },
+    "engines": {
+        "node": ">=18.16.1",
+        "npm": ">=9.5.1"
+    },
+    "engineStrict": true
+}

package/pwa-assets/manifest.json

@@ -0,0 +1,59 @@
+{
+    "name": "wm-pwa",
+    "short_name": "wm-pwa",
+    "theme_color": "#2c3049",
+    "background_color": "#fafafa",
+    "display": "standalone",
+    "scope": "./",
+    "start_url": "./",
+    "icons": [
+        {
+            "src": "./ng-bundle/assets/icons/icon-72x72.png",
+            "sizes": "72x72",
+            "type": "image/png",
+            "purpose": "maskable any"
+        },
+        {
+            "src": "./ng-bundle/assets/icons/icon-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png",
+            "purpose": "maskable any"
+        },
+        {
+            "src": "./ng-bundle/assets/icons/icon-128x128.png",
+            "sizes": "128x128",
+            "type": "image/png",
+            "purpose": "maskable any"
+        },
+        {
+            "src": "./ng-bundle/assets/icons/icon-144x144.png",
+            "sizes": "144x144",
+            "type": "image/png",
+            "purpose": "maskable any"
+        },
+        {
+            "src": "./ng-bundle/assets/icons/icon-152x152.png",
+            "sizes": "152x152",
+            "type": "image/png",
+            "purpose": "maskable any"
+        },
+        {
+            "src": "./ng-bundle/assets/icons/icon-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "maskable any"
+        },
+        {
+            "src": "./ng-bundle/assets/icons/icon-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png",
+            "purpose": "maskable any"
+        },
+        {
+            "src": "./ng-bundle/assets/icons/icon-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "maskable any"
+        }
+    ]
+}

package/pwa-assets/ngsw-config.json

@@ -0,0 +1,30 @@
+{
+    "index": "/index.html",
+    "assetGroups": [
+        {
+            "name": "app",
+            "installMode": "prefetch",
+            "resources": {
+                "files": [
+                    "/favicon.ico",
+                    "/index.html",
+                    "/manifest.json",
+                    "/*.css", 
+                    "/*.js"
+                ],
+                "urls": []
+            }
+        },
+        {
+            "name": "assets",
+            "installMode": "lazy",
+            "resources": {
+                "files": [
+                    "/assets/**",
+                    "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
+                ],
+                "urls": []
+            }
+        }
+    ]
+}

package/pwa-assets/wmsw-worker.js

@@ -0,0 +1,24 @@
+importScripts("./ngsw-worker.js");
+
+(function () {
+  "use strict";
+
+  self.addEventListener("notificationclick", (event) => {
+    const notificationUrl = event.notification.data?.url;
+    event.notification.close();
+    // Enumerate windows, and call window.focus(), or open a new one.
+    event.waitUntil(
+      clients.matchAll().then((matchedClients) => {
+        for (let client of matchedClients) {
+          if (!notificationUrl) {
+            return client.focus();
+          }
+          if (client.url === notificationUrl) {
+            return client.focus();
+          }
+        }
+        return clients.openWindow(notificationUrl);
+      })
+    );
+  });
+})();

package/src/.browserslistrc

@@ -0,0 +1,12 @@
+# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+#
+# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-10
+not IE 11

package/src/app/app-codegen.module.ts

@@ -0,0 +1,11 @@
+
+// this file will be generated from the wavemaker application sources
+
+import { NgModule } from '@angular/core';
+
+@NgModule({})
+export class AppCodeGenModule {
+
+}
+
+export const xsrfHeaderName = 'X-WM-XSRF-TOKEN';

package/src/app/app.component.script.js

@@ -0,0 +1,3 @@
+// this file will be generated from the wavemaker application sources
+
+export const initScript = (App, Utils, Injector) => {};

package/src/app/app.component.variables.ts

@@ -0,0 +1,3 @@
+// this file will be generated from the wavemaker application sources
+
+export const variables = {};

package/src/app/app.routes.ts

@@ -0,0 +1,5 @@
+import { Routes } from '@angular/router';
+
+// Routes will be generated from the wavemaker application sources
+// To update the resolvers update the app-routes.ts.tpl template file with proper import statements
+export const routes: Routes = [];

package/src/app/lazy-load-scripts.resolve.ts

@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+import { isMobileApp, ScriptLoaderService } from '@wm/core';
+
+
+@Injectable()
+export class LazyLoadScriptsResolve {
+
+    constructor(private scriptLoaderService: ScriptLoaderService) {}
+
+    async resolve() {
+        const scriptsToLoad = [];
+        if(isMobileApp()) {
+            scriptsToLoad.push('node_modules-hammerjs-hammer.min.js');
+            scriptsToLoad.push('node_modules-iscroll-build-iscroll.js');
+        }
+        if (scriptsToLoad.length > 0) {
+            await this.scriptLoaderService.load(...scriptsToLoad);
+        }
+    }
+}

package/src/app/prefabs/prefab-config.js

@@ -0,0 +1,2 @@
+export default () => {};
+

package/src/app/wm-project-properties.ts

@@ -0,0 +1,3 @@
+// properties will be generated from the wavemaker application sources
+
+export default () => {};

package/src/assets/print.css

@@ -0,0 +1,32 @@
+body {margin:0; padding:0; line-height: 1.4em; word-spacing:1px; letter-spacing:0.2px; font: 13px Arial, Helvetica,"Lucida Grande", serif; color: #000;}
+
+/*Header*/
+h2 {color:#000; font-size:25px;}
+
+/* Links */
+a:link, a:visited {background: transparent; color:#333; text-decoration:none;}
+a:link[href^="http://"]:after, a[href^="http://"]:visited:after {content: " (" attr(href) ") "; font-size: 11px;}
+a[href^="http://"] {color:#000;}
+
+/*Image*/
+img, img a, .more-link a {border:none;}
+
+/*Remove Element*/
+.app-header, .app-top-nav, .app-footer, .app-left-panel, .app-right-panel {display: none !important;}
+
+/*Remove Form Controls*/
+.app-checkboxset, .app-button, .app-button-group, .app-menu, .app-composite-widget,
+.form-group, .form-control,
+.app-fileupload, .app-grid .table-footer
+{display: none !important;}
+
+/*Show all of the grid data*/
+.app-grid .app-datagrid .app-datagrid-cell {
+    overflow: visible;
+    word-wrap: break-word;
+}
+
+/*Show Grid record data*/
+.app-grid-layout .form-group {
+    display: block !important;
+}

package/src/environments/environment.dev.ts

@@ -0,0 +1,3 @@
+export const environment = {
+    production: false
+};

package/src/environments/environment.prod.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true
+};

package/src/environments/environment.ts

@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+  production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.

package/src/framework/angular1.polyfills.ts

@@ -0,0 +1,36 @@
+const win = window as any;
+
+win.Application = win.angular = {};
+
+const deprecatedAngularJSFeature = (feature) => {
+    return () => {
+        console.warn(`DEPRECATED AngularJS 1.x feature: ${feature}`);
+        return win.angular;
+    };
+};
+
+[
+    'module',
+    'controller',
+    'directive',
+    'run',
+    'config',
+    'service',
+    'factory',
+    'constant',
+    'value',
+    'animation',
+    'component',
+    'decorator',
+    'filter',
+    'info',
+    'provider',
+    'requires',
+    '$watch'
+].forEach(feature => {
+    win.angular[feature] = deprecatedAngularJSFeature(feature);
+});
+
+
+
+export const patchAngular1Deprecations = () => {};

package/src/framework/services/app-extension.service.ts

@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+
+import { AppExtensionProvider } from '@wm/runtime/base';
+
+declare const  WM_CUSTOM_FORMATTERS;
+@Injectable({
+    providedIn: 'root'
+})
+export class AppExtensionProviderService extends AppExtensionProvider {
+
+    public loadFormatterConfigScript(callback:Function):void {
+        try{
+            callback(WM_CUSTOM_FORMATTERS);
+
+    }catch(e){
+        console.warn('Error while loading the formatters.js file');
+    }
+
+    }
+}

package/src/framework/services/app-js-provider.service.ts

@@ -0,0 +1,15 @@
+import { Injectable } from '@angular/core';
+
+import { AppJSProvider } from '@wm/runtime/base';
+
+import { initScript } from '../../app/app.component.script';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class AppJSProviderService extends AppJSProvider {
+
+    public getAppScriptFn(): Promise<Function> {
+        return Promise.resolve(initScript);
+    }
+}

package/src/framework/services/app-variables-provider.service.ts

@@ -0,0 +1,15 @@
+import { Injectable } from '@angular/core';
+
+import { AppVariablesProvider } from '@wm/runtime/base';
+
+import { variables } from '../../app/app.component.variables';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class AppVariablesProviderService extends AppVariablesProvider {
+
+    public async getAppVariables(): Promise<any> {
+        return Promise.resolve(variables);
+    }
+}

package/src/framework/services/component-ref-provider.service.ts

@@ -0,0 +1,40 @@
+import { ComponentFactoryResolver, Injectable, Inject } from '@angular/core';
+
+import { ComponentRefProvider, ComponentType } from '@wm/runtime/base';
+import { LazyComponentRefProviderService } from './lazy-component-ref-provider.service';
+
+const componentRefCache = new Map<ComponentType, Map<string, any>>();
+
+componentRefCache.set(ComponentType.PAGE, new Map<string, any>());
+componentRefCache.set(ComponentType.PARTIAL, new Map<string, any>());
+componentRefCache.set(ComponentType.PREFAB, new Map<string, any>());
+
+@Injectable()
+export class ComponentRefProviderService extends ComponentRefProvider {
+
+    static registerComponentRef(name: string, type: ComponentType, ref: any, componentFactory?: any) {
+        componentRefCache.get(type).set(name, {ref: ref, componentFactory: componentFactory});
+    }
+
+    constructor(private componentFactoryResolver: ComponentFactoryResolver, @Inject(LazyComponentRefProviderService) private lazyComponentRef) {
+        super();
+    }
+
+    public async getComponentFactoryRef(componentName: string, componentType: ComponentType, options?: {}): Promise<any> {
+        const value = componentRefCache.get(componentType).get(componentName);
+        if (!value && (componentType === ComponentType.PARTIAL || componentType === ComponentType.PREFAB)) {
+            const partialRef = await this.lazyComponentRef.getComponentFactoryRef(
+                componentName,
+                componentType,
+                options
+            );
+            if (partialRef) {
+                return Promise.resolve(partialRef);
+            }
+        }
+        if (!value.componentFactory) {
+            value.componentFactory = this.componentFactoryResolver.resolveComponentFactory(value.ref);
+        }
+        return Promise.resolve(value.componentFactory);
+    }
+}

package/src/framework/services/lazy-component-ref-provider.service.ts

@@ -0,0 +1,64 @@
+import {
+    Injectable,
+    NgModuleRef,
+    Type,
+    Injector,
+    Compiler,
+    NgModuleFactory,
+} from '@angular/core';
+import { PartialRefProvider } from '@wm/core';
+import { ComponentType } from '@wm/runtime/base';
+import { partialLazyModules, prefabLazyModules, prefabPartialLazyModules } from '../util/lazy-module-routes';
+
+type ModuleWithRoot = Type<any> & { rootComponent: Type<any> };
+type Options = {
+    prefab: string
+};
+
+@Injectable({
+    providedIn: 'root'
+})
+export class LazyComponentRefProviderService extends PartialRefProvider {
+    private moduleRef: NgModuleRef<any>;
+    
+    constructor(private injector: Injector, private compiler: Compiler) {
+        super();
+    }
+
+    private getLazyModule(componentName: string, componentType: ComponentType, options?: Options) {
+        if (componentType === ComponentType.PARTIAL && options && options.prefab) {
+           return prefabPartialLazyModules[`${options.prefab}_${componentName}`];
+        }
+        if (componentType === ComponentType.PARTIAL) {
+            return partialLazyModules[componentName];
+        }
+        if (componentType === ComponentType.PREFAB) {
+            return prefabLazyModules[componentName];
+        }
+    }
+
+    private async getModuleFactory(moduleOrFactory: NgModuleFactory<any> | Type<any>): Promise<NgModuleFactory<any>> {
+        if (moduleOrFactory instanceof NgModuleFactory) {
+            return moduleOrFactory;
+        } else {
+            return this.compiler.compileModuleAsync(moduleOrFactory);
+        }
+    }
+
+    public async getComponentFactoryRef(componentName: string, componentType: ComponentType, options?: Options) {
+        try {
+            const moduleOrFactory = await this.getLazyModule(componentName, componentType, options).loadChildren();
+            const moduleFactory = await this.getModuleFactory(moduleOrFactory);
+
+            this.moduleRef = moduleFactory.create(this.injector);
+            const rootComponent = (moduleFactory.moduleType as ModuleWithRoot)
+                .rootComponent;
+            return this.moduleRef.componentFactoryResolver.resolveComponentFactory(
+                rootComponent
+            );
+        } catch (e) {
+            console.error(e);
+            return null;
+        }
+    }
+}

package/src/framework/services/prefab-config-provider.service.ts

@@ -0,0 +1,13 @@
+import { Injectable } from '@angular/core';
+
+import { PrefabConfigProvider } from '@wm/runtime/base';
+
+import { getPrefabConfig } from '../util/page-util';
+
+@Injectable()
+export class PrefabConfigProviderService extends PrefabConfigProvider {
+
+    public getConfig(prefabName: string): Promise<any> {
+        return Promise.resolve(getPrefabConfig(prefabName));
+    }
+}

package/src/framework/util/lazy-module-routes.ts

@@ -0,0 +1,4 @@
+// These three objects will be initialized in the code generation phase.
+export const prefabLazyModules = {};
+export const partialLazyModules = {};
+export const prefabPartialLazyModules = {};

package/src/framework/util/page-util.ts

@@ -0,0 +1,5 @@
+const prefabConfigs = new Map<string, any>();
+
+export const registerPrefabConfig = (prefabName: string, config: any) => prefabConfigs.set(prefabName, config);
+export const getPrefabConfig = prefabName => prefabConfigs.get(prefabName);
+

package/src/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Runtime Angular App</title>
+    <base href="/">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="//localhost:8080/wavemaker/_static_/9.9.9/wmapp/styles/css/wm-style.css">
+    <link rel="stylesheet" href="//localhost:8080/b/themes/material/style.css">
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
+
+</head>
+<body class="wm-app">
+    <app-root></app-root>
+</body>
+</html>