@webos-tools/cli 3.1.3 → 3.2.0

package/files/templates/signage-sdk-templates/Price_Board_for_QSR/js/helpers/util.js

@@ -0,0 +1,130 @@
+/*jslint browser:true, unparam: true, indent: 4 */
+/*global console: false */
+
+/**
+ * @file File is related with Data-Binding functionality inside the apps.
+ * It has Publish Subscribe pattern for listening the changes from View to Controller or vice versa.
+ * @author LG CSP-1
+ */
+try {
+    /**
+     * Creates DataBinder Class, where publish
+     * @class DataBinder
+     * @return {Object} publishSub Object
+     */
+    var DataBinder = function (object_id) {
+            'use strict';
+            //For loop var's declarations
+            var i, len, k, psLen,
+                /** 
+                 * pubSubObj Create a simple PubSub object
+                 * @type {Object}
+                 */
+                pubSubObj = { // Create a simple PubSub object
+                    callbacks: {},
+                    on: function (msg, callback) {
+                        this.callbacks[msg] = this.callbacks[msg] || [];
+                        this.callbacks[msg].push(callback);
+                    },
+                    publish: function (msg) {
+                        this.callbacks[msg] = this.callbacks[msg] || [];
+                        len = this.callbacks[msg].length;
+                        for (i = 0; i < len; i += 1) {
+                            this.callbacks[msg][i].apply(this, arguments);
+                        }
+                    }
+                },
+                data_attr = 'data-bind-' + object_id,
+                message = object_id + ':change',
+                /** 
+                 * changeHandler Any Change inside the Binding element will invoke this event.
+                 * @function changeHandler
+                 */
+                changeHandler = function (evt) {
+                    var target = evt.target || evt.srcElement,
+                        prop_name = target.getAttribute(data_attr);
+                    if (prop_name && prop_name !== '') {
+                        pubSubObj.publish(message, prop_name, target.value);
+                    }
+                };
+            /**
+             * Triggers view to model binding.
+             *
+             * @event DataBinder#change
+             */
+            document.addEventListener('change', changeHandler, false);
+            /**
+             * Publish data changes to view.
+             *
+             * @event DataBinder#pubSubObj
+             */
+            pubSubObj.on(message, function (evt, prop_name, new_val) {
+                var elements = document.querySelectorAll('[' + data_attr + '=' + prop_name + ']'),
+                    tag_name = '';
+                if (elements !== 'undefined' && elements.length !== 0) {
+                    psLen = elements.length;
+                    for (k = 0; k < psLen; k += 1) {
+                        tag_name = elements[k].tagName.toLowerCase();
+                        switch (tag_name) {
+                        case 'input':
+                        case 'textarea':
+                        case 'select':
+                            elements[k].value = new_val;
+                            break;
+                        case 'video':
+                        case 'img':
+                            elements[k].src = new_val;
+                            break;
+                        default:
+                            elements[k].innerHTML = new_val;
+                            break;
+                        }
+                    }
+                }
+            });
+            return pubSubObj;
+        },
+        /**
+         * Creates BindClass Class.
+         * @class BindClass
+         * @return {Object} publishSub Object
+         */
+        BindClass = function (dataAttr) {
+            'use strict';
+            /** 
+             * creates the DataBinder instance and set/get to binding object.
+             * @function bindSet
+             * @return {Object}
+             */
+            var bindSet = (function () {
+                var binder = new DataBinder(dataAttr),
+                    bindObj = {
+                        attributes: {},
+                        // The attribute setter publish changes using the DataBinder PubSub
+                        set: function (attr_name, val) {
+                            this.attributes[attr_name] = val;
+                            //pass this as parameter,So that initiator will be in bindObj context
+                            binder.publish(dataAttr + ':change', attr_name, val, this);
+                        },
+                        get: function (attr_name) {
+                            return this.attributes[attr_name];
+                        },
+                        binderObject: binder
+                    };
+                /**
+                 * Subscribe to the PubSub.
+                 *
+                 * @event BindClass#dataAttributeChange
+                 */
+                binder.on(dataAttr + ':change', function (evt, attr_name, new_val, initiator) {
+                    if (initiator !== bindObj) {
+                        bindObj.set(attr_name, new_val);
+                    }
+                });
+                return bindObj;
+            }());
+            return bindSet;
+        };
+} catch (e) {
+    console.log('error in js/helper/util.js' + e.message);
+}

