@scania-nl/tegel-angular-extensions 0.0.1 → 0.0.4

package/src/lib/toast/toast.service.ts

@@ -1,275 +0,0 @@
-import { computed, inject, Injectable, signal } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { delay, filter, mergeMap, of, Subject, tap } from 'rxjs';
-import { ToastState } from './models/toast-state.enum';
-import { TOAST_TYPES } from './models/toast-type';
-import { Toast, ToastOptions } from './models/toast.model';
-import { TOAST_CONFIG, ToastConfig } from './toast.config';
-
-/**
- * Service for creating, managing, and removing toast notifications.
- * Supports automatic dismissal, manual control, and lifecycle hooks.
- */
-@Injectable({
-  providedIn: 'root',
-})
-export class ToastService {
-  private readonly config = inject<ToastConfig>(TOAST_CONFIG);
-
-  //*------------------------------------------------------------
-  //* Section: Internal variables
-  //*------------------------------------------------------------
-
-  /** Internal ID tracker for unique toast IDs */
-  private id = 0;
-
-  /** Signal state holding all toasts */
-  private readonly _toasts = signal<Toast[]>([]);
-
-  /** Public signal of all toasts */
-  readonly toasts = this._toasts.asReadonly();
-
-  /** Signal of toasts that are not yet closed (open or closing) */
-  readonly activeToasts = computed(() =>
-    this._toasts().filter((toast) => toast.state !== ToastState.Closed)
-  );
-
-  /** Internal stream for auto-closing toasts */
-  private readonly autoCloseSubject = new Subject<Toast>();
-
-  /** Internal stream for fade-out/removal of toasts */
-  private readonly closeSubject = new Subject<Toast>();
-
-  constructor() {
-    // Auto-close after toast.duration
-    this.autoCloseSubject
-      .pipe(
-        takeUntilDestroyed(),
-        filter((toast) => toast.duration > 0),
-        mergeMap((toast: Toast) =>
-          of(toast).pipe(
-            delay(toast.duration),
-            filter(() => this.shouldAutoClose(toast.id)),
-            tap(() => this.close(toast.id))
-          )
-        )
-      )
-      .subscribe();
-
-    // Remove after toast.closeDuration (fade-out)
-    this.closeSubject
-      .pipe(
-        takeUntilDestroyed(),
-        mergeMap((toast: Toast) =>
-          of(toast).pipe(
-            delay(toast.closeDuration),
-            filter(() => this.shouldRemove(toast.id)),
-            tap(() => this.remove(toast.id))
-          )
-        )
-      )
-      .subscribe();
-  }
-
-  //*------------------------------------------------------------
-  //* Section: Public methods
-  //*------------------------------------------------------------
-
-  /**
-   * Creates and adds a new toast.
-   * @param toastOptions Partial toast definition.
-   * @returns The toast's unique ID.
-   */
-  create(toastOptions: Partial<ToastOptions>): number {
-    const id = this.createId();
-    const toast: Toast = {
-      ...this.config,
-      ...toastOptions,
-      id,
-      state: ToastState.Open,
-      duration: this.normalizeDuration(
-        toastOptions.duration,
-        this.config.duration
-      ),
-      closeDuration: this.normalizeDuration(
-        toastOptions.closeDuration,
-        this.config.closeDuration
-      ),
-    };
-
-    this.addToast(toast);
-    toast.onCreated?.(toast);
-
-    // Schedule auto-close if duration > 0
-    if (toast.duration > 0) {
-      this.autoCloseSubject.next(toast);
-    }
-
-    return id;
-  }
-
-  /**
-   * Initiates the fade-out transition for a toast.
-   * @param id The toast ID.
-   */
-  close(id: number): void {
-    let toast = this.getToast(id);
-    if (!toast || toast.state !== ToastState.Open) return;
-
-    toast = this.updateToastState(toast.id, ToastState.Closing);
-    toast?.onClose?.(toast);
-
-    // Schedule removal after close duration
-    if (toast) this.closeSubject.next(toast);
-  }
-
-  /**
-   * Immediately marks a toast as closed and removes it from display.
-   * @param id The toast ID.
-   */
-  remove(id: number): void {
-    const toast = this.updateToastState(id, ToastState.Closed);
-    toast?.onRemoved?.(toast);
-  }
-
-  /**
-   * Closes and removes all toasts immediately without fade-out.
-   */
-  removeAll(): void {
-    const closedToasts: Toast[] = [];
-
-    this._toasts.update((toasts) =>
-      toasts.map((toast) => {
-        if (toast.state !== ToastState.Closed) {
-          const updated = { ...toast, state: ToastState.Closed };
-          closedToasts.push(updated);
-          return updated;
-        }
-        return toast;
-      })
-    );
-
-    closedToasts.forEach((toast) => toast.onRemoved?.(toast));
-  }
-
-  /**
-   * Initiates closing process for all open toasts.
-   */
-  closeAll(): void {
-    const openToasts = this.toasts().filter(
-      (toast) => toast.state === ToastState.Open
-    );
-    openToasts.forEach((toast) => this.close(toast.id));
-  }
-
-  /**
-   * Gets a toast by ID.
-   * @param id The toast ID.
-   * @returns The toast instance or undefined.
-   */
-  getToast(id: number): Toast | undefined {
-    return this._toasts().find((toast) => toast.id === id);
-  }
-
-  //*------------------------------------------------------------
-  //* Section: Internal methods
-  //*------------------------------------------------------------
-
-  /** Whether the toast is eligible for auto-closing */
-  private shouldAutoClose(id: number): boolean {
-    const currentToast = this.getToast(id);
-    return currentToast?.state === ToastState.Open;
-  }
-
-  /** Whether the toast is eligible for final removal */
-  private shouldRemove(id: number): boolean {
-    const currentToast = this.getToast(id);
-    return currentToast?.state === ToastState.Closing;
-  }
-
-  /** Add toast to signal list */
-  private addToast(toast: Toast): void {
-    this._toasts.update((prev) => [...prev, toast]);
-  }
-
-  /**
-   * Updates the state of a toast.
-   * @param id Toast ID
-   * @param state New state
-   * @returns The updated toast or undefined
-   */
-  private updateToastState(id: number, state: ToastState): Toast | undefined {
-    let updatedToast: Toast | undefined;
-
-    this._toasts.update((prev) =>
-      prev.map((toast) => {
-        if (toast.id === id) {
-          updatedToast = { ...toast, state };
-          return updatedToast;
-        }
-        return toast;
-      })
-    );
-
-    return updatedToast;
-  }
-
-  /**
-   * Creates a unique id
-   * @returns New id
-   */
-  private createId(): number {
-    return ++this.id;
-  }
-
-  //*------------------------------------------------------------
-  //* Section: Public convenience methods
-  //*------------------------------------------------------------
-
-  /**
-   * Creates a success toast.
-   * @param props Toast props without type.
-   */
-  readonly success = (props: Partial<Omit<ToastOptions, 'type'>> = {}) =>
-    this.create({ ...props, type: 'success' });
-
-  /**
-   * Creates an error toast.
-   * @param props Toast props without type.
-   */
-  readonly error = (props: Partial<Omit<ToastOptions, 'type'>> = {}) =>
-    this.create({ ...props, type: 'error' });
-
-  /**
-   * Creates a warning toast.
-   * @param props Toast props without type.
-   */
-  readonly warning = (props: Partial<Omit<ToastOptions, 'type'>> = {}) =>
-    this.create({ ...props, type: 'warning' });
-
-  /**
-   * Creates an informational toast.
-   * @param props Toast props without type.
-   */
-  readonly info = (props: Partial<Omit<ToastOptions, 'type'>> = {}) =>
-    this.create({ ...props, type: 'information' });
-
-  /**
-   * Creates a random toast for testing/demo purposes.
-   * @param props Optional overrides
-   */
-  readonly createRandomToast = (props: Partial<ToastOptions> = {}) =>
-    this.create({
-      type: TOAST_TYPES[~~(Math.random() * 4)],
-      title: `Random Toast ${Math.random().toString(36).substring(7)}`,
-      ...props,
-    });
-
-  //*------------------------------------------------------------
-  //* Section: Helper methods
-  //*------------------------------------------------------------
-  private normalizeDuration(value: unknown, fallback: number): number {
-    const num = typeof value === 'number' ? value : fallback;
-    return !Number.isFinite(num) || num < 0 ? 0 : num;
-  }
-}

