@wavemaker-ai/angular-app 1.0.0-rc.309

package/package.json

@@ -0,0 +1,131 @@
+{
+    "name": "@wavemaker-ai/angular-app",
+    "version": "1.0.0-rc.309",
+    "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  && node jest-code-coverage-report.js",
+        "test-prod": "jest --no-cache --no-color --ci --silent 2>&1 | sed 's/\\x1b\\[[0-9;]*m//g' > karma-test-report.txt",
+        "lint": "eslint src/",
+        "e2e": "./node_modules/.bin/ng e2e",
+        "generate-deps": "node generate-dependency-report.js",
+        "optimizecss": "gulp --gulpfile build-scripts/optimize-css.gulpfile.js",
+        "owasp": "owasp-dependency-check --project \"wavemaker-ng-runtime\" -f \"ALL\""
+    },
+    "files": [
+        "**/*",
+        ".npmrc"
+    ],
+    "dependencies": {
+        "@angular/animations": "20.3.19",
+        "@angular/common": "20.3.19",
+        "@angular/compiler": "20.3.19",
+        "@angular/core": "20.3.19",
+        "@angular/forms": "20.3.19",
+        "@angular/platform-browser": "20.3.19",
+        "@angular/platform-browser-dynamic": "20.3.19",
+        "@angular/router": "20.3.19",
+        "@angular/service-worker": "20.3.19",
+        "@fullcalendar/core": "6.1.18",
+        "@fullcalendar/daygrid": "6.1.18",
+        "@fullcalendar/interaction": "6.1.18",
+        "@fullcalendar/list": "6.1.18",
+        "@fullcalendar/timegrid": "6.1.18",
+        "@metrichor/jmespath": "0.3.1",
+        "@wavemaker-ai/custom-widgets-m3": "1.0.0-rc.309",
+        "@wavemaker/focus-trap": "1.0.1",
+        "@wavemaker-ai/foundation-css": "1.0.0-rc.309",
+        "@wavemaker/nvd3": "1.8.16",
+        "@wavemaker-ai/variables": "1.0.0-rc.309",
+        "@ztree/ztree_v3": "3.5.48",
+        "acorn": "8.15.0",
+        "angular-imask": "7.6.1",
+        "angular2-websocket": "0.9.8",
+        "d3": "7.8.5",
+        "iscroll": "5.2.0",
+        "jquery": "3.7.1",
+        "jquery-ui": "1.14.1",
+        "jssha": "3.3.1",
+        "lodash-es": "4.18.1",
+        "moment": "2.30.1",
+        "moment-timezone": "0.6.0",
+        "ng-circle-progress": "1.7.1",
+        "ngx-bootstrap": "20.0.2",
+        "ngx-color-picker": "20.1.1",
+        "ngx-toastr": "19.1.0",
+        "rxjs": "7.8.2",
+        "summernote": "0.9.1",
+        "tslib": "2.8.1",
+        "x2js": "3.4.4",
+        "zone.js": "0.15.1",
+        "@wavemaker-ai/app-ng-runtime": "1.0.0-rc.309"
+    },
+    "devDependencies": {
+        "@ampproject/rollup-plugin-closure-compiler": "0.27.0",
+        "@angular-builders/custom-webpack": "20.0.0",
+        "@angular-devkit/build-angular": "20.3.19",
+        "@angular-eslint/builder": "20.1.1",
+        "@angular-eslint/eslint-plugin": "20.1.1",
+        "@angular-eslint/eslint-plugin-template": "20.1.1",
+        "@angular-eslint/schematics": "20.1.1",
+        "@angular-eslint/template-parser": "20.1.1",
+        "@angular/cli": "20.3.19",
+        "@angular/compiler-cli": "20.3.19",
+        "@angular/language-service": "20.3.19",
+        "@compodoc/compodoc": "1.2.1",
+        "@rollup/plugin-alias": "5.1.1",
+        "@rollup/plugin-commonjs": "28.0.6",
+        "@rollup/plugin-multi-entry": "6.0.1",
+        "@rollup/plugin-node-resolve": "16.0.1",
+        "@rollup/plugin-typescript": "12.3.0",
+        "@types/jest": "30.0.0",
+        "@types/jquery": "3.5.32",
+        "@types/lodash-es": "4.17.12",
+        "@types/node": "24.2.0",
+        "@typescript-eslint/eslint-plugin": "8.39.0",
+        "@typescript-eslint/parser": "8.39.0",
+        "cheerio": "1.1.2",
+        "compression-webpack-plugin": "12.0.0",
+        "core-js": "3.45.0",
+        "eslint": "8.45.0",
+        "fs": "0.0.1-security",
+        "fs-extra": "11.3.1",
+        "jest": "30.0.5",
+        "jest-canvas-mock": "2.5.2",
+        "jest-environment-jsdom": "30.0.5",
+        "jest-preset-angular": "15.0.0",
+        "license-checker": "25.0.1",
+        "moment-locales-webpack-plugin": "1.2.0",
+        "ng-packagr": "20.3.2",
+        "owasp-dependency-check": "1.0.1",
+        "rimraf": "6.0.1",
+        "rollup": "4.60.1",
+        "sonarqube-scanner": "3.5.0",
+        "terser": "5.43.1",
+        "typescript": "5.9.3",
+        "util": "0.12.5",
+        "yargs": "18.0.0"
+    },
+    "optionalDependencies": {
+        "@lmdb/lmdb-linux-x64": "3.4.2",
+        "@rollup/rollup-darwin-arm64": "4.60.1",
+        "@rollup/rollup-linux-x64-gnu": "4.60.1",
+        "@rollup/rollup-win32-x64": "4.60.1"
+    },
+    "engines": {
+        "node": "22.18.0",
+        "npm": "10.9.3"
+    },
+    "overrides": {
+        "ajv": "8.18.0",
+        "picomatch": "4.0.4",
+        "postcss": "8.5.13",
+        "uuid": "14.0.0",
+        "vite": "7.3.2"
+    },
+    "engineStrict": true
+}

