@xibosignage/xibo-layout-renderer 1.0.5 → 1.0.6

package/dist/xibo-layout-renderer.js

@@ -71382,6 +71382,7 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
     currentLayoutId: null,
     currentLayout: undefined,
     nextLayout: undefined,
+    emitter: {},
     bootstrap: function bootstrap() {},
     init: function init() {
       return Promise.resolve({});
@@ -71470,6 +71471,39 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
       options: options
     };
     var xlrObject = _objectSpread2({}, initialXlr);
+    var emitter = createNanoEvents();
+    xlrObject.emitter = emitter;
+    xlrObject.emitter.on('layoutChange', /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(layoutId) {
+        var _xlrObject$nextLayout, _targetLayout, _targetLayout2;
+        var targetLayout;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (layoutId === ((_xlrObject$nextLayout = xlrObject.nextLayout) === null || _xlrObject$nextLayout === void 0 ? void 0 : _xlrObject$nextLayout.layoutId)) {
+                targetLayout = {
+                  layout: xlrObject.nextLayout,
+                  pos: exports.ELayoutType.NEXT
+                };
+              }
+              if (!((_targetLayout = targetLayout) !== null && _targetLayout !== void 0 && _targetLayout.layout && (_targetLayout2 = targetLayout) !== null && _targetLayout2 !== void 0 && _targetLayout2.pos)) {
+                _context.next = 5;
+                break;
+              }
+              _context.next = 4;
+              return xlrObject.prepareLayoutXlf(xlrObject.nextLayout);
+            case 4:
+              xlrObject.nextLayout = _context.sent;
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
     xlrObject.bootstrap = function () {
       // Place to set configurations and initialize required props
       var self = this;
@@ -71511,11 +71545,11 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
       this.updateLayouts(inputLayouts);
     };
     xlrObject.updateLayouts = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(inputLayouts) {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(inputLayouts) {
         var _this2 = this;
         var xlr, _this$currentLayout, _this$nextLayout, currLayoutIndex, nxtLayoutIndex, tempOldNxtLayout, newNxtLayoutIndex, tempNxtLayout, hasOldNxtLayout, oldNxtLayoutIndex, _this$nextLayout2, tempNewNxtLayout;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               /**
                * @TODO
@@ -71538,19 +71572,19 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
                 var _this2$currentLayout;
                 return inputLayout.layoutId === ((_this2$currentLayout = _this2.currentLayout) === null || _this2$currentLayout === void 0 ? void 0 : _this2$currentLayout.layoutId);
               }).length === 0)) {
-                _context.next = 11;
+                _context2.next = 11;
                 break;
               }
               // Unset currentLayout, nextLayout and layouts
               this.layouts = [];
               this.currentLayout = undefined;
               this.nextLayout = undefined;
-              _context.next = 7;
+              _context2.next = 7;
               return this.prepareLayouts();
             case 7:
-              xlr = _context.sent;
+              xlr = _context2.sent;
               this.playSchedules(xlr);
-              _context.next = 40;
+              _context2.next = 40;
               break;
             case 11:
               /** Case 2: When currentLayout is in inputLayouts, then continue playing
@@ -71565,18 +71599,18 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
               tempOldNxtLayout = this.layouts[nxtLayoutIndex];
               newNxtLayoutIndex = currLayoutIndex + 1;
               if (!(nxtLayoutIndex !== newNxtLayoutIndex)) {
-                _context.next = 33;
+                _context2.next = 33;
                 break;
               }
               // Delete old nextLayout
               delete this.layouts[nxtLayoutIndex];
               if (!Boolean(this.layouts[newNxtLayoutIndex])) {
-                _context.next = 22;
+                _context2.next = 22;
                 break;
               }
               this.nextLayout = this.layouts[newNxtLayoutIndex];
               this.layouts[newNxtLayoutIndex] = this.nextLayout;
-              _context.next = 31;
+              _context2.next = 31;
               break;
             case 22:
               // Check if newNxtLayoutIndex is still within inputLayouts
@@ -71585,14 +71619,14 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
                 newNxtLayoutIndex = 0;
               }
               if (!Boolean(inputLayouts[newNxtLayoutIndex])) {
-                _context.next = 29;
+                _context2.next = 29;
                 break;
               }
               tempNxtLayout = _objectSpread2(_objectSpread2({}, initialLayout), inputLayouts[newNxtLayoutIndex]);
-              _context.next = 27;
+              _context2.next = 27;
               return this.prepareLayoutXlf(tempNxtLayout);
             case 27:
-              this.nextLayout = _context.sent;
+              this.nextLayout = _context2.sent;
               this.layouts[newNxtLayoutIndex] = this.nextLayout;
             case 29:
               // Move old nextLayout to its index
@@ -71604,18 +71638,18 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
                 this.layouts[oldNxtLayoutIndex] = tempOldNxtLayout;
               }
             case 31:
-              _context.next = 40;
+              _context2.next = 40;
               break;
             case 33:
               if (!(inputLayouts[nxtLayoutIndex].layoutId !== ((_this$nextLayout2 = this.nextLayout) === null || _this$nextLayout2 === void 0 ? void 0 : _this$nextLayout2.layoutId))) {
-                _context.next = 39;
+                _context2.next = 39;
                 break;
               }
               tempNewNxtLayout = _objectSpread2(_objectSpread2({}, initialLayout), inputLayouts[nxtLayoutIndex]);
-              _context.next = 37;
+              _context2.next = 37;
               return this.prepareLayoutXlf(tempNewNxtLayout);
             case 37:
-              this.nextLayout = _context.sent;
+              this.nextLayout = _context2.sent;
               this.layouts[nxtLayoutIndex] = this.nextLayout;
             case 39:
               // Remove old nextLayout if it's not in inputLayouts
@@ -71628,19 +71662,19 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
               }
             case 40:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
+      return function (_x2) {
+        return _ref2.apply(this, arguments);
       };
     }();
-    xlrObject.prepareLayouts = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    xlrObject.prepareLayouts = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var _xlrLayouts$current;
       var self, xlrLayouts, layoutsXlf, layouts;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             self = this; // Get layouts
             xlrLayouts = getLayout({
@@ -71659,13 +71693,13 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
                 return [].concat(_toConsumableArray(coll), [self.prepareLayoutXlf(item)]);
               }, []);
             };
-            _context2.next = 7;
+            _context3.next = 7;
             return Promise.all(layoutsXlf());
           case 7:
-            layouts = _context2.sent;
+            layouts = _context3.sent;
             console.debug('prepareLayouts::layouts', layouts);
             console.debug('prepareLayouts::xlr>layouts', self.layouts);
-            return _context2.abrupt("return", new Promise(function (resolve) {
+            return _context3.abrupt("return", new Promise(function (resolve) {
               layouts.map(function (layoutItem) {
                 if (!Boolean(self.layouts[layoutItem.index])) {
                   self.layouts[layoutItem.index] = layoutItem;
@@ -71684,16 +71718,16 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
             }));
           case 11:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2, this);
+      }, _callee3, this);
     }));
     xlrObject.prepareLayoutXlf = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(inputLayout) {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(inputLayout) {
         var _this3 = this;
         var self, newOptions, layoutXlf, layoutXlfNode, parser;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               self = this; // Compose layout props first
               newOptions = Object.assign({}, platform);
@@ -71704,21 +71738,21 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
                 newOptions.xlfUrl = inputLayout.path;
               }
               if (!(inputLayout && inputLayout.layoutNode === null)) {
-                _context3.next = 12;
+                _context4.next = 12;
                 break;
               }
-              _context3.next = 7;
+              _context4.next = 7;
               return getXlf(newOptions);
             case 7:
-              layoutXlf = _context3.sent;
+              layoutXlf = _context4.sent;
               parser = new window.DOMParser();
               layoutXlfNode = parser.parseFromString(layoutXlf, 'text/xml');
-              _context3.next = 13;
+              _context4.next = 13;
               break;
             case 12:
               layoutXlfNode = inputLayout && inputLayout.layoutNode;
             case 13:
-              return _context3.abrupt("return", new Promise(function (resolve) {
+              return _context4.abrupt("return", new Promise(function (resolve) {
                 var xlrLayoutObj = initialLayout;
                 xlrLayoutObj.id = Number(inputLayout.layoutId);
                 xlrLayoutObj.layoutId = Number(inputLayout.layoutId);
@@ -71728,12 +71762,12 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
               }));
             case 14:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3, this);
+        }, _callee4, this);
       }));
-      return function (_x2) {
-        return _ref3.apply(this, arguments);
+      return function (_x3) {
+        return _ref4.apply(this, arguments);
       };
     }();
     xlrObject.bootstrap();