Netanel Basal NetanelBasal

🎯

Focusing

A FrontEnd Tech Lead, blogger, and open source maintainer. The founder of ngneat, husband and father.

NetanelBasal / http-v15-2.ts

Created October 25, 2022 09:32

	import {
	provideHttpClient,
	withInterceptors
	} from '@angular/common/http';
	import { bootstrapApplication } from '@angular/platform-browser';

	bootstrapApplication(AppComponent, {
	providers: [
	provideHttpClient(
	withInterceptors([

NetanelBasal / http-v15-1.ts

Created October 25, 2022 09:26

	import {
	provideHttpClient,
	withJsonpSupport,
	withXsrfConfiguration
	} from '@angular/common/http';
	import { bootstrapApplication } from '@angular/platform-browser';

	bootstrapApplication(AppComponent, {
	providers: [
	provideHttpClient(

NetanelBasal / oneOf-4.ts

Created October 7, 2022 13:29

	const userControl = this.fb.control('', Validators.required);
	const groupControl = this.fb.control('', Validators.required);
	const $case = this.assignee?.get('$case');

	$case?.valueChanges.pipe(startWith($case.value)).subscribe(($case) => {
	clearOneOf(this.assignee);

	this.assignee.addControl(
	$case,
	$case === 'userId' ? userControl : groupControl

NetanelBasal / oneOf-3.ts

Last active October 7, 2022 13:26

	@Component({
	template: `
	<form [formGroup]="form">
	<ng-container formGroupName="assignee">
	<div>
	<input
	type="radio"
	name="$case"
	formControlName="$case"
	value="userId"

NetanelBasal / oneOf-2.ts

Last active October 7, 2022 13:05

	@Component({
	template: `
	<form #f="ngForm">
	<ng-container ngModelGroup="assignee">
	<div>
	<input
	type="radio"
	name="$case"
	[ngModel]="assigneeCase"
	value="userId"

NetanelBasal / oneOf-1.ts

Last active October 7, 2022 12:54

	interface Task {
	name: string;
	assignee:
	\| { $case: 'userId'; userId: string }
	\| { $case: 'userGroupId'; userGroupId: string };
	}

NetanelBasal / attachInitEffect-4.ts

Last active September 19, 2022 12:43

	// users.routes.ts
	import { SvgIconRegistry } from '@ngneat/svg-icon';
	import { addGroupIcon, removeGroupIcon } from '@app/svg';

	const ICONS_INIT = attachInitEffect(() => {
	inject(SvgIconRegistry).register([
	addGroupIcon,
	removeGroupIcon
	])
	})

NetanelBasal / attachInitEffect-3.ts

Created September 19, 2022 12:22

	bootstrapApplication(AppComponent, {
	providers: [
	OFFLINE_INIT
	]
	})

NetanelBasal / attachInitEffect-2.ts

Created September 19, 2022 12:21

	export const OFFLINE_INIT = attachInitEffect(() => {
	const toast = inject(ToastService);
	const window = inject(WINDOW);

	window.addEventListener('offline', () => {
	toast.warning('There is no internet connection', {
	duration: 10_000,
	})
	})
	})

NetanelBasal / attachInitEffect-1.ts

Created September 19, 2022 12:20

	import { ENVIRONMENT_INITIALIZER, Provider } from '@angular/core';

	export function attachInitEffect(fn: VoidFunction): Provider {
	return {
	multi: true,
	provide: ENVIRONMENT_INITIALIZER,
	useValue: fn,
	};
	}