add facades for components & ui facades

Author: Awakich

projects/core/src/lib/guards/profile-edit/profile-edit.guard.ts

@@ -0,0 +1,28 @@
+/** @format */
+
+import { inject, signal } from "@angular/core";
+import { ActivatedRouteSnapshot, CanActivateFn, Router, UrlTree } from "@angular/router";
+import { AuthService } from "projects/social_platform/src/app/api/auth";
+import { Observable, of } from "rxjs";
+
+export const ProfileEditRequiredGuard: CanActivateFn = (
+  route: ActivatedRouteSnapshot
+): Observable<boolean | UrlTree> => {
+  const router = inject(Router);
+  const authService = inject(AuthService);
+
+  const loggedUserId = signal<number | undefined>(undefined);
+
+  authService.profile.subscribe({
+    next: profile => {
+      loggedUserId.set(profile.id);
+    },
+  });
+
+  const profileId = Number(route.paramMap.get("id"));
+  if (profileId !== loggedUserId()) {
+    return of(router.createUrlTree([`/office/profile/${profileId}/`]));
+  }
+
+  return of(router.createUrlTree([`/office/profel/${profileId}/`]));
+};

projects/social_platform/src/app/api/auth/facades/auth-email.service.ts

@@ -0,0 +1,80 @@
+/** @format */
+
+import { inject, Injectable, signal } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { TokenService } from "@corelib";
+import { filter, interval, map, Subject, takeUntil } from "rxjs";
+import { AuthService } from "../auth.service";
+
+@Injectable()
+export class AuthEmailService {
+  private readonly tokenService = inject(TokenService);
+  private readonly route = inject(ActivatedRoute);
+  private readonly authService = inject(AuthService);
+  private readonly router = inject(Router);
+
+  private readonly destroy$ = new Subject<void>();
+
+  // ConfirmEmail Component
+  private readonly userEmail = signal<string | undefined>(undefined);
+
+  // VerificationEmail Component
+  readonly counter = signal<number>(0);
+  private timerStarted = false;
+
+  // ConfirmEmail Component
+
+  initializationTokens(): void {
+    this.route.queryParams.pipe(takeUntil(this.destroy$)).subscribe(queries => {
+      const { access_token: accessToken, refresh_token: refreshToken } = queries;
+      this.tokenService.memTokens({ access: accessToken, refresh: refreshToken });
+
+      if (this.tokenService.getTokens() !== null) {
+        this.router
+          .navigateByUrl("/office")
+          .then(() => console.debug("Route changed from ConfirmEmailComponent"));
+      }
+    });
+  }
+
+  // VerificationEmail Component
+
+  initializationEmail(): void {
+    this.route.queryParams
+      .pipe(
+        map(r => r["adress"]),
+        takeUntil(this.destroy$)
+      )
+      .subscribe(address => {
+        this.userEmail.set(address);
+      });
+  }
+
+  destroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
+  }
+
+  onResend(): void {
+    if (!this.userEmail()) return;
+
+    this.authService
+      .resendEmail(this.userEmail()!)
+      .pipe(takeUntil(this.destroy$))
+      .subscribe(() => {
+        this.counter.set(60);
+      });
+  }
+
+  initializationTimer(): void {
+    if (this.timerStarted) return;
+    this.timerStarted = true;
+    this.timer$.subscribe();
+  }
+
+  timer$ = interval(1000).pipe(
+    filter(() => this.counter() > 0),
+    map(() => this.counter.update(c => c - 1)),
+    takeUntil(this.destroy$)
+  );
+}

projects/social_platform/src/app/api/auth/facades/auth-login.service.ts

@@ -0,0 +1,62 @@
+/** @format */
+
+import { inject, Injectable } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { TokenService, ValidationService } from "@corelib";
+import { Subject, takeUntil } from "rxjs";
+import { AuthService } from "../auth.service";
+import { AuthUIInfoService } from "./ui/auth-ui-info.service";
+import { LoginRequest } from "../../../domain/auth/http.model";
+
+@Injectable()
+export class AuthLoginService {
+  private readonly tokenService = inject(TokenService);
+  private readonly authService = inject(AuthService);
+  private readonly route = inject(ActivatedRoute);
+  private readonly router = inject(Router);
+  private readonly authUIInfoService = inject(AuthUIInfoService);
+
+  private readonly destroy$ = new Subject<void>();
+
+  // Login Component
+  readonly showPassword = this.authUIInfoService.showPassword;
+  readonly loginIsSubmitting = this.authUIInfoService.loginIsSubmitting;
+  readonly errorWrongAuth = this.authUIInfoService.errorWrongAuth;
+
+  destroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
+  }
+
+  onSubmit(loginForm: LoginRequest) {
+    const redirectType = this.route.snapshot.queryParams["redirect"];
+
+    this.loginIsSubmitting.set(true);
+
+    this.authService
+      .login(loginForm)
+      .pipe(takeUntil(this.destroy$))
+      .subscribe({
+        next: res => {
+          this.tokenService.memTokens(res);
+          this.loginIsSubmitting.set(false);
+
+          if (!redirectType)
+            this.router
+              .navigateByUrl("/office")
+              .then(() => console.debug("Route changed from LoginComponent"));
+          else if (redirectType === "program")
+            this.router
+              .navigateByUrl("/office/program/list")
+              .then(() => console.debug("Route changed from LoginComponent"));
+        },
+        error: error => {
+          if (error.status === 401) {
+            this.errorWrongAuth.set(true);
+          }
+
+          this.loginIsSubmitting.set(false);
+        },
+      });
+  }
+}