package/files/templates/signage-sdk-templates/Price_Board_for_QSR/readme.txt

@@ -0,0 +1,26 @@
+App Directory Structure
+
+	[index.html]
+	The file on which the basic skeleton of an HTML page is built on. File paths to CSS, JS, images and videos are defined on this file.
+
+	
+	[css folder]
+	Contains the style.css file, on which modifications are made to style the presentation of the HTML code.
+
+	
+	[js folder]
+	- Helper folder: Contains utility JS file for data binding support.
+	- controller.js: Controls the actions of html elements.
+
+
+	[data folder]
+	Contains json files, which acts like a model to html page .(content of HTML elements).
+
+	
+	[res folder]
+	Contains multimedia resource files
+	- images folder contains image files, if needed.
+	- videos folder contains video files, if needed.
+
+	[fonts folder]
+	Contains fonts, if needed.

package/files/templates/signage-sdk-templates/Simple_Network_FailOver/index.html

@@ -0,0 +1,29 @@
+<HTML>
+	<HEAD>
+		<TITLE>Network Failover Sample App</TITLE>
+		
+        <!--  Include IDCAP API Library -->        
+        <script type="text/javascript" src="./js/idcap.js"></script>   
+		
+		<script src = './networkMonitor.js'></script>
+		
+		<link rel="stylesheet" type="text/css" href="./style.css">
+	</HEAD>
+	
+	<BODY bgcolor = #FFFFFF onload = 'initHDMI()'>
+		<div id = 'status'>Loading...</div>
+		<div id = 'timer'></div>
+		
+		<div id = 'pinRotate'>
+			<div id = 'pin'></div>
+		</div>
+		
+		<div id = 'disconnectText'></div>
+		<div id = 'disconnectImage'></div>
+		<div id = 'HDMIScreenTitle'>HDMI Input</div>
+		
+		<div id = 'HDMIScreen'></div>
+		<div id = 'capturedImageTitle'>Captured Screen</div>
+		<div id = 'capturedImage'></div>
+	</BODY>
+</HTML>

package/files/templates/signage-sdk-templates/Simple_Network_FailOver/js/idcap.js

