@litejs/ui 25.1.0 → 25.10.0

package/load.js

@@ -1,7 +1,7 @@
 
 /*! litejs.com/MIT-LICENSE.txt */
 
-/* global location */
+/* global document, location */
 
 // With initial congestion window set to 2 and 1452 bytes of data in a segment.
 //  - 1 round trip to get 2904 bytes, Initial Window (IW) = 2
@@ -18,46 +18,43 @@
 // xhr("PUT", url).send(null) Works in all major browsers
 
 
-!function(window, Function) {
-	var initTime = xhr._t = +new Date()
-	, rewrite = {
+!function(window) {
+	var rewrite = {
 		//!{loadRewrite}
 	}
-	// Move setTimeout from window.prototype to window object for future patching in IE9.
-	, setTimeout_ = window.setTimeout = setTimeout
-	/*** debug ***/
-	// Expose xhr._c for testing.
-	, loaded = xhr._c = {}
-	/*/
-	, loaded = {}
-	/**/
-
-	/*** activex ***/
-	// XMLHttpRequest in IE7-8 do not accept PATCH, use ActiveX.
-	// IE disallows adding custom properties to ActiveX objects and read/write readystatechange after send().
-	, XMLHttpRequest = +"\v1" && window.XMLHttpRequest || Function("return new ActiveXObject('Microsoft.XMLHTTP')")
+	/*** log ***/
+	, initTime = xhr._t = +new Date()
 	/**/
+	// Expose xhr._c for testing.
+	, loaded = /*** debug ***/ xhr._c = /**/ {}
 
+	/*** ie9 ***/
+	, Fn = Function
+	, nop = Fn()
 	, execScript =
 		// IE5-10, Chrome1-12
 		window.execScript ||
-	/*** inject ***/
 		// THANKS: Juriy Zaytsev - Global eval [http://perfectionkills.com/global-eval-what-are-the-options/]
 		// In case of local execution `e('eval')` returns undefined
-		Function("e,eval", "try{return e('eval')}catch(e){}")(eval) ||
-		Function("a", "var d=document,b=d.body,s=d.createElement('script');s.text=a;b.removeChild(b.insertBefore(s,b.firstChild))")
-	/*/
-		eval
-	/**/
-	, nop = Function()
+		Fn("e,eval", "try{return e('eval')}catch(e){}")(eval) ||
+		Fn("a", "var d=document,b=d.body,s=d.createElement('script');s.text=a;b.appendChild(s)")
+
+	// Move setTimeout from window.prototype to window object for future patching in IE9.
+	, setTimeout_ = window.setTimeout = setTimeout
 
-	/*** reuse ***/
 	// XHR memory leak mitigation
 	, xhrs = []
+
+	// XMLHttpRequest in IE7-8 do not accept PATCH, use ActiveX.
+	// IE disallows adding custom properties to ActiveX objects and read/write readystatechange after send().
+	, XMLHttpRequest = +"\v1" && window.XMLHttpRequest || Fn("return new ActiveXObject('Microsoft.XMLHTTP')")
+	/*/
+	, execScript = eval
+	, setTimeout_ = setTimeout
 	/**/
 
+	/*** log ***/
 	, unsentLog = xhr._l = []
-	/*** onerror ***/
 	, lastError
 	, onerror = window.onerror = function(message, file, line, col, error) {
 		// Do not send multiple copies of the same error.
@@ -68,26 +65,33 @@
 			, col || (window.event || unsentLog).errorCharacter || "?"
 			, message
 			].join(":")
-		)) log("e", lastError, (error && (error.stack || error.stacktrace) || "-") + "\n" + location)
+		)) log("e", lastError, [error && (error.stack || error.stacktrace) || "-", "" + location])
+	}
+	, log = xhr.log = function(type, msg, extra) {
+		if (unsentLog.push([new Date() - initTime, type].concat(msg, extra || [])) < 2) sendLog()
+		function sendLog() {
+			setTimeout_(xhr.sendLog || sendLog, 1307)
+		}
 	}
-	/*/
-	, onerror = nop
 	/**/
 
-	xhr.log = log
-	function log(type, msg, extra) {
-		if (unsentLog.push([ new Date() - initTime, type, msg, extra ]) < 2) sendLog()
-	}
 
