remote5-gui 0.1.2

package/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./lib/wbase-0.1.2.js');
+} else {
+  module.exports = require('./lib/wbase-0.1.2.js');
+}

package/lib/wbase-0.1.2.js

@@ -0,0 +1,207 @@
+/*
+ * Remote5 wBase - 2022.11.22
+ * Author : Willy.Lee (wiljwilj@hotmail.com)
+ */
+// 0.1.1 - 2021.10.08 - start
+// 0.1.2 - 2022.11.22 - 
+
+(function(){
+"use strict";
+
+var version = "0.1.2";
+
+var w2a = {
+	q: [],
+	t: null,
+	cpct: null,
+	start: function(cap){
+		var i = this;
+		i.cpct = cap;
+		setTimeout(function(){ procW2A(i); }, 0);
+	},
+	call: function(func, args){
+		var i = this;
+		i.q.push({ f: func, a: args });
+		procW2A(i);
+	}
+};
+function procW2A(i){
+	if (i.t != null || i.q.length <= 0 || i.cpct == null)
+		return;
+	var c = i.q.shift();
+	var a = c.a == null ? ":" : (":" + JSON.stringify(c.a).replace(/[\u007F-\uFFFF]/g, function(chr){ return "\\u" + ("0000" + chr.charCodeAt(0).toString(16)).substr(-4) }));
+	var mcmd = "wBase:" + c.f + a;
+	if (typeof (i.cpct) == "function")
+		i.cpct(mcmd);
+	else if (typeof (i.cpct) == "object")
+		i.cpct.cmd(mcmd);
+	else
+		location.href = mcmd;
+	i.t = setTimeout(function () { i.t = null; procW2A(i); }, 0);
+}
+
+function ret(id){
+	var i = this;
+	i.k = id;
+}
+ret.prototype = {
+	close: function(l){
+		var i = this;
+		R5.wBase.cmd.close(i.k, l);
+	}
+};
+
+var cmd = {
+	l: [],
+	x: 1,
+	w2a: w2a,
+	ret: ret,
+	add: function(t, p, l){
+		var i = this;
+		var k = makeKey(i);
+		p.__ID__ = k;
+		i.l.unshift({ k: k, t: t, p: p, l: l });
+		i.w2a.call(t, p);
+		return new ret(k);
+	},
+	close: function(k, l){
+		var i = this;
+		var c = null, ix;
+		for (ix in i.l) {
+			if (i.l[ix].k == k) {
+				c = i.l[ix];
+				break;
+			}
+		}
+		if (c) {
+			if (l)
+				c.l = l;
+			c.x = true;
+			i.w2a.call(c.t, k);
+		}
+	},
+	remove: function(k){
+		var i = this;
+		for (var ix in i.l) {
+			if (i.l[ix].k == k) {
+				i.l.splice(ix, 1);
+				break;
+			}
+		}
+	},
+	notify: function(k, a){
+		var i = this;
+		for (var ix in i.l) {
+			if (i.l[ix].k == k) {
+				var c = i.l[ix];
+				if (c.x)
+					a.state = "closed";
+				if (c.l != undefined)
+					c.l(a);
+				if (a != null && a.state == "closed")
+					i.remove(k);
+				return;
+			}
+		}
+	}
+};
+
+function makeKey(i){
+	var cx = i.x;
+	do {
+		var x = cx;
+		for (var c in i.l) {
+			if (i.l[c].k == cx) {
+				cx++;
+				break;
+			}
+		}
+	} while (x != cx);
+	i.x = cx + 1;
+	if (i.x > 0x7ffe)
+		i.x = 1;
+	return cx;
+}
+	
+var evt = {
+	l:[],
+	add: function( t, l ){
+		var i = this;
+		i.l.unshift({t:t,l:l});
+		var ix, cnt = 0;
+		for ( ix in i.l ) { if ( i.l[ix].t == t ) cnt++; }
+		return cnt;
+	},
+	remove: function( t, l ){
+		var i = this;
+		var ix, cnt = 0;
+		for ( ix in i.l ) {
+			if ( i.l[ix].t == t && i.l[ix].l == l ) {
+				i.l.splice(ix, 1);
+				break;
+			}
+		}
+		for ( ix in i.l ) {
+			if ( i.l[ix].t == t )
+				cnt++;
+		}
+		return cnt;
+	},
+	evt_lastest_state:null,
+	event: function( t, a ){
+		var i = this;
+		if ( t == "state" )
+		{
+			if ( a.state == 'start' || a.state == 'resume' || a.state == 'pause' || a.state == 'stop' )
+				i.evt_lastest_state = a;
+			else
+			{
+				if ( i.evt_lastest_state == null )
+					i.evt_lastest_state = {};
+				for ( var ak in a )
+					if ( ak != 'state' )
+						i.evt_lastest_state[ak] = a[ak];
+			}
+		}
+		for ( var ix in i.l ) {
+			if ( i.l[ix].t == t ) {
+				if ( i.l[ix].l(a, t) )
+					return true;
+			}
+		}
+	}
+};
+
+var R5;
+if (typeof exports != 'undefined')
+	R5 = exports.R5 ? exports.R5 : (exports.R5 = {});
+else
+	R5 = window.R5 ? window.R5 : (window.R5 = {});
+
+R5.wBase = {
+	w2a: w2a,
+	cmd: cmd,
+	evt: evt,
+	
+	version: version
+};
+// command( cmd, params, listener )
+// cmd: command
+R5.command = function(cmd, params, listener){
+	return R5.wBase.cmd.add(cmd, params, listener);
+}
+// addEventListener( type, listener )
+// type: keyBack, starting, ...
+R5.addEventListener = function( type, listener ){
+	if ( R5.wBase.evt.add(type, listener) == 1 )
+		R5.wBase.w2a.call("event", {type:type,use:true});
+}
+R5.removeEventListener = function( type, listener ){
+	if ( R5.wBase.evt.remove(type, listener) == 0 )
+		R5.wBase.w2a.call("event", {type:type,use:false});
+}
+
+R5.exitApp = function(){
+	R5.command("EXIT_APP", {});
+}
+})();

