mesauth-angular 0.1.4 → 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/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.4",
+  "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",