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

package/templates/page/page.component.ts.hbs

@@ -0,0 +1,74 @@
+import { Component, ViewEncapsulation, NO_ERRORS_SCHEMA } from '@angular/core';
+import { UserDefinedExecutionContext } from '@wm/core';
+import { initScript } from './{{name}}.component.script';
+import { getVariables } from './{{name}}.component.variables';
+import { expressionData } from './{{name}}.component.expressions';
+import { CommonModule } from '@angular/common';
+import { {{#if enableSpa}}BaseSpaPageComponent{{else}}BasePageComponent{{/if}} } from '@wm/runtime/base';
+
+{{WMComponentsImportStmts requiredWMComponents}}
+{{WMCustomComponentsImportStmts requireCustomComponents}}
+{{PartialModuleImportStmts requiredPartials}}
+
+{{#if requireCustomComponents}}
+import { initCustomWidgetConfig } from '../../customwidgets/customwidget-config';
+initCustomWidgetConfig();
+{{/if}}
+
+const requiredComponentModules = [
+    {{WMComponentModuleStmts requiredWMComponents}}
+];
+
+const requiredCustomWidgetComponents= [
+    {{WMCustomComponentStmts requireCustomComponents}}
+]
+
+const requiredPartialModules: any[] = [
+    {{PartialModuleStmts requiredPartials}}
+];
+
+@Component({
+    selector: 'app-page-{{name}}',
+    templateUrl: './{{name}}.component.html',
+    styleUrls: ['./{{name}}.component.css'],
+    encapsulation: ViewEncapsulation.None,
+    providers: [
+        {
+            provide: UserDefinedExecutionContext,
+            useExisting: {{componentName}}
+        }
+    ],
+    standalone: true,
+    imports: [
+        ...requiredComponentModules,
+        ...requiredPartialModules,
+        ...requiredCustomWidgetComponents, 
+        CommonModule,
+    ],
+    {{#if hasCustomElement}}
+    schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
+    {{/if}}
+})
+export class {{componentName}} extends {{#if enableSpa}}BaseSpaPageComponent{{else}}BasePageComponent{{/if}} {
+
+    override pageName = '{{name}}';
+    [key: string]: any;
+
+    constructor() {
+        super();
+        super.init();
+    }
+
+    getVariables() {
+        return getVariables();
+    }
+
+    evalUserScript(Page, App, Utils) {
+        initScript(Page, App, Utils);
+    }
+
+    getExpressions() {
+        return expressionData;
+    }
+
+}

package/templates/page/page.module.ts.hbs

@@ -0,0 +1,61 @@
+import { inject, NgModule } from '@angular/core';
+import { CommonModule as NgCommonModule, APP_BASE_HREF } from '@angular/common';
+import { Routes, RouterModule } from '@angular/router';
+
+import { RuntimeBaseModule, CanDeactivateNgPageGuard } from '@wm/runtime/base';
+{{WMComponentsImportStmts requiredWMComponents}}
+{{WMCustomComponentsImportStmts requireCustomComponents}}
+ {{#if
+    requireCustomComponents}}
+import { initCustomWidgetConfig } from '../../customwidgets/customwidget-config';
+initCustomWidgetConfig();
+{{/if}}
+
+import { AppCodeGenModule } from '../../app-codegen.module';
+
+{{PartialModuleImportStmts requiredPartials}}
+
+import { {{componentName}} } from './{{name}}.component';
+
+const components = [{{componentName}}];
+
+const routes: Routes = [
+    {
+        path: '',
+        component: {{componentName}},
+        canDeactivate: [(component, currentRoute, currentState, nextState) => inject(CanDeactivateNgPageGuard).canDeactivate(component, currentRoute, currentState, nextState)]
+    }
+];
+
+const requiredComponentModules = [
+    {{WMComponentModuleStmts requiredWMComponents}}
+];
+
+const requiredCustomWidgetComponents= [
+    {{WMCustomComponentStmts requireCustomComponents}}
+]
+
+const requiredPartialModules: any[] = [
+    {{PartialModuleStmts requiredPartials}}
+];
+
+@NgModule({
+    declarations: components,
+    imports: [
+        ...requiredComponentModules,
+        ...requiredPartialModules,
+        ...requiredCustomWidgetComponents,
+        RouterModule.forChild(routes),
+        NgCommonModule,
+        AppCodeGenModule,
+        RuntimeBaseModule
+    ],
+    {{#if hasCustomElement}}
+    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    {{/if}}
+    exports: components
+})
+export class {{moduleName}} {
+
+}
+

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

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

package/templates/partial/partial.component.ts.hbs

@@ -0,0 +1,61 @@
+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 { expressionData } from './{{name}}.component.expressions';
+import { AppRef, BasePartialComponent } from '@wm/runtime/base';
+import { CommonModule } from '@angular/common';
+{{WMComponentsImportStmts requiredWMComponents}}
+{{PartialModuleImportStmts requiredPartials}}
+
+const requiredComponentModules = [
+    {{WMComponentModuleStmts requiredWMComponents}}
+];
+
+const requiredPartialModules: any[] = [
+    {{PartialModuleStmts requiredPartials}}
+];
+
+
+@Component({
+    selector: 'app-partial-{{name}}',
+    templateUrl: './{{name}}.component.html',
+    styleUrls: ['./{{name}}.component.css'],
+    encapsulation: ViewEncapsulation.None,
+    providers: [
+        {
+            provide: UserDefinedExecutionContext,
+            useExisting: {{componentName}}
+        }
+    ],
+    standalone: true,
+    imports: [
+        ...requiredComponentModules,
+        ...requiredPartialModules, 
+        CommonModule
+    ],
+})
+export class {{componentName}} extends BasePartialComponent {
+
+    override partialName = '{{name}}';
+    [key: string]: any;
+    {{#if enableSpa}}spa = true;{{/if}}
+
+    constructor() {
+        super();
+        super.init();
+    }
+
+    getVariables() {
+        return getVariables();
+    }
+
+    evalUserScript(Partial: BasePartialComponent, App: AppRef, Utils: any) {
+        initScript(Partial, App, Utils);
+    }
+
+    getExpressions() {
+        return expressionData;
+    }
+
+}

package/templates/partial/partial.module.ts.hbs

@@ -0,0 +1,43 @@
+import { ComponentFactoryResolver, NgModule } from '@angular/core';
+import { CommonModule as NGCommonModule, APP_BASE_HREF } from '@angular/common';
+
+{{WMComponentsImportStmts requiredWMComponents}}
+import { ComponentType,  RuntimeBaseModule } from '@wm/runtime/base';
+
+{{#if insidePrefab}}
+    import { ComponentRefProviderService } from '../../../../../framework/services/component-ref-provider.service';
+{{else}}
+    import { ComponentRefProviderService } from '../../../framework/services/component-ref-provider.service';
+{{/if}}
+
+{{PartialModuleImportStmts requiredPartials}}
+
+import { {{componentName}} } from './{{name}}.component';
+
+const components = [{{componentName}}];
+
+const requiredComponentModules = [
+    {{WMComponentModuleStmts requiredWMComponents}}
+];
+
+const requiredPartialModules: any[] = [
+    {{PartialModuleStmts requiredPartials}}
+];
+
+@NgModule({
+    declarations: components,
+    imports: [
+        ...requiredComponentModules,
+        ...requiredPartialModules,
+        NGCommonModule,
+        RuntimeBaseModule
+    ],
+    exports: components,
+})
+export class {{moduleName}} {
+    static rootComponent = {{componentName}};
+    constructor(componentFactoryResolver: ComponentFactoryResolver) {
+        const cf = componentFactoryResolver.resolveComponentFactory({{componentName}});
+        ComponentRefProviderService.registerComponentRef('{{name}}', ComponentType.PARTIAL, {{componentName}}, cf);
+    }
+}

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

@@ -0,0 +1,6 @@
+import { registerPrefabConfig } from '../../framework/util/page-util';
+
+export const initPrefabConfig = () => {
+    {{RegisterPrefabConfig prefabConfigMap}}
+    return true;
+};

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

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

package/templates/prefab/prefab.component.ts.hbs

@@ -0,0 +1,63 @@
+import { Component, Injector, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CommonModule as NgCommonModule } from '@angular/common';
+import { UserDefinedExecutionContext } from '@wm/core';
+import { initScript } from './{{name}}.component.script';
+import { getVariables } from './{{name}}.component.variables';
+import { expressionData } from './{{name}}.component.expressions';
+import { BasePrefabComponent } from '@wm/runtime/base';
+{{WMComponentsImportStmts requiredWMComponents}}
+{{PrefabPartialModuleImportStmts requiredPartials}}
+
+const requiredComponentModules = [
+    {{WMComponentModuleStmts requiredWMComponents}}
+];
+
+const requiredPartialModules = [
+    {{PartialModuleStmts requiredPartials}}
+];
+
+@Component({
+    selector: 'app-prefab-{{prefabName}}',
+    templateUrl: './{{name}}.component.html',
+    styleUrls: ['./{{name}}.component.css'],
+    encapsulation: ViewEncapsulation.None,
+    providers: [
+        {
+            provide: UserDefinedExecutionContext,
+            useExisting: {{componentName}}
+        }
+    ],
+    standalone: true,
+    imports: [
+        ...requiredComponentModules,
+        ...requiredPartialModules,
+        NgCommonModule
+    ],
+    {{#if hasCustomElement}}
+    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    {{/if}}
+})
+export class {{componentName}} extends BasePrefabComponent {
+
+    prefabName = '{{prefabName}}';
+    [key: string]: any;
+    {{#if enableSpa}}spa = true;{{/if}}
+
+    constructor(public injector: Injector) {
+        super();
+        super.init();
+    }
+
+    getVariables() {
+        return getVariables();
+    }
+
+    evalUserScript(Prefab, App, Utils) {
+        initScript(Prefab, App, Utils);
+    }
+
+    getExpressions() {
+        return expressionData;
+    }
+
+}

package/templates/prefab/prefab.module.ts.hbs

@@ -0,0 +1,38 @@
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CommonModule as NgCommonModule, APP_BASE_HREF } from '@angular/common';
+import { Routes, RouterModule } from '@angular/router';
+
+import { RuntimeBaseModule } from '@wm/runtime/base';
+{{WMComponentsImportStmts requiredWMComponents}}
+
+import { {{componentName}} } from './{{name}}.component';
+import { AppCodeGenModule } from '../../app-codegen.module';
+
+{{PrefabPartialModuleImportStmts requiredPartials}}
+
+const requiredComponentModules = [
+    {{WMComponentModuleStmts requiredWMComponents}}
+];
+
+const requiredPartialModules = [
+    {{PartialModuleStmts requiredPartials}}
+];
+
+@NgModule({
+    declarations: [{{componentName}}],
+    imports: [
+        ...requiredComponentModules,
+        ...requiredPartialModules,
+        NgCommonModule,
+        AppCodeGenModule,
+        RuntimeBaseModule
+    ],
+    exports: [{{componentName}}],
+    {{#if hasCustomElement}}
+    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    {{/if}}
+})
+export class {{moduleName}} {
+    static rootComponent = {{componentName}};
+}
+

package/templates/wm-project-properties.ts.hbs

@@ -0,0 +1,7 @@
+import { setWmProjectProperties } from '@wm/core';
+
+const properties = {{properties}}
+
+setWmProjectProperties(properties);
+
+export default () => {};