@qelos/web-sdk 3.1.26 → 3.1.28

package/dist/qelos.js

@@ -1,26 +1,38 @@
 let qelosHostname = '*';
 const callbacks = new Map();
 const FROM = 'qelos-mfe';
-window.addEventListener('message', (event) => {
-    if (event.data.qelosHostname) {
-        qelosHostname = event.data.qelosHostname;
-    }
-    if (callbacks.has(event.data.eventName)) {
-        const eventCallbacks = callbacks.get(event.data.eventName);
+function onEventFromHost({ eventName, payload } = {}) {
+    if (callbacks.has(eventName)) {
+        const eventCallbacks = callbacks.get(eventName);
         eventCallbacks.forEach((item) => {
-            item.callback(event.data.payload);
+            item.callback(payload);
             if (item.once) {
                 eventCallbacks.delete(item);
             }
         });
     }
+}
+window.addEventListener('message', (event) => {
+    if (event.data.qelosHostname) {
+        qelosHostname = event.data.qelosHostname;
+    }
+    if (event.data.events instanceof Array) {
+        event.data.events.forEach(onEventFromHost);
+    }
 });
-export function dispatch(eventName, payload) {
+const events = [];
+function dispatchEvents() {
     window.parent.postMessage({
         from: FROM,
-        eventName,
-        payload
+        events
     }, qelosHostname);
+    events.length = 0;
+}
+export function dispatch(eventName, payload) {
+    if (!events.length) {
+        requestAnimationFrame(dispatchEvents);
+    }
+    events.push({ eventName, payload });
 }
 export function on(eventName, callback, { once } = { once: false }) {
     if (!callbacks.has(eventName)) {

package/dist/qelos.js.map

@@ -1 +1 @@
-{"version":3,"file":"qelos.js","sourceRoot":"","sources":["../src/qelos.ts"],"names":[],"mappings":"AAAA,IAAI,aAAa,GAAG,GAAG,CAAC;AAExB,MAAM,SAAS,GAAG,IAAI,GAAG,EAA4C,CAAC;AAEtE,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;IAC3C,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE;QAC5B,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;KAC1C;IACD,IAAI,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;QACvC,MAAM,cAAc,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3D,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC9B,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAClC,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;aAC7B;QACH,CAAC,CAAC,CAAA;KACH;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,QAAQ,CAAC,SAAiB,EAAE,OAAa;IACvD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;QACxB,IAAI,EAAE,IAAI;QACV,SAAS;QACT,OAAO;KACR,EAAE,aAAa,CAAC,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,SAAiB,EAAE,QAAmC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,KAAK,EAAC;IAC/F,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;QAC7B,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,GAAG,EAAE,CAAC,CAAA;KACpC;IACD,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,EAAC,CAAC,CAAC;AAChE,CAAC"}
+{"version":3,"file":"qelos.js","sourceRoot":"","sources":["../src/qelos.ts"],"names":[],"mappings":"AAAA,IAAI,aAAa,GAAG,GAAG,CAAC;AAExB,MAAM,SAAS,GAAG,IAAI,GAAG,EAA4C,CAAC;AAEtE,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB,SAAS,eAAe,CAAC,EAAC,SAAS,EAAE,OAAO,KAAS,EAAE;IACrD,IAAI,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;QAC5B,MAAM,cAAc,GAAG,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAChD,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC9B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACvB,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;aAC7B;QACH,CAAC,CAAC,CAAA;KACH;AACH,CAAC;AAED,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;IAC3C,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE;QAC5B,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;KAC1C;IACD,IAAG,KAAK,CAAC,IAAI,CAAC,MAAM,YAAY,KAAK,EAAE;QACrC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;KAC5C;AACH,CAAC,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,EAAE,CAAC;AAElB,SAAS,cAAc;IACrB,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;QACxB,IAAI,EAAE,IAAI;QACV,MAAM;KACP,EAAE,aAAa,CAAC,CAAC;IAClB,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,SAAiB,EAAE,OAAa;IACvD,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;QAClB,qBAAqB,CAAC,cAAc,CAAC,CAAA;KACtC;IACD,MAAM,CAAC,IAAI,CAAC,EAAC,SAAS,EAAE,OAAO,EAAC,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,SAAiB,EAAE,QAAmC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,KAAK,EAAC;IAC/F,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;QAC7B,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,GAAG,EAAE,CAAC,CAAA;KACpC;IACD,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,EAAC,CAAC,CAAC;AAChE,CAAC"}

package/dist/route.js

@@ -1,4 +1,4 @@
-import { on } from './qelos';
+import { dispatch, on } from './qelos';
 let currentRoute;
 let subscribers;
 export function getCurrentRoute() {
@@ -10,6 +10,7 @@ export function onRouteChanged(callback) {
     }
     subscribers.add(callback);
 }
+dispatch('routeChangedInterested');
 on('routeChanged', route => {
     currentRoute = route;
     if (subscribers && subscribers.size) {

package/dist/route.js.map

@@ -1 +1 @@
-{"version":3,"file":"route.js","sourceRoot":"","sources":["../src/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,SAAS,CAAC;AAE3B,IAAI,YAAY,CAAC;AACjB,IAAI,WAAW,CAAC;AAEhB,MAAM,UAAU,eAAe;IAC7B,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,QAAQ;IACrC,IAAI,CAAC,WAAW,EAAE;QAChB,WAAW,GAAG,IAAI,GAAG,EAAE,CAAC;KACzB;IACD,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAC5B,CAAC;AAED,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE;IACzB,YAAY,GAAG,KAAK,CAAC;IACrB,IAAI,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE;QACnC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;KAC5C;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../src/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAC,MAAM,SAAS,CAAC;AAErC,IAAI,YAAY,CAAC;AACjB,IAAI,WAAW,CAAC;AAEhB,MAAM,UAAU,eAAe;IAC7B,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,QAAQ;IACrC,IAAI,CAAC,WAAW,EAAE;QAChB,WAAW,GAAG,IAAI,GAAG,EAAE,CAAC;KACzB;IACD,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAC5B,CAAC;AAED,QAAQ,CAAC,wBAAwB,CAAC,CAAC;AAEnC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE;IACzB,YAAY,GAAG,KAAK,CAAC;IACrB,IAAI,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE;QACnC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;KAC5C;AACH,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qelos/web-sdk",
-  "version": "3.1.26",
+  "version": "3.1.28",
   "description": "Frontend Web SDK for Qelos API",
   "main": "./dist/index.js",
   "scripts": {

package/src/qelos.ts

@@ -4,27 +4,42 @@ const callbacks = new Map<string, Set<{ callback, once: boolean }>>();
 
 const FROM = 'qelos-mfe';
 
-window.addEventListener('message', (event) => {
-  if (event.data.qelosHostname) {
-    qelosHostname = event.data.qelosHostname;
-  }
-  if (callbacks.has(event.data.eventName)) {
-    const eventCallbacks = callbacks.get(event.data.eventName);
+function onEventFromHost({eventName, payload}: any = {}) {
+  if (callbacks.has(eventName)) {
+    const eventCallbacks = callbacks.get(eventName);
     eventCallbacks.forEach((item) => {
-      item.callback(event.data.payload);
+      item.callback(payload);
       if (item.once) {
         eventCallbacks.delete(item);
       }
     })
   }
-})
+}
 
-export function dispatch(eventName: string, payload?: any) {
+window.addEventListener('message', (event) => {
+  if (event.data.qelosHostname) {
+    qelosHostname = event.data.qelosHostname;
+  }
+  if(event.data.events instanceof Array) {
+    event.data.events.forEach(onEventFromHost);
+  }
+});
+
+const events = [];
+
+function dispatchEvents() {
   window.parent.postMessage({
     from: FROM,
-    eventName,
-    payload
+    events
   }, qelosHostname);
+  events.length = 0;
+}
+
+export function dispatch(eventName: string, payload?: any) {
+  if (!events.length) {
+    requestAnimationFrame(dispatchEvents)
+  }
+  events.push({eventName, payload});
 }
 
 export function on(eventName: string, callback: (payload: any) => unknown, {once} = {once: false}) {

package/src/route.ts

@@ -1,4 +1,4 @@
-import {on} from './qelos';
+import {dispatch, on} from './qelos';
 
 let currentRoute;
 let subscribers;
@@ -14,6 +14,8 @@ export function onRouteChanged(callback) {
   subscribers.add(callback);
 }
 
+dispatch('routeChangedInterested');
+
 on('routeChanged', route => {
   currentRoute = route;
   if (subscribers && subscribers.size) {