@denevads/dnv-smo 1.0.27 → 1.0.29

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="JSConstantReassignment" enabled="false" level="ERROR" enabled_by_default="false" />
+  </profile>
+</component>

package/README.md

@@ -1,84 +1,84 @@
-#Introducción 
-Librería de interfaz de comunicaciones entre un objeto HTML5 y las funciones de un player de DenevaDS.
+# Introduction 
+Communication interface library between an HTML5 object and the functions of a Digital Signage Player from DenevaDS CMS.
 
-Aquí definiremos el uso de la librería y las funciones que la misma provee
+Here we define the use of the library and the functions provided by the library
 
 
-# Instalación
-La librería esta pensada para ser usada junto con Angular, de manera que si no contamos con el cli de angular en el sistema conviene instalarlo para inicializar el proyecto.
+# Instalation
+The library is intended to be used together with Angular, so if we do not have the Angular CLI in the system it is convenient to install it to initialize the project.
 ```sh
 npm install -g @angular/cli
 ```
-Inicializamos un proyecto de prueba llamado html-deneva en la ruta en la que estemos.
+We start a test project called html-deneva in the path we are in.
 ```sh
 ng new html-deneva
 ```
-Una vez que ya tenemos la estructura básica del proyecto podemos instalar la librería en el proyecto ejecutando la siguiente liena dentro de la carpeta del mismo:
+Once we have the basic structure of the project we can install the library in the project by executing the following line inside the project folder:
 ```sh
 npm install @denevads/dnv-smo
 ```
 
-# Inicialización
+# Initialization
 
-Una vez que tengamos el proyecto de angular inicializado, procedemos importar el módulo.
+Once we have the Angular project initialized, we proceed to import the module.
 
-Dentro de la definición del app.module en la carpeta app, importamos la librería.
+Inside the app.module definition in the app folder, we import the library.
 ```ts
  import { SMO } from '@denevads/dnv-smo/dist/smo'; 
 ```
-y lo añadimos como provider en @NgModule
+and then add it as a provider in @NgModule
 ```ts
 providers: [SMO]
 ```
 
-Ahora ya solo bastaría con añadirlo al componente del angular y empezar a usarlo.
+Now all you have to do is add it to the Angular component and start using it.
 
-De nuevo en app.component importamos la librería
+Again in app.component we import the library
 ```js
 import { LogLevel, SMO } from '@denevads/dnv-smo/dist/smo'
 ```
-Y en la exportación de la clase AppComponent añadimos el constructor
+And in the export of the AppComponent class, we add the constructor
 ```js
 constructor(private smo:SMO){ }
 ```
-De esta manera ya tendríamos disponible para su uso todas las llamadas que aporta la librería usando 
+In this way we would already have available for use all the calls provided by the library using 
 ```js
 this.smo.
 ```
-También en la importacion hemos traído la enumeración de los niveles de log, que sirven para loggear en el disco del equipo.
-El uso sería de la siguiente forma.
+Also in the import we have brought the enumeration of the log levels, which are used to log in the local storage.
+The usage would be as follows:
 ```js
-this.smo.smoCallBacks.smoLog('Mensaje de prueba',LogLevel.Info);
+this.smo.smoCallBacks.smoLog('Test Message',LogLevel.Info);
 ```
 
-# Compilación y empaquetado.
+# Compilation and packaging.
 
-Para que el proyecto pueda funcionar en un equipo sin problemas hay que hacer un par de cambios en el código del proyecto por defecto.
+In order for the project to run on a computer without problems, a couple of changes must be made to the default project code.
 
-El primero de ellos es modificar el tsconfig.json para que el "target" sea "ES5" en lugar de "ES2022"
+The first one is to modify the tsconfig.json so that the "target" is "ES5" instead of "ES2022".
 
 
-Y el segundo cambio es en archivo de index. Aquí haremos dos cosas. 
--Borraremos la importación del favicon (además de borrarlo de la carpeta de archivos).
--Y cambiamos la línea
+And the second change is in the index file. Here we will do two things: 
+-Delete the favicon import (in addition to deleting it from the file folder).
+-And we change the line
 ```html
 <base href="/"> 
 ```
-por 
+to 
 ```html
 <script>document.write('<base href="' + document.location + '" />');</script>
 ```
-Con estos cambios hechos, podemos compilar el proyecto ejecutando la línea
+With these changes made, we can compile the project by executing the command line
 ```sh
 ng b
 ```
