Adjust frontend extension config for angular 16

core/app/common/tsconfig.lib.json

@@ -9,7 +9,7 @@
     "types": [],
     "lib": [
       "dom",
-      "es2018"
+      "es2022"
     ]
   },
   "angularCompilerOptions": {

core/app/core/tsconfig.lib.json

@@ -9,7 +9,7 @@
     "types": [],
     "lib": [
       "dom",
-      "es2018",
+      "es2022",
       "esnext.asynciterable"
     ]
   },

core/app/shell/webpack.config.js

@@ -6,7 +6,7 @@ module.exports = {
   },
   optimization: {
     runtimeChunk: false,
-    minimize: false
+    minimize: true
   },
   experiments: {
     outputModule: true

extensions/defaultExt/app/src/extension.module.ts

@@ -1,31 +1,17 @@
 import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {HttpClientModule} from '@angular/common/http';
-import {UKPhoneEditFieldComponent} from './fields/uk-phone/templates/edit/uk-phone.component';
-import {UkPhoneEditFieldModule} from './fields/uk-phone/templates/edit/uk-phone.module';
-import {FieldRegistry} from 'core';
-
-
 @NgModule({
     declarations: [],
     imports: [
         CommonModule,
         HttpClientModule,
-        UkPhoneEditFieldModule
     ],
     providers: []
 })
 export class ExtensionModule {
-    constructor(
-        protected fieldRegistry: FieldRegistry
-    ) {
-        // Override the edit mode phone field component for all modules
-        fieldRegistry.register('default', 'phone', 'edit', UKPhoneEditFieldComponent);
-
-        // Override the edit mode phone field component just for accounts
-        // fieldRegistry.register('accounts', 'phone', 'edit', UKPhoneEditFieldComponent);
+    constructor() {
     }
-
     init(): void {
     }
 }

extensions/defaultExt/app/webpack.config.js

@@ -1,5 +1,6 @@
 const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');
 
+
 module.exports = {
   output: {
     publicPath: 'auto',
@@ -26,31 +27,39 @@ module.exports = {
       shared: {
         '@angular/core': {
           singleton: true,
-          requiredVersion: '^16.0.3'
+          requiredVersion: '^16.1.1'
         },
         '@angular/common': {
           singleton: true,
-          requiredVersion: '^16.0.3'
+          requiredVersion: '^16.1.1'
         },
         '@angular/common/http': {
           singleton: true,
-          requiredVersion: '^16.0.3'
+          requiredVersion: '^16.1.1'
         },
         '@angular/router': {
           singleton: true,
-          requiredVersion: '^16.0.3'
+          requiredVersion: '^16.1.1'
         },
         '@angular/animations': {
           singleton: true,
-          requiredVersion: '^16.0.3'
+          requiredVersion: '^16.1.1'
         },
         '@angular/cdk': {
           singleton: true,
-          requiredVersion: '^16.0.3'
+          requiredVersion: '^16.1.1'
+        },
+        '@angular/cdk/table': {
+          singleton: true,
+          requiredVersion: '^16.1.1'
+        },
+        '@angular/cdk/observers': {
+          singleton: true,
+          requiredVersion: '^16.1.1'
         },
         '@angular/forms': {
           singleton: true,
-          requiredVersion: '^16.0.3'
+          requiredVersion: '^16.1.1'
         },
         '@apollo/client': {
           singleton: true,
@@ -66,7 +75,7 @@ module.exports = {
         },
         graphql: {
           singleton: true,
-          requiredVersion: '^16.6.0'
+          requiredVersion: '^16.7.1'
         },
         'lodash-es': {
           singleton: true,
@@ -74,7 +83,7 @@ module.exports = {
         },
         luxon: {
           singleton: true,
-          requiredVersion: '^3.3.0'
+          requiredVersion: '3.3.0'
         },
         'ng-animate': {
           singleton: true,
@@ -92,7 +101,7 @@ module.exports = {
 
         '@ng-bootstrap/ng-bootstrap': {
           singleton: true,
-          requiredVersion: '^15.0.0'
+          requiredVersion: '^15.0.1'
         },
 
         'bn-ng-idle': {

extensions/defaultExt/config/extension.php

@@ -10,7 +10,7 @@ if (!isset($container)) {
 $extensions = $container->getParameter('extensions') ?? [];
 
 $extensions['defaultExt'] = [
-    'remoteEntry' => './extensions/defaultExt/remoteEntry.js',
+    'remoteEntry' => '../extensions/defaultExt/remoteEntry.js',
     'remoteName' => 'defaultExt',
     'enabled' => false,
     'extension_name' => 'Default Extension',