npm - @webos-tools/cli - Versions diffs - 3.1.3 → 3.2.1 - Mend

@webos-tools/cli 3.1.3 → 3.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1271) hide show

package/files/templates/signage-sdk-templates/Mart/data/data.json ADDED Viewed

@@ -0,0 +1,37 @@
+{
+    "bannerBackground": "res/images/tpl_09_img_brand.png",
+    "banner": "res/images/tpl_09_img_bg.png",
+    "bannerIcon": "res/images/tpl_09_logo.png",
+    "bannerAdTextLine1": "TEXT1",
+    "bannerAdTextLine2": "TEXT2",
+    "bannerAdvertisementLine1": "TEXT3",
+    "bannerAdvertisementLine2": "TEXT4",
+    "bannerAdvertisementLine3": "TEXT5",
+    "adBanner1Offer": "#1",
+    "adImage1": "res/images/tpl_09_img_list_01.png",
+    "adBanner1Name": "Name1",
+    "adBanner1Desc": "Description1",
+    "adBanner1Price": "Price1",
+    "adBanner2Offer": "#2",
+    "adImage2": "res/images/tpl_09_img_list_02.png",
+    "adBanner2Name": "Name2",
+    "adBanner2Desc": "Description2",
+    "adBanner2Price": "Price2",
+    "adBanner3Offer": "#3",
+    "adImage3": "res/images/tpl_09_img_list_03.png",
+    "adBanner3Name": "Name2",
+    "adBanner3Desc": "Description3",
+    "adBanner3Price": "Price3",
+    "adBanner4Offer": "#4",
+    "adImage4": "res/images/tpl_09_img_list_04.png",
+    "adBanner4Name": "Name4",
+    "adBanner4Desc": "Description4",
+    "adBanner4Price": "Price4"
+}

package/files/templates/signage-sdk-templates/Mart/fonts/Museo Sans 300 Italic.otf ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Mart/fonts/Museo Sans 300.otf ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Mart/fonts/Museo Sans 500.otf ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Mart/fonts/Museo Sans 700.otf ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Mart/index.html ADDED Viewed

@@ -0,0 +1,81 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <title>App 9</title>
+    <link href="css/styles.css" rel="stylesheet" type="text/css" />
+    <!-- DataBinder -->
+    <script src="js/helpers/util.js"></script>
+</head>
+<body>
+    <!-- First Screen-->
+    <div class="bannerBackground animated fadeOut">
+        <img data-bind-appNine="bannerBackground"></img>
+    </div>
+    <!-- Second Screen-->
+    <!-- Upper Part -->
+    <div class="banner animated bounceInDown">
+        <img data-bind-appNine="banner"></img>
+    </div>
+    <div class="bannerIcon animated3s fadeIn">
+        <img data-bind-appNine="bannerIcon"></img>
+    </div>
+    <div class="bannerAdTextLine1 animated32s fadeIn" data-bind-appNine="bannerAdTextLine1"></div>
+    <div class="bannerAdTextLine2 animated35s fadeIn" data-bind-appNine="bannerAdTextLine2"></div>
+    <div class="line1 bannerAdvertisement animated4s fadeIn" data-bind-appNine="bannerAdvertisementLine1"></div>
+    <div class="line2 bannerAdvertisement animated45s fadeIn" data-bind-appNine="bannerAdvertisementLine2"></div>
+    <div class="line3 bannerAdvertisement animated5s fadeIn" data-bind-appNine="bannerAdvertisementLine3"></div>
+    <!-- Below Part -->
+    <div class="horizontalLineSeperator line1 animated4s fadeIn"></div>
+    <div class="horizontalLineSeperator line2 animated45s fadeIn"></div>
+    <div class="horizontalLineSeperator line3 animated5s fadeIn"></div>
+    <div class="advertisements animated4s fadeIn">
+        <div class="adBannerImage">
+            <img data-bind-appNine="adImage1"></img>
+        </div>
+        <div class="adBannerOfferImage animated45s pulse" data-bind-appNine="adBanner1Offer"></div>
+        <!-- Banner Info -->
+        <div class="adBannerName adBannerLeft" data-bind-appNine="adBanner1Name"></div>
+        <div class="adBannerDesc adBannerLeft" data-bind-appNine="adBanner1Desc"></div>
+        <div class="adBannerPrice adBannerLeft" data-bind-appNine="adBanner1Price"></div>
+    </div>
+    <div class="advertisements animated43s fadeIn">
+        <div class="adBannerImage adImage2">
+            <img data-bind-appNine="adImage2"></img>
+        </div>
+        <!-- Banner Info -->
+        <div class="adBannerName adBannerLeft" data-bind-appNine="adBanner2Name"></div>
+        <div class="adBannerDesc adBannerLeft" data-bind-appNine="adBanner2Desc"></div>
+        <div class="adBannerPrice adBannerLeft" data-bind-appNine="adBanner2Price"></div>
+    </div>
+    <div class="advertisements animated46s fadeIn">
+        <div class="adBannerImage adImage3">
+            <img data-bind-appNine="adImage3"></img>
+        </div>
+        <!-- Banner Info -->
+        <div class="adBannerName adBannerLeft" data-bind-appNine="adBanner3Name"></div>
+        <div class="adBannerDesc adBannerLeft" data-bind-appNine="adBanner3Desc"></div>
+        <div class="adBannerPrice adBannerLeft" data-bind-appNine="adBanner3Price"></div>
+    </div>
+    <div class="advertisements animated49s fadeIn">
+        <div class="adBannerImage adImage4">
+            <img data-bind-appNine="adImage4"></img>
+        </div>
+        <div class="adBannerOfferImage animated5s pulse" data-bind-appNine="adBanner4Offer"></div>
+        <!-- Banner Info -->
+        <div class="adBannerName adBannerLeft" data-bind-appNine="adBanner4Name"></div>
+        <div class="adBannerDesc adBannerLeft" data-bind-appNine="adBanner4Desc"></div>
+        <div class="adBannerPrice adBannerLeft" data-bind-appNine="adBanner4Price"></div>
+    </div>
+</body>
+<script src="js/controller.js"></script>
+</html>