package/lib/wlang-0.1.4.js

@@ -0,0 +1,126 @@
+/*
+ * Remote5 wLanguages - 2023.11.03~
+ * Author : Willy.Lee (wiljwilj@hotmail.com)
+ */
+// 0.1.1 - 2023.11.03
+// 0.1.3 - 2025.05.05 loading default lang-json
+// 0.1.4 - 2026.02.13 syntex error fixed
+
+(function(){
+	"use strict";
+	
+	var version = "0.1.3";
+	
+	function wl( defaultLang, cb ) {
+		var i = this;
+		if (typeof defaultLang == "string") {
+			var oLang = new XMLHttpRequest();
+			oLang.open("GET", defaultLang, true);
+			oLang.send();
+			oLang.onreadystatechange = e=>{
+				if (oLang.readyState == 4 && oLang.status == 200){
+					try{
+						var json = JSON.parse(oLang.responseText);
+						//console.dir(json);
+						i.defaultLang = json;
+						if (cb) cb();
+					}
+					catch {
+						console.error(defaultLang + " parsing error");
+						if (cb) cb();
+					}
+				}
+				else {
+					if (cb) cb();
+				}
+			}
+		}
+		else {
+			i.defaultLang = defaultLang;
+			if (cb) cb();
+		}
+	}
+	wl.prototype = {
+		From:function(key, section){
+			var lang = this.localLang;
+			if (lang != null && section != null)
+				lang = lang[section];
+			if (lang != null && lang[key] != null)
+				return lang[key];
+			if (this.defaultLang == null)
+				return key;
+			lang = this.defaultLang;
+			if (lang != null && section != null)
+				lang = lang[section];
+			if (lang != null) {
+				if (lang[key] != null)
+					return lang[key];
+				if (lang[key] !== undefined)
+					return key;
+			}
+			return null;
+		},
+
+		load:function(url, cb){
+			this.localLang = null;
+
+			var oLang = new XMLHttpRequest();
+			oLang.open("GET", url, true);
+			oLang.send();
+			oLang.onreadystatechange = e=>{
+				if (oLang.readyState == 4 && oLang.status == 200){
+					try{
+						var json = JSON.parse(oLang.responseText);
+						//console.dir(json);
+						this.localLang = json;
+						if (cb) cb();
+					}
+					catch {
+						console.error(url + " parsing error");
+						if (cb) cb();
+					}
+				}
+				else {
+					if (cb) cb();
+				}
+			}
+		},
+		reset:function(){
+			this.localLang = null;
+		}
+	};
+
+	function nearLocaleBrower(list) {
+		var userLang = navigator.language || navigator.userLanguage;
+		if (userLang == null || userLang == "")
+			return null;
+		return nearLocale(list, userLang);
+	}
+	function nearLocale(list, userLang) {
+		for (let l in list) {
+			if (list[l] == userLang)
+				return userLang;
+		}
+		var lang = userLang.split('-')[0];
+		for (let l in list) {
+			if (list[l].split('-')[0] == lang)
+				return list[l];
+		}
+		return null;
+	}
+
+	function wLangusage( json, cb ){
+		return new wl(json, cb);
+	}
+	wLangusage.version = version;
+	wLangusage.nearLocaleBrower = nearLocaleBrower;
+	wLangusage.nearLocale = nearLocale;
+
+	var R5;
+	if ( typeof exports != 'undefined' )
+		R5 = exports.R5 ? exports.R5 : (exports.R5={});
+	else
+		R5 = window.R5 ? window.R5 : (window.R5={});
+
+	R5.wLang = wLangusage;
+})();

