Jacob Parker jacobp100

jacobp100 / color-service.js

Created January 16, 2018 20:20

	const colors = require('css-color-list')()

	// Returns an observable that emits a color every 10ms.
	// Stops when we've gone through every color.
	const getColorsObservable = () =>
	Rx.Observable.interval(10)
	.map(i => colors[i])
	.takeWhile(color => color != null)

jacobp100 / color-store.js

Last active January 16, 2018 20:27

	const defaultState = { search: '', results: [] }
	const store = createStore((state = defaultState, action) => {
	switch (action.type) {
	case 'SET_SEARCH':
	return { ...state, search: action.search, results: [] }
	case 'ADD_RESULTS':
	return { ...state, results: state.results.concat(action.results) }
	default:
	return state
	}

jacobp100 / color-app.js

Last active January 16, 2018 20:27

	const App = connect(state => state, dispatch => ({
	setSearch: e => {
	dispatch({ type: 'SET_SEARCH', search: e.target.value })
	}
	}))(({ search, results, setSearch }) => (
	<div>
	<input value={search} onChange={setSearch} />
	{results.map(result => (
	<div key={result}>{result}</div>
	))}

jacobp100 / store-start.js

Created January 16, 2018 20:29

jacobp100 / search.js

Last active January 16, 2018 20:34

	Rx.Observable.from(store)
	.map(state => state.search)
	.distinctUntilChanged()
	.switchMap(search => (
	getColorsObservable()
	.filter(color => color.includes(search))
	))
	.subscribe(result => {
	store.dispatch({ type: 'ADD_RESULT', result })
	})

jacobp100 / yoga-layout.js

Created January 19, 2018 13:16

	(function (root, wrapper) {
	if (typeof define == "function" && define.amd) define([], function () {
	return wrapper;
	});else if (typeof module == "object" && module.exports) module.exports = wrapper;else (root.nbind = root.nbind \|\| {}).init = wrapper;
	})(this, function (Module, cb) {
	if (typeof Module == "function") {
	cb = Module;Module = {};
	}Module.onRuntimeInitialized = function (init, cb) {
	return function () {
	if (init) init.apply(this, arguments);try {

jacobp100 / ripple-carousel.html

Created January 24, 2018 21:32

jacobp100 / input-dropdown.html

Created January 24, 2018 21:33

jacobp100 / tintColor.svg

Created March 15, 2018 08:38

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

jacobp100 / data-fetcher.js

Last active March 23, 2018 21:33

	const createDataFetcher = (url) => {
	let result = null
	let promise = null

	return () => {
	if (result != null) {
	return result;
	}

	if (promise === null) {