package/files/templates/signage-sdk-templates/Mart/js/controller.js ADDED Viewed

@@ -0,0 +1,102 @@
+/*global BindClass: false */
+/*jslint browser:true, indent:4 */
+/**
+ * @file Manages the configuration of the HTML application.
+ * Loading the JSON data in application to binding the data into the page.
+ * @author LG CSP-1
+ */
+var dataSet,
+/**
+ * Timer to reload the Application in seconds
+ *  @default
+ */
+    appReload = 10;
+/**
+ * Binds data to HTML Page.
+ * @method bindData
+ * @param {Object} jsonData - Object contains data to put into HTML
+ * @example
+ * For Example :
+ * 'jsonData.bannerBackground' will hold the path of an image to be set into the html page.
+ * For Img Tag attribute 'data-bind-appNine', we set value as 'bannerBackground'(See Below).
+ *
+ *     //  img data-bind-appNine = "bannerBackground"
+ *
+ * To set the value from Object to html tag, we need to put the code :
+ *     //  info.set('bannerBackground', jsonData.bannerBackground)
+ *
+ * here, first argument is the name of html tag's attribute value and,
+ *             second is the value from javascript Object.
+*/
+function bindData(jsonData) {
+    'use strict';
+    /* Data Binding */
+    var info = new BindClass('appNine');
+    /* First Screen Background */
+    info.set('bannerBackground', jsonData.bannerBackground);
+    /* Second Screen */
+    /* logo and banner */
+    info.set('bannerIcon', jsonData.bannerIcon);
+    info.set('banner', jsonData.banner);
+    /* Ad-Text */
+    info.set('bannerAdTextLine1', jsonData.bannerAdTextLine1);
+    info.set('bannerAdTextLine2', jsonData.bannerAdTextLine2);
+    info.set('bannerAdvertisementLine1', jsonData.bannerAdvertisementLine1);
+    info.set('bannerAdvertisementLine2', jsonData.bannerAdvertisementLine2);
+    info.set('bannerAdvertisementLine3', jsonData.bannerAdvertisementLine3);
+    /* Advertisement-1 */
+    info.set('adBanner1Offer', jsonData.adBanner1Offer);
+    info.set('adBanner1Name', jsonData.adBanner1Name);
+    info.set('adBanner1Desc', jsonData.adBanner1Desc);
+    info.set('adBanner1Price', jsonData.adBanner1Price);
+    info.set('adImage1', jsonData.adImage1);
+    /* Advertisement-2 */
+    info.set('adBanner2Offer', jsonData.adBanner2Offer);
+    info.set('adBanner2Name', jsonData.adBanner2Name);
+    info.set('adBanner2Desc', jsonData.adBanner2Desc);
+    info.set('adBanner2Price', jsonData.adBanner2Price);
+    info.set('adImage2', jsonData.adImage2);
+    /* Advertisement-3 */
+    info.set('adBanner3Offer', jsonData.adBanner3Offer);
+    info.set('adBanner3Name', jsonData.adBanner3Name);
+    info.set('adBanner3Desc', jsonData.adBanner3Desc);
+    info.set('adBanner3Price', jsonData.adBanner3Price);
+    info.set('adImage3', jsonData.adImage3);
+    /* Advertisement-4 */
+    info.set('adBanner4Offer', jsonData.adBanner4Offer);
+    info.set('adBanner4Name', jsonData.adBanner4Name);
+    info.set('adBanner4Desc', jsonData.adBanner4Desc);
+    info.set('adBanner4Price', jsonData.adBanner4Price);
+    info.set('adImage4', jsonData.adImage4);
+}
+/**
+ * Represents Ajax Reauest to load JSON Data.
+ * @method loadDoc
+ * @param {string} method - method of the request.
+ * @param {string} url - url of the request.
+ */
+function loadDoc(method, url) {
+    'use strict';
+    var req = new XMLHttpRequest();
+    req.open(method, url, false);
+    req.onload = function () {
+        dataSet = JSON.parse(req.responseText);
+        bindData(dataSet);
+    };
+    req.onerror = function () {
+        throw 'Cannot load file ' + url;
+    };
+    req.send();
+}
+/** @function */
+loadDoc('GET', 'data/data.json');
+/* Reload Signage App*/
+(function () {
+    'use strict';
+    setTimeout(function () {
+        window.location.reload();
+    }, appReload * 1000);
+}());

