@wavemaker/angular-codegen 11.0.0-next.140027 → 11.0.0-next.71017

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

@@ -1,55 +1,55 @@
 import {
     Injectable,
-    NgModuleFactoryLoader,
     NgModuleRef,
     Type,
     Injector,
-    SystemJsNgModuleLoader,
-    Inject,
-    NgModuleFactory
+    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(
-        @Inject(NgModuleFactoryLoader) private loader: SystemJsNgModuleLoader,
-        private injector: Injector
-    ) {
+    
+    constructor(private injector: Injector, private compiler: Compiler) {
         super();
     }
-    private getModulePath(componentName: string, componentType: ComponentType, options?: any): string {
-        if (componentName.length > 0) {
-            if (componentType === ComponentType.PARTIAL && options && options.prefab) {
-                return `src/app/prefabs/${options.prefab}/partials/${componentName}/${componentName}.module#${componentName
-                    .charAt(0)
-                    .toUpperCase()}${componentName.slice(1)}Module`;
-            }
-            if (componentType === ComponentType.PARTIAL) {
-                return `src/app/partials/${componentName}/${componentName}.module#${componentName
-                    .charAt(0)
-                    .toUpperCase()}${componentName.slice(1)}Module`;
-            } else if (componentType === ComponentType.PREFAB) {
-                return `src/app/prefabs/${componentName}/${componentName}.module#${componentName
-                    .charAt(0)
-                    .toUpperCase()}${componentName.slice(1)}Module`;
-            }
+
+    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);
         }
-        return null;
     }
-    public async getComponentFactoryRef(componentName: string, componentType: ComponentType, options?: {}) {
-        let moduleFactory: NgModuleFactory<any>;
+
+    public async getComponentFactoryRef(componentName: string, componentType: ComponentType, options?: Options) {
         try {
-            moduleFactory = await this.loader.load(
-                this.getModulePath(componentName, componentType, options)
-            );
+            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;

angular-codegen/angular-app/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 = {};

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

@@ -15,7 +15,7 @@ if (environment.production) {
 }
 
 document.addEventListener('DOMContentLoaded', () => {
-    new Promise( resolve => {
+    new Promise<Event | void>( resolve => {
         if (isSpotcues) {
             initSpotCues().then(resolve);
         } else if (window['cordova']) {

angular-codegen/angular-app/tsconfig.json

@@ -19,6 +19,15 @@
             "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/"
             ],

angular-codegen/angular-app/tsconfig.web-app.json

@@ -19,6 +19,15 @@
             "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/"
             ],