@@ -0,0 +1,21 @@
+/*
+ ============================================================================
+   Web Solution Project, ID SW Development Department, LG ELECTRONICS INC., SEOUL, KOREA
+   Copyright(c) 2021 by LG Electronics Inc.
+
+ ============================================================================
+*/
+var extIDCAPSecure,extRegisterIDCAPCloseHandler,extDisableIdcapConsoleLog,extWebWorker,isSubscribeParam,retry_count,idcap;
+if(void 0===idcap)if("object"===typeof window)(function(){function c(a){1==idcap.isLogEnabled&&(a=1024<a.length?a.substring(0,1024):a,!0!==extWebWorker&&console.log(a))}function m(a,d){if(!0!==extWebWorker){var e="",h=document.createEvent("HTMLEvents");c(n("event received, ",d));h.initEvent(a,!0,!1);for(e in d)d.hasOwnProperty(e)&&(h[e]=d[e]);document.dispatchEvent(h)}}idcap={API_VERSION:"$IDCAP_JS_EXTENSION_VERSION",isRemoteInitialize:!1,isRemote:!1,remote_ip:"",isLogEnabled:!1,isMaxCount:4};var g=
+0,b=[{command_id:"0",param_text:'{"command_id" : "0", "command" : "notify_sdk_version","parameters":{"idcap_js_extension_version" : "$IDCAP_JS_EXTENSION_VERSION"}}'}],k=[{command:"0",param_text:'{"command" : "0", "command" : "notify_sdk_version", "parameters":{"idcap_js_extension_version" : "$IDCAP_JS_EXTENSION_VERSION"}}'}],l=null,p=!1,v=!1,q=!1,A=null,w=null,E=null,B=!1,n=null,C=!1,z=!1,D=0,x="127.0.0.1";!0!==idcap.isLogEnabled?!0!==extWebWorker&&console.log("ID -  console log is disabled"):!0!==
+extWebWorker&&console.log("ID -  console log is enabled");c("check external value : extDisableIdcapConsoleLog = "+extDisableIdcapConsoleLog+", extIDCAPSecure = "+extIDCAPSecure+", extRegisterIDCAPCloseHandler = "+extRegisterIDCAPCloseHandler);B=function(){var a=navigator.userAgent;a.match(/Windows/);a.match(/Macintosh/);a.match(/Mac OS X/);var d=a.match(/Web0S/),e=a.match(/SmartTV/),h=a.match(/WebAppManager/);c("UA = '"+a+"'");return d||e||h?(z=!1,idcap.isRemote=!1):z=idcap.isRemote=!0}();n=function(a,
+d){var e="";var h=[],r="";for(e in d)d.hasOwnProperty(e)&&h.push(e);h.sort();for(e=0;e<h.length;e+=1){var u=e,f=h,t="",y="";var F=f[u];try{t=d[F],y=typeof t}catch(G){t="<unknown value>",y="unknown"}"function"===y?t="{/*function*/}":"object"===y?t=n("",t):"string"===y&&(t='"'+t+'"');r+='"'+F+'" : '+t;u<f.length-1&&(r+=", ")}return a+"{"+r+"}"};A=function(){c("initialize_idcap_websocket");v?c("websocket : connection is in progress"):(v=!0,0==z?!0!==extIDCAPSecure?(c("default idcap connection"),l=new WebSocket("ws://127.0.0.1:8153/hcap_command")):
+(c("secure idcap connection"),l=new WebSocket("wss://localhost:8154/idcap_command")):(c("remote connection"),l="https:"===location.protocol?new WebSocket("wss://"+x+":8154/idcap_command"):new WebSocket("ws://"+x+":8153/idcap_command")),l.onopen=function(){c("websocket : onopen");v=!1;p=!0;setTimeout(w,5)},l.onmessage=function(a){a=JSON.parse(a.data);var d=a.command_id,e=a.command,h=a.result;c("ws.onmessage : "+JSON.stringify(a));if("event"===d)"debug_event_received"===e?(a.enable_log?!0!==extWebWorker&&
+console.log("idcap console log is enabled"):!0!==extWebWorker&&console.log("idcap console log is disabled"),extDisableIdcapConsoleLog=!a.enable_log):m(e,a);else{if(0<b.length&&b[0].command_id===d){c(n("command_id = "+d+" received, ",a));if(h){if(b[0].onSuccess)try{b[0].onSuccess(a)}catch(f){c(n("exception : onSuccess : "+f))}}else if(b[0].onFailure)try{b[0].onFailure(a)}catch(f){c(n("exception : onFailure : "+f))}b.splice(0,1)}else{var r=0,u=!1;k.forEach(function(f){null!==f&&void 0!==f.command&&
+f.command===e&&(r=k.indexOf(f),u=!0)});if(u){if(k[r].onSuccess)try{k[r].onSuccess(a)}catch(f){c(n("exception : onSuccess : "+f))}}else c(n("invalid response from server ",a))}q=!1;w()}},l.onclose=function(){c("websocket : onclose");q=p=v=!1;D+=1;c("retry-count",D);!z&&D<idcap.isMaxCount?setTimeout(w,50):c("Max retry - stop websocket connection try")},"onbeforeunload"===extRegisterIDCAPCloseHandler?window.onbeforeunload=function(){c("close idcap websocket in onbeforeunload handler");l.onclose=function(){};
+l.close()}:"onunload"===extRegisterIDCAPCloseHandler&&(window.onunload=function(){c("close idcap websocket in onunload handler");l.onclose=function(){};l.close()}))};w=function(){c("start_cmd_loop");if(!q){q=!0;if(p){if(0<b.length){c("webSocket sending");c(n("command_id = "+b[0].command_id+" sent, ",JSON.parse(b[0].param_text)));l.send(b[0].param_text);return}}else A();q=!1}};E=function(a,d){if(null===a||""===a||void 0===a)c("[ERROR] Command should not be null.");else if(!1===a.toLowerCase().startsWith("idcap://"))c("[ERROR] wrong IDCAP command.");
+else if(Array.isArray(d))c("[ERROR] Command Parameter Error. param is Array type or not defined.");else{B&&c("[ERROR] IDCAP is unavailable on this browser.");g=1024<g?0:g+1;var e=g.toString(),h="";d.command_id=e;d.command=a;h=JSON.stringify(d,null);c("param_text : "+h);for(name in d)"subscribe"===name&&d.hasOwnProperty("subscribe")&&!0===d.subscribe&&(C=!0);if(C)k.forEach(function(f){null!==f&&void 0!==f.command&&f.command===d.command?c("already registered. : "+a):k[k.length]={command:a,param_text:h,
+onSuccess:d.onSuccess,onFailure:d.onFailure}}),C=!1;else{var r=0,u=!1;k.forEach(function(f){null!==f&&void 0!==f.command&&f.command===d.command&&(r=k.indexOf(f),u=!0)});u?k.splice(r,1):!1}b[b.length]={command_id:e,param_text:h,onSuccess:d.onSuccess,onFailure:d.onFailure};c(n("command_id = "+e+" added, ",b[b.length-1]));w()}};B||setTimeout(w,200);idcap.remoteInitialize=function(a){c("remoteInitialize");x=a;c("remote = "+x);idcap.remote_ip=x;A();idcap.isRemoteInitialize=!0};idcap.remoteFinalize=function(){c("remoteFinalize");
+l.close();l=null;idcap.remote_ip="";idcap.isRemoteInitialize=!1};idcap.request={};idcap.request=function(a,d){a=a.toLowerCase();E(a,d)}})();else{var ev=require("events").EventEmitter;class c extends ev{constructor(m){super();let g=this;this.service=m;this.service.Request=function(b,k){"/"!=b.charAt(b.length-1)&&(b+="/");b+=k.method;var l={};!0===k.hasOwnProperty("parameters")&&(l=k.parameters);var p={},v=function(q){!0===q.payload.returnValue?(p=q.payload,k.onSuccess(p)):(p.returnValue=!1,p.errorCode=
+q.payload.errorCode,p.errorText=q.payload.errorText,k.onFailure(p))};g.service&&g.service.call(b,l,v)};this.subsForEvents=this.service.subscribe("luna://com.webos.service.idcapmw.mwcommand/getAllEvents",{subscribe:!0});this.subsForEvents.on("response",function(b){b=b.payload;if("event"===b.command_id)g.on_event_received(b.command,b)})}on_event_received(m,g){this.emit(m,g)}request(m,g){null!==m&&""!==m&&void 0!==m&&(Array.isArray(g)||void 0===g||g.onSuccess&&"function"===typeof g.onSuccess&&g.onFailure&&
+"function"===typeof g.onFailure&&this.service.Request("luna://com.webos.service.idcapmw.mwcommand",{method:"/callidcap",parameters:{command:m,parameters:g.parameters},onSuccess:function(b){b.result?(delete b.returnValue,delete b.result,delete b.command_id,g.onSuccess(b)):(delete b.returnValue,delete b.result,delete b.command_id,g.onFailure(b))},onFailure:function(b){delete b.returnValue;delete b.result;delete b.command_id;g.onFailure(b)}}))}}module.exports=c};

