Dmitrii Korostelev FFKL

🦔

This is The Hedgehog!

FFKL / page.decorator.ts

Last active August 17, 2020 17:56

Page decorator which wrap ngOnDestroy and ngOnInit functions for change global layout structure. Works in Angular 9 + Ivy + AOT.

	import { Injector, NgModule, ɵComponentDef as ComponentDef, ɵNG_COMP_DEF } from '@angular/core';

	import { LayoutType } from '@constants/layout';
	import { GlobalLayoutStore } from '@services/store/global-layout.store';

	const NG_COMP_DEF = ɵNG_COMP_DEF as 'ɵcmp';

	interface Options {
	layout?: LayoutType;
	}

FFKL / required-decorator.ts

Created June 16, 2020 11:03

	export function Required(target: { [prop: string]: any }, propertyKey: string) {
	Object.defineProperty(target, propertyKey, {
	get() {
	throw new Error(`Attribute ${propertyKey} is required`);
	},
	set(value) {
	Object.defineProperty(
	target,
	propertyKey,
	{

FFKL / cell-ellipsis.css

Last active September 2, 2025 15:54

Auto-resizable ellipsis without fixed width 😮

FFKL / debounceTime.ts

Created May 18, 2020 17:05

	function debounceTime<T extends (...args: any) => any>(callback: T, time: number) {
	let timeout: NodeJS.Timeout \| null = null;

	return (...args: Parameters<T>) => {
	timeout != null && clearTimeout(timeout);
	timeout = setTimeout(
	() => {
	timeout = null;
	callback.apply(null, args);
	},

FFKL / example.html

Last active May 5, 2020 19:13

Numbers range component

	<sv-numbers-range>
	<input svThreshold placeholder="Min price" formControlName="min" type="text">
	<input svThreshold placeholder="Max price" formControlName="max" type="text">
	</sv-numbers-range>

FFKL / modify.ts

Created April 21, 2020 15:46

export type Modify<T, R extends { [key in keyof T]?: any }> = Omit<T, keyof R> & R;

FFKL / event-bus.service.ts

Created April 14, 2020 12:29

Angular pubSub service

	import { Injectable } from '@angular/core';
	import { Observable, ReplaySubject } from 'rxjs';

	@Injectable({
	providedIn: 'root'
	})
	export class EventBusService {
	private readonly events: { [eventName: string]: ReplaySubject<any> } = {};

	public sub(event: string): Observable<any> {

FFKL / angular-clock.component.ts

Last active April 15, 2020 19:58

Single-file clock for admin panel header

	import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
	import { timer, Observable } from 'rxjs';
	import { map } from 'rxjs/operators';

	@Component({
	selector: 'app-clock',
	template: `{{ time$ \| async \| date:'medium' }}`,
	encapsulation: ViewEncapsulation.None,
	changeDetection: ChangeDetectionStrategy.OnPush
	})

FFKL / package.json

Created March 26, 2020 15:05

Several versions of same package in dependencies.

FFKL / flow-invariance.js

Last active March 18, 2020 20:04