@litejs/ui 22.8.0 → 23.3.0

package/load.js

@@ -29,9 +29,8 @@
 // What's New in MSXML 6.0: https://msdn.microsoft.com/en-us/library/ms753751.aspx
 
 !function(window, Function, setTimeout) {
-	xhr._s = new Date
+	xhr._s = new Date()
 	var loaded = {}
-	, urlEscRe = /[+#\s]+/g
 	/*** activex ***/
 	, XMLHttpRequest = +"\v1" && window.XMLHttpRequest || Function("return new ActiveXObject('Microsoft.XMLHTTP')")
 	/**/
@@ -52,7 +51,7 @@
 
 	/*** onerror ***/
 	, lastError
-	, unsentErrors = []
+	, unsentErrors = xhr._e = []
 	, onerror = window.onerror = function(message, file, line, col, error) {
 		// Do not send multiple copies of the same error.
 		// file = document.currentScript.src || import.meta.url
@@ -63,10 +62,9 @@
 			, message
 			].join(":")
 		) && 1 == unsentErrors.push(
-			[ lastError
-			// Error().stacktrace in Opera
+			[ +new Date()
+			, lastError
 			, error && (error.stack || error.stacktrace) || "-"
-			, +new Date()
 			, "" + location
 			]
 		)) setTimeout(sendErrors, 307)
@@ -118,11 +116,7 @@
 		// if (sessionID) xhr.setRequestHeader("Cookie", sessionID);
 		// if (xhr.getResponseHeader("Set-Cookie")) sessionID = xhr.getResponseHeader("Set-Cookie");
 
-
-		// encodeURI("A + B").replace(/%5[BD]/g, decodeURI).replace(/\+/g, "%2B").replace(/%20/g, "+")
-		// unescape("A+%2B+B".replace(/\+/g, " "))
-		xhr.open(method, url.replace(urlEscRe, encodeURIComponent).replace(/%20/g, "+"), next !== true)
-
+		xhr.open(method, url, next !== true)
 
 		// With IE 8 XMLHttpRequest gains the timeout property.
 		// With the timeout property, Web developers can specify
@@ -247,7 +241,7 @@
 		function exec() {
 			if (res[pos]) {
 				try {
-					;(xhr[files[pos].split("?")[0].split(".").pop()] || execScript)(res[pos])
+					;(xhr[files[pos].replace(/[^?]+\.|\?.*/g, "")] || execScript)(res[pos])
 				} catch(e) {
 					onerror(e, files[pos])
 				}
@@ -261,7 +255,7 @@
 				/**/
 				else {
 					if (next) next()
-					if (res = cb.x) {
+					if ((res = cb.x)) {
 						for (i = 0; res[i];) res[i++](0, "", res[i++], res[i++])
 					}
 				}
@@ -275,5 +269,5 @@
 	/**/
 
 	function nop() {}
-}(this, Function, setTimeout)
+}(this, Function, setTimeout) // jshint ignore:line
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litejs/ui",
-  "version": "22.8.0",
+  "version": "23.3.0",
   "description": "UI engine for LiteJS full-stack framework",
   "license": "MIT",
   "author": "Lauri Rooden <lauri@rooden.ee>",
@@ -21,25 +21,27 @@
     "el",
     "polyfill"
   ],
+  "scripts": {
+    "test": "TZ='Europe/Tallinn' lj test test/index.js --brief --coverage && jshint --verbose *.js src/*.js binding/*.js polyfill/*.js"
+  },
+  "devDependencies": {
+    "@litejs/cli": "23.3.0",
+    "jshint": "2.13.6"
+  },
   "litejs": {
     "build": "lj b --out=test/index.html test/dev.html"
   },
   "jshintConfig": {
+    "esversion": 5,
     "asi": true,
+    "evil": true,
     "laxcomma": true,
     "maxdepth": 6,
+    "node": true,
+    "nonbsp": true,
+    "undef": true,
+    "unused": true,
+    "shadow": "outer",
     "quotmark": "double"
-  },
-  "c8": {
-    "check-coverage": true,
-    "branches": 100,
-    "lines": 100,
-    "functions": 100,
-    "statements": 100,
-    "reporter": [
-      "lcov",
-      "text",
-      "html"
-    ]
   }
 }

package/pointer.js

@@ -1,4 +1,5 @@
 
+/* global El */
 !function(Event, document) {
 	var firstEl, lastDist, lastAngle, pinchThreshhold, mode
 	, TOUCH_FLAG = "-tf"
@@ -167,6 +168,6 @@
 	supportsPointer = 'onpointermove' in window.document;
 	supportsTouchForceChange = 'ontouchforcechange' in window.document;
 	*/
-}(Event, document)
+}(Event, document) // jshint ignore:line
 
 

