@litejs/dom 25.1.0 → 25.5.0

package/README.md

@@ -10,7 +10,7 @@
 LiteJS DOM – [![Coverage][1]][2] [![Size][3]][4] [![Buy Me A Tea][5]][6]
 ==========
 
-Dependency-free DOM library for handling HTML and CSS files on server-side.
+Dependency-free DOM library for handling HTML, XML and CSS files on server-side.
 
 
 ```javascript

package/css.js

@@ -1,12 +1,38 @@
 
 /*! litejs.com/MIT-LICENSE.txt */
 
+"use strict"
+
 exports.selectorSplit = selectorSplit
 exports.CSSStyleDeclaration = CSSStyleDeclaration
 exports.CSSStyleSheet = CSSStyleSheet
 
 var fs = require("fs")
 , path = require("path")
+, read = (sheet, url, enc = "utf8") => fs.readFileSync(path.resolve(sheet.min.root || "", sheet.baseURI, url).split(/[+#]/)[0], enc)
+, plugins = exports.plugins = {
+	"data-uri": function(sheet, v) {
+		var { DOMParser } = require("./dom.js")
+		return v.replace(urlRe, function(_, q1, q2, url) {
+			if (q1) return _
+			var frag = url.split("#").pop()
+			, ext = url.split(/[?#]/)[0].split(".").pop()
+			, enc = ext === "svg" ? "utf8" : "base64"
+			url = read(sheet, url, enc)
+			if (ext === "svg") {
+				url = new DOMParser().parseFromString(url, "application/xml")
+				if (frag && (frag = url.getElementById(frag))) {
+					frag.removeAttribute("id")
+					url.documentElement.childNodes = frag.tagName === "g" ? frag.childNodes : [ frag ]
+				}
+				url = url.toString(true).replace(/#/g, "%23")
+				enc = ""
+				ext += "+xml"
+			}
+			return "url('data:image/" + ext + ";" + enc + "," + url + "')"
+		})
+	}
+}
 , urlRe = /(["']).*?\1|url\((['"]?)(?!\/|data:|https?:)(.*?)\2\)/g
 , clearFn = (_, q, str, c) =>
 	q ? (q = str.indexOf("'") == -1 ? "'" : "\"", q + str.replace(q === "'" ? /\\(")/g : /\\(')/g, "$1")) + q :
@@ -19,7 +45,6 @@ var fs = require("fs")
 , clear = s => s
 	.replace(/("|')((?:\\\1|[^\1])*?)\1|\s*(\/)\*(?:[^*]|\*(?!\/))*\*\/\s*|(?:[^"'\/]|\/(?!\*))+/g, clearFn)
 	.replace(/(["']).*?\1|url\(("|')([^'"()\s]+)\2\)/g, (m,q1,q2,u) => q1 ? m : "url(" + u + ")")
-, read = (sheet, url, enc = "utf8") => fs.readFileSync(path.resolve(sheet.min.root || "", sheet.baseURI, url), enc)
 , toRgb = {
 	rgb(r, g, b) {
 		var f = n => ((n | 0) + 256).toString(16).slice(1)
@@ -63,7 +88,7 @@ var fs = require("fs")
 			, lastIdx = {}
 			for (; (m = re.exec(val)); ) {
 				if (m[4]) {
-					if (min && len) style[k = style[len - 1]] = clear(transformValue(m[4].trim(), style[k]))
+					if (min && len && plugins[m[4] = m[4].trim()]) style[k = style[len - 1]] = clear(plugins[m[4]](sheet, style[k]))
 					continue
 				} else {
 					k = m[1]
@@ -78,24 +103,7 @@ var fs = require("fs")
 			if (!style[prop]) style[style.length++] = prop
 			style[prop] = style[prop === "cssFloat" ? "float" : prop.replace(/[A-Z]/g, "-$&").toLowerCase()] = clear(val)
 		}
-		function transformValue(cmd, v) {
-			var { DOMParser } = require("./dom.js")
-			if (cmd === "data-uri") {
-				return v.replace(urlRe, function(_, q1, q2, url) {
-					if (q1) return _
-					var ext = url.split(".").pop()
-					, enc = ext === "svg" ? "utf8" : "base64"
-					url = read(sheet, url, enc)
-					if (ext === "svg") {
-						enc = ""
-						ext += "+xml"
-						url = new DOMParser().parseFromString(url, "application/xml").toString(true).replace(/#/g, "%23")
-					}
-					return "url('data:image/" + ext + ";" + enc + "," + url + "')"
-				})
-			}
-			return v
-		}
+		return true
 	}
 }
 , ruleTypes = {

package/dom.js

@@ -1,6 +1,8 @@
 
 /*! litejs.com/MIT-LICENSE.txt */
 
+"use strict"
+
 var boolAttrs = {
 	async:1, autoplay:1, loop:1, checked:1, defer:1, disabled:1, muted:1, multiple:1, nomodule:1, playsinline:1, readonly:1, required:1, selected:1
 }
@@ -44,9 +46,12 @@ var boolAttrs = {
 	},
 	set textContent(text) {
 		if (this.nodeType === 3 || this.nodeType === 8) this.data = text
-		else replaceChildren.call(this, this.ownerDocument.createTextNode(
-			rawTextEscape[this.tagName] ? text.replace(rawTextEscape[this.tagName], "<\\") : text
-		))
+		else {
+			removeChilds(this)
+			this.appendChild(this.ownerDocument.createTextNode(
+				rawTextEscape[this.tagName] ? text.replace(rawTextEscape[this.tagName], "<\\") : text
+			))
+		}
 	},
 	get firstChild() {
 		return this.childNodes && this.childNodes[0] || null
@@ -96,7 +101,8 @@ var boolAttrs = {
 				)
 			}
 		}
-		replaceChildren.call(node, frag)
+		removeChilds(node)
+		node.appendChild(frag)
 
 		function setAttr(_, name, value, q, qvalue) {
 			child.setAttribute(name, (q ? qvalue : value || "").replace(unescRe, unescFn))
@@ -119,6 +125,21 @@ var boolAttrs = {
 	set style(value) {
 		this.style.cssText = value
 	},
+	appendChild(el) {
+		return this.insertBefore(el)
+	},
+	cloneNode(deep) {
+		var node = this
+		, clone = new node.constructor(node.tagName || node.data)
+		clone.ownerDocument = node.ownerDocument
+
+		mergeAttributes(node, clone)
+
+		if (deep && node.hasChildNodes()) {
+			node.childNodes.forEach(child => clone.appendChild(child.cloneNode(deep)))
+		}
+		return clone
+	},
 	contains(el) {
 		for (; el; el = el.parentNode) if (el === this) return true
 		return false
@@ -126,12 +147,6 @@ var boolAttrs = {
 	hasChildNodes() {
 		return !!this.firstChild
 	},
-	getElementById(id) {
-		return selector.find(this, "#" + id, 1)
-	},
-	appendChild(el) {
-		return this.insertBefore(el)
-	},
 	insertBefore(el, ref) {
 		var node = this
 		, childs = node.childNodes
@@ -164,18 +179,6 @@ var boolAttrs = {
 		this.insertBefore(el, ref)
 		return this.removeChild(ref)
 	},
-	cloneNode(deep) {
-		var node = this
-		, clone = new node.constructor(node.tagName || node.data)
-		clone.ownerDocument = node.ownerDocument
-
-		mergeAttributes(node, clone)
-
-		if (deep && node.hasChildNodes()) {
-			node.childNodes.forEach(child => clone.appendChild(child.cloneNode(deep)))
-		}
-		return clone
-	},
 	querySelector(sel) {
 		return selector.find(this, sel, 1)
 	},
@@ -202,7 +205,10 @@ var boolAttrs = {
 	get previousElementSibling() {
 		return getSibling(this, -1, 1)
 	},
-	replaceChildren: replaceChildren,
+	replaceChildren() {
+		removeChilds(this)
+		for (var i = 0, l = arguments.length; i < l; ) this.insertBefore(arguments[i++])
+	},
 	hasAttribute(name) {
 		return this.attributes.getNamedItem(name) != null
 	},
@@ -235,18 +241,18 @@ var boolAttrs = {
 	"&sect;": "§", "&sup2;": "²", "&sup3;": "³", "&yen;": "¥"
 }
 
-Object.keys(boolAttrs).forEach(addGetter, { isBool: true, readonly: "readOnly" })
-numAttrs.split(" ").forEach(addGetter, { isNum: true })
-strAttrs.split(" ").forEach(addGetter, { "for": "htmlFor", "class": "className" })
+Object.keys(boolAttrs).forEach(key => addGetter(key, { isBool: true, readonly: "readOnly" }))
+numAttrs.split(" ").forEach(key => addGetter(key, { isNum: true }))
+strAttrs.split(" ").forEach(key => addGetter(key, { "for": "htmlFor", "class": "className" }))
 
-function addGetter(key) {
+function addGetter(key, opts) {
 	var attr = key.toLowerCase()
-	Object.defineProperty(Element, this[key] || key, {
+	Object.defineProperty(Element, opts[key] || key, {
 		configurable: true,
 		enumerable: true,
 		get: (
-			this.isBool ? function() { return this.hasAttribute(attr) } :
-			this.isNum ? function() { return +this.getAttribute(attr) || 0 } :
+			opts.isBool ? function() { return this.hasAttribute(attr) } :
+			opts.isNum ? function() { return +this.getAttribute(attr) || 0 } :
 			function() { return this.getAttribute(attr) || "" }
 		),
 		set(value) {
@@ -263,7 +269,7 @@ function addGetter(key) {
 
 function Attr(node, name, value) {
 	this.ownerElement = node
-	this.name = name.toLowerCase()
+	this.name = name
 	this.value = "" + value
 }
 
@@ -295,7 +301,7 @@ NamedNodeMap.prototype = {
 	},
 	setNamedItem(attr) {
 		var oldAttr = this.getNamedItem(attr.name)
-		this[attr.name] = attr
+		this[attr.name.toLowerCase()] = attr
 		return oldAttr
 	},
 	toString(minify) {
@@ -315,6 +321,7 @@ NamedNodeMap.prototype = {
 					if (!quotedAttrRe.test(value)) return name + "=" + value
 					if (value.split("\"").length > value.split("'").length) return name + "='" + value.replace(/'/g, "&#39;") + "'"
 				}
+				name = loName
 			}
 			return name + "=\"" + value.replace(/"/g, "&quot;") + "\""
 		}).filter(Boolean).join(" ")
@@ -339,16 +346,22 @@ function HTMLElement(tag) {
 }
 
 extendNode(HTMLElement, Element, {
+	localName: null,
+	namespaceURI: "http://www.w3.org/1999/xhtml",
 	nodeType: 1,
-	matches(sel) {
-		return selector.matches(this, sel)
+	tagName: null,
+	blur() {
+		this.ownerDocument.activeElement = null
 	},
 	closest(sel) {
 		return selector.closest(this, sel)
 	},
-	namespaceURI: "http://www.w3.org/1999/xhtml",
-	localName: null,
-	tagName: null,
+	focus() {
+		this.ownerDocument.activeElement = this
+	},
+	matches(sel) {
+		return selector.matches(this, sel)
+	},
 	toString(minify) {
 		var attrs = this.attributes.toString(minify)
 		, isXml = this.ownerDocument.contentType === "application/xml"
@@ -436,7 +449,10 @@ extendNode(Document, Element, {
 	createTextNode: own(Text),
 	createComment: own(Comment),
 	createDocumentType: own(DocumentType), //Should be document.implementation.createDocumentType(name, publicId, systemId)
-	createDocumentFragment: own(DocumentFragment)
+	createDocumentFragment: own(DocumentFragment),
+	getElementById(id) {
+		return selector.find(this, "#" + id, 1)
+	}
 })
 
 function DOMParser() {}
@@ -470,9 +486,9 @@ function extendNode(obj, extras) {
 	obj.prototype.constructor = obj
 }
 
-function replaceChildren() {
-	for (var arr = this.childNodes, i = 0, l = arr.length; i < l; ) arr[i++].parentNode = null
-	for (i = arr.length = 0, l = arguments.length; i < l; ) this.insertBefore(arguments[i++])
+function removeChilds(node) {
+	node.childNodes.forEach(child => child.parentNode = null)
+	node.childNodes.length = 0
 }
 
 function getElement(childs, index, step, type) {

package/net.js

@@ -1,6 +1,8 @@
 
 /*! litejs.com/MIT-LICENSE.txt */
 
+"use strict"
+
 var DOM = require(".")
 , URL = require("url").URL
 , parser = new DOM.DOMParser()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litejs/dom",
-  "version": "25.1.0",
+  "version": "25.5.0",
   "description": "A small DOM library for server-side testing, rendering, and handling of HTML files",
   "license": "MIT",
   "author": "Lauri Rooden <lauri@rooden.ee>",

package/selector.js

@@ -1,7 +1,7 @@
 
-
 /*! litejs.com/MIT-LICENSE.txt */
 
+"use strict"
 
 !function(exports) {
 	var selectorCache = {

package/interactive.js

@@ -1,18 +0,0 @@
-
-
-/*! litejs.com/MIT-LICENSE.txt */
-
-
-var DOM = module.exports = require(".")
-, HTMLElementExtra = {
-	focus() {
-		this.ownerDocument.activeElement = this
-	},
-	blur() {
-		this.ownerDocument.activeElement = null
-	}
-}
-
-Object.assign(DOM.HTMLElement.prototype, HTMLElementExtra)
-
-