wmc-ng-auth 1.0.0

package/auth.guard.ts

@@ -0,0 +1,29 @@
+import {
+  ActivatedRouteSnapshot,
+  CanActivate,
+  CanActivateFn,
+  GuardResult,
+  MaybeAsync, Router,
+  RouterStateSnapshot
+} from '@angular/router';
+import {AuthService} from './auth.service';
+import {Injectable} from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+
+export class AuthGuard implements CanActivate{
+  constructor(private router: Router, private auth:AuthService) {
+  }
+  canActivate() {
+    if (this.auth.isLoggedIn()){
+      return true;
+    }
+    else {
+      this.router.navigate(['/login'])
+      return false;
+    }
+  }
+
+}

package/auth.interceptor.ts

@@ -0,0 +1,14 @@
+import { HttpInterceptorFn } from '@angular/common/http';
+import {inject} from '@angular/core';
+import {AuthService} from './auth.service';
+
+export const authInterceptor: HttpInterceptorFn = (req, next) => {
+  const authService = inject(AuthService);
+  if (!authService.isLoggedIn())
+    return next(req);
+  const cloned = req.clone({
+    headers: req.headers.set('Authorization',
+      `Bearer ${authService.getToken()}`)
+  });
+  return next(cloned);
+};

package/auth.service.ts

@@ -0,0 +1,40 @@
+import {Injectable, signal} from '@angular/core';
+import {HttpClient} from '@angular/common/http';
+import {tap} from 'rxjs';
+import {Router} from '@angular/router';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AuthService {
+  _user = signal('')
+  private baseUrl = 'http://localhost:3000'
+  private static tokenKey: string = "token";
+  constructor(private httpClient : HttpClient, private router : Router) {
+  }
+  login(username: string, password: string) {
+    return this.httpClient
+      .post<{ token: string }>(`${this.baseUrl}/login`,
+        { username: username, password: password })
+      .pipe(
+        tap(response => {
+          localStorage.setItem(AuthService.tokenKey, response.token);
+          this._user.set(username);
+        })
+      );
+  }
+
+  logout(): void {
+    localStorage.removeItem(AuthService.tokenKey);
+    this._user.set('');
+    this.router.navigate(['/login']);
+  }
+
+  isLoggedIn(){
+    return !!localStorage.getItem(AuthService.tokenKey)
+  }
+
+  getToken() {
+    return localStorage.getItem(AuthService.tokenKey)
+  }
+}

package/index.ts

@@ -0,0 +1,3 @@
+export { AuthService } from './auth.service';
+export { AuthGuard } from './auth.guard';
+export { authInterceptor } from './auth.interceptor';

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "wmc-ng-auth",
+  "version": "1.0.0",
+  "description": "Angular auth service, guard, and interceptor for JWT-based authentication",
+  "main": "index.ts",
+  "scripts": {},
+  "keywords": ["angular", "auth", "jwt", "guard", "interceptor"],
+  "author": "tobero",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": ">=17.0.0",
+    "@angular/core": ">=17.0.0",
+    "@angular/router": ">=17.0.0"
+  }
+}