@c8y/application 1021.80.1 → 1022.3.2

package/cumulocity.config.ts

@@ -1,11 +1,12 @@
 import type { ConfigurationOptions } from '@c8y/devkit';
-import { version, name } from './package.json';
+import { version, name, license } from './package.json';
 
 export default {
   runTime: {
     version,
     name,
-    dynamicOptionsUrl: true
+    dynamicOptionsUrl: true,
+    license
   },
   buildTime: {
     federation: [

package/package.json

@@ -1,22 +1,23 @@
 {
   "name": "@c8y/application",
-  "version": "1021.80.1",
+  "version": "1022.3.2",
   "description": "This package is used to scaffold a default application for Cumulocity IoT.",
   "dependencies": {
-    "@c8y/style": "1021.80.1",
-    "@c8y/ngx-components": "1021.80.1",
-    "@c8y/client": "1021.80.1",
-    "@c8y/bootstrap": "1021.80.1",
-    "@angular/cdk": "^18.2.14",
-    "ngx-bootstrap": "18.0.0",
-    "rxjs": "^7.8.1"
+    "@c8y/style": "1022.3.2",
+    "@c8y/ngx-components": "1022.3.2",
+    "@c8y/client": "1022.3.2",
+    "@c8y/bootstrap": "1022.3.2",
+    "@angular/cdk": "^19.2.18",
+    "ngx-bootstrap": "19.0.2",
+    "rxjs": "7.8.1"
   },
   "devDependencies": {
-    "@c8y/options": "1021.80.1",
-    "@c8y/devkit": "1021.80.1"
+    "@c8y/options": "1022.3.2",
+    "@c8y/devkit": "1022.3.2"
   },
   "peerDependencies": {
-    "@angular/common": ">=18 <19"
+    "@angular/common": ">=19 <20"
   },
-  "author": "Cumulocity GmbH"
+  "author": "Cumulocity GmbH",
+  "license": "Apache-2.0"
 }

package/src/app/app.config.ts

@@ -0,0 +1,11 @@
+import { ApplicationConfig, importProvidersFrom } from '@angular/core';
+import { provideAnimations } from '@angular/platform-browser/animations';
+import { CoreModule, RouterModule } from '@c8y/ngx-components';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideAnimations(),
+    importProvidersFrom(RouterModule.forRoot()),
+    importProvidersFrom(CoreModule.forRoot())
+  ]
+};

package/src/bootstrap.ts

@@ -1,16 +1,18 @@
 import './polyfills';
+import '@angular/compiler';
 
 import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { AppModule } from './app/app.module';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { BootstrapMetaData } from '@c8y/bootstrap';
+import { BootstrapComponent, provideBootstrapMetadata } from '@c8y/ngx-components';
+import { appConfig } from './app/app.config';
 
 declare const __MODE__: string;
 if (__MODE__ === 'production') {
   enableProdMode();
 }
 
-export function bootstrap() {
-  return platformBrowserDynamic()
-    .bootstrapModule(AppModule)
-    .catch(err => console.log(err));
+export function bootstrap(metadata: BootstrapMetaData) {
+  appConfig.providers.push(...provideBootstrapMetadata(metadata));
+  return bootstrapApplication(BootstrapComponent, appConfig).catch(err => console.log(err));
 }

package/src/main.ts

@@ -1,5 +1,4 @@
 import './i18n';
-import { applyOptions, loadOptions } from '@c8y/bootstrap';
 
 const barHolder: HTMLElement | null = document.querySelector('body > .init-load');
 export const removeProgress = () => barHolder?.parentNode?.removeChild(barHolder);
@@ -7,14 +6,12 @@ export const removeProgress = () => barHolder?.parentNode?.removeChild(barHolder
 applicationSetup();
 
 async function applicationSetup() {
-  await applyOptions({
-    ...(await loadOptions())
-  });
+  const { loadMetaDataAndPerformBootstrap } = await import('@c8y/bootstrap');
+  const loadBootstrapModule = () =>
+    import(
+      /* webpackPreload: true */
+      './bootstrap'
+    );
 
-  const mod = await import(
-    /* webpackPreload: true */
-    './bootstrap'
-  );
-  const bootstrapApp = mod.bootstrap;
-  return bootstrapApp().then(removeProgress);
+  loadMetaDataAndPerformBootstrap(loadBootstrapModule).then(removeProgress);
 }

package/src/app/app.module.ts

@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CoreModule, BootstrapComponent, RouterModule } from '@c8y/ngx-components';
-
-@NgModule({
-  imports: [BrowserAnimationsModule, RouterModule.forRoot([]), CoreModule.forRoot()],
-  bootstrap: [BootstrapComponent]
-})
-export class AppModule {}