jsayol’s gists

jsayol / RNAsyncStorageAdapter.js

Last active February 25, 2021 13:47

An experimental React Native AsyncStorage wrapper for Firebase database persistence

	import { AsyncStorage } from 'react-native';

	const storeKey = (dbName, storeName, key) => dbName + '_' + storeName + '_' + key;
	const stringify = JSON.stringify;
	const parse = JSON.parse;

	export const RNAsyncStorageAdapter = {
	get(dbName, storeName, key) {
	return AsyncStorage.getItem(storeKey(dbName, storeName, key)).then(value => parse(value));
	},

jsayol / blink_component_HostBinding.ts

Created January 5, 2017 15:30

	import { Component, OnInit, OnDestroy, HostBinding } from '@angular/core';
	import { Observable } from 'rxjs/Observable';
	import 'rxjs/add/observable/timer';
	import 'rxjs/add/observable/merge';
	import 'rxjs/add/operator/takeWhile';
	import 'rxjs/add/operator/mapTo';

	@Component({
	selector: 'blink',
	template: `<ng-content></ng-content>`

jsayol / fart_operator.ts

Last active January 4, 2017 00:28

	import { Operator } from '../Operator';
	import { Subscriber } from '../Subscriber';
	import { Observable } from '../Observable';

	/**
	* Emits gas on the output Observable every time the source
	* Observable emits a value.
	*
	* <span class="informal">Like {@link map}, but it maps every source value to
	* the same predefined output value every time.</span>

jsayol / blink_component_final.ts

Last active December 29, 2016 21:06

	import { Component, OnInit, ElementRef, OnDestroy, Renderer } from '@angular/core';
	import { Observable } from 'rxjs/Observable';
	import 'rxjs/add/observable/timer';
	import 'rxjs/add/observable/merge';
	import 'rxjs/add/operator/takeWhile';
	import 'rxjs/add/operator/mapTo';

	@Component({
	selector: 'blink',
	template: `<ng-content></ng-content>`

jsayol / blink_component_initial.ts

Last active December 29, 2016 21:05

	@Component({
	selector: 'blink',
	template: `<ng-content></ng-content>`
	})
	export class BlinkComponent implements OnInit {
	private element: Element;
	private blinker$: Observable<string>;

	constructor(private renderer: Renderer, elementRef: ElementRef) {
	this.element = elementRef.nativeElement;

jsayol / blink_component_structure.ts

Last active December 29, 2016 21:04

	@Component({
	selector: 'blink',
	template: `<ng-content></ng-content>`
	})
	export class BlinkComponent implements OnInit {
	private element: Element;

	constructor(private renderer: Renderer, elementRef: ElementRef) {
	this.element = elementRef.nativeElement;
	}

jsayol / blink_visibility.ts

Last active December 29, 2016 19:05

	const show$ = Observable.timer(0, 1000);
	const hide$ = Observable.timer(750, 1000);

	const blinker$ = Observable.merge(
	show$.mapTo('visible'),
	hide$.mapTo('hidden')
	);

	blinker$.subscribe(value => element.style['visibility'] = value);

jsayol / blink_first_try.ts

Last active December 29, 2016 19:06

	const show$ = Observable.timer(0, 1000);
	const hide$ = Observable.timer(750, 1000);

	const blinker$ = Observable.merge(
	show$.mapTo('showing'),
	hide$.mapTo('hiding')
	);

	blinker$.subscribe(value => {
	// Let's assume the "element" variable holds a reference to the

jsayol / blink_mapto.ts

Last active December 30, 2016 12:57

	const show$ = Observable.timer(0, 1000);
	const hide$ = Observable.timer(750, 1000);

	const blinker$ = Observable.merge(
	show$.mapTo('showing'),
	hide$.mapTo('hiding')
	);

	blinker$.subscribe(value => console.log(value));

jsayol / blink_subscribe.ts

Last active December 30, 2016 12:57

	const show$ = Observable.timer(0, 1000);
	const hide$ = Observable.timer(750, 1000);

	const blinker$ = Observable.merge(
	show$,
	hide$
	);

	blinker$.subscribe(value => console.log(value));

Josep Sayol jsayol