projects/social_platform/src/app/api/auth/facades/auth-password.service.ts

@@ -0,0 +1,82 @@
+/** @format */
+
+import { inject, Injectable, signal } from "@angular/core";
+import { FormGroup } from "@angular/forms";
+import { ActivatedRoute, Router } from "@angular/router";
+import { ValidationService } from "@corelib";
+import { map, Subject, takeUntil } from "rxjs";
+import { AuthService } from "../auth.service";
+import { AuthUIInfoService } from "./ui/auth-ui-info.service";
+
+@Injectable()
+export class AuthPasswordService {
+  private readonly route = inject(ActivatedRoute);
+  private readonly authService = inject(AuthService);
+  private readonly router = inject(Router);
+  private readonly validationService = inject(ValidationService);
+  private readonly authUIInfoService = inject(AuthUIInfoService);
+
+  private readonly destroy$ = new Subject<void>();
+
+  // ResetPassword-Confirmation Component
+  readonly email = this.route.queryParams.pipe(
+    map(r => r["email"]),
+    takeUntil(this.destroy$)
+  );
+
+  // ResetPassword Component
+  readonly isSubmitting = this.authUIInfoService.isSubmitting;
+  readonly errorRequest = this.authUIInfoService.errorRequest;
+  readonly credsSubmitInitiated = this.authUIInfoService.credsSubmitInitiated;
+  private readonly errorServer = this.authUIInfoService.errorServer;
+
+  // ResetPassword Component
+  onSubmitResetPassword(resetForm: FormGroup): void {
+    if (!this.validationService.getFormValidation(resetForm)) return;
+
+    this.errorServer.set(false);
+    this.isSubmitting.set(true);
+
+    this.authService.resetPassword(resetForm.value.email).subscribe({
+      next: () => {
+        this.router
+          .navigate(["/auth/reset_password/confirm"], {
+            queryParams: { email: resetForm.value.email },
+          })
+          .then(() => console.debug("ResetPasswordComponent"));
+      },
+      error: () => {
+        this.errorServer.set(true);
+        this.isSubmitting.set(false);
+
+        resetForm.reset();
+      },
+      complete: () => {
+        this.isSubmitting.set(false);
+      },
+    });
+  }
+
+  // SetPassword Component
+  onSubmitSetPassword(passwordForm: FormGroup): void {
+    this.credsSubmitInitiated.set(true);
+    const token = this.route.snapshot.queryParamMap.get("token");
+
+    if (!token || !this.validationService.getFormValidation(passwordForm)) return;
+
+    this.authService.setPassword(passwordForm.value.password, token).subscribe({
+      next: () => {
+        this.router.navigateByUrl("/auth/login").then(() => console.debug("SetPasswordComponent"));
+      },
+      error: error => {
+        console.error("Error setting password:", error);
+        this.errorRequest.set(true);
+      },
+    });
+  }
+
+  destroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
+  }
+}

projects/social_platform/src/app/api/auth/facades/auth-register.service.ts

@@ -0,0 +1,67 @@
+/** @format */
+
+import { inject, Injectable, signal } from "@angular/core";
+import { FormGroup } from "@angular/forms";
+import { Router } from "@angular/router";
+import { Subject, takeUntil } from "rxjs";
+import { AuthService } from "../auth.service";
+import { ValidationService } from "@corelib";
+import { AuthUIInfoService } from "./ui/auth-ui-info.service";
+import dayjs from "dayjs";
+
+@Injectable()
+export class AuthRegisterService {
+  private readonly authService = inject(AuthService);
+  private readonly router = inject(Router);
+  private readonly validationService = inject(ValidationService);
+  private readonly authUIInfoService = inject(AuthUIInfoService);
+
+  readonly registerAgreement = this.authUIInfoService.registerAgreement;
+  readonly ageAgreement = this.authUIInfoService.ageAgreement;
+  readonly registerIsSubmitting = this.authUIInfoService.registerIsSubmitting;
+  readonly credsSubmitInitiated = this.authUIInfoService.credsSubmitInitiated;
+  readonly infoSubmitInitiated = this.authUIInfoService.infoSubmitInitiated;
+
+  readonly showPassword = this.authUIInfoService.showPassword;
+  readonly showPasswordRepeat = this.authUIInfoService.showPasswordRepeat;
+
+  readonly isUserCreationModalError = this.authUIInfoService.isUserCreationModalError;
+
+  readonly step = this.authUIInfoService.step;
+
+  readonly serverErrors = signal<string[]>([]);
+
+  private readonly destroy$ = new Subject<void>();
+
+  destroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
+  }
+
+  onSendForm(registerForm: FormGroup): void {
+    const form = this.authUIInfoService.prepareFormValues(registerForm);
+
+    this.registerIsSubmitting.set(true);
+
+    this.authService
+      .register(form)
+      .pipe(takeUntil(this.destroy$))
+      .subscribe({
+        next: () => {
+          this.registerIsSubmitting.set(false);
+          this.router.navigateByUrl("/auth/verification/email?adress=" + form.email);
+        },
+        error: error => {
+          const emailErrors = error?.error?.email;
+
+          if (error.status === 400 && Array.isArray(emailErrors)) {
+            this.serverErrors.set(Object.values(error.error).flat() as string[]);
+          } else if (error.status === 500) {
+            this.isUserCreationModalError.set(true);
+          }
+
+          this.registerIsSubmitting.set(false);
+        },
+      });
+  }
+}