@wavemaker-ai/angular-codegen 1.0.0-rc.647469

package/templates/app.config.ts.hbs

@@ -0,0 +1,211 @@
+import { ApplicationConfig, importProvidersFrom, APP_INITIALIZER, LOCALE_ID } from "@angular/core";
+import { provideRouter, RouteReuseStrategy, withComponentInputBinding, withHashLocation } from "@angular/router";
+import { provideHttpClient, withXsrfConfiguration, HTTP_INTERCEPTORS, withInterceptorsFromDi } from "@angular/common/http";
+import { provideAnimations } from "@angular/platform-browser/animations";
+import { routes } from "./app.routes";
+import { HttpServiceImpl } from "@wm/http";
+import { SecurityService } from "@wm/security";
+import { VariablesService, MetadataService } from "@wm/variables";
+import { OAuthService } from "@wm/oAuth";
+import { PageDirective{{#if enableSpa}}, SpaPageDirective{{/if}} } from "@wm/components/page";
+import {
+    {{#if enableSecurity}}AuthGuard, RoleGuard, {{/if}}
+    AppJSProvider,
+    AppVariablesProvider,
+    ComponentRefProvider,
+    PrefabConfigProvider,
+    WmNgRouteReuseStrategy,
+    CanDeactivateNgPageGuard,
+    AppExtensionProvider,
+    CustomwidgetConfigProvider,
+    AppDefaultsService,
+    AppExtensionJSResolve,
+    AppJSResolve,
+    AppVariablesResolve,
+    AppBeforeLoadResolve,
+    I18nResolve,
+    AppManagerService,
+    AppRef,
+    I18nServiceImpl,
+    NavigationServiceImpl,
+    SpinnerServiceImpl,
+    ToasterServiceImpl,
+    DynamicComponentRefProviderService,
+    HttpCallInterceptor,
+    PrefabManagerService,
+    PipeService
+} from "@wm/runtime/base";
+import { AppJSProviderService } from "../framework/services/app-js-provider.service";
+import { AppVariablesProviderService } from "../framework/services/app-variables-provider.service";
+import { AppExtensionProviderService } from "../framework/services/app-extension.service";
+import { ComponentRefProviderService } from "../framework/services/component-ref-provider.service";
+import { PrefabConfigProviderService } from "../framework/services/prefab-config-provider.service";
+import { CustomwidgetConfigProviderService } from "../framework/services/customwidget-config-provider.service";
+import { LazyLoadScriptsResolve } from "./lazy-load-scripts.resolve";
+import { 
+    AbstractHttpService, 
+    AbstractI18nService,
+    AbstractNavigationService, 
+    AbstractSpinnerService, 
+    AbstractToasterService, 
+    App, 
+    AppDefaults, 
+    CustomWidgetRefProvider, 
+    DynamicComponentRefProvider,
+    PartialRefProvider,
+    AbstractDialogService,
+    _WM_APP_PROJECT,
+} from "@wm/core";
+import { ModalModule } from "ngx-bootstrap/modal";
+import { ToastNoAnimationModule } from "ngx-toastr";
+import { BsDatepickerModule } from "ngx-bootstrap/datepicker";
+import { NgCircleProgressModule } from "ng-circle-progress";
+import { LocationStrategy, HashLocationStrategy, DatePipe, DecimalPipe } from "@angular/common";
+import { CustomPipe, DialogServiceImpl, FilterPipe, ImagePipe, SanitizePipe, ToDatePipe, TrailingZeroDecimalPipe, TrustAsPipe } from "@wm/components/base";
+import { initPrefabConfig } from "./prefabs/prefab-config";
+{{#if isPwa}}
+import { ServiceWorkerModule } from "@angular/service-worker";
+import { environment } from "../environments/environment";
+{{/if}}
+{{#if isCSP}}
+import { ɵSharedStylesHost } from '@angular/platform-browser';
+import { ɵDomRendererFactory2 } from "@angular/platform-browser";
+import { WMDomSharedStylesHost } from "@wm/runtime/base";
+import { WMDomRendererFactory2 } from "@wm/runtime/base";
+{{/if}}
+
+const wmModules = [
+    importProvidersFrom(
+        ModalModule.forRoot(),
+        ToastNoAnimationModule.forRoot({ maxOpened: 1, autoDismiss: true }),
+        BsDatepickerModule.forRoot(),
+        NgCircleProgressModule.forRoot(),
+        {{#if isPwa}}
+        ServiceWorkerModule.register("wmsw-worker.js", { enabled: environment.production })
+        {{/if}}
+    )
+];
+export const xsrfHeaderName = "{{xsrfTokenHeaderName}}";
+export const isPrefabInitialized = initPrefabConfig();
+
+const initializeProjectDetails = () => {
+    let cdnUrl = document.querySelector('[name="deployUrl"]') && document.querySelector('[name="deployUrl"]').getAttribute('content');
+    _WM_APP_PROJECT.isPreview = cdnUrl ? false : true;
+    const apiUrl = document.querySelector('[name="apiUrl"]') && document.querySelector('[name="apiUrl"]').getAttribute('content');
+    //for preview
+    if (!cdnUrl) {
+        cdnUrl = document.querySelector('[name="cdnUrl"]') && document.querySelector('[name="cdnUrl"]').getAttribute('content');
+    }
+    _WM_APP_PROJECT.id = location.href.split('/')[3];
+    // Integration with third party apps like in SSPA/WebComponents, this meta tag with cdnUrl will not be there then default it to ng-bundle/
+    _WM_APP_PROJECT.apiUrl = apiUrl || './';
+    _WM_APP_PROJECT.cdnUrl = cdnUrl || 'ng-bundle/';
+    _WM_APP_PROJECT.ngDest = 'ng-bundle/';
+    try {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        //@ts-ignore
+        __webpack_require__.p = __webpack_public_path__ = cdnUrl;
+    } catch (e) {
+        //for app preview there is no webpack. Don't do anything.
+    }
+};
+
+export function InitializeApp(I18nService, AppJSResolve, AppBeforeLoadResolve, AppVariablesResolve, AppExtensionJSResolve) {
+    return async () => {
+        initializeProjectDetails();
+        await AppJSResolve.resolve();
+        await AppVariablesResolve.resolve();
+        await AppExtensionJSResolve.resolve();
+        await I18nService.loadDefaultLocale();
+        return AppBeforeLoadResolve.resolve();
+    };
+}
+
+export function setAngularLocale(I18nService) {
+    initializeProjectDetails();
+    return I18nService.deduceAppLocale();
+}
+
+export const appConfig: ApplicationConfig = {
+    providers: [
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: HttpCallInterceptor,
+            multi: true
+        },
+        // Provide Angular core services
+        provideRouter(routes, withHashLocation(), withComponentInputBinding()),
+        provideHttpClient(
+            withInterceptorsFromDi(),
+            withXsrfConfiguration({
+                cookieName: "wm_xsrf_token",
+                headerName: xsrfHeaderName
+            })
+        ),
+        provideAnimations(),
+        // Provide application-specific services
+        {
+            provide: APP_INITIALIZER,
+            useFactory: InitializeApp,
+            deps: [AbstractI18nService, AppJSResolve, AppBeforeLoadResolve, AppVariablesResolve, AppExtensionJSResolve, PipeService],
+            multi: true
+        },
+        {
+            provide: LOCALE_ID,
+            useFactory: setAngularLocale,
+            deps: [AbstractI18nService]
+        },
+        { provide: AppJSProvider, useClass: AppJSProviderService },
+        { provide: AbstractDialogService, useClass: DialogServiceImpl },
+        { provide: AppVariablesProvider, useClass: AppVariablesProviderService },
+        { provide: AppExtensionProvider, useClass: AppExtensionProviderService },
+        { provide: ComponentRefProvider, useClass: ComponentRefProviderService },
+        { provide: CustomWidgetRefProvider, useClass: ComponentRefProviderService },
+        { provide: PrefabConfigProvider, useClass: PrefabConfigProviderService },
+        { provide: CustomwidgetConfigProvider, useClass: CustomwidgetConfigProviderService },
+        { provide: RouteReuseStrategy, useClass: WmNgRouteReuseStrategy },
+        { provide: LocationStrategy, useClass: HashLocationStrategy },
+        { provide: PartialRefProvider, useClass: ComponentRefProviderService },
+        { provide: AbstractI18nService, useClass: I18nServiceImpl },
+        { provide: AppDefaults, useClass: AppDefaultsService },
+        { provide: AbstractHttpService, useClass: HttpServiceImpl },
+        { provide: AbstractSpinnerService, useClass: SpinnerServiceImpl },
+        { provide: App, useClass: AppRef },
+        { provide: AbstractNavigationService, useClass: NavigationServiceImpl },
+        { provide: AbstractToasterService, useClass: ToasterServiceImpl },
+        { provide: DynamicComponentRefProvider, useClass: DynamicComponentRefProviderService, },
+        {{#if isCSP}}
+        { provide: ɵSharedStylesHost, useClass: WMDomSharedStylesHost },
+        { provide: ɵDomRendererFactory2, useClass: WMDomRendererFactory2 },
+        {{/if}}
+        PageDirective,
+        AppManagerService,
+        DatePipe,
+        {{#if enableSpa}}SpaPageDirective,{{/if}}
+        AppJSResolve,
+        AppExtensionJSResolve,
+        AppVariablesResolve,
+        AppBeforeLoadResolve,
+        PipeService,
+        I18nResolve,
+        SecurityService,
+        OAuthService,
+        VariablesService,
+        MetadataService,
+        PrefabManagerService,
+        SanitizePipe,
+        ToDatePipe,
+        FilterPipe,
+        TrailingZeroDecimalPipe,
+        TrustAsPipe,
+        DecimalPipe,
+        ImagePipe,
+        CustomPipe,
+        Location,
+        // Other application-wide services
+        CanDeactivateNgPageGuard,
+        LazyLoadScriptsResolve,
+        {{#if enableSecurity}}AuthGuard, RoleGuard, {{/if}}
+        ...wmModules
+    ]
+};

package/templates/app.module.ts.hbs

@@ -0,0 +1,294 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { CommonModule } from '@angular/common';
+import { RouterModule, RouteReuseStrategy } from '@angular/router';
+import { HttpClientModule, HttpClientXsrfModule } from '@angular/common/http';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+
+
+import { ModalModule } from 'ngx-bootstrap/modal';
+import { NgCircleProgressModule } from 'ng-circle-progress';
+import { ToastNoAnimationModule } from 'ngx-toastr';
+import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
+
+{{#if loadAllComponents}}
+// Basic widgets
+import { BasicModule } from '@wm/components/basic';
+import { ProgressModule } from '@wm/components/basic/progress';
+import { RichTextEditorModule } from '@wm/components/basic/rich-text-editor';
+import { SearchModule } from '@wm/components/basic/search';
+import { TreeModule } from '@wm/components/basic/tree';
+
+// input
+import { InputModule } from '@wm/components/input';
+import { CalendarModule } from '@wm/components/input/calendar';
+import { ChipsModule } from '@wm/components/input/chips';
+import { ColorPickerModule } from '@wm/components/input/color-picker';
+import { CurrencyModule } from '@wm/components/input/currency';
+import { EpochModule } from '@wm/components/input/epoch';
+import { FileUploadModule } from '@wm/components/input/file-upload';
+import { RatingModule } from '@wm/components/input/rating';
+import { SliderModule } from '@wm/components/input/slider';
+
+// Data
+import { CardModule } from '@wm/components/data/card';
+import { FormModule } from '@wm/components/data/form';
+import { ListModule } from '@wm/components/data/list';
+import { LiveTableModule } from '@wm/components/data/live-table';
+import { PaginationModule } from '@wm/components/data/pagination';
+import { TableModule } from '@wm/components/data/table';
+
+//Chart
+import { ChartModule } from '@wm/components/chart';
+
+//Containers
+import { AccordionModule } from '@wm/components/containers/accordion';
+import { LinearLayoutModule } from '@wm/components/containers/linear-layout';
+import { LayoutGridModule } from '@wm/components/containers/layout-grid';
+import { PanelModule } from '@wm/components/containers/panel';
+import { TabsModule } from '@wm/components/containers/tabs';
+import { TileModule } from '@wm/components/containers/tile';
+import { WizardModule } from '@wm/components/containers/wizard';
+
+//Dialogs
+import { AlertDialogModule } from '@wm/components/dialogs/alert-dialog';
+import { IframeDialogModule } from '@wm/components/dialogs/iframe-dialog';
+import { LoginDialogModule } from '@wm/components/dialogs/login-dialog';
+import { PartialDialogModule } from '@wm/components/dialogs/partial-dialog';
+
+// Navigation
+import { BreadcrumbModule } from '@wm/components/navigation/breadcrumb';
+import { MenuModule } from '@wm/components/navigation/menu';
+import { NavbarModule } from '@wm/components/navigation/navbar';
+import { PopoverModule } from '@wm/components/navigation/popover';
+
+// Advanced
+import { CarouselModule } from '@wm/components/advanced/carousel';
+import { LoginModule } from '@wm/components/advanced/login';
+import { MarqueeModule } from '@wm/components/advanced/marquee';
+
+import { PageModule } from '@wm/components/page';
+import { FooterModule } from '@wm/components/page/footer';
+import { HeaderModule } from '@wm/components/page/header';
+import { LeftPanelModule } from '@wm/components/page/left-panel';
+import { RightPanelModule } from '@wm/components/page/right-panel';
+import { TopNavModule } from '@wm/components/page/top-nav';
+
+import { PrefabModule } from '@wm/components/prefab';
+{{#if isMobileApp}}
+import { BasicModule as MobileBasicModule} from '@wm/mobile/components/basic';
+import { SearchModule as MobileSearchModule } from '@wm/mobile/components/basic/search';
+
+import { SegmentedControlModule as MobileSegmentedControlModule } from '@wm/mobile/components/containers/segmented-control';
+
+import { MediaListModule as MobileMediaListModule } from '@wm/mobile/components/data/media-list';
+
+import { BarcodeScannerModule as MobileBarcodeScannerModule } from '@wm/mobile/components/device/barcode-scanner';
+import { CameraModule as MobileCameraModule } from '@wm/mobile/components/device/camera';
+
+import { FileUploadModule as MobileFileUploadModule } from '@wm/mobile/components/input/file-upload';
+
+import { PageModule as MobilePageModule } from '@wm/mobile/components/page';
+import { LeftPanelModule as MobileLeftPanelModule } from '@wm/mobile/components/page/left-panel';
+import { MobileNavbarModule as MobileMobileNavbarModule } from '@wm/mobile/components/page/mobile-navbar';
+import { TabBarModule as MobileTabBarModule } from '@wm/mobile/components/page/tab-bar';
+{{/if}}
+{{/if}}
+import { CoreModule, PartialRefProvider, CustomWidgetRefProvider } from '@wm/core';
+import {
+    AppComponent,
+    AppJSProvider,
+    AppVariablesProvider,
+    ComponentRefProvider,
+    PrefabConfigProvider,
+    CustomwidgetConfigProvider,
+    WmNgRouteReuseStrategy,
+    CanDeactivateNgPageGuard,
+    REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS,
+    AppExtensionProvider,
+    RuntimeBaseModule
+} from '@wm/runtime/base';
+
+
+import { routes } from './app.routes';
+import { AppJSProviderService } from '../framework/services/app-js-provider.service';
+import { AppVariablesProviderService } from '../framework/services/app-variables-provider.service';
+import { AppExtensionProviderService } from '../framework/services/app-extension.service';
+import { ComponentRefProviderService } from '../framework/services/component-ref-provider.service';
+import { PrefabConfigProviderService } from '../framework/services/prefab-config-provider.service';
+import { AppCodeGenModule, xsrfHeaderName } from './app-codegen.module';
+import { LazyLoadScriptsResolve } from './lazy-load-scripts.resolve';
+import { initPrefabConfig } from './prefabs/prefab-config';
+import { CustomwidgetConfigProviderService } from '../framework/services/customwidget-config-provider.service';
+
+{{#if isPwa}}
+import { ServiceWorkerModule } from '@angular/service-worker';
+import { environment } from '../environments/environment';
+{{/if}}
+
+export const modalModule = ModalModule.forRoot();
+export const routerModule = RouterModule.forRoot(routes, {useHash: true, scrollPositionRestoration: 'top'});
+export const toastrModule = ToastNoAnimationModule.forRoot({maxOpened: 1, autoDismiss: true });
+export const bsDatePickerModule: ModuleWithProviders<any> = BsDatepickerModule.forRoot();
+export const httpClientXsrfModule = HttpClientXsrfModule.withOptions({
+    cookieName: 'wm_xsrf_token',
+    headerName: xsrfHeaderName
+});
+
+export const ngCircleProgressModule: ModuleWithProviders<any> = NgCircleProgressModule.forRoot({});
+
+
+{{#if loadAllComponents}}
+const componentsModule = [
+    NgCircleProgressModule,
+
+    // Basic widgets
+    BasicModule,
+    ProgressModule,
+    RichTextEditorModule,
+    SearchModule,
+    TreeModule,
+
+    // Input
+    CalendarModule,
+    ChipsModule,
+    ColorPickerModule,
+    CurrencyModule,
+    EpochModule,
+    FileUploadModule,
+    InputModule,
+    RatingModule,
+    SliderModule,
+
+    // Data
+    CardModule,
+    FormModule,
+    ListModule,
+    LiveTableModule,
+    PaginationModule,
+    TableModule,
+
+    // chart
+    ChartModule,
+
+    // container modules
+    AccordionModule,
+    LinearLayoutModule,
+    LayoutGridModule,
+    PanelModule,
+    TabsModule,
+    TileModule,
+    WizardModule,
+
+    // dialogs
+    AlertDialogModule,
+    IframeDialogModule,
+    LoginDialogModule,
+    PartialDialogModule,
+
+    // navigation
+    BreadcrumbModule,
+    MenuModule,
+    NavbarModule,
+    PopoverModule,
+
+    //Advanced
+    CarouselModule,
+    LoginModule,
+    MarqueeModule,
+
+    PageModule,
+    FooterModule,
+    HeaderModule,
+    LeftPanelModule,
+    RightPanelModule,
+    TopNavModule,
+
+    PrefabModule
+];
+
+{{#if isMobileApp}}
+export const mobileComponentModules = [
+    MobileBasicModule,
+    MobileSearchModule,
+    MobileSegmentedControlModule,
+    MobileMediaListModule,
+    MobileBarcodeScannerModule,
+    MobileCameraModule,
+    MobileFileUploadModule,
+    MobilePageModule,
+    MobileLeftPanelModule,
+    MobileMobileNavbarModule,
+    MobileTabBarModule
+];
+{{/if}}
+
+REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS.push(...componentsModule);
+REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS.push(FormsModule, ReactiveFormsModule);
+{{#if isMobileApp}}
+REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS.push(...mobileComponentModules);
+{{/if}}
+{{/if}}
+
+import { HttpServiceModule } from "@wm/http";
+import { SecurityModule } from "@wm/security";
+import { WmComponentsModule } from "@wm/components/base";
+import { VariablesModule } from "@wm/variables";
+import { OAuthModule } from "@wm/oAuth";
+import { PageDirective } from "@wm/components/page";
+
+const WM_MODULES_FOR_ROOT = [
+    WmComponentsModule.forRoot(),
+    CoreModule.forRoot(),
+    SecurityModule.forRoot(),
+    OAuthModule.forRoot(),
+    VariablesModule.forRoot(),
+    HttpServiceModule.forRoot(),
+    RuntimeBaseModule.forRoot()
+];
+
+export const isPrefabInitialized = initPrefabConfig();
+
+@NgModule({
+    declarations: [],
+    imports: [
+        BrowserModule,
+        BrowserAnimationsModule,
+        CommonModule,
+        RouterModule,
+        HttpClientModule,
+
+        modalModule,
+
+        ngCircleProgressModule,
+
+        routerModule,
+        toastrModule,
+        httpClientXsrfModule,
+        bsDatePickerModule,
+
+        WM_MODULES_FOR_ROOT,
+        AppCodeGenModule,
+
+        {{#if isPwa}}
+        ServiceWorkerModule.register('wmsw-worker.js', { enabled: environment.production })
+        {{/if}}
+    ],
+    providers: [
+        {provide: AppJSProvider, useClass: AppJSProviderService},
+        {provide: AppVariablesProvider, useClass: AppVariablesProviderService},
+        {provide: AppExtensionProvider,useClass:AppExtensionProviderService},
+        {provide: ComponentRefProvider, useClass: ComponentRefProviderService},
+        {provide: PartialRefProvider, useClass: ComponentRefProviderService},
+        {provide: CustomWidgetRefProvider, useClass: ComponentRefProviderService},
+        {provide: PrefabConfigProvider, useClass: PrefabConfigProviderService},
+        {provide: CustomwidgetConfigProvider, useClass: CustomwidgetConfigProviderService},
+        {provide: RouteReuseStrategy, useClass: WmNgRouteReuseStrategy},
+        CanDeactivateNgPageGuard,
+        LazyLoadScriptsResolve,
+        PageDirective
+    ],
+    bootstrap: [AppComponent]
+})
+export class AppModule {}

package/templates/component.config.ts.hbs

@@ -0,0 +1 @@
+export const config = {{config}};

package/templates/component.expressions.ts.hbs

@@ -0,0 +1,3 @@
+export const expressionData = {
+{{expressions}}
+};

package/templates/component.variables.ts.hbs

@@ -0,0 +1,3 @@
+export const variables = {{variables}};
+
+export const getVariables = () => JSON.parse(JSON.stringify(variables));

package/templates/customwidget/customwidget-config.ts.hbs

@@ -0,0 +1,6 @@
+import { registerCustomWidgetConfig } from '../../framework/util/page-util';
+
+export const initCustomWidgetConfig = () => {
+    {{registerCustomWidgetConfig customWidgetConfigMap}}
+    return true;
+};

package/templates/customwidget/customwidget.component.script.js.hbs

@@ -0,0 +1,3 @@
+export const initScript = (Widget, App, Utils) => {
+    {{ jsContent }}
+}

package/templates/customwidget/customwidget.component.ts.hbs

@@ -0,0 +1,42 @@
+import { Component, Injector, Optional, ViewEncapsulation } from '@angular/core';
+
+import { UserDefinedExecutionContext } from '@wm/core';
+
+import { initScript } from './{{name}}.component.script';
+import { getVariables } from './{{name}}.component.variables';
+import { AppRef, BaseCustomWidgetComponent } from '@wm/runtime/base';
+{{WMComponentsImportStmts requiredWMComponents}}
+
+@Component({
+    standalone: true,
+    selector: 'app-custom-{{name}}',
+    templateUrl: './{{name}}.component.html',
+    styleUrls: ['./{{name}}.component.css'],
+    encapsulation: ViewEncapsulation.None,
+    imports: [ {{WMComponentModuleStmts requiredWMComponents}}],
+    providers: [
+        {
+            provide: UserDefinedExecutionContext,
+            useExisting: {{componentName}}
+        }
+    ]
+})
+export class {{componentName}} extends BaseCustomWidgetComponent {
+
+    override customWidgetName = '{{name}}';
+    [key: string]: any;
+    {{#if enableSpa}}spa = true;{{/if}}
+
+    constructor() {
+        super();
+        super.init();
+    }
+
+    getVariables() {
+        return getVariables();
+    }
+
+    evalUserScript(Widget, App, Utils) {
+        initScript(Widget, App, Utils);
+    }
+}

package/templates/expr-vs-fn.hbs

@@ -0,0 +1,3 @@
+"{{expr}}": [function({{fnArgs}}){
+    {{fnBody}}
+},[{{fnPipes}}]]

package/templates/layout/layout.component.ts.hbs

@@ -0,0 +1,55 @@
+import { Component, Injector, ViewEncapsulation } from '@angular/core';
+import { UserDefinedExecutionContext } from '@wm/core';
+import { BaseLayoutComponent } from '@wm/runtime/base';
+import { expressionData } from './{{name}}.component.expressions';
+import { CommonModule as NgCommonModule } from '@angular/common';
+import { RouterOutletDirective } from '@wm/components/page';
+import { RouterModule } from '@angular/router';
+{{WMComponentsImportStmts requiredWMComponents}}
+
+{{PartialModuleImportStmts requiredPartials}}
+
+const requiredComponentModules = [
+    {{WMComponentModuleStmts requiredWMComponents}},
+    RouterOutletDirective
+];
+
+const requiredPartialModules = [
+    {{PartialModuleStmts requiredPartials}}
+];
+
+
+@Component({
+    selector: 'app-page-{{name}}',
+    templateUrl: './{{name}}.component.html',
+    encapsulation: ViewEncapsulation.None,
+    providers: [
+        {
+            provide: UserDefinedExecutionContext,
+            useExisting: {{componentName}}
+        }
+    ],
+    standalone: true,
+    imports: [
+        ...requiredComponentModules,
+        ...requiredPartialModules,
+        NgCommonModule,
+        RouterModule
+    ],
+    {{#if hasCustomElement}}
+    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    {{/if}}
+})
+export class {{componentName}} extends BaseLayoutComponent {
+    layoutName = '{{name}}';
+    layoutPages = {{layoutPages}};
+
+    constructor(public injector: Injector) {
+        super();
+        super.init();
+    }
+
+    getExpressions() {
+        return expressionData;
+    }
+}

package/templates/layout/layout.module.ts.hbs

@@ -0,0 +1,42 @@
+import { inject, NgModule } from '@angular/core';
+import { CommonModule as NgCommonModule, APP_BASE_HREF } from '@angular/common';
+import { Routes, RouterModule } from '@angular/router';
+
+import { RuntimeBaseModule, AuthGuard, RoleGuard } from '@wm/runtime/base';
+
+{{WMComponentsImportStmts requiredWMComponents}}
+
+{{PartialModuleImportStmts requiredPartials}}
+
+import { {{componentName}} } from './{{name}}.component';
+
+const components = [{{componentName}}];
+
+const routes: Routes = {{DefineLayoutRoutes name componentName pagesConfig securityConfig}};
+
+const requiredComponentModules = [
+    {{WMComponentModuleStmts requiredWMComponents}}
+];
+
+const requiredPartialModules = [
+    {{PartialModuleStmts requiredPartials}}
+];
+
+@NgModule({
+    declarations: components,
+    imports: [
+        ...requiredComponentModules,
+        ...requiredPartialModules,
+        RouterModule.forChild(routes),
+        NgCommonModule,
+        RuntimeBaseModule
+    ],
+    {{#if hasCustomElement}}
+    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    {{/if}}
+    exports: components
+})
+export class {{moduleName}} {
+
+}
+

package/templates/lazy-module-routes.ts.hbs

@@ -0,0 +1,3 @@
+export const prefabLazyModules = {{{DefinePrefabModules prefabModulesInfo}}};
+export const partialLazyModules = {{{DefinePartialModules partialModulesInfo}}};
+export const prefabPartialLazyModules = {{{DefinePrefabPartialModules prefabPartialInfo}}};

package/templates/page/page.component.script.js.hbs

@@ -0,0 +1,3 @@
+export const initScript = (Page, App, Utils) => {
+    {{ jsContent }}
+}