-	function sendLog() {
-		setTimeout_(xhr.sendLog || sendLog, 1307)
+	/*** theme ***/
+	, ALT_THEME = "dark"
+	, matchMedia = window.matchMedia
+	, localStorage = window.localStorage
+	if (ALT_THEME == (
+		localStorage && localStorage.theme ||
+		matchMedia && matchMedia("(prefers-color-scheme:dark)").matches && ALT_THEME
+	)) {
+		document.documentElement.className = "is-" + ALT_THEME
 	}
-
-	// next === true is for sync call
+	/**/
 
 	window.xhr = xhr
+	// next === true is for sync call
 	function xhr(method, url, next, attr1, attr2) {
-		var req = /*** reuse ***/ xhrs.pop() || /**/ new XMLHttpRequest()
+		var req = /*** ie9 ***/ xhrs.pop() || /**/ new XMLHttpRequest()
 
 		// To be able to reuse the XHR object properly,
 		// use the open method first and set onreadystatechange later.
@@ -160,9 +164,12 @@
 					attr1,
 					attr2
 				)
+				/*** ie9 ***/
+				// ActiveXObject does not accept `null` for onreadystatechange
 				req.onreadystatechange = next = nop
-				/*** reuse ***/
 				xhrs.push(req)
+				/*/
+				req.onreadystatechange = next = null
 				/**/
 			}
 		}
@@ -193,7 +200,7 @@
 
 		function cb(err, str, fileName, filePos) {
 			loaded[fileName] = 2
-			res[filePos] = err ? (onerror(err, fileName), "") : str
+			res[filePos] = err ? (/*** log ***/ onerror(err, fileName),/**/ "") : str
 			exec()
 		}
 		function exec() {
@@ -211,14 +218,16 @@
 							})
 						}
 					} catch(e) {
+						/*** log ***/
 						onerror(e, files[pos])
+						/**/
 					}
 					res[pos] = ""
 				}
 			}
 			if (res[pos] === "" || !files[pos]) {
 				if (++pos < len) exec()
-				/*** inject ***/
+				/*** ie9 ***/
 				// inject can be async
 				else if (pos === len && execScript !== eval) setTimeout_(exec, 1)
 				/**/
@@ -237,5 +246,5 @@
 	])
 	/**/
 
-}(this, Function) // jshint ignore:line
+}(this) // jshint ignore:line
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litejs/ui",
-  "version": "25.1.0",
+  "version": "25.10.0",
   "description": "UI engine for LiteJS full-stack framework",
   "license": "MIT",
   "author": "Lauri Rooden <lauri@rooden.ee>",
@@ -15,15 +15,18 @@
   "main": "ui.js",
   "files": [
     "*.js",
+    "bin",
     "binding",
     "css",
     "el"
   ],
+  "bin": {
+    "lj-extract-lang": "./bin/extract-lang.js"
+  },
   "scripts": {
     "test": "lj t"
   },
   "devDependencies": {
-    "@litejs/cli": "25.1.1",
-    "@litejs/dom": "25.1.0"
+    "@litejs/cli": "25.5.0"
   }
 }

package/shim.js

