@wavemaker-ai/angular-app 12.0.2-rc.647771 → 12.1.0-rc.647821

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker-ai/angular-app",
-    "version": "12.0.2-rc.647771",
+    "version": "12.1.0-rc.647821",
     "scripts": {
         "ng": "ng",
         "start": "./node_modules/.bin/ng serve",
@@ -14,31 +14,31 @@
         "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\""
+        "owasp": "./dependency-check-bin/v13.0.0/dependency-check/bin/dependency-check.sh --project wavemaker-ng-runtime --scan . --format ALL --out ./dependency-check-reports"
     },
     "files": [
         "**/*",
         ".npmrc"
     ],
     "dependencies": {
-        "@angular/animations": "21.2.21",
-        "@angular/common": "21.2.21",
-        "@angular/compiler": "21.2.21",
-        "@angular/core": "21.2.21",
-        "@angular/forms": "21.2.21",
-        "@angular/platform-browser": "21.2.21",
-        "@angular/platform-browser-dynamic": "21.2.21",
-        "@angular/router": "21.2.21",
-        "@angular/service-worker": "21.2.21",
+        "@angular/animations": "22.2.1",
+        "@angular/common": "22.2.1",
+        "@angular/compiler": "22.2.1",
+        "@angular/core": "22.2.1",
+        "@angular/forms": "22.2.1",
+        "@angular/platform-browser": "22.2.1",
+        "@angular/platform-browser-dynamic": "22.2.1",
+        "@angular/router": "22.2.1",
+        "@angular/service-worker": "22.2.1",
         "@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": "12.0.2-rc.647771",
-        "@wavemaker-ai/foundation-css": "12.0.2-rc.647771",
-        "@wavemaker-ai/variables": "12.0.2-rc.647771",
+        "@wavemaker-ai/custom-widgets-m3": "12.1.0-rc.647821",
+        "@wavemaker-ai/foundation-css": "12.1.0-rc.647821",
+        "@wavemaker-ai/variables": "12.1.0-rc.647821",
         "@wavemaker/focus-trap": "1.0.1",
         "@wavemaker/nvd3": "1.8.16",
         "@ztree/ztree_v3": "3.5.48",
@@ -51,32 +51,32 @@
         "jquery-ui": "1.14.1",
         "jssha": "3.3.1",
         "lodash-es": "4.18.1",
-        "moment": "2.30.1",
+        "moment": "2.31.0",
         "moment-timezone": "0.6.0",
         "ng-circle-progress": "1.7.1",
-        "ngx-bootstrap": "21.2.0",
+        "ngx-bootstrap": "22.0.0",
         "ngx-color-picker": "20.1.1",
         "ngx-toastr": "20.0.5",
         "rxjs": "7.8.2",
         "summernote": "0.9.1",
         "tslib": "2.8.1",
         "x2js": "3.4.4",
-        "zone.js": "0.16.2",
-        "@wavemaker-ai/app-ng-runtime": "12.0.2-rc.647771"
+        "zone.js": "0.16.3",
+        "@wavemaker-ai/app-ng-runtime": "12.1.0-rc.647821"
     },
     "devDependencies": {
         "@ampproject/rollup-plugin-closure-compiler": "0.27.0",
-        "@angular-builders/custom-webpack": "21.1.0",
-        "@angular-devkit/build-angular": "21.2.21",
-        "@angular-eslint/builder": "21.4.0",
-        "@angular-eslint/eslint-plugin": "21.4.0",
-        "@angular-eslint/eslint-plugin-template": "21.4.0",
-        "@angular-eslint/schematics": "21.4.0",
-        "@angular-eslint/template-parser": "21.4.0",
-        "@angular/cli": "21.2.21",
-        "@angular/compiler-cli": "21.2.21",
-        "@angular/language-service": "21.2.21",
-        "@compodoc/compodoc": "1.2.1",
+        "@angular-builders/custom-webpack": "22.0.1",
+        "@angular-devkit/build-angular": "22.2.1",
+        "@angular-eslint/builder": "22.5.0",
+        "@angular-eslint/eslint-plugin": "22.5.0",
+        "@angular-eslint/eslint-plugin-template": "22.5.0",
+        "@angular-eslint/schematics": "22.5.0",
+        "@angular-eslint/template-parser": "22.5.0",
+        "@angular/cli": "22.2.1",
+        "@angular/compiler-cli": "22.2.1",
+        "@angular/language-service": "22.2.1",
+        "@compodoc/compodoc": "2.0.0",
         "@rollup/plugin-alias": "5.1.1",
         "@rollup/plugin-commonjs": "28.0.6",
         "@rollup/plugin-multi-entry": "6.0.1",
@@ -86,27 +86,26 @@
         "@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",
+        "@typescript-eslint/eslint-plugin": "8.71.0",
+        "@typescript-eslint/parser": "8.71.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": "30.5.2",
         "jest-canvas-mock": "2.5.2",
-        "jest-environment-jsdom": "30.0.5",
-        "jest-preset-angular": "16.1.5",
+        "jest-environment-jsdom": "30.5.2",
+        "jest-preset-angular": "17.0.0",
         "license-checker": "25.0.1",
         "moment-locales-webpack-plugin": "1.2.0",
-        "ng-packagr": "21.2.3",
-        "owasp-dependency-check": "1.0.1",
+        "ng-packagr": "22.2.4",
         "rimraf": "6.0.1",
         "rollup": "4.60.1",
-        "sonarqube-scanner": "5.0.0",
+        "sonarqube-scanner": "3.5.0",
         "terser": "5.43.1",
-        "typescript": "5.9.3",
+        "typescript": "6.0.3",
         "util": "0.12.5",
         "yargs": "18.0.0"
     },