package/files/templates/signage-sdk-templates/Mart/js/helpers/util.js ADDED Viewed

@@ -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/Mart/readme.txt ADDED Viewed

@@ -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/Mart/res/images/tpl_09_img.png ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Mart/res/images/tpl_09_img_bg.png ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Mart/res/images/tpl_09_img_brand.png ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Mart/res/images/tpl_09_img_list_01.png ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Mart/res/images/tpl_09_img_list_02.png ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Mart/res/images/tpl_09_img_list_03.png ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Mart/res/images/tpl_09_img_list_04.png ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Mart/res/images/tpl_09_img_tag.png ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Mart/res/images/tpl_09_logo.png ADDED Viewed

Binary file

package/files/templates/signage-sdk-templates/Multimedia_Advertisement/css/styles.css ADDED Viewed

@@ -0,0 +1,40 @@
+html, body, div#carouselSlider {
+    height: 1080px;
+    width: 1920px;
+}
+* {
+    margin: 0;
+    padding: 0;
+    border: 0;
+}
+div#carouselSlider {
+    overflow: hidden;
+    position: relative;
+}
+ul {
+    list-style-type: none;
+    position: absolute;
+	overflow: hidden;
+}
+ul li { float:left; }
+/* animation : Set animation speed here as well as in js file*/
+.animateSlideIn {
+    -webkit-animation-duration: 1.2s;
+    -webkit-animation-name: slideInLeft;
+    -webkit-animation-timing-function: cubic-bezier(0.45,0.55,0.55,1);
+}
+@-webkit-keyframes slideInLeft {
+    0% {} 100% {
+        -webkit-transform: translate3d(-100%, 0, 0);
+    }
+}
+.animateSlideInRight {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-name: slideInRight;
+    -webkit-animation-timing-function: cubic-bezier(0.45,0.55,0.55,1);
+}
+@-webkit-keyframes slideInRight {
+    0% {} 100% {
+        -webkit-transform: translate3d(100%, 0, 0);
+    }
+}

package/files/templates/signage-sdk-templates/Multimedia_Advertisement/data/data.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+    "videoPath1": "res/videos/tpl_02_video_01.mp4",
+    "videoPath2": "res/videos/tpl_02_video_02.mp4",
+    "image": "res/images/tpl_02_img_poster.jpg"
+}

package/files/templates/signage-sdk-templates/Multimedia_Advertisement/index.html ADDED Viewed

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Content Switching</title>
+    <link href="css/styles.css" rel="stylesheet" type="text/css" />
+    <script src="js/helpers/util.js"></script>
+</head>
+<body>
+    <div id="carouselSlider">
+        <ul id="carousel">
+            <li class="active">
+                <video width="1920" height="1080" preload="auto" id="id0" data-bind-appTwo="video1">
+                </video>
+            </li>
+            <li>
+                <video width="1920" height="1080" preload="auto" id="id0" data-bind-appTwo="video2">
+                </video>
+            </li>
+    	<li>
+                 <img width="1920" height="1080" data-bind-appTwo="image" />
+            </li>
+        </ul>
+    </div>
+</body>
+<script src="js/controller.js"></script>
+</html>