@ngrdt/core 0.0.2 → 0.0.4

package/src/lib/rdt-component-guard/directives/rdt-child.directive.ts

@@ -1,103 +0,0 @@
-import {
-  DestroyRef,
-  Directive,
-  inject,
-  OnDestroy,
-  OnInit,
-  Type,
-} from '@angular/core';
-import { Subject } from 'rxjs';
-import { RdtBooleanResult } from '../../utils';
-import {
-  RDT_CONTAINER,
-  RDT_GUARDED_COMPONENT,
-  RdtCanEnterView,
-  RdtCanLeaveView,
-  RdtOnViewWillEnter,
-  RdtOnViewWillLeave,
-} from '../models';
-import { RdtContainerDirective } from './rdt-container.directive';
-
-@Directive({
-  selector: '[rdtChild]',
-  standalone: true,
-})
-export class RdtChildDirective implements OnInit, OnDestroy {
-  readonly destroyRef = inject(DestroyRef);
-  readonly container = inject(RDT_CONTAINER, {
-    optional: true,
-    skipSelf: true,
-  });
-  readonly guardedComponent = inject(RDT_GUARDED_COMPONENT, {
-    optional: true,
-    self: true,
-    host: true,
-  });
-
-  private readonly willLeaveSubj$ = new Subject<void>();
-  private readonly willEnterSubj$ = new Subject<void>();
-
-  readonly willLeave$ = this.willLeaveSubj$.asObservable();
-  readonly willEnter$ = this.willEnterSubj$.asObservable();
-
-  ngOnInit() {
-    if (!this.guardedComponent) {
-      throw new Error(`
-        RdtChildDirective usage:
-        Apply directive directly on component and provide the same component as RDT_GUARDED_COMPONENT.
-        The component can then implement RdtCanLeaveView or RdtCanEnterView.
-        This applies to both Child and Container directives.
-        `);
-    }
-
-    this.container?.registerChild(this);
-  }
-
-  ngOnDestroy() {
-    this.willLeaveSubj$.complete();
-    this.willEnterSubj$.complete();
-    this.container?.removeChild(this);
-  }
-
-  canEnterView(): RdtBooleanResult {
-    const comp = this.guardedComponent as RdtCanEnterView | undefined;
-    if (typeof comp?.rdtCanEnterView === 'function') {
-      return comp.rdtCanEnterView();
-    } else {
-      return true;
-    }
-  }
-
-  canLeaveView(): RdtBooleanResult {
-    const comp = this.guardedComponent as RdtCanLeaveView | undefined;
-    if (typeof comp?.rdtCanLeaveView === 'function') {
-      return comp.rdtCanLeaveView();
-    } else {
-      return true;
-    }
-  }
-
-  onViewWillEnter(): void {
-    this.willEnterSubj$.next();
-    const comp = this.guardedComponent as RdtOnViewWillEnter | undefined;
-    comp?.rdtOnViewWillEnter();
-  }
-
-  onViewWillLeave(): void {
-    this.willLeaveSubj$.next();
-    const comp = this.guardedComponent as RdtOnViewWillLeave | undefined;
-    comp?.rdtOnViewWillLeave();
-  }
-
-  getParentByClass<T extends RdtContainerDirective>(
-    parentClass: Type<T>
-  ): T | null {
-    if (!this.container) {
-      return null;
-    } else if (this.container instanceof parentClass) {
-      return this.container;
-    } else {
-      return this.container.getParentByClass(parentClass);
-    }
-  }
-}

package/src/lib/rdt-component-guard/directives/rdt-container.directive.ts