package/proxy.conf.js

@@ -0,0 +1,14 @@
+module.exports = {
+    "/services": {
+        target: "https://<your-deployed-app-url>/",
+        secure: true,
+        changeOrigin: true
+    },
+    "/j_spring_security_check": {
+        target: "https://<your-deployed-app-url>/",
+        secure: true,
+        changeOrigin: true,
+        cookiePathRewrite: "/",
+        cookieDomainRewrite: "localhost"
+    }
+};

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.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,13 @@
+import { Injectable } from '@angular/core';
+import {  ScriptLoaderService } from '@wm/core';
+
+
+
+@Injectable()
+export class LazyLoadScriptsResolve {
+
+    constructor(private scriptLoaderService: ScriptLoaderService) {}
+
+    async resolve() {
+    }
+}

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/app/wmProperties.js

@@ -0,0 +1,13 @@
+// Default WMAppProperties - will be overridden by application-specific properties
+export const WMAppProperties = {
+    name: 'wavemaker-ng-runtime',
+    type: 'APPLICATION',
+    platformType: 'WEB',
+    supportedLanguages: {
+        'en': { moment: 'en' }
+    },
+    languageBundleSources: 'STATIC',
+    preferredLanguage: 'en',
+    fontConfig: {}
+};
+

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/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,70 @@
+import { Injectable, Inject, Type } from '@angular/core';
+
+import { ComponentRefProvider, ComponentType } from '@wm/runtime/base';
+import { LazyComponentRefProviderService } from './lazy-component-ref-provider.service';
+
+interface ComponentCacheEntry {
+    ref: Type<unknown>;
+    componentFactory?: any; // Legacy support for non-standalone components
+}
+
+const componentCache = new Map<ComponentType, Map<string, ComponentCacheEntry>>();
+
+componentCache.set(ComponentType.PAGE, new Map<string, ComponentCacheEntry>());
+componentCache.set(ComponentType.PARTIAL, new Map<string, ComponentCacheEntry>());
+componentCache.set(ComponentType.PREFAB, new Map<string, ComponentCacheEntry>());
+
+@Injectable()
+export class ComponentRefProviderService extends ComponentRefProvider {
+
+    /**
+     * Register a component class for dynamic instantiation
+     * @param name - Component name identifier
+     * @param type - Component type (PAGE, PARTIAL, PREFAB)
+     * @param ref - Component class reference
+     * @param componentFactory - Optional legacy component factory (for backward compatibility)
+     */
+    static registerComponentRef(name: string, type: ComponentType, ref: Type<unknown>, componentFactory?: any): void {
+        componentCache.get(type).set(name, { ref, componentFactory });
+    }
+
+    constructor(@Inject(LazyComponentRefProviderService) private lazyComponentLoader: LazyComponentRefProviderService) {
+        super();
+    }
+
+    /**
+     * Get component class for dynamic instantiation
+     * Returns the component Type which can be used with ViewContainerRef.createComponent()
+     * 
+     * @param componentName - Name of the component to load
+     * @param componentType - Type of component (PAGE, PARTIAL, PREFAB)
+     * @param options - Additional options (e.g., prefab name for partial resolution)
+     * @returns Promise resolving to component Type or null if not found
+     */
+    public async getComponentFactoryRef(componentName: string, componentType: ComponentType, options?: Record<string, unknown>): Promise<Type<unknown> | null> {
+        const cachedEntry = componentCache.get(componentType)?.get(componentName);
+        
+        // Try lazy loading for PARTIAL and PREFAB types if not in cache
+        if (!cachedEntry && (componentType === ComponentType.PARTIAL || componentType === ComponentType.PREFAB)) {
+            const lazyComponent = await this.lazyComponentLoader.getComponentFactoryRef(
+                componentName,
+                componentType,
+                options
+            );
+            if (lazyComponent) {
+                return lazyComponent;
+            }
+        }
+        
+        // Return null if component not found
+        if (!cachedEntry) {
+            console.warn(`Component not found: ${componentName} (type: ${componentType})`);
+            return null;
+        }
+        
+        // Return component class (modern Angular 13+ approach for standalone components)
+        // For legacy components, the componentFactory would be used, but we return the ref
+        // as createComponent() handles both standalone and non-standalone components
+        return cachedEntry.ref;
+    }
+}

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

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

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

