John Hann unscriptable

A List of actively-supported, reusable, open-source, AMD-compliant modules in the wild. Let me know if you have another module to add to the list!

querySelectorAll (css3-based dom selector engine)

	define(['dojo/parser, wire/Deferred'], function (parser, Promise) {

	var orig = parser.parse,
	promise = new Promise();
	parser.parse = function (node) {
	orig.apply(parser, arguments);
	promise.resolve();
	};

	return promise;

	// This boilerplate would allow a module to run in node.js or an
	// AMD-enabled browser environment. On node.js, the syntax is:
	// var Color = require("./Color").Color,
	// color = new Color("#BADA55");
	// In the browser, the syntax is:
	// var color = new Color("#BADA55"); // window.Color is implied

	(function (define) {

	define(function () {

	// admittedly, dependency injection is better for non-integral dependencies.
	// integral dependencies like coding constructs such as array iterators (forEach),
	// type detectors (isArray, isFunction), etc are easier to work with as declared
	// dependencies/modules. there are other ways to inject dependencies (e.g.
	// constructor params). this is just how we're doing it.
	// this example shows the injection of non-integral dependencies
	define(function () {

	return {

	// Object Pascal separates each unit (file) into two main sections:
	// interface and implementation.
	// interface declares all of the publicly-facing stuff and has a
	// list of dependencies (uses) implementation is the actual code
	// and is private. it can have additional dependencies that the
	// the interface doesn't have (and it's a good idea to keep as
	// many out of the interface as possible to prevent circular
	// dependencies).

	module('optional name')

	// (c) copyright unscriptable.com / John Hann
	// License MIT
	// For more robust promises, see https://github.com/briancavalier/when.js.

	function Promise () {
	this._thens = [];
	}

	Promise.prototype = {

	<!-- dojo 1.x: all is well -->
	<button dojotype="li.widget.Button" type="button" class="flat">Flat button</button>

	<!-- dojo 1.6 html5 type and params attr -->
	<button data-dojo-type="li.widget.Button" data-dojo-params="type:'button', class:'primary'">Primary button</button>

	<!-- dojo 1.6 html5 type and native attrs: DOES NOT PICK UP ATTRS! -->
	<button data-dojo-type="li.widget.Button" type="button" class="secondary">Secondary button</button>