package/polyfill/base64.js

@@ -15,7 +15,7 @@
 			var i = 64,
 			ba = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".split(""),
 			bm = {"=":0};
-			bm[ba[--i]]=i;
+			(bm[ba[--i]] = i);
 		);
 
 		// base64_encode
@@ -24,13 +24,14 @@
 				b = s.charCodeAt(i++)<<16 | s.charCodeAt(i++)<<8 | s.charCodeAt(i++)
 				out.push(ba[b>>18&0x3f], ba[b>>12&0x3f], ba[b>>6&0x3f], ba[b&0x3f])
 			}
-			if (len%=3) out.splice(len-3, 2, len==1?"==":"=")
+			if ((len %= 3)) out.splice((len - 3), 2, len == 1 ? "==" : "=")
 			return out.join("")
 		}
 
 		// base64_decode
 		exports.atob = function(s) {
-			for (var b, out=[], i=0, len=s.length, s=s.split(""); i < len; ) {
+			s = s.split("")
+			for (var b, out=[], i=0, len=s.length; i < len; ) {
 				b = bm[s[i++]]<<18 | bm[s[i++]]<<12 | bm[s[i++]]<<6 | bm[s[i++]]
 				out.push(b>>16 & 0xff, b>>8 & 0xff, b & 0xff)
 			}
@@ -38,5 +39,5 @@
 			return String.fromCharCode.apply(null, out)
 		}
 	}
-}(this)
+}(this) /* jshint -W030 */
 

package/polyfill/index.js

@@ -19,6 +19,8 @@
 // Event, assign, entries, values, from, sendBeacon, matches, closest
 
 