package/src/lib/utils/bootstrap-global-component.ts

@@ -1,73 +0,0 @@
-import {
-    ApplicationRef,
-    ComponentRef,
-    EmbeddedViewRef,
-    EnvironmentInjector,
-    Type,
-    createComponent,
-    inject,
-} from '@angular/core';
-
-/**
- * Internal map to track which global components have been bootstrapped.
- */
-const bootstrappedComponents = new WeakMap<
-  Type<unknown>,
-  ComponentRef<unknown>
->();
-
-interface BootstrapGlobalComponentOptions {
-  /**
-   * If true, avoids re-creating the component if it's already mounted.
-   */
-  reuseIfExists?: boolean;
-}
-
-/**
- * Bootstraps a global Angular component directly into the <body> element.
- * Useful for toasts, modals, and other global overlays.
- *
- * @param component - The component class to bootstrap.
- * @param options - Optional settings like preventing duplicates.
- * @returns The created ComponentRef.
- */
-export function bootstrapGlobalComponent<T>(
-  component: Type<T>,
-  options?: BootstrapGlobalComponentOptions
-): ComponentRef<T> {
-  const appRef = inject(ApplicationRef);
-  const injector = inject(EnvironmentInjector);
-
-  const existing = bootstrappedComponents.get(component);
-  if (existing && options?.reuseIfExists) {
-    return existing as ComponentRef<T>;
-  }
-
-  const cmpRef = createComponent(component, {
-    environmentInjector: injector,
-  });
-
-  appRef.attachView(cmpRef.hostView);
-
-  const viewRef = cmpRef.hostView as EmbeddedViewRef<unknown>;
-  const element = viewRef.rootNodes[0] as HTMLElement;
-
-  document.body.appendChild(element);
-
-  bootstrappedComponents.set(component, cmpRef);
-
-  return cmpRef;
-}
-
-/**
- * Destroys a previously bootstrapped global component.
- *
- * @param component - The component class to remove from DOM.
- */
-export function destroyGlobalComponent<T>(component: Type<T>): void {
-  const cmpRef = bootstrappedComponents.get(component);
-  if (cmpRef) {
-    cmpRef.destroy();
-    bootstrappedComponents.delete(component);
-  }
-}

package/src/test-setup.ts

@@ -1,6 +0,0 @@
-import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
-
-setupZoneTestEnv({
-  errorOnUnknownElements: true,
-  errorOnUnknownProperties: true,
-});

package/tsconfig.json

@@ -1,28 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2022",
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ],
-  "extends": "../../tsconfig.base.json",
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}

package/tsconfig.lib.json

@@ -1,17 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "src/**/*.spec.ts",
-    "src/test-setup.ts",
-    "jest.config.ts",
-    "src/**/*.test.ts"
-  ],
-  "include": ["src/**/*.ts"]
-}

package/tsconfig.lib.prod.json

@@ -1,7 +0,0 @@
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {}
-}

package/tsconfig.spec.json

@@ -1,16 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
-    "target": "es2016",
-    "types": ["jest", "node"]
-  },
-  "files": ["src/test-setup.ts"],
-  "include": [
-    "jest.config.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}