dmitry-stepanenko

{
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": ["tsconfig.*?.json"],
    "warnOnUnsupportedTypeScriptVersion": false
  },
  "plugins": ["rxjs", "rxjs-angular"],
  "overrides": [
    {
      "files": ["*.ts", "*.tsx"],

dmitry-stepanenko

const control = new FormControl('Hello, world!');
control.reset();
console.log(control.value); // null

dmitry-stepanenko

import { runValueAccessorTests } from 'ngx-cva-test-suite';
import { CounterControlComponent } from './counter.component';

runValueAccessorTests({
    /** Component, that is being tested */
    component: CounterControlComponent,
    /** 
     * All the metadata required for this test to run. 
     * Under the hood calls TestBed.configureTestingModule with provided config.
     */

dmitry-stepanenko

// ... code of CounterComponent
writeValue(value: number) {
    // it's convenient to reuse existing "setValue" method, right?
    // however, this will lead to the incorrect behavior
    this.setValue(value, false);
    this._cdr.markForCheck();
}

protected setValue(value: number, emitEvent: boolean) {
    this.value = value;

dmitry-stepanenko

interface ControlValueAccessor {
  writeValue(obj: any): void
  registerOnChange(fn: any): void
  registerOnTouched(fn: any): void
  setDisabledState(isDisabled: boolean)?: void
}

dmitry-stepanenko

// ... code of CounterComponent
writeValue(value: number) {
    // it's convenient to reuse existing "setValue" method, right?
    // however, this will lead to the incorrect behavior
    this.setValue(value);
    this._cdr.markForCheck();
}

protected setValue(value: number) {
    const parsed = parseInt(value as any);

dmitry-stepanenko

export class AppComponent {
  readonly animal = new FormControl(‘rabbit’);

  constructor() {
    ctrl.valueChanges.subscribe(console.log);
    animal.setValue(‘hare’);
    animal.setValue(‘cat’);
  }
}

dmitry-stepanenko

import { ChangeDetectionStrategy, ChangeDetectorRef, Component, forwardRef } from '@angular/core';
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';

const COUNTER_CONTROL_ACCESSOR = {
    provide: NG_VALUE_ACCESSOR,
    useExisting: forwardRef(() => CounterControlComponent),
    multi: true,
};

@Component({

dmitry-stepanenko

/**
 * Hypertext Transfer Protocol (HTTP) response status codes.
 * @see {@link https://en.wikipedia.org/wiki/List_of_HTTP_status_codes}
 */
export enum HttpStatusCodesEnum {
    /** No internet connection */
    NO_INTERNET_CONNECTION = 0,

    /**
     * The server has received the request headers and the client should proceed to send the request body

dmitry-stepanenko

/** 
 * Returns duration in ms from ISO 8601 string.
 * E.g. "PT15M33S" is converted to 933000
 */
export function convertISO8601ToMs(duration: string): number  {
    const time_extractor = /^P([0-9]*D)?T([0-9]*H)?([0-9]*M)?([0-9]*S)?$/i;
    const extracted = time_extractor.exec(duration);
    if (extracted) {
        const days = parseInt(extracted[1], 10) || 0;
        const hours = parseInt(extracted[2], 10) || 0;