@@ -117,31 +116,28 @@
         "@rollup/rollup-win32-x64": "4.60.1"
     },
     "engines": {
-        "node": "22.18.0",
-        "npm": "10.9.3"
+        "node": "22.22.3",
+        "npm": "10.9.8"
     },
     "overrides": {
         "@babel/core": "7.29.7",
         "adm-zip": "0.6.1",
-        "@compodoc/compodoc": {
-            "@angular-devkit/core": {
-                "ajv": "8.18.0"
-            }
-        },
         "esbuild": "0.28.2",
         "http-proxy-middleware": "3.0.7",
         "less": "4.9.0",
         "magic-string": "0.30.21",
         "picomatch": "4.0.4",
-        "piscina": "5.2.0",
+        "piscina": "5.3.2",
         "postcss": "8.5.26",
         "rollup": "4.60.1",
-        "undici": "7.29.0",
+        "serialize-javascript": "7.1.2",
+        "undici": "7.30.0",
         "uuid": "14.0.0",
         "vite": {
             ".": "7.3.6",
             "esbuild": "0.28.2"
         },
+        "webpack-dev-middleware": "8.3.0",
         "webpack-dev-server": "5.2.6"
     },
     "engineStrict": true

package/src/app/app-defaults.spec.ts

@@ -0,0 +1,39 @@
+import { routes } from './app.routes';
+import { initScript } from './app.component.script';
+import { variables } from './app.component.variables';
+import initWmProjectProperties from './wm-project-properties';
+import { WMAppProperties } from './wmProperties';
+import { LazyLoadScriptsResolve } from './lazy-load-scripts.resolve';
+import { environment as devEnvironment } from '../environments/environment.dev';
+import { environment as prodEnvironment } from '../environments/environment.prod';
+import { environment } from '../environments/environment';
+
+describe('generated app placeholders', () => {
+    it('start out empty until code generation fills them in', () => {
+        expect(routes).toEqual([]);
+        expect(variables).toEqual({});
+        expect(initScript(null, null, null)).toBeUndefined();
+        expect(initWmProjectProperties()).toBeUndefined();
+    });
+
+    it('exposes sensible default app properties', () => {
+        expect(WMAppProperties).toEqual(expect.objectContaining({
+            name: 'wavemaker-ng-runtime',
+            type: 'APPLICATION',
+            platformType: 'WEB',
+            languageBundleSources: 'STATIC',
+            preferredLanguage: 'en'
+        }));
+        expect(WMAppProperties.supportedLanguages).toEqual({ en: { moment: 'en' } });
+    });
+
+    it('LazyLoadScriptsResolve resolves without doing anything', async () => {
+        await expect(new LazyLoadScriptsResolve({} as any).resolve()).resolves.toBeUndefined();
+    });
+
+    it('defines environments for development and production', () => {
+        expect(environment.production).toBe(false);
+        expect(devEnvironment.production).toBe(false);
+        expect(prodEnvironment.production).toBe(true);
+    });
+});

package/src/app/prefabs/prefab-config.spec.ts