+/* global El, xhr */
+/* c8 ignore start */
 !function(window, Function) {
 
 	// Array#flat()         - Chrome69, Edge79, Firefox62, Safari12
@@ -32,7 +34,7 @@
 	, O = window
 	, patched = (window.xhr || window)._p = []
 	, jsonRe = /[\x00-\x1f\x22\x5c]/g
-	, JSONmap = {"\b":"\\b","\f":"\\f","\n":"\\n","\r":"\\r","\t":"\\t",'"':'\\"',"\\":"\\\\"}
+	, JSONmap = {"\b":"\\b","\f":"\\f","\n":"\\n","\r":"\\r","\t":"\\t","\"":"\\\"","\\":"\\\\"}
 	, hasOwn = JSONmap.hasOwnProperty
 	, esc = escape
 	, document = patch("document", {body:{}})
@@ -40,9 +42,9 @@
 	// JScript engine in IE<9 does not recognize vertical tabulation character
 	// The documentMode is an IE only property, supported from IE8
 	, a = document.documentMode | 0, b, c
-	, ie678 = !+"\v1" && a < 9
+	, ie678 = !+"\v1" && a < 9 // jshint ignore:line
 	, ie6789 = ie678 || a == 9
-	, ie67 = ie678 && a < 8
+	//, ie67 = ie678 && a < 8
 	, EV = "Event"
 	, Event = patch(
 		EV,
@@ -143,7 +145,7 @@
 					, preventDefault = e.preventDefault.bind(e)
 					, stopPropagation = e.stopPropagation.bind(e)
 					, i = 0
-					for (; touch = touches[i++]; ) {
+					for (; (touch = touches[i++]); ) {
 						touch.pointerId = touch.identifier + 2
 						touch.pointerType = "touch"
 						touch.width = 2 * (touch.radiusX || touch.webkitRadiusX || 0)
@@ -200,7 +202,7 @@
 		/**/
 		var data = {
 			setItem: function(id, val) {
-				return data[id] = "" + val
+				return (data[id] = "" + val)
 			},
 			getItem: function(id) {
 				return data[id]
@@ -240,7 +242,7 @@
 		stringify: function stringify(o) {
 			// IE 8 serializes `undefined` as `"undefined"`
 			return (
-				isStr(o) ? '"' + o.replace(jsonRe, jsonFn) + '"' :
+				isStr(o) ? "\"" + o.replace(jsonRe, jsonFn) + "\"" :
 				o && typeof o == "object" ? (
 					isFn(o.toJSON) ? stringify(o.toJSON()) :
 					isArr(o) ? "[" + o.map(stringify) + "]" :
@@ -253,7 +255,7 @@
 	})
 
 	/*** ie9 ***/
-	patch("matchMedia", "b=a||'all';return{media:b,matches:X?X.matchMedium(b):!1,addEventListener:Y}", 0, window.styleMedia || window.media, nop)
+	patch("matchMedia", "b=a||'all';return{media:b,matches:X?X.matchMedium(b):!1,addListener:Y}", 0, window.styleMedia || window.media, nop)
 	/**/
 
 	O = patch("performance")
@@ -278,12 +280,13 @@
 	// Chrome7, FF4, IE9, Opera 11.60, Safari 5.1.4
 	patch("bind", "b=S.call(A,1);c=function(){return t.apply(this instanceof c?this:a,b.concat(S.call(arguments)))};if(t[P])c[P]=t[P];return c")
 
-
 	O = Object
-	patch("assign", "var k,i=1,l=A.length;for(;i<l;)if(t=A[i++])for(k in t)if(o.call(t,k))a[k]=t[k];return a")
+	patch("assign", "for(var k,i=1,l=A.length;i<l;)if(t=A[i++])for(k in t)if(o.call(t,k))a[k]=t[k];return a")
 	patch("create", "X[P]=a||Y;return new X", 0, nop, {
 		// oKeys is undefined at this point
-		constructor: oKeys, hasOwnProperty: oKeys, isPrototypeOf: oKeys, propertyIsEnumerable: oKeys,
+		constructor: oKeys,
+		hasOwnProperty: oKeys, // jshint ignore:line
+		isPrototypeOf: oKeys, propertyIsEnumerable: oKeys,
 		toLocaleString: oKeys, toString: oKeys, valueOf: oKeys
 	})
 	a = "c=[];for(b in a)o.call(a,b)&&c.push("
@@ -308,8 +311,10 @@
 
 	O = O[P]
 	a = "var l=t.length,o=[],i=-1;"
+	b = "i+=b|0;while(++i<l)"
 	c = "if(t[i]===a)return i;return -1"
-	patch("indexOf",     a + "i+=b|0;while(++i<l)" + c)
+	patch("includes",    a + b + "if(t[i]===a||(a!==a&&t[i]!==t[i]))return!0;return!1")
+	patch("indexOf",     a + b + c)
 	patch("lastIndexOf", a + "i=(b|0)||l;i>--l&&(i=l)||i<0&&(i+=l);++i;while(--i>-1)" + c)
 
 	b = a + "if(A.length<2)b=t"
@@ -317,6 +322,13 @@
 	patch("reduce",      b + "[++i];while(++i<l)" + c)
 	patch("reduceRight", b + "[--l];i=l;while(i--)" + c)
 
+	// Safari12 bug, any modification to the original array before calling `reverse` makes bug disappear
+	// Fixed in Safari 12.0.1 and iOS 12.1 on October 30, 2018
+	// patch("reverse",     "if(X(t))t.length=t.length;return O.call(t)", "2,1" != [1, 2].reverse(), isArr)
+
+	// In ES3 standard the second deleteCount argument is required, IE<=8 requires deleteCount
+	patch("splice",      "if(b===Y)A[1]=t.length-a;return O.apply(t,A)", "1,2" != [1, 2].splice(0))
+
 	b = a + "while(++i<l)if(i in t)"
 	patch("every",       b + "if(!a.call(b,t[i],i,t))return!1;return!0")
 	patch("forEach",     b + "a.call(b,t[i],i,t)")
@@ -350,20 +362,28 @@
 	// patch("head", document.getElementsByTagName("head")[0])
 	// HTMLElement (IE9) -> Element (IE8)
 	O = document.body
-	var selectorRe = /([.#:[])([-\w]+)(?:\((.+?)\)|([~^$*|]?)=(("|')(?:\\?.)*?\6|[-\w]+))?]?/g
-	, selectorLastRe = /([~\s>+]*)(?:("|')(?:\\?.)*?\2|\(.+?\)|[^\s+>])+$/
-	, selectorSplitRe = /\s*,\s*(?=(?:[^'"()]|"(?:\\?.)*?"|'(?:\\?.)*?'|\(.+?\))+$)/
-	, selectorCache = {}
+	var selectorCache = {}
+	, selectorRe = /([.#:[])([-\w]+)(?:\(((?:[^()]|\([^)]+\))+?)\)|([~^$*|]?)=(("|')(?:\\.|[^\\])*?\6|[-\w]+))?]?/g
+	, selectorLastRe = /([\s>+~]*)(?:("|')(?:\\.|[^\\])*?\2|\((?:[^()]|\([^()]+\))+?\)|~=|[^'"()\s>+~])+$/
+	, selectorSplitRe = /\s*,\s*(?=(?:[^'"()]|"(?:\\.|[^\\"])*?"|'(?:\\.|[^\\'])*?'|\((?:[^()]|\([^()]+\))+?\))+$)/
 	, selectorMap = {
+		"empty": "!_.lastChild",
+		"enabled": "!m(_,':disabled')",
 		"first-child": "(a=_.parentNode)&&a.firstChild==_",
+		"lang": "m(c(_,'[lang]'),'[lang|='+v+']')",
 		"last-child": "(a=_.parentNode)&&a.lastChild==_",
+		"link": "m(_,'a[href]')",
+		"only-child": "(a=_.parentNode)&&a.firstChild==a.lastChild",
 		".": "~_.className.split(/\\s+/).indexOf(a)",
 		"#": "_.id==a",
 		"^": "!a.indexOf(v)",
 		"|": "a.split('-')[0]==v",
 		"$": "a.slice(-v.length)==v",
 		"~": "~a.split(/\\s+/).indexOf(v)",
-		"*": "~a.indexOf(v)"
+		"*": "~a.indexOf(v)",
+		">>": "m(_.parentNode,v)",
+		"++": "m(_.previousSibling,v)",
+		"": "c(_.parentNode,v)"
 	}
 	, matches = patch("matches", "return!!X(a)(t)", 0, selectorFn)
 	, closest = patch("closest", "return X(t,'parentNode',a,1)", 0, walk)
@@ -375,8 +395,8 @@
 	//patch("removeEventListener")
 
 	function selectorFn(str) {
-		// jshint evil:true
-		return selectorCache[str] ||
+		if (str != null && typeof str !== "string") throw Error("Invalid selector")
+		return selectorCache[str || ""] ||
 		(selectorCache[str] = Function("m,c", "return function(_,v,a,b){return " +
 			str.split(selectorSplitRe).map(function(sel) {
 				var relation, from
@@ -389,12 +409,12 @@
 				, tag = sel.slice(from).replace(selectorRe, function(_, op, key, subSel, fn, val, quotation) {
 					rules.push(
 						"((v='" +
-						(subSel || (quotation ? val.slice(1, -1) : val) || "").replace(/'/g, "\\'") +
+						(subSel || (quotation ? val.slice(1, -1) : val) || "").replace(/[\\']/g, "\\$&") +
 						"'),(a='" + key + "'),1)"
 						,
 						selectorMap[op == ":" ? key : op] ||
 						"(a=_.getAttribute(a))" +
-						(fn ? "&&" + selectorMap[fn] : val ? "==v" : "")
+						(fn ? "&&" + selectorMap[fn] : val ? "==v" : "!==null")
 					)
 					return ""
 				})
@@ -449,7 +469,8 @@
 			src || {}
 		))
 	}
-}(this, Function)
+}(this, Function) // jshint ignore:line
+/* c8 ignore stop */
 
 
 

package/polyfill/promise.js

@@ -43,7 +43,7 @@
 			if (!done) {
 				promise._s = state || false
 				promise._v = val
-				for (done = 0; val = promise._d[done++]; ) {
+				for (done = 0; (val = promise._d[done++]); ) {
 					handle(promise, val)
 				}
 			}
@@ -53,7 +53,7 @@
 				if (val === promise)
 					end(TypeError("A promise resolved with itself"))
 				if (!done) try {
-					if (done = getThen(val)) {
+					if ((done = getThen(val))) {
 						resolve(promise, done)
 					} else {
 						end(val, state = true)
@@ -100,7 +100,7 @@
 			}
 			function resolveThen(i, then) {
 				try {
-					if (then = getThen(arr[i]))
+					if ((then = getThen(arr[i])))
 						then(function (val) {
 							arr[i] = val
 							resolveThen(i)
@@ -131,11 +131,11 @@
 
 	Promise.race = function (values) {
 		return new Promise(function (resolve, reject, val, i) {
-			for (i = 0; val = values[i++]; ) {
+			for (i = 0; (val = values[i++]); ) {
 				val.then(resolve, reject)
 			}
 		})
 	}
-}(this)
+}(this) /* jshint -W030 */
 
 

package/polyfill/string.js

@@ -94,5 +94,5 @@
 			return decodeURIComponent(escape(fromCharCode.apply(null, arr)))
 		}
 	}
-}(this)
+}(this) /* jshint -W030 */
 

package/polyfill/typed.js

@@ -15,7 +15,7 @@
 	, proto = Array.prototype
 
 	for (; i--; ) {
-		if (t = exports[typed[i]]) {
+		if ((t = exports[typed[i]])) {
 			for (k in Array) if (!t[k]) {
 				t[k] = Array[k]
 			}
@@ -27,5 +27,5 @@
 			exports[typed[i]] = Array
 		}
 	}
-}(this, Array)
+}(this, Array) /* jshint -W030 */
 

package/svg.js

@@ -2,7 +2,7 @@
 /* litejs.com/MIT-LICENSE.txt */
 
 
-
+/* global El */
 !function(SVGElement, document, bindings) {
 	var ns = "http://www.w3.org/2000/svg"
 	, xlinkNs = "http://www.w3.org/1999/xlink"
@@ -115,5 +115,5 @@
 	function populateSvgElements(name) {
 		El.cache[name] = document.createElementNS(ns, name)
 	}
-}(this.SVGElement, document, El.bindings)
+}(this.SVGElement, document, El.bindings) // jshint ignore:line
 

package/hello.js

@@ -1,136 +0,0 @@
-
-!function(window, document, xhr) {
-	var auth, hash, poll
-	, events = []
-
-	// JSON.parse and sessionStorage IE8
-
-	Object.each({ DELETE: "del", GET: 0, PATCH: 0, POST: 0, PUT:0 }, addMethod)
-
-	xhr.addMethod = addMethod
-	xhr.hello = hello
-
-	function hello(data, next) {
-		var put = {
-			a: nameStorage(window).a
-		}
-		if (!put.a) {
-			put.b = nameStorage(window.opener).a || sessionStorage.getItem("act")
-			put.c = document.referrer
-		}
-
-		xhr.put("/hello", function(err, json) {
-			auth = json && json.authorization
-			poll = json && json.user
-			if (json && json.a) {
-				nameStorage(window, {a: json.a})
-				hash = json.a
-			}
-			if (next) {
-				next.call(this, err, json)
-			}
-			setTimeout(xhrPoll, 1500)
-			onFocus()
-		}, Object.assign(put, data))
-	}
-
-	xhr.logout = function() {
-		xhr.del("/hello", function(err, json) {
-			authorization = null
-			location.reload()
-		})
-	}
-	/*, ws
-	try {
-		new WebSocket("ws" + location.protocol.slice(4) + "//" + location.host + "/events")
-		.addEventListener("open", function(ev) {
-			ws = this
-			ws.send(put)
-		})
-	} catch(e) {}
-	function wsReq(method, url, next, data) {
-		// Prior to version 11, Firefox only supported sending data as a string.
-		ws.send(JSON.stringify({method:method,url:url,data:data}))
-	}
-	*/
-
-	El.on(window, "focus", onFocus)
-	El.on(window, "unload", function() {
-		xhr.unload = true
-		if (events.length) navigator.sendBeacon("/events", JSON.stringify(events))
-	})
-
-	function addMethod(name, method) {
-		xhr[name || method.toLowerCase()] = xhr[method] = xhrReq.bind(null, method)
-	}
-
-	function xhrReq(method, url, next, data) {
-		var req = xhr(method, url, function onResponse(err, txt) {
-			var body = (
-				req.getResponseHeader("Content-Type") == "application/json" ?
-				JSON.parse(txt) :
-				{ message: txt, code: err }
-			)
-			if (next && next.call(this, err, body, req) === true) return
-			if (err) {
-				View.emit(
-					View._e["xhr:" + err] ? "xhr:" + err : "xhr:err",
-					body, method, url, data, onResponse, xhrSend
-				)
-			}
-		})
-		xhrSend(req, data)
-		return req
-	}
-
-	function xhrSend(req, data) {
-		if (auth) {
-			req.setRequestHeader("Authorization", auth)
-		}
-		if (data) {
-			req.setRequestHeader("Content-Type", "application/json")
-		}
-		req.send(data ? JSON.stringify(data) : null)
-	}
-
-	function xhrPoll() {
-		if (poll) {
-			xhr.post("/events", pollHandler, events.length > 0 ? events.splice(0) : null)
-		}
-	}
-
-	function pollHandler(err, res) {
-		var i = 0
-		, events = !err && (Array.isArray(res) ? res : res.events)
-		, len = events && events.length || 0
-
-		if (len) for (; i < len; ) {
-			try {
-				View.emit("event", events[i++])
-			} catch(e) {
-				console.error(e)
-			}
-		}
-
-		setTimeout(xhrPoll, err ? 6000 : 600)
-	}
-
-	function nameStorage(win, append) {
-		var data = {}
-		try {
-			// RE against XSS
-			data = JSON.parse(win.name.match(/^{[\w:"]*}$/)[0])
-		} catch(e) {}
-		if (append) {
-			win.name = JSON.stringify(Object.assign(data, append))
-		}
-		return data
-	}
-
-	function onFocus() {
-		if (hash && document.hasFocus()) {
-			sessionStorage.setItem("act", hash)
-		}
-	}
-}(this, document, xhr)
-