package/files/templates/signage-sdk-templates/Simple_Network_FailOver/networkMonitor.js

@@ -0,0 +1,136 @@
+var VIDEO_URI = "",
+	rotate = 0,
+	imageData,
+	time,
+	screenshot = document.createElement('img'),
+	screenshotCapturedInterval = document.createElement('img'),
+	FILEPATH_AJAX = 'http://127.0.0.1:9080/ScreenCapture.png',
+	xhr,
+	vid,
+	HDMIScreen;
+
+function initHDMI() {
+	getHDMIScreen();
+}
+
+function init() {
+	document.getElementById('disconnectImage').appendChild(screenshot);
+	document.getElementById('capturedImage').appendChild(screenshotCapturedInterval);
+	screenshotCapturedInterval.width = 384;
+	setInterval(networkMonitor, 1000);
+}
+
+function getHDMIScreen() {
+	vid = document.createElement("video");
+	HDMIScreen = document.getElementById("HDMIScreen");
+	vid.id = "HDMIVideo";
+	vid.style.width = "100%";
+	vid.style.height = "100%";
+	vid.autoplay = "";
+	vid.noaudio = "";
+
+	var vidSource = document.createElement('source');
+	vidSource.src = "ext://hdmi:1";
+	vidSource.type = "service/webos-external";
+
+	vid.appendChild(vidSource);
+	HDMIScreen.appendChild(vid);
+
+	vid.load();
+	vid.play();
+
+	init();
+}
+
+function getContent() {
+	idcap.request("idcap://utility/screen/capture", {
+		"parameters": {},
+		"onSuccess": function (cbObject) {
+			xhr = new XMLHttpRequest();
+			xhr.onreadystatechange = function (e) {
+				if (this.readyState == 4) {
+					if (this.status == 200) {
+						screenshotCapturedInterval.src = "data:image/png;base64," + EncodeBase64(xhr.responseText);
+						var captureImageDiv = document.getElementById('capturedImage');
+						captureImageDiv.replaceChild(screenshotCapturedInterval, captureImageDiv.childNodes[0]);
+					}
+					else {
+						errorHandler(e);
+					}
+				}
+			}
+			xhr.onerror = function (err) { }
+			xhr.open('GET', FILEPATH_AJAX);
+			xhr.overrideMimeType('text/plain; charset=x-user-defined');
+			xhr.send();
+		},
+		"onFailure": function (err) {
+			console.log("onFailure : errorMessage = " + err.errorMessage);
+		}
+	});
+}
+
+function EncodeBase64(responseText) {
+	var binary = "";
+	var responseTextLen = responseText.length;
+
+	for (i = 0; i < responseTextLen; i++) {
+		binary += String.fromCharCode(responseText.charCodeAt(i) & 255)
+	}
+	binary = btoa(binary);
+	return binary;
+}
+
+function networkMonitor() {
+
+	getCurrentTime();
+
+	// Get network infomation
+	idcap.request("idcap://network/configuration/get", {
+		"parameters": {},
+		"onSuccess": function (ret) {
+			// Internet connected
+			if (ret.wired.state === 'connected') {
+				console.log('wired connection is connected');
+				document.getElementById('disconnectText').style.visibility = 'hidden';
+				document.getElementById('disconnectImage').style.visibility = 'hidden';
+				document.getElementById('status').innerHTML = "Connected";
+				getContent();
+			}
+			// Internet Disconnected
+			else {
+				console.log('wired connection is disconnected');
+				document.getElementById('disconnectText').innerHTML = "Disconnected " +
+					time.hour + ':' + time.minute + ':' + time.second;
+
+				// Screenshot appear
+				document.getElementById('disconnectText').style.visibility = 'visible';
+				document.getElementById('disconnectImage').style.visibility = 'visible';
+				screenshot.src = FILEPATH_AJAX;
+				var disconnectImageDiv = document.getElementById('disconnectImage');
+				disconnectImageDiv.replaceChild(screenshot, disconnectImageDiv.childNodes[0]);
+			}
+		},
+		"onFailure": function (err) {
+			console.log("onFailure : errorMessage = " + err.errorMessage);
+		}
+	});
+}
+
+function getCurrentTime() {
+	// Get current time
+	idcap.request("idcap://time/currenttime/get", {
+		"parameters": {},
+		"onSuccess": function (cbObject) {
+			time = cbObject;
+			time.hour = ((time.hour < 10) ? ("0" + time.hour) : time.hour);
+			time.minute = ((time.minute < 10) ? ("0" + time.minute) : time.minute);
+			time.second = ((time.second < 10) ? ("0" + time.second) : time.second);
+			document.getElementById('timer').innerHTML = time.hour + ':' + time.minute + ':' + time.second;
+			document.getElementById('pinRotate').setAttribute("style", "-webkit-transform:rotate(" + 6 * cbObject.second + "deg);");
+		},
+		"onFailure": function (err) {
+			console.log("onFailure : errorMessage = " + err.errorMessage);
+		}
+	});
+}