@@ -0,0 +1,8 @@
+import prefabConfig from './prefab-config';
+
+describe('prefab-config', () => {
+    it('exports a no-op default config provider', () => {
+        expect(typeof prefabConfig).toBe('function');
+        expect(prefabConfig()).toBeUndefined();
+    });
+});

package/src/framework/services/component-ref-providers.spec.ts

@@ -0,0 +1,93 @@
+jest.mock('@wm/runtime/base', () => ({
+    ComponentRefProvider: class ComponentRefProvider {},
+    ComponentType: { PAGE: 'PAGE', PARTIAL: 'PARTIAL', PREFAB: 'PREFAB', WIDGET: 'WIDGET' }
+}));
+jest.mock('@wm/core', () => ({
+    ...jest.requireActual('@wm/core'),
+    PartialRefProvider: class PartialRefProvider {}
+}));
+
+import { ComponentType } from '@wm/runtime/base';
+import { partialLazyModules, prefabLazyModules, prefabPartialLazyModules } from '../util/lazy-module-routes';
+import { ComponentRefProviderService } from './component-ref-provider.service';
+import { LazyComponentRefProviderService } from './lazy-component-ref-provider.service';
+
+class Cmp {}
+
+describe('LazyComponentRefProviderService', () => {
+    let service: LazyComponentRefProviderService;
+    let errorSpy: jest.SpyInstance;
+
+    beforeEach(() => {
+        service = new LazyComponentRefProviderService();
+        errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+    });
+
+    afterEach(() => {
+        [partialLazyModules, prefabLazyModules, prefabPartialLazyModules].forEach(m => Object.keys(m).forEach(k => delete m[k]));
+        jest.restoreAllMocks();
+    });
+
+    it('loads standard partials, prefabs and prefab scoped partials', async () => {
+        partialLazyModules['P'] = { loadComponent: () => Promise.resolve(Cmp) };
+        prefabLazyModules['Pf'] = { loadComponent: () => Promise.resolve(Cmp) };
+        prefabPartialLazyModules['Pf_P'] = { loadComponent: () => Promise.resolve(Cmp) };
+        await expect(service.getComponentFactoryRef('P', ComponentType.PARTIAL)).resolves.toBe(Cmp);
+        await expect(service.getComponentFactoryRef('Pf', ComponentType.PREFAB)).resolves.toBe(Cmp);
+        await expect(service.getComponentFactoryRef('P', ComponentType.PARTIAL, { prefab: 'Pf' })).resolves.toBe(Cmp);
+    });
+
+    it('returns null and logs when no lazy module exists', async () => {
+        await expect(service.getComponentFactoryRef('X', ComponentType.PARTIAL)).resolves.toBeNull();
+        await expect(service.getComponentFactoryRef('X', ComponentType.PAGE)).resolves.toBeNull();
+        expect(errorSpy).toHaveBeenCalledWith('No lazy module found for X');
+    });
+
+    it('returns null when the module resolves no component or throws', async () => {
+        partialLazyModules['Empty'] = { loadComponent: () => Promise.resolve(undefined as any) };
+        partialLazyModules['Boom'] = { loadComponent: () => Promise.reject(new Error('x')) };
+        await expect(service.getComponentFactoryRef('Empty', ComponentType.PARTIAL)).resolves.toBeNull();
+        expect(errorSpy).toHaveBeenCalledWith('Failed to load component class: Empty');
+        await expect(service.getComponentFactoryRef('Boom', ComponentType.PARTIAL)).resolves.toBeNull();
+        expect(errorSpy).toHaveBeenCalledWith('Error lazy loading component Boom:', expect.any(Error));
+    });
+});
+
+describe('ComponentRefProviderService', () => {
+    let lazy: any;
+    let service: ComponentRefProviderService;
+
+    beforeEach(() => {
+        lazy = { getComponentFactoryRef: jest.fn(() => Promise.resolve(null)) };
+        service = new ComponentRefProviderService(lazy);
+        jest.spyOn(console, 'warn').mockImplementation(() => {});
+    });
+
+    afterEach(() => jest.restoreAllMocks());
+
+    it('returns registered components from the cache', async () => {
+        ComponentRefProviderService.registerComponentRef('Home', ComponentType.PAGE, Cmp, { legacy: true });
+        await expect(service.getComponentFactoryRef('Home', ComponentType.PAGE)).resolves.toBe(Cmp);
+        expect(lazy.getComponentFactoryRef).not.toHaveBeenCalled();
+    });
+
+    it('falls back to lazy loading for partials and prefabs', async () => {
+        class Lazy {}
+        lazy.getComponentFactoryRef.mockResolvedValueOnce(Lazy);
+        await expect(service.getComponentFactoryRef('LazyP', ComponentType.PARTIAL, { prefab: 'x' })).resolves.toBe(Lazy);
+        expect(lazy.getComponentFactoryRef).toHaveBeenCalledWith('LazyP', ComponentType.PARTIAL, { prefab: 'x' });
+        lazy.getComponentFactoryRef.mockResolvedValueOnce(Lazy);
+        await expect(service.getComponentFactoryRef('LazyPf', ComponentType.PREFAB)).resolves.toBe(Lazy);
+    });
+
+    it('warns and returns null when nothing is found', async () => {
+        await expect(service.getComponentFactoryRef('Nope', ComponentType.PARTIAL)).resolves.toBeNull();
+        await expect(service.getComponentFactoryRef('Nope', ComponentType.PAGE)).resolves.toBeNull();
+        expect(lazy.getComponentFactoryRef).toHaveBeenCalledTimes(1);
+        expect(console.warn).toHaveBeenCalledWith('Component not found: Nope (type: PAGE)');
+    });
+
+    it('treats unknown component types as not found', async () => {
+        await expect(service.getComponentFactoryRef('x', 'OTHER' as any)).resolves.toBeNull();
+    });
+});

