feat: migrate to @ngneat/until-destroy (fix #577)

Author: sinedied

generators/app/templates/_package.json

@@ -134,6 +134,7 @@
     "@biesbjerg/ngx-translate-extract": "^7.0.3",
     "@biesbjerg/ngx-translate-extract-marker": "^1.0.0",
     "@ngx-rocket/scripts": "^5.0.0",
+    "@ngneat/until-destroy": "^8.0.3",
     "@types/jasmine": "^3.6.2",
     "@types/jasminewd2": "^2.0.8",
 <% if (props.tools.includes('jest')) { -%>

generators/app/templates/src/app/@core/_index.ts

@@ -3,4 +3,4 @@ export * from './http/api-prefix.interceptor';
 export * from './http/error-handler.interceptor';
 export * from './route-reusable-strategy';
 export * from './logger.service';
-export * from './until-destroyed';
+export * from '@ngneat/until-destroy';;

generators/app/templates/src/app/@core/until-destroyed.spec.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { Router, ActivatedRoute } from '@angular/router';
 import { FormGroup, FormBuilder, Validators } from '@angular/forms';
 <% if (props.ui === 'ionic') { -%>
@@ -9,17 +9,18 @@ import { forkJoin, from } from 'rxjs';
 import { finalize } from 'rxjs/operators';
 
 import { environment } from '@env/environment';
-import { Logger, untilDestroyed } from '@core';
+import { Logger, UntilDestroy, untilDestroyed } from '@core';
 import { AuthenticationService } from './authentication.service';
 
 const log = new Logger('Login');
 
+@UntilDestroy()
 @Component({
   selector: 'app-login',
   templateUrl: './login.component.html',
   styleUrls: ['./login.component.scss']
 })
-export class LoginComponent implements OnInit, OnDestroy {
+export class LoginComponent implements OnInit {
 
   version: string | null = environment.version;
   error: string | undefined;
@@ -39,8 +40,6 @@ export class LoginComponent implements OnInit, OnDestroy {
 
   ngOnInit() { }
 
-  ngOnDestroy() { }
-
 <% if (props.ui === 'ionic') { -%>
   async login() {
 <% } else { -%>

generators/app/templates/src/app/@core/until-destroyed.ts

@@ -1,16 +1,17 @@
-import { Component, OnInit, OnDestroy, ViewChild } from '@angular/core';
+import { Component, OnInit, ViewChild } from '@angular/core';
 import { MediaChange, MediaObserver } from '@angular/flex-layout';
 import { MatSidenav } from '@angular/material/sidenav';
 import { filter } from 'rxjs/operators';
 
-import { untilDestroyed } from '@core';
+import { UntilDestroy, untilDestroyed } from '@core';
 
+@UntilDestroy()
 @Component({
   selector: 'app-shell',
   templateUrl: './shell.component.html',
   styleUrls: ['./shell.component.scss']
 })
-export class ShellComponent implements OnInit, OnDestroy {
+export class ShellComponent implements OnInit {
 
   @ViewChild('sidenav', { static: false }) sidenav!: MatSidenav;
 
@@ -27,8 +28,4 @@ export class ShellComponent implements OnInit, OnDestroy {
       .subscribe(() => this.sidenav.close());
   }
 
-  ngOnDestroy() {
-    // Needed for automatic unsubscribe with untilDestroyed
-  }
-
 }