-Esto nos generara una carpeta dist, con el contenido de nuestro HTML5 compilado.
+This will generate a dist folder with the content of our compiled HTML5.
 
-Para poder subirlo al player de deneva, simplemente tenemos que crear un zip con el contenido en la raíz, y le cambiaremos la extensión por 
+In order to upload it to the deneva player, we simply have to create a zip with the content in the root, and change the extension to 
 ```sh
 .wgt
 ```
 
 npm run build
 npm login
-npm publish
+npm publish

package/dist/smo.js

@@ -23,7 +23,9 @@ var SMO = /** @class */ (function () {
             this.vars[decode(match[1])] = decode(match[2]);
         }
         // @ts-ignore
-        if (window.objJS) {
+        if (window.objJS != undefined && window !== window.parent && this.vars.ontop != undefined && this.vars.ontop != "") {
+            // @ts-ignore
+            console.log("Existe objJS en window -->" + JSON.stringify(window.objJS));
             // @ts-ignore
             window.sendToIframefromNet = function (target, iframeID, objData) {
                 console.log("sendToIframefromNet->", JSON.stringify(target));
@@ -36,6 +38,7 @@ var SMO = /** @class */ (function () {
                         break;
                 }
             };
+            // @ts-ignore
             window.external = {
                 // @ts-ignore
                 URLNext: window.objJS.urlNext,
@@ -104,6 +107,7 @@ var SMO = /** @class */ (function () {
             };
         }
         else {
+            console.log("No existe objJS en window");
             if (this.vars.idSmo) {
                 this.id = this.vars.idSmo;
                 if (this.vars["LowPower"] == "true" && (this.vars["url"] != undefined || this.vars["LocalData"] != undefined)) {
@@ -127,6 +131,7 @@ var SMO = /** @class */ (function () {
                 return;
             }
             console.warn("No idSmo found in URL");
+            return;
         }
         if (this.vars.idSmo) {
             this.id = this.vars.idSmo;
@@ -711,40 +716,44 @@ var Utils = /** @class */ (function () {
         window.parent.postMessage(obj, dest);
     };
     Utils.prototype.setJsonObj = function (xml) {
-        var js_obj = {};
+        var jsonObj = {};
         if (xml.nodeType == 1) { // Element
             if (xml.attributes.length > 0) {
-                js_obj["@attributes"] = {};
+                jsonObj["ATTRIBUTES"] = {};
                 for (var j = 0; j < xml.attributes.length; j++) {
                     var attribute = xml.attributes.item(j);
-                    js_obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
+                    jsonObj["ATTRIBUTES"][attribute.nodeName] = attribute.nodeValue;
                 }
             }
         }
         else if (xml.nodeType == 3) { // Text
-            js_obj = xml.nodeValue;
+            jsonObj = xml.nodeValue.trim();
         }
         else if (xml.nodeType == 4) { // CDATA
-            js_obj = xml.nodeValue;
+            jsonObj = xml.nodeValue.trim();
         }
         if (xml.hasChildNodes()) {
             for (var i = 0; i < xml.childNodes.length; i++) {
-                var item = xml.childNodes.item(i);
+                var item = xml.childNodes[i];
                 var nodeName = item.nodeName;
-                if (typeof (js_obj[nodeName]) == "undefined") {
-                    js_obj[nodeName] = this.setJsonObj(item);
+                if (nodeName == "#text" && item.nodeType == 3) {
+                    jsonObj = item.nodeValue.trim();
+                }
+                else if (nodeName == "#cdata-section" && (item.nodeType == 4 || item.nodeType == 3)) { //Para que quede bonito
+                    jsonObj["CDATA"] = this.setJsonObj(item);
+                }
+                else if (typeof jsonObj[nodeName] === "undefined") {
+                    jsonObj[nodeName] = this.setJsonObj(item);
                 }
                 else {
-                    if (typeof (js_obj[nodeName].push) == "undefined") {
-                        var old = js_obj[nodeName];
-                        js_obj[nodeName] = [];
-                        js_obj[nodeName].push(old);
+                    if (!Array.isArray(jsonObj[nodeName])) {
+                        jsonObj[nodeName] = [jsonObj[nodeName]];
                     }
-                    js_obj[nodeName].push(this.setJsonObj(item));
+                    jsonObj[nodeName].push(this.setJsonObj(item));
                 }
             }
         }
-        return js_obj;
+        return jsonObj;
     };
     Utils.prototype.dataToJSON = function (data) {
         try {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@denevads/dnv-smo",
-    "version": "1.0.27",
+    "version": "1.0.29",
     "description": "SMO module",
     "main": "./src/index.js",
     "types": "./src/index.d.ts",

package/src/smo.ts

@@ -11,10 +11,7 @@ import {
     GetRecursosRelleno
 } from "./interfaces/callbacks";
 import {interval, Subject, Subscription} from 'rxjs';
-interface Window {
-    external:ObjJSType;
-    objJS:ObjJSType;
-}
+
 // @ts-ignore
 
 export  class SMO  {
@@ -46,7 +43,9 @@ export  class SMO  {
             this.vars[decode(match[1])] = decode(match[2]);
         }
         // @ts-ignore
-        if(window.objJS){
+        if(window.objJS != undefined && window !== window.parent && this.vars.ontop != undefined && this.vars.ontop != ""){
+            // @ts-ignore
+            console.log("Existe objJS en window -->" + JSON.stringify(window.objJS));
             // @ts-ignore
             window.sendToIframefromNet = (target, iframeID, objData) => {
                 console.log("sendToIframefromNet->",JSON.stringify(target));
@@ -58,10 +57,8 @@ export  class SMO  {
                          this.events.checkHealthPrinter.next(objData);
                          break;
                     }
-
-
             }
-
+            // @ts-ignore
             window.external = {
                 // @ts-ignore
                 URLNext: window.objJS.urlNext,
@@ -129,6 +126,7 @@ export  class SMO  {
                 CheckHealth: window.objJS.checkHealth
             };
         }else{
+            console.log("No existe objJS en window");
             if (this.vars.idSmo) {
                 this.id = this.vars.idSmo;
                 if(this.vars["LowPower"] == "true" && (this.vars["url"] != undefined || this.vars["LocalData"] != undefined)){
@@ -152,6 +150,7 @@ export  class SMO  {
                 return;
             }
             console.warn("No idSmo found in URL");
+            return;
         }
 
         if (this.vars.idSmo) {
@@ -743,38 +742,45 @@ class Utils{
         window.parent.postMessage(obj, dest);
     }
     setJsonObj(xml: any) {
-        let js_obj = {} as any;
+        let jsonObj = {} as any;
+    
         if (xml.nodeType == 1) { // Element
             if (xml.attributes.length > 0) {
-                js_obj["@attributes"] = {};
+                jsonObj["ATTRIBUTES"] = {};
                 for (let j = 0; j < xml.attributes.length; j++) {
                     let attribute = xml.attributes.item(j);
-                    js_obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
+                    jsonObj["ATTRIBUTES"][attribute.nodeName] = attribute.nodeValue;
                 }
             }
         } else if (xml.nodeType == 3) { // Text
-            js_obj = xml.nodeValue;
+            jsonObj = xml.nodeValue.trim();
         } else if (xml.nodeType == 4) { // CDATA
-            js_obj = xml.nodeValue;
+            jsonObj = xml.nodeValue.trim();
         }
+    
         if (xml.hasChildNodes()) {
             for (let i = 0; i < xml.childNodes.length; i++) {
-                let item = xml.childNodes.item(i);
+                let item = xml.childNodes[i];
                 let nodeName = item.nodeName;
-                if (typeof (js_obj[nodeName]) == "undefined") {
-                    js_obj[nodeName] = this.setJsonObj(item);
+    
+                if (nodeName == "#text" && item.nodeType == 3) {
+                    jsonObj = item.nodeValue.trim();
+                }else if (nodeName == "#cdata-section" && (item.nodeType == 4 || item.nodeType == 3)) { //Para que quede bonito
+                    jsonObj["CDATA"] = this.setJsonObj(item);
+                } else if (typeof jsonObj[nodeName] === "undefined") {
+                    jsonObj[nodeName] = this.setJsonObj(item);
                 } else {
-                    if (typeof (js_obj[nodeName].push) == "undefined") {
-                        let old = js_obj[nodeName];
-                        js_obj[nodeName] = [];
-                        js_obj[nodeName].push(old);
+                    if (!Array.isArray(jsonObj[nodeName])) {
+                        jsonObj[nodeName] = [jsonObj[nodeName]];
                     }
-                    js_obj[nodeName].push(this.setJsonObj(item));
+                    jsonObj[nodeName].push(this.setJsonObj(item));
                 }
             }
         }
-        return js_obj;
+    
+        return jsonObj;
     }
+
     dataToJSON(data:setDatasource):any {
         try {
             var parser = new DOMParser();