@@ -1,90 +0,0 @@
-import { Directive, Type } from '@angular/core';
-import { rdtGetAllResultsTrue$ } from '../../utils';
-import { RDT_CONTAINER } from '../models';
-import { RdtChildDirective } from './rdt-child.directive';
-
-@Directive({
-  selector: '[rdtContainer]',
-  standalone: true,
-  providers: [
-    {
-      provide: RdtChildDirective,
-      useExisting: RdtContainerDirective,
-    },
-    {
-      provide: RDT_CONTAINER,
-      useExisting: RdtContainerDirective,
-    },
-  ],
-})
-export class RdtContainerDirective extends RdtChildDirective {
-  readonly rdtChildren: Set<RdtChildDirective> = new Set<RdtChildDirective>();
-
-  registerChild(child: RdtChildDirective) {
-    this.rdtChildren.add(child);
-  }
-
-  removeChild(child: RdtChildDirective) {
-    this.rdtChildren.delete(child);
-  }
-
-  checkCanLeave$() {
-    return rdtGetAllResultsTrue$(
-      [this, ...this.getActiveChildren()].map((ch) => () => ch.canLeaveView())
-    );
-  }
-
-  /* TODO
-  checkCanEnter$() {
-    return getCan$(
-      [this, ...this.getActiveChildren()].map((ch) => () => ch.canEnterView())
-    );
-  }
-  */
-
-  override onViewWillEnter() {
-    super.onViewWillEnter();
-    this.rdtChildren.forEach((ch) => ch.onViewWillEnter());
-  }
-
-  override onViewWillLeave() {
-    super.onViewWillLeave();
-    this.rdtChildren.forEach((ch) => ch.onViewWillLeave());
-  }
-
-  getChildrenRecursive() {
-    const res: RdtChildDirective[] = [];
-    this._getChildrenRecursive(res);
-    return res;
-  }
-
-  protected getActiveChildren() {
-    return this.getChildrenRecursive();
-  }
-
-  getChildrenByClass<T>(childClass: Type<T>) {
-    const res: T[] = [];
-    this._getChildrenByClassRecursive(childClass, res);
-    return res;
-  }
-
-  private _getChildrenRecursive(res: RdtChildDirective[]) {
-    res.push(...this.rdtChildren);
-    this.rdtChildren.forEach((child) => {
-      if (child instanceof RdtContainerDirective) {
-        child._getChildrenRecursive(res);
-      }
-    });
-  }
-
-  private _getChildrenByClassRecursive<T>(childClass: Type<T>, res: T[]) {
-    this.rdtChildren.forEach((child) => {
-      const comp = (child as RdtChildDirective).guardedComponent;
-      if (comp instanceof childClass) {
-        res.push(comp);
-      } else if (child instanceof RdtContainerDirective) {
-        child._getChildrenByClassRecursive(childClass, res);
-      }
-    });
-  }
-}

package/src/lib/rdt-component-guard/models.ts

@@ -1,47 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { Nullable } from '@ngrdt/utils';
-import { of } from 'rxjs';
-import { RdtBooleanResult } from '../utils';
-import { RdtContainerDirective } from './directives/rdt-container.directive';
-
-export interface RdtCanLeaveView {
-  rdtCanLeaveView(): RdtBooleanResult;
-}
-
-export interface RdtCanEnterView {
-  rdtCanEnterView(): RdtBooleanResult;
-}
-
-export interface RdtOnViewWillLeave {
-  rdtOnViewWillLeave(): void;
-}
-
-export interface RdtOnViewWillEnter {
-  rdtOnViewWillEnter(): void;
-}
-
-export const RDT_GUARDED_COMPONENT = new InjectionToken<
-  RdtCanLeaveView | RdtCanEnterView | RdtOnViewWillEnter | RdtOnViewWillLeave
->('');
-
-export const RDT_CONTAINER = new InjectionToken<RdtContainerDirective>('');
-
-export function canTransition$(
-  from: Nullable<RdtContainerDirective>,
-  to: Nullable<RdtContainerDirective>
-) {
-  const canLeave$ = from ? from.checkCanLeave$() : of(true);
-  return canLeave$;
-  /*
-  const canEnter$ = to ? to.checkCanEnter$() : of(true);
-
-  return canLeave$.pipe(
-    switchMap((res) => {
-      if (res) {
-        return canEnter$;
-      } else {
-        return of(res);
-      }
-    })
-  );*/
-}

package/src/lib/utils/rdt-boolean-result.ts

@@ -1,38 +0,0 @@
-import { catchError, concat, defer, filter, map, Observable, of } from 'rxjs';
-import { fromPromise } from 'rxjs/internal/observable/innerFrom';
-
-export type RdtBooleanResult = Observable<boolean> | Promise<boolean> | boolean;
-
-export function rdtGetAllResultsTrue$(
-  inputFactories: (() => RdtBooleanResult)[]
-) {
-  const can$ = inputFactories.map((fn) => rdtGetResult$(fn));
-  const last = Symbol('last');
-
-  return concat(...can$, of(last)).pipe(
-    filter((res) => res === last),
-    map(() => true),
-    catchError(() => of(false))
-  );
-}
-
-export function rdtGetResult$(inputFactory: () => RdtBooleanResult) {
-  return defer(() => {
-    const input = inputFactory();
-
-    if (typeof input === 'boolean') {
-      return of(input);
-    }
-    if (input instanceof Promise) {
-      return fromPromise(input);
-    }
-    return input;
-  }).pipe(
-    map((res) => {
-      if (res) {
-        return res;
-      }
-      throw res;
-    })
-  );
-}

package/src/test-setup.ts

@@ -1,8 +0,0 @@
-// @ts-expect-error https://thymikee.github.io/jest-preset-angular/docs/getting-started/test-environment
-globalThis.ngJest = {
-  testEnvironmentOptions: {
-    errorOnUnknownElements: true,
-    errorOnUnknownProperties: true,
-  },
-};
-import 'jest-preset-angular/setup-jest';

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,9 +0,0 @@
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

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"
-  ]
-}