Patrick Hall amundo

A ton of libraries out there model “event emitting”:

https://github.com/HenrikJoreteg/wildemitter

These libraries all allow us to create some sort of emitter object on which we can register and trigger custom events.

I’m not sure I get it.

It seems that everyone is shoving this emitter into the global namespace (if it’s used all over an app, no big whoop). So if that’s the case, what do we need an emitter for at all? We can just run addEventListener and dispatchEvent wherever we need to, and those events will be attached to window. (I’m talking browser here, I don’t speak node.)

	/* Cranium MVC
	* A minimalist MVC implementation written for
	* demonstration purposes at my workshops
	* http://addyosmani.com
	* Copyright (c) 2012 Addy Osmani; Licensed MIT */


	var Cranium = Cranium \|\| {};

	// Set DOM selection utility

	function find(selector, scope) {
	var matches = (scope \|\| document).querySelectorAll(selector);
	if (matches.length == 1) {
	return matches
	} else {
	return [].slice.call(matches)
	}
	}

	function saveJSON(data, saveAs){
	var stringified = JSON.stringify(data, null, 2);
	var blob = new Blob([stringified], {type: "application/json"});
	var url = URL.createObjectURL(blob);

	var a = document.createElement('a');
	a.download = saveAs + '.json';
	a.href = url;
	a.id = saveAs;
	document.body.appendChild(a);

	var sample = [
	{
	"start": 2.7,
	"end": 4.1,
	"data": {}
	},
	{
	"start": 6,
	"end": 8.2,
	"data": {}

	var count = function (sequence) {
	return sequence.reduce(function (tally, item) {
	if (!(item in tally)) {
	tally[item] = 0
	}
	tally[item] += 1;
	return tally
	}, {
	})
	}

	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	rect {
	stroke: #fff;
	}

	</style>
	<body>

	<!doctype html>
	<html>
	<head>
	<title>page</title>
	<meta charset=utf-8>
	</head>
	<body>

	<div id="airplane">
	<form class="col-md-8 form-horizontal">

	cat sections/[0-6]_*.txt > masters.txt
	#cat sections/[3]_*.txt > masters.txt

	build
	node_modules
	.DS_Store