@xibosignage/xibo-layout-renderer 1.0.9 → 1.0.10

package/dist/xibo-layout-renderer.d.ts

@@ -71,6 +71,7 @@ interface IMedia {
     region: IRegion;
     fileId: string;
     emitter: Emitter<IMediaEvents>;
+    enableStat: boolean;
 }
 declare const initialMedia: IMedia;
 
@@ -190,6 +191,7 @@ type OptionsType = {
 interface ILayout {
     id: number | null;
     layoutId: number | null;
+    scheduleId?: number;
     sw: number | null;
     sh: number | null;
     xw: number | null;
@@ -228,6 +230,7 @@ interface ILayout {
     resetLayout(): Promise<void>;
     index: number;
     actionController: ActionController | undefined;
+    enableStat: boolean;
 }
 declare const initialLayout: ILayout;
 type GetLayoutParamType = {

package/dist/xibo-layout-renderer.esm.js

@@ -660,7 +660,8 @@ var initialLayout = {
   },
   emitter: {},
   index: -1,
-  actionController: undefined
+  actionController: undefined,
+  enableStat: false
 };
 
 function nextId(options) {
@@ -69553,7 +69554,8 @@ var initialMedia = {
   on: function on(event, callback) {
     return {};
   },
-  emitter: {}
+  emitter: {},
+  enableStat: false
 };
 
 /*
@@ -72808,6 +72810,7 @@ function Media(region, mediaId, xml, options, xlr) {
   var mediaTimeCount = 0;
   var emitter = createNanoEvents();
   var mediaObject = _objectSpread2(_objectSpread2({}, initialMedia), props);
+  var statsBC = new BroadcastChannel('statsBC');
   var startMediaTimer = function startMediaTimer(media) {
     mediaTimer = setInterval(function () {
       mediaTimeCount++;
@@ -72831,12 +72834,32 @@ function Media(region, mediaId, xml, options, xlr) {
     } else {
       startMediaTimer(media);
     }
+    // Check if stats are enabled for the layout
+    if (media.enableStat) {
+      statsBC.postMessage({
+        action: 'START_STAT',
+        mediaId: parseInt(media.id),
+        layoutId: media.region.layout.id,
+        scheduleId: media.region.layout.scheduleId,
+        type: 'media'
+      });
+    }
   });
   emitter.on('end', function (media) {
     if (mediaTimer) {
       clearInterval(mediaTimer);
       mediaTimeCount = 0;
     }
+    // Check if stats are enabled for the layout
+    if (media.enableStat) {
+      statsBC.postMessage({
+        action: 'END_STAT',
+        mediaId: parseInt(media.id),
+        layoutId: media.region.layout.id,
+        scheduleId: media.region.layout.scheduleId,
+        type: 'media'
+      });
+    }
     media.region.playNextMedia();
   });
   mediaObject.on = function (event, callback) {
@@ -72844,7 +72867,7 @@ function Media(region, mediaId, xml, options, xlr) {
   };
   mediaObject.emitter = emitter;
   mediaObject.init = function () {
-    var _self$xml, _self$xml2, _self$xml3, _self$xml4, _self$xml5;
+    var _self$xml, _self$xml2, _self$xml3, _self$xml4, _self$xml5, _self$xml6;
     var self = mediaObject;
     self.id = props.mediaId;
     self.fileId = ((_self$xml = self.xml) === null || _self$xml === void 0 ? void 0 : _self$xml.getAttribute('fileId')) || '';
@@ -72854,9 +72877,10 @@ function Media(region, mediaId, xml, options, xlr) {
     self.mediaType = ((_self$xml2 = self.xml) === null || _self$xml2 === void 0 ? void 0 : _self$xml2.getAttribute('type')) || '';
     self.render = ((_self$xml3 = self.xml) === null || _self$xml3 === void 0 ? void 0 : _self$xml3.getAttribute('render')) || '';
     self.duration = parseInt((_self$xml4 = self.xml) === null || _self$xml4 === void 0 ? void 0 : _self$xml4.getAttribute('duration')) || 0;
+    self.enableStat = Boolean(((_self$xml5 = self.xml) === null || _self$xml5 === void 0 ? void 0 : _self$xml5.getAttribute('enableStat')) || false);
     self.options = _objectSpread2({}, props.options);
     var $mediaIframe = document.createElement('iframe');
-    var mediaOptions = (_self$xml5 = self.xml) === null || _self$xml5 === void 0 ? void 0 : _self$xml5.getElementsByTagName('options');
+    var mediaOptions = (_self$xml6 = self.xml) === null || _self$xml6 === void 0 ? void 0 : _self$xml6.getElementsByTagName('options');
     if (mediaOptions) {
       for (var _i = 0, _Array$from = Array.from(mediaOptions); _i < _Array$from.length; _i++) {
         var _options = _Array$from[_i];
@@ -73884,9 +73908,19 @@ function Layout(data, options, xlr, layout) {
     layout: layout || initialLayout
   };
   var emitter = createNanoEvents();
+  var statsBC = new BroadcastChannel('statsBC');
   emitter.on('start', function (layout) {
     layout.done = false;
     console.debug('Layout start emitted > Layout ID > ', layout.id);
+    // Check if stats are enabled for the layout
+    if (layout.enableStat) {
+      statsBC.postMessage({
+        action: 'START_STAT',
+        layoutId: layout.id,
+        scheduleId: layout.scheduleId,
+        type: 'layout'
+      });
+    }
   });
   emitter.on('end', /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(layout) {
@@ -73904,13 +73938,22 @@ function Layout(data, options, xlr, layout) {
             if ($layout !== null) {
               $layout.remove();
             }
+            // Check if stats are enabled for the layout
+            if (layout.enableStat) {
+              statsBC.postMessage({
+                action: 'END_STAT',
+                layoutId: layout.id,
+                scheduleId: layout.scheduleId,
+                type: 'layout'
+              });
+            }
             if (xlr.config.platform !== 'CMS') {
               // Transition next layout to current layout and prepare next layout if exist
               xlr.prepareLayouts().then(function (parent) {
                 xlr.playSchedules(parent);
               });
             }
-          case 6:
+          case 7:
           case "end":
             return _context.stop();
         }
@@ -73948,7 +73991,7 @@ function Layout(data, options, xlr, layout) {
     layoutObject.parseXlf();
   };
   layoutObject.parseXlf = function () {
-    var _layout$layoutNode, _layout$layoutNode2, _layout$layoutNode3, _layout$layoutNode4, _layout$layoutNode5, _layout$layoutNode6, _layout$layoutNode7, _layout$layoutNode8;
+    var _layout$layoutNode, _layout$layoutNode2, _layout$layoutNode3, _layout$layoutNode4, _layout$layoutNode5, _layout$layoutNode6, _layout$layoutNode7, _layout$layoutNode8, _layout$layoutNode9;
     var layout = this;
     var options = layout.options;
     layout.done = false;
@@ -73977,6 +74020,7 @@ function Layout(data, options, xlr, layout) {
     layout.xw = Number((_layout$layoutNode = layout.layoutNode) === null || _layout$layoutNode === void 0 || (_layout$layoutNode = _layout$layoutNode.firstElementChild) === null || _layout$layoutNode === void 0 ? void 0 : _layout$layoutNode.getAttribute('width'));
     layout.xh = Number((_layout$layoutNode2 = layout.layoutNode) === null || _layout$layoutNode2 === void 0 || (_layout$layoutNode2 = _layout$layoutNode2.firstElementChild) === null || _layout$layoutNode2 === void 0 ? void 0 : _layout$layoutNode2.getAttribute('height'));
     layout.zIndex = Number((_layout$layoutNode3 = layout.layoutNode) === null || _layout$layoutNode3 === void 0 || (_layout$layoutNode3 = _layout$layoutNode3.firstElementChild) === null || _layout$layoutNode3 === void 0 ? void 0 : _layout$layoutNode3.getAttribute('zindex')) || 0;
+    layout.enableStat = Boolean(((_layout$layoutNode4 = layout.layoutNode) === null || _layout$layoutNode4 === void 0 || (_layout$layoutNode4 = _layout$layoutNode4.firstElementChild) === null || _layout$layoutNode4 === void 0 ? void 0 : _layout$layoutNode4.getAttribute('enableStat')) || false);
     /* Calculate Scale Factor */
     layout.scaleFactor = Math.min(layout.sw / layout.xw, layout.sh / layout.xh);
     layout.sWidth = layout.xw * layout.scaleFactor;
@@ -73995,8 +74039,8 @@ function Layout(data, options, xlr, layout) {
       $layout.style.zIndex = "".concat(layout.zIndex);
     }
     /* Set the layout background */
-    layout.bgColor = ((_layout$layoutNode4 = layout.layoutNode) === null || _layout$layoutNode4 === void 0 || (_layout$layoutNode4 = _layout$layoutNode4.firstElementChild) === null || _layout$layoutNode4 === void 0 ? void 0 : _layout$layoutNode4.getAttribute('bgcolor')) || '';
-    layout.bgImage = ((_layout$layoutNode5 = layout.layoutNode) === null || _layout$layoutNode5 === void 0 || (_layout$layoutNode5 = _layout$layoutNode5.firstElementChild) === null || _layout$layoutNode5 === void 0 ? void 0 : _layout$layoutNode5.getAttribute('background')) || '';
+    layout.bgColor = ((_layout$layoutNode5 = layout.layoutNode) === null || _layout$layoutNode5 === void 0 || (_layout$layoutNode5 = _layout$layoutNode5.firstElementChild) === null || _layout$layoutNode5 === void 0 ? void 0 : _layout$layoutNode5.getAttribute('bgcolor')) || '';
+    layout.bgImage = ((_layout$layoutNode6 = layout.layoutNode) === null || _layout$layoutNode6 === void 0 || (_layout$layoutNode6 = _layout$layoutNode6.firstElementChild) === null || _layout$layoutNode6 === void 0 ? void 0 : _layout$layoutNode6.getAttribute('background')) || '';
     if (!(layout.bgImage === "" || typeof layout.bgImage === 'undefined')) {
       /* Extract the image ID from the filename */
       layout.bgId = layout.bgImage.substring(0, layout.bgImage.indexOf('.'));
@@ -74019,19 +74063,19 @@ function Layout(data, options, xlr, layout) {
       $layout.style.display = 'none';
     }
     // Create actions
-    var layoutActions = Array.from((layout === null || layout === void 0 || (_layout$layoutNode6 = layout.layoutNode) === null || _layout$layoutNode6 === void 0 ? void 0 : _layout$layoutNode6.getElementsByTagName('action')) || []);
+    var layoutActions = Array.from((layout === null || layout === void 0 || (_layout$layoutNode7 = layout.layoutNode) === null || _layout$layoutNode7 === void 0 ? void 0 : _layout$layoutNode7.getElementsByTagName('action')) || []);
     Array.from(layoutActions).forEach(function (actionXml, indx) {
       layout.actions.push(new Action((actionXml === null || actionXml === void 0 ? void 0 : actionXml.getAttribute('id')) || '', actionXml));
     });
     // Create interactive actions
     layout.actionController = new ActionController(layout, layout.actions, options);
     // Create drawer
-    var layoutDrawers = Array.from((layout === null || layout === void 0 || (_layout$layoutNode7 = layout.layoutNode) === null || _layout$layoutNode7 === void 0 ? void 0 : _layout$layoutNode7.getElementsByTagName('drawer')) || []);
+    var layoutDrawers = Array.from((layout === null || layout === void 0 || (_layout$layoutNode8 = layout.layoutNode) === null || _layout$layoutNode8 === void 0 ? void 0 : _layout$layoutNode8.getElementsByTagName('drawer')) || []);
     Array.from(layoutDrawers).forEach(function (layoutDrawerXml) {
       layout.drawer = layoutDrawerXml;
     });
     // Create regions
-    var layoutRegions = Array.from((layout === null || layout === void 0 || (_layout$layoutNode8 = layout.layoutNode) === null || _layout$layoutNode8 === void 0 ? void 0 : _layout$layoutNode8.getElementsByTagName('region')) || []);
+    var layoutRegions = Array.from((layout === null || layout === void 0 || (_layout$layoutNode9 = layout.layoutNode) === null || _layout$layoutNode9 === void 0 ? void 0 : _layout$layoutNode9.getElementsByTagName('region')) || []);
     Array.from(layoutRegions).forEach(function (regionXml, indx) {
       var regionObj = Region(layout, regionXml, (regionXml === null || regionXml === void 0 ? void 0 : regionXml.getAttribute('id')) || '', options, xlr);
       regionObj.index = indx;
@@ -74549,6 +74593,7 @@ function XiboLayoutRenderer(inputLayouts, options) {
               var xlrLayoutObj = initialLayout;
               xlrLayoutObj.id = Number(inputLayout.layoutId);
               xlrLayoutObj.layoutId = Number(inputLayout.layoutId);
+              xlrLayoutObj.scheduleId = (inputLayout === null || inputLayout === void 0 ? void 0 : inputLayout.scheduleId) || undefined;
               xlrLayoutObj.options = newOptions;
               xlrLayoutObj.index = getIndexByLayoutId(_this3.inputLayouts, xlrLayoutObj.layoutId).index;
               resolve(Layout(layoutXlfNode, newOptions, self, xlrLayoutObj));