@@ -0,0 +1,79 @@
+import { Injectable, Type } from '@angular/core';
+import { PartialRefProvider } from '@wm/core';
+import { ComponentType } from '@wm/runtime/base';
+import { partialLazyModules, prefabLazyModules, prefabPartialLazyModules } from '../util/lazy-module-routes';
+
+interface LazyLoadOptions {
+    prefab?: string;
+}
+
+interface LazyModule {
+    loadComponent: () => Promise<Type<unknown>>;
+}
+
+@Injectable({
+    providedIn: 'root'
+})
+export class LazyComponentRefProviderService extends PartialRefProvider {
+    constructor() {
+        super();
+    }
+
+    /**
+     * Resolve the appropriate lazy module based on component type and options
+     * @private
+     */
+    private getLazyModule(componentName: string, componentType: ComponentType, options?: LazyLoadOptions): LazyModule | undefined {
+        // Prefab-scoped partial (e.g., partial inside a prefab)
+        if (componentType === ComponentType.PARTIAL && options?.prefab) {
+            return prefabPartialLazyModules[`${options.prefab}_${componentName}`];
+        }
+        
+        // Standard partial
+        if (componentType === ComponentType.PARTIAL) {
+            return partialLazyModules[componentName];
+        }
+        
+        // Prefab
+        if (componentType === ComponentType.PREFAB) {
+            return prefabLazyModules[componentName];
+        }
+        
+        return undefined;
+    }
+
+    /**
+     * Lazy load and return a component class
+     * Returns the component Type which can be used with ViewContainerRef.createComponent()
+     * 
+     * @param componentName - Name of the component to lazy load
+     * @param componentType - Type of component (PARTIAL, PREFAB)
+     * @param options - Additional options (e.g., prefab name for partial resolution)
+     * @returns Promise resolving to component Type or null if loading fails
+     */
+    public async getComponentFactoryRef(componentName: string, componentType: ComponentType, options?: LazyLoadOptions): Promise<Type<unknown> | null> {
+        try {
+            const lazyModule = this.getLazyModule(componentName, componentType, options);
+
+            if (!lazyModule) {
+                console.error(`No lazy module found for ${componentName}`);
+                return null;
+            }
+
+            // Dynamically load the component class
+            const componentClass = await lazyModule.loadComponent();
+
+            if (!componentClass) {
+                console.error(`Failed to load component class: ${componentName}`);
+                return null;
+            }
+
+            // Return the component class directly (Angular 13+ standalone component approach)
+            // This can be used directly with ViewContainerRef.createComponent()
+            return componentClass;
+        } catch (error) {
+            console.error(`Error lazy loading component ${componentName}:`, error);
+            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 = {};