refactor: exchange injectable by service decorator

Author: manfredsteyer

projects/ui-common/src/lib/user-service.ts

@@ -1,6 +1,6 @@
-import { Injectable, signal } from '@angular/core';
+import { Service, signal } from '@angular/core';
 
-@Injectable({ providedIn: 'root' })
+@Service()
 export class UserService {
   readonly userName = signal('Jane Doe');
 }

src/app/domains/luggage/data/luggage-client.ts

@@ -1,11 +1,9 @@
-import { Injectable, resource } from '@angular/core';
+import { resource, Service } from '@angular/core';
 import { Observable, of } from 'rxjs';
 
 import { Luggage } from './luggage';
 
-@Injectable({
-  providedIn: 'root',
-})
+@Service()
 export class LuggageClient {
   find(): Observable<Luggage[]> {
     return of(this.getLuggage());

src/app/domains/luggage/feature-luggage/luggage-overview/simple-luggage-store.ts

@@ -1,8 +1,8 @@
-import { inject, Injectable, signal } from '@angular/core';
+import { inject, Service, signal } from '@angular/core';
 
 import { LuggageClient } from '../../data/luggage-client';
 
-@Injectable()
+@Service({ autoProvided: false })
 export class SimpleLuggageStore {
   private luggageClient = inject(LuggageClient);
 

src/app/domains/shared/ui-assistant/chat-registry.ts

@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Service } from '@angular/core';
 import { UiChatResourceRef } from '@hashbrownai/angular';
 import { Chat } from '@hashbrownai/core';
 import { Subject } from 'rxjs';
@@ -7,7 +7,7 @@ export interface ChatInfo {
   chat: UiChatResourceRef<Chat.AnyTool> | null;
 }
 
-@Injectable({ providedIn: 'root' })
+@Service()
 export class ChatRegistry {
   private chat: UiChatResourceRef<Chat.AnyTool> | null = null;
   private _chatInfo = new Subject<ChatInfo>();

src/app/domains/shared/ui-common/dialog/dialog-outlet-service.ts

@@ -6,12 +6,12 @@ import {
   DOCUMENT,
   EnvironmentInjector,
   inject,
-  Injectable,
+  Service,
 } from '@angular/core';
 
 import { DialogOutlet } from './dialog-outlet';
 
-@Injectable({ providedIn: 'root' })
+@Service()
 export class DialogOutletService {
   private envInjector = inject(EnvironmentInjector);
   private appRef = inject(ApplicationRef);

src/app/domains/shared/ui-common/dialog/dialog.service.ts

@@ -1,12 +1,10 @@
-import { inject, Injectable, Type } from '@angular/core';
+import { inject, Service, Type } from '@angular/core';
 import { Subject } from 'rxjs';
 
 import { DialogEvent } from './dialog-event';
 import { DialogOutletService } from './dialog-outlet-service';
 
-@Injectable({
-  providedIn: 'root',
-})
+@Service()
 export class DialogService {
   private dialogOutletService = inject(DialogOutletService);
 

src/app/domains/shared/ui-common/service-tabbed-pane/tab-registry.ts

@@ -1,12 +1,11 @@
-import { computed, Injectable, Signal, signal } from '@angular/core';
+import { computed, Service, Signal, signal } from '@angular/core';
 
 export interface TabInfo {
   title: Signal<string>;
 }
 
-// No { providedIn: 'root' }!
 // This service is provided in the tabbed-pane
-@Injectable()
+@Service({ autoProvided: false })
 export class TabRegistry {
   private readonly _current = signal(0);
   private readonly _tabs = signal<TabInfo[]>([]);

src/app/domains/shared/util-auth/auth.service.ts

@@ -1,6 +1,6 @@
-import { Injectable, signal } from '@angular/core';
+import { Service, signal } from '@angular/core';
 
-@Injectable({ providedIn: 'root' })
+@Service()
 export class AuthService {
   private readonly _isLoggedIn = signal(true);
   readonly isLoggedIn = this._isLoggedIn.asReadonly();

src/app/domains/shared/util-common/application-error-handler.ts

@@ -2,12 +2,12 @@ import {
   EnvironmentProviders,
   ErrorHandler,
   inject,
-  Injectable,
   makeEnvironmentProviders,
+  Service,
 } from '@angular/core';
 import { MatSnackBar } from '@angular/material/snack-bar';
 
-@Injectable()
+@Service({ autoProvided: false })
 export class ApplicationlErrorHandler implements ErrorHandler {
   private snackBar = inject(MatSnackBar);
 

src/app/domains/shared/util-common/config-service.ts

@@ -1,15 +1,13 @@
 import { HttpClient } from '@angular/common/http';
-import { inject, Injectable } from '@angular/core';
+import { inject, Service } from '@angular/core';
 import { firstValueFrom } from 'rxjs';
 
 export interface Config {
   readonly baseUrl: string;
   readonly model: string;
 }
 
-@Injectable({
-  providedIn: 'root',
-})
+@Service()
 export class ConfigService {
   private readonly http = inject(HttpClient);