added query string parser and functional tools

This commit is contained in:
Gavin McDonald
2018-07-06 16:32:17 -04:00
parent 6e9d4a399c
commit 68f83bfc4b
3 changed files with 305 additions and 3 deletions

267
src/funky.js Normal file
View File

@@ -0,0 +1,267 @@
export function chain (obj) {
let chainInstance = {
value: function () {
return obj;
}
};
forEach(_, function (method, key) {
chainInstance[key] = function () {
obj = method(obj, ...arguments);
return chainInstance;
};
});
return chainInstance;
}
export function compact (obj) {
return filter(obj, val => val ? true : false);
}
export function contains (obj, value) {
if (Array.isArray(obj)) {
let length = obj.length;
for (let i=0; i<length; i++) {
if (obj[i] === value) {
return true;
}
}
}
else {
for (let key in obj) {
if (obj[key] === value) {
return true;
}
}
}
return false;
}
export function filter (obj, predicate) {
let result = {};
if (Array.isArray(obj)) {
return obj.filter(predicate);
}
else {
forEach(obj, (val, key) => {if (predicate(val, key)) result[key] = val;});
}
return result;
}
export function find (obj, predicate) {
if (Array.isArray(obj)) {
return obj.find(predicate);
}
else {
for (let key in obj) {
if (predicate(obj[key])) return obj[key];
}
}
}
export function forEach (obj, iteratee) {
if (Array.isArray(obj)) {
// native 'forEach' but the return below allows us to chain
obj.forEach(iteratee);
}
else {
for (let key in obj) {
iteratee(obj[key], key, obj);
}
}
return obj;
}
export function groupBy (obj, iteratee) {
let result = {};
forEach(obj, val => {
let key = typeof iteratee === 'string' ? val[iteratee] : iteratee(val);
result[key] = result[key] || [];
result[key].push(val);
});
return result;
}
export function identity (value) {
return value;
}
export function map (obj, iteratee) {
let result = [];
if (Array.isArray(obj)) {
// native 'map' but the return below allows us to chain
return obj.map(iteratee);
}
else {
forEach(obj, (value, key) => {
result.push(iteratee(value, key, obj));
});
}
return result;
}
function isObject (obj) {
return obj && (typeof obj === 'object') && !Array.isArray(obj) ? true : false;
}
function has (obj, prop) {
return obj && obj.hasOwnProperty(prop);
}
export function mapObj (obj, iteratee) {
let result = {};
if (Array.isArray(obj)) {
forEach(obj, (value, index) => {
let returned = iteratee(value, index, obj);
if (isObject(returned) && has(returned, 'key') && has(returned, 'value')) {
result[returned.key] = returned.value;
}
else {
result[index] = returned;
}
});
}
else {
forEach(obj, (value, key) => {
let returned = iteratee(value, key, obj);
if (isObject(returned) && has(returned, 'key') && has(returned, 'value')) {
result[returned.key] = returned.value;
}
else {
result[key] = returned;
}
});
}
return result;
}
export function max (obj = [], iteratee) {
let max = -Infinity;
if (!iteratee) {
forEach(obj, value => max = value > max ? value : max);
}
else {
let lastComputed = -Infinity;
forEach(obj, (value, index, list) => {
let computed = iteratee(value, index, list);
if (computed > lastComputed || computed === -Infinity && max === -Infinity) {
max = value;
lastComputed = computed;
}
});
}
return max;
}
export function min (obj = [], iteratee) {
let min = Infinity;
if (!iteratee) {
forEach(obj, value => min = value < min ? value : min);
}
else {
let lastComputed = Infinity;
forEach(obj, (value, index, list) => {
let computed = iteratee(value, index, list);
if (computed < lastComputed || computed === Infinity && min === Infinity) {
min = value;
lastComputed = computed;
}
});
}
return min;
}
export function omit (obj, keys) {
let result = {};
forEach(obj, (value, key) => {
if (!contains(keys, key)) {
result[key] = value;
}
});
return result;
}
export function pick (obj, keys) {
let result = {};
keys.forEach(key => {
if (obj.hasOwnProperty(key)) {
result[key] = obj[key];
}
});
return result;
}
export function range (size, iteratee = identity) {
return Array.from(Array(size), (value, index) => iteratee(index));
}
export function reduce (obj = [], iteratee, memo = obj[0] != null ? obj[0] : 0) {
if (Array.isArray(obj)) {
return obj.reduce(iteratee, memo);
}
else {
forEach(obj, (val, key, obj) => {
memo = iteratee(memo, val, key, obj);
});
}
return memo;
}
export function reject (obj, predicate) {
return filter(obj, (val, key, obj) => !predicate(val, key, obj));
}
export function some (obj, predicate = identity) {
return find(obj, predicate) ? true : false;
}
export let _ = {
compact,
contains,
filter,
find,
forEach,
groupBy,
identity,
map,
mapObj,
max,
min,
omit,
pick,
range,
reduce,
reject,
some
};

View File

@@ -1,4 +1,3 @@
import Tessellate from './tessellate.js'; import Tessellate from './tessellate.js';
import {utils} from './tessellate.js'; import {utils} from './tessellate.js';
@@ -11,14 +10,16 @@ class Demo {
this.map = []; this.map = [];
let tessellate = new Tessellate({ const queryStringObj = utils.getQueryStringObj();
let tessellate = new Tessellate(Object.assign({
element: '#container', element: '#container',
board: Tessellate.BOARD_STYLES.HEX, board: Tessellate.BOARD_STYLES.HEX,
tile: Tessellate.TILE_STYLES.HEX, tile: Tessellate.TILE_STYLES.HEX,
tap: this.onTap, tap: this.onTap,
draw: this.draw, draw: this.draw,
pointyTop: false, //utils.random(1) ? true : false, pointyTop: false, //utils.random(1) ? true : false,
}); }, queryStringObj));
this.circle = new DrawCircle(); this.circle = new DrawCircle();
this.square = new DrawSquare(); this.square = new DrawSquare();

View File

@@ -1,3 +1,4 @@
import {mapObj} from './funky.js';
export function noop() {}; export function noop() {};
@@ -82,3 +83,36 @@ export function rangeInclusive(start, end) {
return range(Math.min(start, end), Math.max(start, end)+1); return range(Math.min(start, end), Math.max(start, end)+1);
} }
export function getQueryStringParameters (queryString = document.location.search, separator = '&', assignment = '=') {
let parameters = {};
queryString
.replace(/(^\?)/,'')
.split(separator)
.forEach(pair => {
pair = pair.split(assignment);
parameters[pair[0]] = pair[1];
});
return parameters;
}
export function getQueryStringObj (queryString = document.location.search, separator = '&', assignment = '=') {
return mapObj(getQueryStringParameters(queryString, separator, assignment), parseString);
}
const braced = /^{.*}$/;
const bracketed = /^\[.*\]$/;
export function parseString (str) {
return typeof str !== 'string' ? str :
str.toLowerCase() === 'true' ? true :
str.toLowerCase() === 'false' ? false :
str.toLowerCase() === 'null' ? null :
str.toLowerCase() === 'undefined' ? undefined :
!isNaN(Number(str)) ? Number(str) :
braced.test(str) || bracketed.test(str) ? JSON.parse(decodeURIComponent(str)) :
str;
}