package/src/framework/services/providers.spec.ts

@@ -0,0 +1,63 @@
+jest.mock('@wm/runtime/base', () => ({
+    AppExtensionProvider: class AppExtensionProvider {},
+    AppJSProvider: class AppJSProvider {},
+    AppVariablesProvider: class AppVariablesProvider {},
+    PrefabConfigProvider: class PrefabConfigProvider {},
+    CustomwidgetConfigProvider: class CustomwidgetConfigProvider {}
+}));
+
+import { registerCustomWidgetConfig, registerPrefabConfig } from '../util/page-util';
+import { AppExtensionProviderService } from './app-extension.service';
+import { AppJSProviderService } from './app-js-provider.service';
+import { AppVariablesProviderService } from './app-variables-provider.service';
+import { CustomwidgetConfigProviderService } from './customwidget-config-provider.service';
+import { PrefabConfigProviderService } from './prefab-config-provider.service';
+import { initScript } from '../../app/app.component.script';
+import { variables } from '../../app/app.component.variables';
+
+describe('framework providers', () => {
+    describe('AppExtensionProviderService', () => {
+        afterEach(() => {
+            delete (global as any).WM_CUSTOM_FORMATTERS;
+            jest.restoreAllMocks();
+        });
+
+        it('passes the generated custom formatters to the callback', () => {
+            (global as any).WM_CUSTOM_FORMATTERS = { f: 1 };
+            const cb = jest.fn();
+            new AppExtensionProviderService().loadFormatterConfigScript(cb);
+            expect(cb).toHaveBeenCalledWith({ f: 1 });
+        });
+
+        it('warns when the formatters are not available', () => {
+            const warn = jest.spyOn(console, 'warn').mockImplementation(() => {});
+            const cb = jest.fn();
+            new AppExtensionProviderService().loadFormatterConfigScript(cb);
+            expect(cb).not.toHaveBeenCalled();
+            expect(warn).toHaveBeenCalledWith('Error while loading the formatters.js file');
+        });
+    });
+
+    it('AppJSProviderService returns the generated app script function', async () => {
+        await expect(new AppJSProviderService().getAppScriptFn()).resolves.toBe(initScript);
+        expect(initScript({}, {}, {})).toBeUndefined();
+    });
+
+    it('AppVariablesProviderService returns the generated app variables', async () => {
+        await expect(new AppVariablesProviderService().getAppVariables()).resolves.toBe(variables);
+    });
+
+    it('PrefabConfigProviderService resolves registered prefab configs', async () => {
+        registerPrefabConfig('providerPf', { c: 1 });
+        const service = new PrefabConfigProviderService();
+        await expect(service.getConfig('providerPf')).resolves.toEqual({ c: 1 });
+        await expect(service.getConfig('missing')).resolves.toBeUndefined();
+    });
+
+    it('CustomwidgetConfigProviderService resolves registered widget configs', async () => {
+        registerCustomWidgetConfig('providerW', { d: 1 });
+        const service = new CustomwidgetConfigProviderService();
+        await expect(service.getConfig('providerW')).resolves.toEqual({ d: 1 });
+        await expect(service.getConfig('missing')).resolves.toBeUndefined();
+    });
+});

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

