Duarte Monteiro du5rte

## gist:33d85a08ee64a54715230cbe853c2856
creating custom Graphql Types

https://github.com/stylesuxx/graphql-custom-types/blob/master/src/scalars.js

## formCollectionToPlainObject.js
export default function formCollectionToPlainObject(HTMLFormControlsCollection) {
  return Object.entries(HTMLFormControlsCollection).reduce((acc, [key, value]) => {
    return {
      ...acc,
      [key]: value.value
    };
  }, {});
}

## store.js
export default (
	process.env.NODE_ENV === "production"
		? require("./productionStore").default
		: require("./developmentStore").default
);

## injectProps.jsx
function injectProps(options) {
	return function(InitialComponent) {
		return function DndStateInjector() {
			return <InitialComponent {...options} />;
		};
	};
}

## handleNestedChange.jsx
import React, { Component } from "react";

import _ from "lodash";

export default class Example extends Component {
	constructor(props) {
		super(props);

		this.state = {
			uid: "",

## distanceBetweenPoints.js
function distanceBetweenPoints(p1, p2) {
  // http://www.mathwarehouse.com/algebra/distance_formula/index.php
  // https://stackoverflow.com/questions/20916953/get-distance-between-two-points-in-canvas
  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/hypot

  // or
  // Math.sqr((p2.x - p1.x) + (p2.y - p1.y))

  return Math.hypot(p2.x - p1.x, p2.y - p1.y)
}

## unionAndInterface.js
import {
  GraphQLID,
  GraphQLInt,
  GraphQLString,
  GraphQLObjectType,
  GraphQLList,
  GraphQLNonNull,
  OrderTypeEnum,
  GraphQLUnionType,
  GraphQLInterfaceType,

## booleanTest.js
const tests = [true, false, true]

const finalTest = tests.reduce((acc, val) => {
  return acc && val
}, true);

console.log(finalTest)

## ratios.js
// https://stackoverflow.com/questions/14224535/scaling-between-two-number-ranges

function withinRange(val, { min, max }) {
  return (
    val > max
        ? max
        : val < min
          ? min
          : val
  );

## popup.js
export default function popup(url, {name='', width=500, height=500}={}) {
  // References
  // https://developer.mozilla.org/en-US/docs/Web/API/Window/open

  let options = `
    width=${width},
    height=${height},
    left=${window.screenX + ((window.outerWidth - width) / 2)},
    top=${window.screenY + ((window.outerHeight - height) / 2)}
  `
	creating custom Graphql Types

	https://github.com/stylesuxx/graphql-custom-types/blob/master/src/scalars.js
	export default function formCollectionToPlainObject(HTMLFormControlsCollection) {
	return Object.entries(HTMLFormControlsCollection).reduce((acc, [key, value]) => {
	return {
	...acc,
	[key]: value.value
	};
	}, {});
	}
	export default (
	process.env.NODE_ENV === "production"
	? require("./productionStore").default
	: require("./developmentStore").default
	);
	function injectProps(options) {
	return function(InitialComponent) {
	return function DndStateInjector() {
	return <InitialComponent {...options} />;
	};
	};
	}
	import React, { Component } from "react";

	import _ from "lodash";

	export default class Example extends Component {
	constructor(props) {
	super(props);

	this.state = {
	uid: "",
	function distanceBetweenPoints(p1, p2) {
	// http://www.mathwarehouse.com/algebra/distance_formula/index.php
	// https://stackoverflow.com/questions/20916953/get-distance-between-two-points-in-canvas
	// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/hypot

	// or
	// Math.sqr((p2.x - p1.x) + (p2.y - p1.y))

	return Math.hypot(p2.x - p1.x, p2.y - p1.y)
	}
	import {
	GraphQLID,
	GraphQLInt,
	GraphQLString,
	GraphQLObjectType,
	GraphQLList,
	GraphQLNonNull,
	OrderTypeEnum,
	GraphQLUnionType,
	GraphQLInterfaceType,
	const tests = [true, false, true]

	const finalTest = tests.reduce((acc, val) => {
	return acc && val
	}, true);

	console.log(finalTest)
	// https://stackoverflow.com/questions/14224535/scaling-between-two-number-ranges

	function withinRange(val, { min, max }) {
	return (
	val > max
	? max
	: val < min
	? min
	: val
	);