@wavemaker/angular-app 11.7.5-1.5782

package/src/main.ts

@@ -0,0 +1,30 @@
+import { ApplicationRef, enableProdMode, NgModuleRef } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+
+import initWmProjectProperties from './app/wm-project-properties';
+
+initWmProjectProperties();
+
+if (environment.production) {
+    enableProdMode();
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+    new Promise<Event | void>( resolve => {
+        if (window['cordova']) {
+            document.addEventListener('deviceready', resolve);
+        } else {
+            resolve();
+        }
+    }).then(() => platformBrowserDynamic().bootstrapModule(AppModule))
+        .then((appModuleRef: NgModuleRef<AppModule>) => {
+            const applicationRef = appModuleRef.injector.get(ApplicationRef);
+            window.addEventListener('unload', () => {
+                applicationRef.components.map(c => c && c.destroy());
+            });
+            console.timeEnd('bootstrap'), err => console.log(err);
+        }, err => console.log(err));
+});

package/src/polyfills.ts

@@ -0,0 +1,53 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes recent versions of Safari, Chrome (including
+ * Opera), Edge on the desktop, and iOS and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ *  (window as any).__Zone_enable_cross_context_check = true;
+ *
+ */
+
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js';  // Included with Angular CLI.
+
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */

package/src/setup-jest.js

@@ -0,0 +1,120 @@
+import "jest-preset-angular/setup-jest";
+import { ToastrModule } from 'ngx-toastr';
+import { TestBed } from '@angular/core/testing';
+import _ from 'lodash-es';
+import 'jest-canvas-mock';
+
+// Mock global objects if necessary
+global.jQuery = require("jquery");
+global.$ = global.jQuery;
+global._ = _;
+
+
+global.moment = require("moment");
+
+class IntersectionObserver {
+    constructor(callback, options) {
+
+    }
+
+    observe(element) {
+
+    }
+
+    unobserve() {
+        return null;
+    }
+
+    disconnect() {
+        return null;
+    }
+}
+global.IntersectionObserver = IntersectionObserver;
+// jest.setup.js
+
+// Mock MSCSSMatrix
+class MockMSCSSMatrix {
+    constructor() {
+        // Initialize with default values or any necessary properties
+    }
+
+    // Add any methods that your tests might call
+    setMatrixValue(value) {
+        // Mock implementation of setMatrixValue
+    }
+
+    multiply(matrix) {
+        // Mock implementation of multiply
+        return this;
+    }
+
+    // Add other methods as needed
+}
+
+// Attach the mock to the global scope
+global.MSCSSMatrix = MockMSCSSMatrix;
+
+import "jquery-ui/ui/disable-selection.js";
+import "jquery-ui/ui/version.js";
+import "jquery-ui/ui/widget.js";
+import "jquery-ui/ui/scroll-parent.js";
+import "jquery-ui/ui/plugin.js";
+import "jquery-ui/ui/data.js";
+import "jquery-ui/ui/widgets/mouse.js";
+import "jquery-ui/ui/widgets/resizable.js";
+import "jquery-ui/ui/widgets/sortable.js";
+import "jquery-ui/ui/widgets/draggable.js";
+import "jquery-ui/ui/widgets/droppable.js";
+import "libraries/scripts/jquery.ui.touch-punch/jquery.ui.touch-punch.min.js";
+import "moment-timezone/builds/moment-timezone.min.js";
+import "hammerjs/hammer.min.js";
+import "iscroll/build/iscroll.js";
+import "tabbable/dist/index.umd.min.js";
+import "@wavemaker/focus-trap/dist/focus-trap.umd.min.js";
+
+
+
+beforeEach(() => {
+  TestBed.configureTestingModule({
+    imports : [
+      ToastrModule.forRoot(),
+    ],
+  })
+  Object.defineProperties(window, {
+    location: {
+      writable: true,
+      value: {
+        reload: jest.fn(),
+      },
+    },
+  });
+});
+
+// jest.setup.js
+Object.defineProperty(global.HTMLMediaElement.prototype, 'load', {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    value: jest.fn(),
+});
+
+Object.defineProperty(global.HTMLMediaElement.prototype, 'play', {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    value: jest.fn().mockResolvedValue(),
+});
+
+Object.defineProperty(global.HTMLMediaElement.prototype, 'pause', {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    value: jest.fn(),
+});
+
+Object.defineProperty(global.HTMLMediaElement.prototype, 'addTextTrack', {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    value: jest.fn(),
+});

