@wavemaker/angular-codegen 12.0.0-next.142016 → 12.0.0-next.28533

angular-codegen/angular-app/src/framework/angular1.polyfills.ts

@@ -1,36 +0,0 @@
-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 = () => {};

angular-codegen/angular-app/src/framework/services/lazy-component-ref-provider.service.ts

@@ -1,64 +0,0 @@
-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;
-        }
-    }
-}

angular-codegen/angular-app/src/framework/util/page-util.ts

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

angular-codegen/angular-app/src/main.ts

@@ -1,30 +0,0 @@
-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));
-});

angular-codegen/angular-app/wm-custom-webpack.config.js

@@ -1,94 +0,0 @@
-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)[\\/]/
-                }
-            }
-        }
-    }
-}

angular-codegen/build-angular-app.js

@@ -1,79 +0,0 @@
-
-/**
- *  Download and install the app-ng-runtime package
- *  Run the build and post build for the generated angular app.
- *  
- *  CONSOLE ARGUMENTS:-
- *  nodeVMArgs:String: Node environment params  (Eg: '--max-old-space-size=2040')
- *  ngBuildParams:String: Anglar build params (Eg: '--prod=true --source-map=false')
- *  runtimeUIVersion:String: Runtime version (Eg: 10.6.6-next.10243)
- *  appSrc:String: Source folder to generate the angular app (current directory Eg: '.')
- *  appTarget:String: Target folder to save the generated app (Eg: 'target/ui-build/generated-app')
- *  codegenPath:String: Input to the codegen-CLI -->  Codegen installation path to copy the angular-template-app
- *  optimizeUIBuild : By default this flag will be true. If it's windows platform we are making the flag to false, it means no optimisation for windows.
- */
-const fs = require('fs');
-const { downloadNPMPackage } = require('./download-packages');
-
-const { executeSyncCmd,  MSG_NG_RUNTIME_LOG, MSG_NG_RUNTIME_SUCCESS } = require('./build-util');
-
-/**
- * @TODO: This is a temporary workaround to extract deploy-url from 'ngBuildParams', need to be replaced in future.
- */
-const updateDeployUrl = (args) => {
-    let buildArgs = args.ngBuildParams.split(' ');
-    const deployParam = buildArgs.find(i => i.startsWith("--deploy-url="));
-    if(!deployParam) {
-        buildArgs.push("--deploy-url=ng-bundle/");
-    } else {
-        buildArgs.filter((param, index) => {
-            if (param.includes('--deploy-url=_cdnUrl_')) {
-                buildArgs[index] = "--deploy-url=_cdnUrl_/ng-bundle/"
-                return true;
-            }
-        });
-    }
-    buildArgs.push(args.nodeVMArgs);
-    return buildArgs.join(" ");
-};
-
-/**
- * Download the app runtime package
- * Symlink to reuse the existing node modules (If windows optimizeUIBuild will be false and install all node modules every build )
- * Run the ng build and post build for the project
- */
-const buildAngularApp = (args) => {
-    let packageInfo = {
-        name: 'app-ng-runtime',
-        version: args.runtimeUIVersion,
-        packageJsonFile: args.codegenPath + '/angular-app/package.json',
-        successMsg: MSG_NG_RUNTIME_SUCCESS,
-        infoMsg: MSG_NG_RUNTIME_LOG
-
-    }
-
-    try {
-        // Symlink to reuse the existing node_modules
-        if (args.optimizeUIBuild) {
-            // Download app-ng-runtime node modules
-            let pathNGRuntimePackage = downloadNPMPackage(packageInfo);
-            fs.symlinkSync(pathNGRuntimePackage + '/node_modules', args.appTarget + '/node_modules', 'dir');
-        } else {
-            fs.copyFileSync(packageInfo.packageJsonFile, args.appTarget + '/package.json');
-            executeSyncCmd('cd ' + args.appTarget + ' && npm install', null, MSG_NG_RUNTIME_LOG);
-        }
-    } catch (err) {
-        console.log(MSG_NG_RUNTIME_LOG + 'FAILED the symlink for the node_modules', err);
-        process.exit(err.code || err.pid);
-    }
-
-    let ngBuildParams = updateDeployUrl(args);
-    const NG_BUILD_MSG = 'NG BUILD MIGHT HAVE FAILED WITH HEAP OUT OF MEMORY, RE-EXECUTE THE BUILD BY INCREASING THE MAX-OLD-SPACE-SIZE ARGUMENT VALUE FOR BUILD.UI.NODE.ARGS PROPERTY IN DEPLOYMENT PROFILE';
-    // Generating the angular build and post build process.
-    executeSyncCmd('cd ' + args.appTarget + ' && node ./build-scripts/build.js ' + ngBuildParams, null, MSG_NG_RUNTIME_LOG, false, NG_BUILD_MSG);
-}
-
-
-module.exports = {
-    buildAngularApp
-}

angular-codegen/dependencies/app.component.html

@@ -1,28 +0,0 @@
-<ng-container *ngIf="startApp">
-    <router-outlet></router-outlet>
-    <div wmContainer partialContainer content="Common" hidden class="ng-hide" *ngIf="isApplicationType"></div>
-    <app-spinner name="globalspinner" classname="global-spinner" role="alert" aria-live="assertive" [attr.aria-label]="spinner.arialabel || 'Loading'" [show]="spinner.show" [spinnermessages]="spinner.messages"></app-spinner>
-    <div wmDialog name="oAuthLoginDialog" title="Application is requesting you to sign in with"
-         close.event="closeOAuthDialog()">
-        <ng-template #dialogBody>
-            <ul class="list-items">
-                <li class="list-item" *ngFor="let provider of providersConfig">
-                    <button class="btn" (click)="provider.invoke()">{{provider.name}}</button>
-                </li>
-            </ul>
-        </ng-template>
-    </div>
-    <div wmConfirmDialog name="_app-confirm-dialog" title.bind="title" message.bind="message" oktext.bind="oktext"
-         canceltext.bind="canceltext" closable="false" iconclass.bind="iconclass"
-         escape.event="onEscape()" ok.event="onOk()" cancel.event="onCancel()" close.event="onClose()" opened.event="onOpen()"></div>
-    <div  *ngIf="!isApplicationType" wmConfirmDialog name="PrefabConfirmDialog" title.bind="title" message.bind="text" oktext.bind="okButtonText"
-         canceltext.bind="cancelButtonText" closable="false" iconclass.bind="iconclass"
-         escape.event="onEscape()" ok.event="onOk()" cancel.event="onCancel()" close.event="onClose()" opened.event="onOpen()"></div>
-    <div  *ngIf="!isApplicationType" wmAlertDialog name="PrefabAlertDialog" title.bind="title" message.bind="text" oktext.bind="okButtonText"
-         canceltext.bind="cancelButtonText" closable="false" iconclass.bind="iconclass"
-         escape.event="onEscape()" ok.event="onOk()" cancel.event="onCancel()" close.event="onClose()" opened.event="onOpen()"></div>
-    <div wmAppExt></div>
-    <i id="wm-mobile-display"></i>
-</ng-container>
-<!--Dummy container to create the component dynamically-->
-<ng-container #dynamicComponent></ng-container>