Scott Corgan scottcorgan

Small script for development + builds with browserify.

Uses loose-envify for faster inlining and cross-env to handle windows/unix shells.

Dev features:

fast rebuilds w/ watchify, LiveReload, syntax errors in DOM, etc.

Build features:

uglify, simple dead code elimination, optimized bundle.

When receiving JSON data from other resources(server API etc), we need Json.Decode to convert the JSON values into Elm values. This gist let you quickly learn how to do that.

I like to follow working example code so this is how the boilerplate will look like:

import Graphics.Element exposing (Element, show)
import Task exposing (Task, andThen)
import Json.Decode exposing (Decoder, int, string, object3, (:=))

import Http

Kinds

In PureScript there are types of different kinds. Kinds are types for types. For example Int has kind Type, and we write it as Int :: Type. You can ask for the kind of a type in purs psci

> :k Int
Type

Type constructors take types to other types. For example Array (which still needs another type to form a type a value could have, like Array Int):

	import State, {get, put, modify} from 'fantasy-states'
	import {prop, compose, map, chain, merge, always} from 'ramda'


	// Unfortunately Binary Gendered Baby Page
	//==========================================

	const babies = [{id: 2, name: 'Anjali', sex: 'F'}, {id: 3, name: 'Antonio', sex: 'M'}]

	// isFemale :: Baby -> Bool

	// Observable is an Union Type, with the following variants
	const Empty = () => ['EMPTY']
	const Cons = (head, tail) => ['CONS', head, tail]
	const Future = promise => ['FUTURE', promise]

	// race between 2 promises; each promise will resolve to a lazy value
	const lazyRace = (p1, p2) => Promise.race([p1,p2]).then(lazy => lazy())

	// function composition
	const compose = (...fns) => (arg) => fns.reduceRight((res, f) => f(res), arg)


	// from the brilliant mind of sb
	var _catch = Promise.prototype.catch;
	Promise.prototype.catch = function () {
	return _catch.call(this, function (err) { setTimeout(function () { throw(err); }, 0); });
	}

	/* line 5, /Users/ryanjames/Sites/desiring-god/app/assets/stylesheets/modules/_grid.scss */
	.grid-container {
	padding-left: 10px;
	padding-right: 10px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	}
	/* line 12, /Users/ryanjames/.rvm/gems/ruby-2.4.1/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
	.grid-container:after {

	{
	"Version": "2012-10-17",
	"Statement": [
	{
	"Sid": "PublicReadGetObject",
	"Effect": "Allow",
	"Principal": "*",
	"Action": [
	"s3:GetObject"
	],

	@MyComponent =
	props: ['myProp']
	template: '<div>A custom component with {{myProp}}</div>'

	export type PerformanceServerTimings = Record<
	string,
	Array<PerformanceServerTiming>
	>

	/**
	* Run this on the server to get a `time` function that can be used to time
	* server-side operations and add them to the `Server-Timing` header.
	*/
	export function getServerTiming() {