@one-paragon/angular-utilities 2.8.4 → 2.8.6

package/src/http-request-state/directives/HttpStateDirectiveBase.ts

@@ -1,29 +0,0 @@
-import { Directive, inject, Injector, TemplateRef, ViewContainerRef, OnInit } from '@angular/core';
-import { RequestState } from '../types';
-import { HttpRequestStateDirective } from './request-state-directive';
-
-@Directive()
-export abstract class HttpStateDirectiveBase<V, R = null> implements OnInit {
-  hasView = false;
-  private injector = inject(Injector);
-  protected templateRef = inject(TemplateRef<{ $implicit: R extends null ? V : R }>);
-  protected viewContainer = inject(ViewContainerRef);
-  ngOnInit() {
-    const parent = this.injector.get(HttpRequestStateDirective);
-    if(parent == null) {
-      throw new Error('You can only use an http state directive as a child of the httpRequestState directive.');
-    }
-    parent.hooks.push(this.baseRender);
-    this.baseRender(parent.ViewContext.state as RequestState);
-  }
-
-  private baseRender = (state: RequestState): void => {
-    if(this.hasView) {
-      this.viewContainer.clear();
-      this.hasView = false;
-    }
-    this.hasView = this.render(state);
-  }
-
-  abstract render: (state: RequestState) => boolean;
-}

package/src/http-request-state/directives/http-error-state-directive.ts

@@ -1,21 +0,0 @@
-import { Directive, OnInit } from '@angular/core';
-import { isErrorState } from '../helpers';
-import { RequestState } from '../types';
-import { HttpStateDirectiveBase } from './HttpStateDirectiveBase';
-
-@Directive({ selector: '[httpErrorState]', })
-export class HttpErrorStateDirective<V, R = null> extends HttpStateDirectiveBase<V, R> implements OnInit {
-
-
-  render = (state: RequestState<any>) => {
-    if(isErrorState(state)) {
-      this.viewContainer.createEmbeddedView(this.templateRef, { $implicit: state.error });
-      return true;
-    }
-    return false;
-  };
-
-  ngOnInit() {
-    super.ngOnInit();
-  }
-}

package/src/http-request-state/directives/http-inProgress-state-directive.ts

@@ -1,19 +0,0 @@
-import { Directive, OnInit } from '@angular/core';
-import { HttpStateDirectiveBase } from './HttpStateDirectiveBase';
-import { RequestState, RequestStatus } from '../types'
-
-
-@Directive({ selector: '[httpInProgressState]', })
-export class HttpInProgressStateDirective<V, R = null> extends HttpStateDirectiveBase<V, R> implements OnInit {
-  render = (state: RequestState<any>) => {
-    if(state.status === RequestStatus.inProgress){
-      this.viewContainer.createEmbeddedView(this.templateRef );
-      return true;
-    }
-    return false;
-  };
-
-  ngOnInit() {
-    super.ngOnInit();
-  }
-}

package/src/http-request-state/directives/http-notStarted-state-directive.ts

@@ -1,19 +0,0 @@
-import { Directive, OnInit } from '@angular/core';
-import { RequestState, RequestStatus } from '../types';
-import { HttpStateDirectiveBase } from './HttpStateDirectiveBase';
-
-
-@Directive({ selector: '[httpNotStartedState]', })
-export class HttpNotStartedStateDirective<V, R = null> extends HttpStateDirectiveBase<V, R> implements OnInit {
-  render = (state: RequestState<any>) => {
-    if(state.status === RequestStatus.notStarted){
-      this.viewContainer.createEmbeddedView(this.templateRef );
-      return true;
-    }
-    return false;
-  };
-
-  ngOnInit() {
-    super.ngOnInit();
-  }
-}

package/src/http-request-state/directives/http-success-state-directive.ts

@@ -1,29 +0,0 @@
-import { Directive, Input, OnInit } from '@angular/core';
-import { isSuccessState } from '../helpers';
-import { HttpStateDirectiveBase } from './HttpStateDirectiveBase';
-import { RequestState } from '../types';
-import { RequestStateStore } from '../RequestStateStore';
-import { Observable } from 'rxjs';
-
-export interface HttpSuccessStateViewContext<T> {
-  $implicit: T;
-}
-@Directive({ selector: '[httpSuccessState]', })
-export class HttpSuccessStateDirective<V, R = null> extends HttpStateDirectiveBase<V, R> implements OnInit {
-  @Input() httpSuccessStateTypeSafety?: RequestStateStore<any, V, R> | Observable<RequestState<V>>;
-  render = (state: RequestState<R extends null ? V : R>) => {
-    if(isSuccessState(state)) {
-      this.viewContainer.createEmbeddedView(this.templateRef, { $implicit: state.body });
-      return true;
-    }
-    return false;
-  };
-
-  ngOnInit() {
-    super.ngOnInit();
-  }
-
-  static ngTemplateContextGuard<V, R>(dir: HttpSuccessStateDirective<V, R>, ctx: any): ctx is HttpSuccessStateViewContext<R extends null ? V : R> {
-    return true;
-  }
-}

package/src/http-request-state/directives/index.ts

@@ -1,5 +0,0 @@
-export * from './http-error-state-directive';
-export * from './http-inProgress-state-directive';
-export * from './http-notStarted-state-directive';
-export * from './http-success-state-directive';
-export * from './request-state-directive';

package/src/http-request-state/directives/request-state-directive.spec.ts

