thingsinjars/LICENSE.txt

## annotated.js
function(
 constructor,                      //The group to make chainable -
                                   // e.g. Window.Element, Window.Node, Window.DOMTokenList etc...
 prototype,                        //Placeholder
 method                            //Placeholder
 ) {
 prototype = constructor.prototype;         //Shorthand to work with the prototype of the constructor
 for (method in prototype)                  // For every method on this object
  if (prototype[method].call)               // ...if it's a function
   prototype[method] = (function(method) {  // Make every function
    return function() {                     // into another function
     return method.apply(this, arguments)   //   which does its job then either returns itself if that was the default behaviour
        ||                                  //    or
        this;                               //   returns itself here
    }
   })(prototype[method])                    // pass in the method we want to be working with
}

## index.js
function(a,b,c){b=a.prototype;for(c in b)if(b[c].call)b[c]=(function(d){return function(){return d.apply(this,arguments)||this}})(b[c])}

## LICENSE.txt
            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

  0. You just DO WHAT THE FUCK YOU WANT TO.

## package.json
{
  "name": "chainableDomManipulation",

  "description": "Extremely minimal chainable DOM manipulation based on Chainvas",

  "keywords": [
    "html",
    "DOM",
    "chaining"
  ]
}

## test.html
<!DOCTYPE html>
<meta charset="utf-8">
<title>Chain anything</title>
<div>Expected value: <b><a href="http://140byt.es/" title="tiny awsm" data-monkeys="∞">140byt.es</a></b></div>
<div>Actual value: <b id="ret"></b></div>
<script>
// This is paired with the propertize gist to cover chainability and setting properties

//This is a very, very minimal version of the functionality of Chainvas (http://lea.verou.me/chainvas/) to make anything chainable
var chainer = function(a,b,c){b=a.prototype;for(c in b)if(b[c].call)b[c]=(function(d){return function(){return d.apply(this,arguments)||this}})(b[c])}

// see https://gist.github.com/gists/1466253
var propertize = function(a,b,c){a.prototype.prop=function(){b=arguments;if(1 in b)this[b[0]]=b[1];else{b=b[0];for(c in b)this[c]=b[c]}return this}}


chainer(window.Element);
propertize(window.Element);

document.getElementById('ret').appendChild(
    document.createElement('a')
        .prop({
            'href': 'http://140byt.es/',
            'title': 'tiny awsm'
        })
        .prop('innerHTML', '140byt.es')
        .setAttribute('data-monkeys', '∞')
        .addEventListener('click', function(){ alert('Urk! Alert!')}, false)
);
</script>
	function(
	constructor, //The group to make chainable -
	// e.g. Window.Element, Window.Node, Window.DOMTokenList etc...
	prototype, //Placeholder
	method //Placeholder
	) {
	prototype = constructor.prototype; //Shorthand to work with the prototype of the constructor
	for (method in prototype) // For every method on this object
	if (prototype[method].call) // ...if it's a function
	prototype[method] = (function(method) { // Make every function
	return function() { // into another function
	return method.apply(this, arguments) // which does its job then either returns itself if that was the default behaviour
	\|\| // or
	this; // returns itself here
	}
	})(prototype[method]) // pass in the method we want to be working with
	}
	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	Version 2, December 2004

	Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

	0. You just DO WHAT THE FUCK YOU WANT TO.
	{
	"name": "chainableDomManipulation",

	"description": "Extremely minimal chainable DOM manipulation based on Chainvas",

	"keywords": [
	"html",
	"DOM",
	"chaining"
	]
	}
	<!DOCTYPE html>
	<meta charset="utf-8">
	<title>Chain anything</title>
	<div>Expected value: <b><a href="http://140byt.es/" title="tiny awsm" data-monkeys="∞">140byt.es</a></b></div>
	<div>Actual value: <b id="ret"></b></div>
	<script>
	// This is paired with the propertize gist to cover chainability and setting properties

	//This is a very, very minimal version of the functionality of Chainvas (http://lea.verou.me/chainvas/) to make anything chainable
	var chainer = function(a,b,c){b=a.prototype;for(c in b)if(b[c].call)b[c]=(function(d){return function(){return d.apply(this,arguments)\|\|this}})(b[c])}

	// see https://gist.github.com/gists/1466253
	var propertize = function(a,b,c){a.prototype.prop=function(){b=arguments;if(1 in b)this[b[0]]=b[1];else{b=b[0];for(c in b)this[c]=b[c]}return this}}


	chainer(window.Element);
	propertize(window.Element);

	document.getElementById('ret').appendChild(
	document.createElement('a')
	.prop({
	'href': 'http://140byt.es/',
	'title': 'tiny awsm'
	})
	.prop('innerHTML', '140byt.es')
	.setAttribute('data-monkeys', '∞')
	.addEventListener('click', function(){ alert('Urk! Alert!')}, false)
	);
	</script>