package/files/templates/signage-sdk-templates/Simple_Network_FailOver/style.css

@@ -0,0 +1,142 @@
+#status {
+	font-size: 1000%;
+	text-align: center;
+	width: 300px;
+	height: 50px;
+	
+	position : absolute;
+	left: 150px;
+	top: 100px;
+	color: #C70752;
+}
+
+
+#timer {
+	font-size: 1000%;
+	text-align: center;
+	width: 300px;
+	height: 50px;
+	
+	position : absolute;	
+	left: 220px;
+	top: 300px;
+	color: #C70752;
+}
+
+
+#pinRotate {
+	width: 200px;
+	height: 200px;
+	
+
+	
+	position : absolute;
+	left: 395px;
+	top: 500px;
+	
+	border-style: solid;
+	border-color : #000000;
+	border-radius: 50%;
+}
+
+#pin {
+	width: 5px;
+	height: 100px;
+	
+	position: relative;
+	background-color: #ff0000;
+	left: 100px;
+}
+
+#disconnectText {
+	font-size : 90px;
+	color: #FFFFFF;
+	text-align: center;
+	width: 1280px;
+	height: 100px;
+	
+	border-width: 5px;
+	border-style: ridge;
+	
+	position: absolute;
+	left: 320px;
+	top: 80px;
+	
+	background-color: #C70752;
+	
+	visibility: hidden;
+	z-index: 10;
+}
+
+#disconnectImage {
+	font-size : 90px;
+	text-align: center;
+	width: 1280px;
+	height: 720px;
+	
+	border-width: 5px;
+	border-style: ridge;
+	
+	position: absolute;
+	left: 320px;
+	top: 180px;
+	
+	background-color: #A0A0A0;
+	
+	visibility: hidden;
+	z-index: 10;
+}
+
+
+#HDMIScreenTitle {
+	font-size: 500%;
+	text-align: center;
+	width: 768px;
+	position: absolute;
+	right: 160px;
+	top: 140px;
+	
+}
+
+
+#HDMIScreen {
+	width: 768px;
+	height: 432px;
+	
+	
+	border-width: 2px;
+	border-style: ridge;
+	
+	
+	position: absolute;
+	right: 160px;
+	top: 300px;
+	
+	background-color: #A0A0A0;
+	z-index: 8;
+}
+
+#capturedImageTitle {	
+	font-size: 200%;
+	text-align: center;
+	width: 1920px;
+	position: absolute; 
+	bottom: 280px;
+}
+
+#capturedImage {
+	width: 384px;
+	height: 216px;
+	
+	
+	border-width: 2px;
+	border-style: ridge;
+	
+	
+	position: absolute;
+	right: 768px;
+	bottom: 50px;
+	
+	background-color: #A0A0A0;
+	z-index: 5;
+}