mesauth-angular 0.1.3 → 0.1.5

package/README.md

@@ -160,6 +160,7 @@ A reusable Angular component for displaying the current user's profile informati
 If you encounter an error like "The injectable 'MesAuthService' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available," this typically occurs because:
 - The package is being imported directly from source code (e.g., during development) without building it first.
 - The client app is running in AOT (Ahead-of-Time) compilation mode, which requires pre-compiled libraries.
+- **Why JIT is required:** Originally, `MesAuthService` used `@Injectable({ providedIn: 'root' })`, making it a library-provided service. Angular libraries must be built with tools like ng-packagr to generate AOT-compatible code. If not, or if imported from source, the service requires JIT compilation in the client's app. This change (removing `providedIn: 'root'` and requiring manual provision) allows the service to be compiled in your app's context, supporting both JIT and AOT modes.
 
 **Solutions:**
 1. **Build the package for production/AOT compatibility:**

package/dist/ma-user.component.js

@@ -5,7 +5,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
 import { ToastContainerComponent } from './toast-container.component';
 import { UserProfileComponent } from './user-profile.component';
 import { NotificationPanelComponent } from './notification-panel.component';
@@ -15,7 +14,7 @@ MaUserComponent = __decorate([
     Component({
         selector: 'ma-user',
         standalone: true,
-        imports: [CommonModule, ToastContainerComponent, UserProfileComponent, NotificationPanelComponent],
+        imports: [ToastContainerComponent, UserProfileComponent, NotificationPanelComponent],
         template: `
     <ma-toast-container></ma-toast-container>
     <div class="user-header">

package/dist/mes-auth.service.d.ts

@@ -72,7 +72,6 @@ export interface RealTimeNotificationDto {
     sourceAppIconUrl?: string;
 }
 export declare class MesAuthService {
-    private http;
     private hubConnection;
     private _currentUser;
     currentUser$: Observable<IUser | null>;
@@ -80,7 +79,7 @@ export declare class MesAuthService {
     notifications$: Observable<any>;
     private apiBase;
     private config;
-    constructor(http: HttpClient);
+    readonly http: HttpClient;
     init(config: MesAuthConfig): void;
     getConfig(): MesAuthConfig | null;
     private fetchCurrentUser;

package/dist/mes-auth.service.js

@@ -4,10 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { Injectable } from '@angular/core';
+import { inject, Injectable } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { HubConnectionBuilder, LogLevel } from '@microsoft/signalr';
 import { BehaviorSubject, Subject } from 'rxjs';
@@ -19,8 +16,7 @@ export var NotificationType;
     NotificationType["Success"] = "Success";
 })(NotificationType || (NotificationType = {}));
 let MesAuthService = class MesAuthService {
-    constructor(http) {
-        this.http = http;
+    constructor() {
         this.hubConnection = null;
         this._currentUser = new BehaviorSubject(null);
         this.currentUser$ = this._currentUser.asObservable();
@@ -28,6 +24,8 @@ let MesAuthService = class MesAuthService {
         this.notifications$ = this._notifications.asObservable();
         this.apiBase = '';
         this.config = null;
+        //constructor(private http: HttpClient) {}
+        this.http = inject(HttpClient);
     }
     init(config) {
         this.config = config;
@@ -105,7 +103,6 @@ let MesAuthService = class MesAuthService {
     }
 };
 MesAuthService = __decorate([
-    Injectable(),
-    __metadata("design:paramtypes", [HttpClient])
+    Injectable()
 ], MesAuthService);
 export { MesAuthService };

package/dist/notification-badge.component.js

@@ -8,7 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { Component, Output, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgIf } from '@angular/common';
 import { MesAuthService } from './mes-auth.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -52,7 +52,7 @@ NotificationBadgeComponent = __decorate([
     Component({
         selector: 'ma-notification-badge',
         standalone: true,
-        imports: [CommonModule],
+        imports: [NgIf],
         template: `
     <button class="notification-btn" (click)="onNotificationClick()" title="Notifications">
       <span class="icon">🔔</span>

package/dist/user-profile.component.js

@@ -8,7 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { Component, Output, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgIf } from '@angular/common';
 import { Router } from '@angular/router';
 import { MesAuthService } from './mes-auth.service';
 import { Subject } from 'rxjs';
@@ -110,7 +110,7 @@ UserProfileComponent = __decorate([
     Component({
         selector: 'ma-user-profile',
         standalone: true,
-        imports: [CommonModule],
+        imports: [NgIf],
         template: `
     <div class="user-profile-container">
       <!-- Not logged in -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mesauth-angular",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Angular-friendly SignalR notifier + API helper for current user and notifications",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",