package/src/styles.css

@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */

package/src/tsconfig.app.json

@@ -0,0 +1,14 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../out-tsc/app",
+        "types": [
+            "jquery"
+        ],
+        "allowJs": true
+    },
+    "exclude": [
+        "test.ts",
+        "**/*.spec.ts"
+    ]
+}

package/src/tslint.json

@@ -0,0 +1,17 @@
+{
+    "extends": "../tslint.json",
+    "rules": {
+        "directive-selector": [
+            true,
+            "attribute",
+            "",
+            "camelCase"
+        ],
+        "component-selector": [
+            true,
+            "element",
+            "",
+            "kebab-case"
+        ]
+    }
+}

package/tsconfig.json

@@ -0,0 +1,131 @@
+{
+    "compileOnSave": false,
+    "compilerOptions": {
+        "baseUrl": "./",
+        "outDir": "./dist/out-tsc",
+        "downlevelIteration": true,
+        "declaration": false,
+        "sourceMap": true,
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "esModuleInterop": true,
+        "moduleResolution": "node",
+        "target": "ES2022",
+        "module": "ES2022",
+        "typeRoots": [
+            "node_modules/@types"
+        ],
+        "paths": {
+            "rxjs/observable/throw": [
+                "node_modules/rxjs-compat/_esm2015/observable/throw"
+            ],
+            "rxjs/observable/*": [
+                "node_modules/rxjs-compat/_esm2015/observable/*"
+            ],
+            "rxjs/Observable": [
+                "node_modules/rxjs-compat/_esm2015/Observable"
+            ],
+            "@wm/build-task": [
+                "node_modules/@wavemaker/app-ng-runtime/build-task/"
+            ],
+            "@wm/mobile-build-task": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile-build-task"
+            ],
+            "@wm/core": [
+                "node_modules/@wavemaker/app-ng-runtime/core/index.d.ts"
+            ],
+            "@wavemaker/variables": [
+                "node_modules/@wavemaker/variables/"
+            ],
+            "@wm/components/base": [
+                "node_modules/@wavemaker/app-ng-runtime/components/base/public_api.d.ts"
+            ],
+            "@wm/components/basic": [
+                "node_modules/@wavemaker/app-ng-runtime/components/basic/default/index.d.ts"
+            ],
+            "@wm/components/input": [
+                "node_modules/@wavemaker/app-ng-runtime/components/input/default/index.d.ts"
+            ],
+            "@wm/components/page": [
+                "node_modules/@wavemaker/app-ng-runtime/components/page/default/index.d.ts"
+            ],
+            "@wm/mobile/components/basic": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/components/basic/default/index.d.ts"
+            ],
+            "@wm/mobile/components/page": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/components/page/default/index.d.ts"
+            ],
+            "@wm/components/dialogs": [
+                "node_modules/@wavemaker/app-ng-runtime/components/dialogs/default/index.d.ts"
+            ],
+            "@wm/mobile/components/*": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/components/*"
+            ],
+            "@wm/components/*": [
+                "node_modules/@wavemaker/app-ng-runtime/components/*"
+            ],
+            "@wm/transpiler": [
+                "node_modules/@wavemaker/app-ng-runtime/transpiler/index.d.ts"
+            ],
+            "@wm/security": [
+                "node_modules/@wavemaker/app-ng-runtime/security/index.d.ts"
+            ],
+            "@swipey": [
+                "node_modules/@wavemaker/app-ng-runtime/swipey/index.d.ts"
+            ],
+            "@wm/http": [
+                "node_modules/@wavemaker/app-ng-runtime/http/index.d.ts"
+            ],
+            "@wm/oAuth": [
+                "node_modules/@wavemaker/app-ng-runtime/oAuth/index.d.ts"
+            ],
+            "@wm/variables": [
+                "node_modules/@wavemaker/app-ng-runtime/variables/index.d.ts"
+            ],
+            "@wm/mobile/core": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/core/index.d.ts"
+            ],
+            "@wm/mobile/components": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/components/index.d.ts"
+            ],
+            "@wm/mobile/offline": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/offline/index.d.ts"
+            ],
+            "@wm/mobile/variables": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/variables/index.d.ts"
+            ],
+            "@wm/runtime/base": [
+                "node_modules/@wavemaker/app-ng-runtime/runtime/base/index.d.ts"
+            ],
+            "@wm/runtime/dynamic": [
+                "node_modules/@wavemaker/app-ng-runtime/runtime/dynamic/index.d.ts"
+            ],
+            "@wm/mobile/runtime": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/runtime/index.d.ts"
+            ],
+            "@wm/mobile/runtime/dynamic": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/runtime-dynamic/index.d.ts"
+            ]
+        },
+        "lib": [
+            "es2020",
+            "dom"
+        ],
+        "useDefineForClassFields": false,
+        "resolveJsonModule": true
+    },
+    "angularCompilerOptions": {
+        "compilationMode": "full",
+        "strictMetadataEmit": false,
+        "fullTemplateTypeCheck": false,
+        "extendedDiagnostics": {
+            "checks": {
+                "optionalChainNotNullable": "suppress"
+            }
+        },
+        "enableI18nLegacyMessageIdFormat": false,
+        "strictInjectionParameters": false,
+        "strictInputAccessModifiers": false,
+        "trace": true
+    }
+}

package/tsconfig.web-app.json

@@ -0,0 +1,102 @@
+{
+    "compileOnSave": false,
+    "compilerOptions": {
+        "baseUrl": "./",
+        "downlevelIteration": true,
+        "outDir": "./dist/out-tsc",
+        "sourceMap": true,
+        "declaration": false,
+        "target": "es2022",
+        "module": "es2020",
+        "moduleResolution": "node",
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "typeRoots": [
+            "node_modules/@types"
+        ],
+        "lib": [
+            "es2018",
+            "dom"
+        ],
+        "paths": {
+            "rxjs/observable/throw": [
+                "node_modules/rxjs-compat/_esm2015/observable/throw"
+            ],
+            "rxjs/observable/*": [
+                "node_modules/rxjs-compat/_esm2015/observable/*"
+            ],
+            "rxjs/Observable": [
+                "node_modules/rxjs-compat/_esm2015/Observable"
+            ],
+            "@wm/build-task": [
+                "node_modules/@wavemaker/app-ng-runtime/build-task/"
+            ],
+            "@wm/mobile-build-task": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile-build-task"
+            ],
+            "@wm/core": [
+                "node_modules/@wavemaker/app-ng-runtime/core"
+            ],
+            "@wm/components/basic": [
+                "node_modules/@wavemaker/app-ng-runtime/components/basic/default"
+            ],
+            "@wm/components/input": [
+                "node_modules/@wavemaker/app-ng-runtime/components/input/default"
+            ],
+            "@wm/components/page": [
+                "node_modules/@wavemaker/app-ng-runtime/components/page/default"
+            ],
+            "@wm/components/dialogs": [
+                "node_modules/@wavemaker/app-ng-runtime/components/dialogs/default"
+            ],
+            "@wm/components/*": [
+                "node_modules/@wavemaker/app-ng-runtime/components/*"
+            ],
+            "@wm/transpiler": [
+                "node_modules/@wavemaker/app-ng-runtime/transpiler"
+            ],
+            "@wm/security": [
+                "node_modules/@wavemaker/app-ng-runtime/security"
+            ],
+            "@swipey": [
+                "node_modules/@wavemaker/app-ng-runtime/swipey"
+            ],
+            "@wm/http": [
+                "node_modules/@wavemaker/app-ng-runtime/http"
+            ],
+            "@wm/oAuth": [
+                "node_modules/@wavemaker/app-ng-runtime/oAuth"
+            ],
+            "@wm/variables": [
+                "node_modules/@wavemaker/app-ng-runtime/variables"
+            ],
+            "@wm/mobile/core": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/core"
+            ],
+            "@wm/mobile/components": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/components"
+            ],
+            "@wm/mobile/offline": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/offline"
+            ],
+            "@wm/mobile/variables": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/variables"
+            ],
+            "@wm/runtime/base": [
+                "node_modules/@wavemaker/app-ng-runtime/runtime/base"
+            ],
+            "@wm/runtime/dynamic": [
+                "node_modules/@wavemaker/app-ng-runtime/runtime/dynamic"
+            ],
+            "@wm/mobile/runtime": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/placeholder/runtime"
+            ],
+            "@wm/mobile/runtime-dynamic": [
+                "node_modules/@wavemaker/app-ng-runtime/mobile/placeholder/runtime/dynamic"
+            ]
+        }
+    },
+    "angularCompilerOptions": {
+        "compilationMode": "full"
+    }
+}

package/wm-custom-webpack.config.js

@@ -0,0 +1,94 @@
+const CompressionPlugin = require(`compression-webpack-plugin`);
+const path = require(`path`);
+const {ConcatSource} = require("webpack-sources");
+
+class ModifyCssAssetUrlsPlugin {
+    apply(compiler) {
+        compiler.hooks.compilation.tap('ModifyCssAssetUrlsPlugin', compilation => {
+            compilation.hooks.optimizeAssets.tapAsync('ModifyCssAssetUrlsPlugin', (assets, callback) => {
+                let publicPath = compilation.options.output.publicPath;
+                let isResourceWithDeployUrl = false;
+                for (const assetName in assets) {
+                    if (!assets.hasOwnProperty(assetName)) continue;
+
+                    const asset = assets[assetName];
+                    if (asset.sourceAndMap) {
+                        const sourceAndMap = asset.sourceAndMap();
+                        let updatedSource = sourceAndMap.source;
+                        // Handle potential non-string source (e.g., convert to string)
+                        if (typeof updatedSource !== 'string') {
+                            updatedSource = updatedSource.toString('utf-8');
+                        }
+                        let modifiedSource = updatedSource.replace(/url\((.*?)\)/g, (match, url) => {
+                            isResourceWithDeployUrl = true;
+
+                            let qUrl = url.slice(1, -1);
+
+                            if (!qUrl.startsWith(publicPath)) {
+                                return match;
+                            } else {
+                                const newUrl = this.modifyUrl(publicPath, qUrl);
+                                let urlString = `url('${newUrl}')`;
+                                return urlString;
+                            }
+
+                        });
+                        if (isResourceWithDeployUrl) {
+                            isResourceWithDeployUrl = false;
+                            assets[assetName] = new ConcatSource(modifiedSource);
+                        }
+                    }
+                }
+                callback(null, assets);
+            });
+        });
+    }
+
+    modifyUrl(publicPath, url) {
+        let qUrl = url;
+        let resourceName = qUrl;
+        try {
+            const parsedUrl = new URL(qUrl);
+            resourceName = parsedUrl.pathname.split('/').pop();
+        } catch (e) {
+            //this is relative url
+            let parts = qUrl.split('/');
+            resourceName = parts[parts.length - 1];
+        }
+        let newUrl = `ng-bundle/${resourceName}`;
+        return newUrl;
+    }
+};
+
+module.exports = {
+    resolve:{
+        alias:{
+            themes: path.resolve(__dirname,`src/assets/themes/`)
+        }
+    },
+    plugins:[
+        new ModifyCssAssetUrlsPlugin(),
+        new CompressionPlugin({
+            test: /\.(js|css|html|svg|txt|eot|otf|ttf|gif)$/,
+            filename: "[name].gzip[ext]",
+            algorithm: "gzip"
+        }),
+        new CompressionPlugin({
+            test: /\.(js|css|html|svg|txt|eot|otf|ttf|gif)$/,
+            filename: "[name].br[ext]",
+            algorithm: "brotliCompress"
+        }),
+    ],
+    optimization: {
+        splitChunks: {
+            automaticNameDelimiter:'-',
+            cacheGroups: {
+                vendor: {
+                    minSize: 1000000,
+                    maxSize: 1000000,
+                    test: /[\\/]node_modules(?![\\/]wm)[\\/]/
+                }
+            }
+        }
+    }
+}