Merge branch 'next' of github.com:claydotio/zorium.js into claydotio-next

Conflicts:
	mithril.js
	tests/mithril-tests.js

mithril.js

@@ -3,8 +3,21 @@ Mithril = m = new function app(window, undefined) {
 	var parser = /(?:(^|#|\.)([^#\.\[\]]+))|(\[.+?\])/g, attrParser = /\[(.+?)(?:=("|'|)(.*?)\2)?\]/
 	var voidElements = /AREA|BASE|BR|COL|COMMAND|EMBED|HR|IMG|INPUT|KEYGEN|LINK|META|PARAM|SOURCE|TR‌​ACK|WBR/
 
+	/*
+	 * @typedef {String} Tag
+	 * A string that looks like -> div.classname#id[param=one][param2=two]
+	 * Which describes a DOM node
+	 */
+
+	/*
+	 *
+	 * @param {Tag} The DOM node tag
+	 * @param {Object=[]} optional key-value pairs to be mapped to DOM attrs
+	 * @param {...mNode=[]} Zero or more Mithril child nodes. Can be an array, or splat (optional)
+	 *
+	 */
 	function m() {
-		var args = arguments
+		var args = Array.prototype.slice.call(arguments, 0)
 		var hasAttrs = args[1] != null && type.call(args[1]) == "[object Object]" && !("tag" in args[1]) && !("subtree" in args[1])
 		var attrs = hasAttrs ? args[1] : {}
 		var classAttrName = "class" in attrs ? "class" : "className"
@@ -21,7 +34,14 @@ Mithril = m = new function app(window, undefined) {
 		}
 		if (classes.length > 0) cell.attrs[classAttrName] = classes.join(" ")
 
-		cell.children = hasAttrs ? args[2] : args[1]
+
+		var children = hasAttrs ? args[2] : args[1]
+		if (children instanceof Array) {
+			cell.children = children
+		}
+		else {
+			cell.children = hasAttrs ? args.slice(2) : args.slice(1)
+		}
 
 		for (var attrName in attrs) {
 			if (attrName == classAttrName) cell.attrs[attrName] = (cell.attrs[attrName] || "") + " " + attrs[attrName]

tests/mithril-tests.js

@@ -9,16 +9,19 @@ function testMithril(mock) {
 	test(function() {return m("[title=bar]").attrs.title === "bar"})
 	test(function() {return m("[title=\'bar\']").attrs.title === "bar"})
 	test(function() {return m("[title=\"bar\"]").attrs.title === "bar"})
-	test(function() {return m("div", "test").children === "test"})
+	test(function() {return m("div", "test").children[0] === "test"})
+	test(function() {return m("div", "test", "test2").children[1] === "test2"})
 	test(function() {return m("div", ["test"]).children[0] === "test"})
 	test(function() {return m("div", {title: "bar"}, "test").attrs.title === "bar"})
-	test(function() {return m("div", {title: "bar"}, "test").children === "test"})
+	test(function() {return m("div", {title: "bar"}, "test").children[0] === "test"})
 	test(function() {return m("div", {title: "bar"}, ["test"]).children[0] === "test"})
-	test(function() {return m("div", {title: "bar"}, m("div")).children.tag === "div"})
+	test(function() {return m("div", {title: "bar"}, m("div")).children[0].tag === "div"})
 	test(function() {return m("div", {title: "bar"}, [m("div")]).children[0].tag === "div"})
+	test(function() {return m("div", {title: "bar"}, "test0", "test1", "test2", "test3").children[3] === "test3"}) // splat
+	test(function() {return m("div", {title: "bar"}, m("div"), m("i"), m("span")).children[2].tag === "span"})
 	test(function() {return m("div", ["a", "b"]).children.length === 2})
 	test(function() {return m("div", [m("div")]).children[0].tag === "div"})
-	test(function() {return m("div", m("div")).children.tag === "div"}) //yes, this is expected behavior: see method signature
+	test(function() {return m("div", m("div")).children[0].tag === "div"}) //yes, this is expected behavior: see method signature
 	test(function() {return m("div", [undefined]).tag === "div"})
 	test(function() {return m("div", [{foo: "bar"}])}) //as long as it doesn't throw errors, it's fine
 	test(function() {return m("svg", [m("g")])})