@wavemaker/angular-codegen 12.0.0-next.45057 → 12.0.0-next.45058

angular-codegen/templates/customwidget/customwidget-config.ts.hbs

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

angular-codegen/templates/customwidget/customwidget.component.script.js.hbs

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

angular-codegen/templates/customwidget/customwidget.component.ts.hbs

@@ -0,0 +1,44 @@
+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';
+import { initCustomWidgetConfig } from '../customwidget-config'
+{{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();
+        initCustomWidgetConfig();
+    }
+
+    getVariables() {
+        return getVariables();
+    }
+
+    evalUserScript(Widget, App, Utils) {
+        initScript(Widget, App, Utils);
+    }
+}

angular-codegen/templates/page/page.module.ts.hbs

@@ -4,6 +4,7 @@ import { Routes, RouterModule } from '@angular/router';
 
 import { RuntimeBaseModule, CanDeactivateNgPageGuard } from '@wm/runtime/base';
 {{WMComponentsImportStmts requiredWMComponents}}
+{{WMCustomComponentsImportStmts requireCustomComponents}}
 
 import { AppCodeGenModule } from '../../app-codegen.module';
 
@@ -25,6 +26,10 @@ const requiredComponentModules = [
     {{WMComponentModuleStmts requiredWMComponents}}
 ];
 
+const requiredCustomWidgetComponents= [
+    {{WMCustomComponentStmts requireCustomComponents}}
+]
+
 const requiredPartialModules: any[] = [
     {{PartialModuleStmts requiredPartials}}
 ];
@@ -34,6 +39,7 @@ const requiredPartialModules: any[] = [
     imports: [
         ...requiredComponentModules,
         ...requiredPartialModules,
+        ...requiredCustomWidgetComponents,
         RouterModule.forChild(routes),
         NgCommonModule,
         AppCodeGenModule,