package/lib/wstyle-0.4.0.js

@@ -0,0 +1,309 @@
+/*
+ * Remote5 wStyle - 2021.10.13~
+ * Author : Willy.Lee (wiljwilj@hotmail.com)
+ */
+// 0.1.1 - 2021.10.13
+// 0.2.0 - 2022.03.09 - wstyle=""
+// 0.3.0 - 2022.11.22 - add style type="text/wcss", add link rel="wstylesheet", remove function type
+// 0.3.1 - 2022.12.12 - loading wcss after load, add data-wstyle=""
+// 0.3.2 - 2023.06.06 - bugfix: parsing key:v1:v2 to key + v1:v2 (add _toKV)
+// 0.3.3 - 2023.09.16 - add R5.wStyle.load <url>, cb(object)
+// 0.4.0 - 2026.02.16 - media query css support
+
+(function(){
+	"use strict";
+	
+	var version = "0.4.0";
+	
+	function ws( style ) {
+		var i = this;
+		var d = document;
+		var s = i.ele = d.createElement("style");
+		d.head.appendChild(s);
+		i.stylesheet = s.sheet;
+		i.cssRules = s.sheet.cssRules;
+		
+		if (style == null)
+			style = "";
+		else if (typeof style !== "string" && typeof style !== "object")
+			style = style.toString();
+		i.style = style;
+	
+		i.updateScreenDensity(R5.screenDensity);
+	}
+	ws.prototype = {
+		updateScreenDensity:function( sd ){
+			_updateScreenDensity(this, sd);
+		},
+		
+		destroy:function(){
+			var i = this;
+			for (var idx = R5.wStyle.styles.length - 1; idx >= 0; idx--) {
+				if (R5.wStyle.styles[idx] == this)
+					R5.wStyle.styles.splice(idx, 1);
+			}
+			
+			i.stylesheet.disabled = true;
+			document.head.removeChild(i.ele);
+			i.ele = null;
+			i.stylesheet = null;
+			i.cssRules = null;
+		}
+	};
+	
+	function _fromRules( i, sel ) {
+		sel = sel.toLowerCase().replace(/^\s+|\s+$/gm,'');
+		
+		for (var idx = i.cssRules.length - 1; idx >= 0; idx--) {
+			var rule = i.cssRules[idx];
+			if (rule.selectorText === sel)
+				return rule;
+		}
+	}
+	
+	function _evalValue( v, sd ) {
+		var v1 = v.replace(/screenDensity/gi, sd);
+		var v2 = v1.replace(/s?[\-0-9.\(\)\+\-\/\*]*dp+/gi, function(mtch) {
+			var mm = mtch.replace(/dp/gi, "*"+sd);
+			try {
+				mm = eval(mm) + "px";
+			} catch (e) {
+				mm = mtch;
+			}
+			return mm;
+		});
+		var v3 = v2.replace(/s?[\-0-9.\(\)\+\-\/\*]*px+/gi, function(mtch) {
+			var mm = mtch.replace(/px$/gi, "");
+			try {
+				mm = eval(mm) + "px";
+			} catch (e) {
+				mm = mtch;
+			}
+			return mm;
+		});
+		return v3;
+	}
+	
+	function _toKV( s ) {
+		var n = s.indexOf(":");
+		if (n <= 0) return null;
+		return [s.substring(0, n).replace(/^\s+|\s+$/g,""),
+				s.substring(n+1).replace(/^\s+|\s+$/g,"")];
+	}
+	
+	function _updateWStyleInElements( eles, sd ) {
+		for (var idx = 0; idx < eles.length; idx++) {
+			var ele = eles[idx];
+			var wstyle = ele.getAttribute("wstyle");
+			if (wstyle == null)
+				wstyle = ele.getAttribute("data-wstyle");
+			if (wstyle) {
+				var ss = wstyle.split(/\s*;\s*/);
+				ss.forEach(function( s ){
+					var pv = _toKV(s);
+					if (pv == null)
+						return;
+					var val = _evalValue(pv[1], sd);
+					ele.style[pv[0]] = val;
+				});
+			}
+			_updateWStyleInElements(ele.children, sd);
+		}
+	}
+	
+	function _strstyle2obj( str ){
+		var spvs = str.split(/\s*}\s*/);
+		var ispv = 0;
+		var espv = spvs.length - 1;
+
+		var oESs = {};
+		while (ispv < espv) {
+			var spv = spvs[ispv];
+			spv = spv.split(/\s*{\s*/);
+			ispv = _rstrstyle2obj(spvs, ispv, espv, spv, oESs);
+		}
+		return oESs;
+	}
+	function _rstrstyle2obj(spvs, ispv, espv, spv, oESs){
+		var sel = spv.length < 2 ? "" : spv[0].replace(/\/\/.*/gm, '').replace(/\s+/gm, ' ').replace(/^\s+|\s+$/gm,'');
+		if (sel === "")
+			return ispv+1;
+		if (spv.length === 2) {
+			_strkeyvalue(sel, spv[1], oESs);
+			return ispv+1;
+		}
+		else {
+			var oSss = {}
+			oESs[sel] = oSss;
+			var spvss = spv.splice(1);
+			ispv = _rstrstyle2obj(spvs, ispv, espv, spvss, oSss);
+			while (ispv < espv) {
+				var spv = spvs[ispv];
+				if (spv === "")
+					return ispv+1;
+				spv = spv.split(/\s*{\s*/);
+				ispv = _rstrstyle2obj(spvs, ispv+1, espv, spv, oSss);
+			}
+			return ispv;
+		}
+	}
+	function _strkeyvalue(sel, styles, oESs){
+		var oSs = {}
+		oESs[sel] = oSs;
+		try {
+			styles = styles.replace(/^\s+|\s+$/gm,'');
+			styles = styles.split(/\s*;\s*/);
+			styles.forEach(function( s ){
+				var pv = _toKV(s);
+				if (pv == null)
+					return;
+				oSs[pv[0]] = pv[1];
+			});
+		} catch (e) {
+			console.warn("wStyle: can't apply css - "+sel);
+		}
+	}
+	
+	function _updateScreenDensity( i, sd ){
+		var istyle = i.style;
+		if (typeof istyle == "string") {
+			istyle = _strstyle2obj(istyle);
+		}
+	
+		for (var sel in istyle) {
+			var rule = _fromRules(i, sel);
+			try {
+				if (rule == null) {
+					var idxR = i.cssRules.length;
+					i.stylesheet.insertRule(sel+" {}", idxR);
+					rule = i.cssRules[idxR];
+				}
+				
+				var styles = istyle[sel];
+				var prop, val, idxR2, rule2, prop2, val2;
+				switch (rule.constructor.name)
+				{
+				case "CSSStyleRule":
+					for (prop in styles) {
+						val = styles[prop];
+						val = _evalValue(val, sd);
+						rule.style[prop] = val;
+					}
+					break;
+				case "CSSMediaRule":
+					for (prop in styles) {
+						val = styles[prop];
+						idxR2 = rule.cssRules.length;
+						rule.insertRule(prop+" {}", idxR2);
+						rule2 = rule.cssRules[idxR2];
+						for (prop2 in val) {
+							val2 = val[prop2];
+							val2 = _evalValue(val2, sd);
+							rule2.style[prop2] = val2;
+						}
+					}
+					break;
+				case "CSSKeyframesRule":
+					for (prop in styles) {
+						val = styles[prop];
+						rule.appendRule(prop+" {}");
+						rule2 = rule.cssRules[rule.cssRules.length - 1];
+						for (prop2 in val) {
+							val2 = val[prop2];
+							val2 = _evalValue(val2, sd);
+							rule2.style[prop2] = val2;
+						}
+					}
+					break;
+				default:
+					throw new Error(1);
+				}
+			} catch (e) {
+				console.warn("wStyle: can't apply json css - "+sel);
+			}
+		}
+	}
+	
+	function wStyle( t ){
+		var s = new ws(t);
+		R5.wStyle.styles.push(s);
+		return s;
+	}
+	wStyle.version = version;
+	
+	function updateStyleInElements(){
+		var bds = document.getElementsByTagName("body");
+		_updateWStyleInElements(bds, R5.screenDensity);
+		
+		var styles = document.getElementsByTagName("style");
+		var idx = 0;
+		for (; idx < styles.length; idx++) {
+			var sty = styles[idx];
+			if (sty.type == null || sty.type.toLowerCase() !== "text/wcss")
+				continue;
+			
+			if (sty.R5_ws == null) {
+				sty.R5_ws = new ws(sty.outerText);
+			}
+			sty.R5_ws.updateScreenDensity(R5.screenDensity);
+		}
+		
+		var links = document.getElementsByTagName("link");
+		for (idx = 0; idx < links.length; idx++) {
+			var lnk = links[idx];
+			if (lnk.rel == null || lnk.rel.toLowerCase() !== "wstylesheet")
+				continue;
+			
+			if (lnk.R5_ws == null) {
+				var wcss = new XMLHttpRequest();
+				wcss.open("GET", lnk.href, true);
+				wcss.send();
+				wcss.onreadystatechange = function(){
+					if (wcss.readyState == 4 && wcss.status == 200) {
+						lnk.R5_ws = new ws(wcss.responseText);
+						lnk.R5_ws.updateScreenDensity(R5.screenDensity);
+					}
+				}
+			}
+		}
+	}
+
+	function loadWcssFile(url, cb){
+		var styleApp = new XMLHttpRequest();
+		styleApp.open("GET", url, true);
+		styleApp.send();
+		styleApp.onreadystatechange = ()=>{
+			if (styleApp.readyState == 4 && styleApp.status == 200)
+				cb(R5.wStyle(styleApp.responseText));
+	    }
+	}
+	
+	function setScreenDensity( sd ){
+		if (sd == null)
+			sd = R5.screenDensity;
+		else
+			R5.screenDensity = sd;
+		
+		R5.wStyle.styles.forEach(function( s ){
+			s.updateScreenDensity(sd);
+		});
+		
+		updateStyleInElements();
+	}
+	
+	
+	var R5;
+	if ( typeof exports != 'undefined' )
+		R5 = exports.R5 ? exports.R5 : (exports.R5={});
+	else
+		R5 = window.R5 ? window.R5 : (window.R5={});
+	
+	R5.wStyle = wStyle;
+	R5.wStyle.styles = [];
+	R5.wStyle.updateStyleInElements = updateStyleInElements;
+	R5.wStyle.load = loadWcssFile;
+	R5.screenDensity = 1;
+	R5.setScreenDensity = setScreenDensity;
+	
+	window.addEventListener("load", function(){ R5.setScreenDensity() });
+})();

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "remote5-gui",
+  "version": "0.1.2",
+  "description": "Remote5 GUI package.",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "",
+    "directory": "packages/remote5-gui"
+  },
+  "keywords": [
+    "remote5"
+  ],
+  "license": "MIT",
+  "homepage": "",
+  "peerDependencies": {},
+  "files": [
+    "LICENSE",
+    "README.md",
+    "index.js",
+    "lib/"
+  ],
+  "exports": {
+    ".": {
+      "default": "./index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Willy.Lee.KW"
+}