@@ -1,73 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Component, inject } from '@angular/core';
-import { HttpRequestModule } from '../http-state-module';
-import { RequestStateStore } from '../RequestStateStore';
-import { Subject } from 'rxjs';
-import { RequestStateOptions } from '../types';
-
-
-@Component({
-  template: `
-    <div *httpRequestState='requestState;let state;'>
-        <ng-container *httpNotStartedState>not started</ng-container>
-        <ng-container *httpInProgressState>in progress</ng-container>
-        <ng-container *httpSuccessState='let body' >success {{body}}</ng-container>
-        <ng-container *httpErrorState='let error' >error {{error}}</ng-container>
-    </div>
-    `,
-}) export class TestHttpRequestStateDirectiveComponent {
-  requestState = inject<RequestStateStore<any, any>>(RequestStateStore);
-
-}
-
-export class MockHttpRequestState<T> extends RequestStateStore<[], T> {
-  subject = new Subject<T>();
-  constructor(options?: RequestStateOptions) {
-    super(() => {
-      return this.subject;
-    }, options );
-  }
-}
-
-let requestState: MockHttpRequestState<string>;
-let fixture: ComponentFixture<TestHttpRequestStateDirectiveComponent>;
-
-describe('Request State Directive', () => {
-
-  beforeEach(() => {
-    requestState = new MockHttpRequestState<string>();
-    fixture = TestBed.configureTestingModule({
-      declarations: [TestHttpRequestStateDirectiveComponent],
-      providers: [{ provide: RequestStateStore, useValue: requestState }],
-      imports: [HttpRequestModule]
-    }).createComponent(TestHttpRequestStateDirectiveComponent);
-  });
-
-  it('should begin with the state of not started', () => {
-    verifyText('not started');
-  });
-
-  it('should be in progress while in progress', () => {
-    requestState.request();
-    verifyText('in progress');
-  });
-
-  it('should be success when success', () => {
-    requestState.request();
-    requestState.subject.next('yay')
-    verifyText('success yay');
-  });
-
-  it('should be error when error', () => {
-    requestState.request();
-    requestState.subject.error('ouch');
-    verifyText('error ouch');
-  });
-
-  function verifyText(text:string) {
-    fixture.detectChanges();
-    const node: HTMLElement = fixture.nativeElement;
-    expect(node.innerText).toBe(text);
-  }
-
-});

package/src/http-request-state/directives/request-state-directive.ts

@@ -1,78 +0,0 @@
-import { Directive, Input, TemplateRef, ViewContainerRef, OnDestroy } from '@angular/core';
-import { defaultShareReplay } from '../../rxjs/defaultShareReplay';
-import { isObservable, Observable, Subject, Unsubscribable } from 'rxjs';
-import { map, switchAll } from 'rxjs/operators';
-import { RequestStateStore } from '../RequestStateStore';
-import { RequestState, RequestStatus } from '../types';
-
-export interface HttpRequestStateViewContext<T> {
-  $implicit?: HttpRequestStateAny<T>;
-  state?: HttpRequestStateAny<T>;
-  status: {
-    inProgress: boolean;
-    notStarted: boolean;
-    success: boolean;
-    error: boolean;
-  };
-}
-
-@Directive({ selector: '[httpRequestState]', })
-export class HttpRequestStateDirective<TParam extends any[], V, R, T = R extends null ? V : R> implements OnDestroy {
-  private viewContainer: ViewContainerRef;
-
-  readonly ViewContext: HttpRequestStateViewContext<T> = {
-    $implicit: undefined,
-    state: undefined,
-    status: {
-      inProgress: false,
-      notStarted: true,
-      success: false,
-      error: false,
-    }
-  };
-
-
-  subject = new Subject<Observable<RequestState<T>>>();
-  state = this.subject.pipe(switchAll(), defaultShareReplay());
-  subscription: Unsubscribable;
-  hooks: ((state: RequestState<T>) => void)[] = [];
-
-  @Input('httpRequestState') set stateStore(store: RequestStateStore<TParam, V, R, T> | Observable<RequestState<T>>) {
-    if(isObservable(store)) {
-      this.subject.next(store);
-    } else {
-      this.subject.next(store.state$.pipe(map(state => state.response)));
-    }
-
-  }
-  constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef) {
-    this.viewContainer = viewContainer;
-    this.viewContainer.createEmbeddedView(templateRef, this.ViewContext);
-    this.subscription = this.state.subscribe(state => {
-      this.ViewContext.$implicit = state;
-      this.ViewContext.state = state;
-      this.ViewContext.status.inProgress = state.status === RequestStatus.inProgress;
-      this.ViewContext.status.notStarted = state.status === RequestStatus.notStarted;
-      this.ViewContext.status.success = state.status === RequestStatus.success;
-      this.ViewContext.status.error = state.status === RequestStatus.fail;
-      this.hooks.forEach(hook => hook(state));
-    });
-  }
-
-
-  ngOnDestroy() {
-    this.viewContainer.clear();
-    this.subscription.unsubscribe();
-  }
-
-  static ngTemplateContextGuard<V, R>(dir: HttpRequestStateDirective<any, V, R>, ctx: any): ctx is HttpRequestStateViewContext<R extends null ? V : R> {
-    return true;
-  }
-
-}
-
-export type HttpRequestStateAny<T> = {
-  status: RequestStatus;
-  body?: T;
-  error?: any;
-}