@@ -0,0 +1,9 @@
+import { partialLazyModules, prefabLazyModules, prefabPartialLazyModules } from './lazy-module-routes';
+
+describe('lazy-module-routes', () => {
+    it('starts with empty registries that code generation fills in', () => {
+        expect(prefabLazyModules).toEqual({});
+        expect(partialLazyModules).toEqual({});
+        expect(prefabPartialLazyModules).toEqual({});
+    });
+});

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

@@ -0,0 +1,18 @@
+import { getCustomWidgetConfig, getPrefabConfig, registerCustomWidgetConfig, registerPrefabConfig } from './page-util';
+
+describe('page-util', () => {
+    it('registers and returns prefab configs', () => {
+        expect(getPrefabConfig('pf')).toBeUndefined();
+        registerPrefabConfig('pf', { a: 1 });
+        expect(getPrefabConfig('pf')).toEqual({ a: 1 });
+        registerPrefabConfig('pf', { a: 2 });
+        expect(getPrefabConfig('pf')).toEqual({ a: 2 });
+    });
+
+    it('registers and returns custom widget configs independently of prefab configs', () => {
+        expect(getCustomWidgetConfig('w')).toBeUndefined();
+        registerCustomWidgetConfig('w', { b: 1 });
+        expect(getCustomWidgetConfig('w')).toEqual({ b: 1 });
+        expect(getPrefabConfig('w')).toBeUndefined();
+    });
+});

package/src/polyfills.spec.ts

@@ -0,0 +1,9 @@
+jest.mock('zone.js', () => ({}), { virtual: true });
+
+describe('polyfills', () => {
+    it('loads zone.js', () => {
+        jest.isolateModules(() => {
+            expect(() => require('./polyfills')).not.toThrow();
+        });
+    });
+});

package/src/setup-jest.js

@@ -1,5 +1,8 @@
 
-// This file is automatically loaded when running `jest` commands
+// This file is automatically loaded when running `jest` commands.
+// ngx-bootstrap ESM patching (build-scripts/ngx-bootstrap-patch.mjs) is a build-time
+// concern (applied via its Rollup plugin during build.sh) -- deliberately not called
+// here or anywhere else in the test flow.
 import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
 import { ToastrModule } from 'ngx-toastr';
 import { TestBed } from '@angular/core/testing';

package/src/wm-namespace.spec.ts

@@ -0,0 +1,29 @@
+describe('wm-namespace', () => {
+    const original = process.env.WM_NPM_SCOPE;
+
+    const load = () => {
+        let mod: any;
+        jest.isolateModules(() => {
+            mod = require('./wm-namespace');
+        });
+        return mod;
+    };
+
+    afterEach(() => {
+        if (original === undefined) {
+            delete process.env.WM_NPM_SCOPE;
+        } else {
+            process.env.WM_NPM_SCOPE = original;
+        }
+    });
+
+    it('defaults to the @wavemaker-ai scope', () => {
+        delete process.env.WM_NPM_SCOPE;
+        expect(load().WM_NPM_SCOPE).toBe('@wavemaker-ai');
+    });
+
+    it('can be overridden through the WM_NPM_SCOPE environment variable', () => {
+        process.env.WM_NPM_SCOPE = '@wavemaker';
+        expect(load().WM_NPM_SCOPE).toBe('@wavemaker');
+    });
+});

package/tsconfig.json

@@ -1,6 +1,9 @@
 {
     "compileOnSave": false,
     "compilerOptions": {
+        "ignoreDeprecations": "6.0",
+        "strict": false,
+        "noUncheckedSideEffectImports": false,
         "baseUrl": "./",
         "downlevelIteration": true,
         "outDir": "./dist/out-tsc",

package/tsconfig.web-app.json

@@ -1,6 +1,9 @@
 {
     "compileOnSave": false,
     "compilerOptions": {
+        "ignoreDeprecations": "6.0",
+        "strict": false,
+        "noUncheckedSideEffectImports": false,
         "baseUrl": "./",
         "downlevelIteration": true,
         "outDir": "./dist/out-tsc",