@@ -17,13 +17,14 @@
 /* c8 ignore start */
 !function(window, Date, Function, Infinity, P) {
 
-	// Array#flat()         - Chrome69, Edge79, Firefox62, Safari12
-	// window.PointerEvent  - Chrome55, Edge12, Firefox59, Safari13,   IE11
-	// navigator.sendBeacon - Chrome39, Edge14, Firefox31, Safari11.1
-	// Object.fromEntries   - Chrome73, Edge79, Firefox63, Safari12.1, Opera60, Node.js12.0.0
-	// queueMicrotask       - Chrome71, Edge79, Firefox69, Safari12.1
-
-	var UNDEF, isArray, oKeys
+	// Array#flat()         - Chrome69, Firefox62, Safari12
+	// window.PointerEvent  - Chrome55, Firefox59, Safari13,   IE11
+	// navigator.sendBeacon - Chrome39, Firefox31, Safari11.1
+	// Object.fromEntries   - Chrome73, Firefox63, Safari12.1, Opera60, Node.js12.0.0
+	// queueMicrotask       - Chrome71, Firefox69, Safari12.1
+	// "".at(), [].at()     - Chrome92, Firefox90, Safari15.4
+
+	var UNDEF, canCapture, isArray, oKeys
 	, O = window
 	, patched = (window.xhr || window)._p = []
 	, jsonRe = /[\x00-\x1f\x22\x5c]/g
@@ -35,7 +36,7 @@
 	, IS_NODE = !window.document
 	, document = patch("document", {body:{},documentElement:{}})
 	, location = patch("location", {href:""})
-	, navigator = patch("navigator")
+	, navigator = patch("navigator", {})
 	/*/
 	, document = window.document
 	, IS_NODE = false
@@ -110,7 +111,8 @@
 	patch(b, a, ie6789, isFn)
 
 	// 20 fps is good enough
-	patch("request" + (a = "AnimationFrame"), "return setTimeout(a,50)")
+	a = "AnimationFrame"
+	patch("request" + a, "return setTimeout(a,50)")
 	// window.mozRequestAnimationFrame    || // Firefox 4-23
 	// window.webkitRequestAnimationFrame || // Chrome 10-24
 	// window.msRequestAnimationFrame     || // IE 10 PP2+
@@ -245,7 +247,7 @@
 	}
 
 	createStorage("session")    // Chrome5, FF2, IE8, Safari4
-	createStorage("local")      // Chrome5, FF3.5, IE8, Safari4
+	createStorage("local")      // Chrome5, FF3.5, IE8, Safari4, IE8
 
 	// IE8 has console, however, the console object does not exist if the console is not opened.
 	patch("console", {log: nop, error: nop})
@@ -285,15 +287,21 @@
 	// https://bugzilla.mozilla.org/show_bug.cgi?id=666448
 	patch("escape", "return X(a)", esc("a", 0) != "a", esc)
 
-	// From Chrome23/Firefox21 parseInt parses leading-zero strings as decimal, not octal
+	// Since Chrome23/Firefox21 parseInt parses leading-zero strings as decimal, not octal
 	b = patch("g:parseInt", "return X(a,(b>>>0)||(Y.test(''+a)?16:10))", _parseInt("08") !== 8, _parseInt, /^\s*[-+]?0[xX]/)
 
 	O = Number
 	patch("parseInt", b)
 	patch("parseFloat", parseFloat)
 	patch("isNaN", "return a!==a")
-	patch("isInteger", "return X(a)&&Math.floor(a)===a", 0, patch("isFinite", "return typeof a==='number'&&isFinite(a)"))
-	patch("isSafeInteger", "return a<=X", 0, patch("MAX_SAFE_INTEGER", 9007199254740991))
+	a = Math.pow
+	c = "_SAFE_INTEGER"
+	patch("EPSILON", a(2, -52))
+	patch(
+		"isSafeInteger", "return Y(a)&&a>=X&&a<=-X", 0,
+		patch("MIN" + c, -patch("MAX" + c, a(2, 53)-1)),
+		patch("isInteger", "return X(a)&&a%1===0", 0, patch("isFinite", "return typeof a==='number'&&isFinite(a)"))
+	)
 
 	O = Date
 	patch("now", "return+new Date")
@@ -384,8 +392,11 @@
 	patch("flatMap",     "return X.apply(t,A).flat()", 0, O.map)
 	//patch("entries", "a=this;b=-1;return{next:function(){c=a.length<=++b;return{done:c,value:c?void 0:a[b]}}}")
 
+	a = "b=t.length;a=a<0?b+a|0:a|0;return a>=b||a<0?X:t"
+	patch("at",          a + "[a]")
 
 	O = String[P]
+	patch("s:at",        a + ".charAt(a)")
 	patch("endsWith", "return(a+='')===t.slice(-a.length)")
 	patch("startsWith", "return t.lastIndexOf(a,0)===0")
 	patch("trim", "return t.replace(/^\\s+|\\s+$/g,'')")
@@ -430,10 +441,21 @@
 	, closest = patch("closest", walk.bind(window, "parentNode", 1))
 	, matches = patch("matches", "return!!X(a)(t)", 0, selectorFn)
 
+	try {
+		O[a = "addEventListener"]("t", null, Object.defineProperties({}, {
+			capture: { get: function() { canCapture = 1 } }
+		}))
+		b = "removeEventListener"
+		c = "O.call(t,a,b,X(c)?!!c.capture:!!c)"
+		if (!canCapture) {
+			patch("c:" + a, c, 1, isObj)
+			patch("c:" + b, c, 1, isObj)
+		}
+	} catch(e){}
 	// The addEventListener is supported in Internet Explorer from version 9.
 	// https://developer.mozilla.org/en-US/docs/Web/Reference/Events/wheel
 	// - IE8 always prevents the default of the mousewheel event.
-	patch("addEventListener", "return(t.attachEvent('on'+a,b=X(t,a,b)),b)", 0, function(el, ev, fn) {
+	patch(a, "return(t.attachEvent('on'+a,b=X(t,a,b)),b)", 0, function(el, ev, fn) {
 		return function() {
 			var e = new Event(ev)
 			if (e.clientX !== UNDEF) {
@@ -443,7 +465,8 @@
 			fn.call(el, e)
 		}
 	})
-	patch("removeEventListener", "t.detachEvent('on'+a,b)")
+	patch(b, "t.detachEvent('on'+a,b)")
+
 
 	// Note: querySelector in IE8 supports only CSS 2.1 selectors
 	patch((a = "querySelector"), (b = "return X(t,a,Y)"), ie678, find, 1)
@@ -515,6 +538,9 @@
 	function isStr(value) {
 		return typeof value === "string"
 	}
+	function isObj(obj) {
+		return !!obj && obj.constructor === Object
+	}
 	function nop() {}
 
 	function patch(key_, src, force, arg1, arg2) {
@@ -522,7 +548,6 @@
 		return !force && O[key] || (O[patched.push(key_), key] = (
 			isStr(src) ?
 			Function("o,O,P,S,F,X,Y", "return function(a,b,c){var t=this,A=arguments;" + src + "}")(hasOwn, O[key], P, patched.slice, force, arg1, arg2) :
-			src === UNDEF ? {} :
 			src
 		))
 	}