@qelos/web-sdk 3.0.3 → 3.1.27

package/dist/index.js

@@ -1,4 +1,5 @@
 import { on } from './qelos';
+import loadStyles from './shared-style';
 export const code = (new URL(location.href)).searchParams.get('code') || 'default';
 export async function unAuthorize() {
     await fetch('/api/un-authorize', {
@@ -25,4 +26,5 @@ export async function authorize() {
     on('shutdown', unAuthorize);
     return res.json();
 }
+loadStyles();
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,SAAS,CAAC;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC;AAEnF,MAAM,CAAC,KAAK,UAAU,WAAW;IAC/B,MAAM,KAAK,CAAC,mBAAmB,EAAE;QAC/B,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACP,IAAI;SACL;KACF,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,SAAS;IAC7B,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,gBAAgB,EAAE;QACxC,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;SACnC;QACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;YACnB,SAAS;YACT,KAAK;SACN,CAAC;KACH,CAAC,CAAA;IAEF,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;IACrD,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAE5B,OAAO,GAAG,CAAC,IAAI,EAAE,CAAC;AACpB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,gBAAgB,CAAC;AAExC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC;AAEnF,MAAM,CAAC,KAAK,UAAU,WAAW;IAC/B,MAAM,KAAK,CAAC,mBAAmB,EAAE;QAC/B,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACP,IAAI;SACL;KACF,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,SAAS;IAC7B,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,gBAAgB,EAAE;QACxC,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;SACnC;QACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;YACnB,SAAS;YACT,KAAK;SACN,CAAC;KACH,CAAC,CAAA;IAEF,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;IACrD,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAE5B,OAAO,GAAG,CAAC,IAAI,EAAE,CAAC;AACpB,CAAC;AAED,UAAU,EAAE,CAAC"}

package/dist/qelos.d.ts

@@ -1,2 +1,4 @@
 export declare function dispatch(eventName: string, payload?: any): void;
-export declare function on(eventName: string, callback: (payload: any) => unknown): void;
+export declare function on(eventName: string, callback: (payload: any) => unknown, { once }?: {
+    once: boolean;
+}): void;

package/dist/qelos.js

@@ -6,7 +6,13 @@ window.addEventListener('message', (event) => {
         qelosHostname = event.data.qelosHostname;
     }
     if (callbacks.has(event.data.eventName)) {
-        callbacks.get(event.data.eventName).forEach(cb => cb(event.data.payload));
+        const eventCallbacks = callbacks.get(event.data.eventName);
+        eventCallbacks.forEach((item) => {
+            item.callback(event.data.payload);
+            if (item.once) {
+                eventCallbacks.delete(item);
+            }
+        });
     }
 });
 export function dispatch(eventName, payload) {
@@ -16,10 +22,10 @@ export function dispatch(eventName, payload) {
         payload
     }, qelosHostname);
 }
-export function on(eventName, callback) {
+export function on(eventName, callback, { once } = { once: false }) {
     if (!callbacks.has(eventName)) {
         callbacks.set(eventName, new Set());
     }
-    callbacks.get(eventName).add(callback);
+    callbacks.get(eventName).add({ callback, once: once || false });
 }
 //# sourceMappingURL=qelos.js.map

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,EAAE,CAAC;AAE5B,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,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;KAC1E;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;IACvE,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,QAAQ,CAAC,CAAC;AACzC,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,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"}

package/dist/route.d.ts

@@ -0,0 +1,2 @@
+export declare function getCurrentRoute(): any;
+export declare function onRouteChanged(callback: any): void;

package/dist/route.js

@@ -0,0 +1,20 @@
+import { dispatch, on } from './qelos';
+let currentRoute;
+let subscribers;
+export function getCurrentRoute() {
+    return currentRoute;
+}
+export function onRouteChanged(callback) {
+    if (!subscribers) {
+        subscribers = new Set();
+    }
+    subscribers.add(callback);
+}
+dispatch('routeChangedInterested');
+on('routeChanged', route => {
+    currentRoute = route;
+    if (subscribers && subscribers.size) {
+        subscribers.forEach(cb => cb(currentRoute));
+    }
+});
+//# sourceMappingURL=route.js.map

package/dist/route.js.map

@@ -0,0 +1 @@
+{"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/dist/shared-style.d.ts

@@ -0,0 +1 @@
+export default function loadStyles(): void;

package/dist/shared-style.js

@@ -0,0 +1,17 @@
+import { dispatch, on } from './qelos';
+export default function loadStyles() {
+    dispatch('styleInterested');
+    on('sharedStyle', css => {
+        if (!css) {
+            return;
+        }
+        let appStyle = document.querySelector('#app-style');
+        if (!appStyle) {
+            appStyle = document.createElement('style');
+            appStyle.setAttribute('id', 'app-style');
+            document.body.prepend(appStyle);
+        }
+        appStyle.innerHTML = css;
+    }, { once: true });
+}
+//# sourceMappingURL=shared-style.js.map

package/dist/shared-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-style.js","sourceRoot":"","sources":["../src/shared-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAC,MAAM,SAAS,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC5B,EAAE,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE;QACtB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;SACR;QACD,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACpD,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC3C,QAAQ,CAAC,YAAY,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YACzC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;SACjC;QACD,QAAQ,CAAC,SAAS,GAAG,GAAG,CAAC;IAC3B,CAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAA;AAClB,CAAC"}

package/package.json

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

package/src/index.ts

@@ -1,4 +1,5 @@
 import {on} from './qelos';
+import loadStyles from './shared-style';
 
 export const code = (new URL(location.href)).searchParams.get('code') || 'default';
 
@@ -30,4 +31,6 @@ export async function authorize() {
   on('shutdown', unAuthorize);
 
   return res.json();
-}
+}
+
+loadStyles();

package/src/qelos.ts

@@ -1,6 +1,6 @@
 let qelosHostname = '*';
 
-const callbacks = new Map();
+const callbacks = new Map<string, Set<{ callback, once: boolean }>>();
 
 const FROM = 'qelos-mfe';
 
@@ -9,7 +9,13 @@ window.addEventListener('message', (event) => {
     qelosHostname = event.data.qelosHostname;
   }
   if (callbacks.has(event.data.eventName)) {
-    callbacks.get(event.data.eventName).forEach(cb => cb(event.data.payload))
+    const eventCallbacks = callbacks.get(event.data.eventName);
+    eventCallbacks.forEach((item) => {
+      item.callback(event.data.payload);
+      if (item.once) {
+        eventCallbacks.delete(item);
+      }
+    })
   }
 })
 
@@ -21,9 +27,9 @@ export function dispatch(eventName: string, payload?: any) {
   }, qelosHostname);
 }
 
-export function on(eventName: string, callback: (payload: any) => unknown) {
+export function on(eventName: string, callback: (payload: any) => unknown, {once} = {once: false}) {
   if (!callbacks.has(eventName)) {
     callbacks.set(eventName, new Set())
   }
-  callbacks.get(eventName).add(callback);
+  callbacks.get(eventName).add({callback, once: once || false});
 }

package/src/route.ts

@@ -0,0 +1,24 @@
+import {dispatch, on} from './qelos';
+
+let currentRoute;
+let subscribers;
+
+export function getCurrentRoute() {
+  return currentRoute;
+}
+
+export function onRouteChanged(callback) {
+  if (!subscribers) {
+    subscribers = new Set();
+  }
+  subscribers.add(callback);
+}
+
+dispatch('routeChangedInterested');
+
+on('routeChanged', route => {
+  currentRoute = route;
+  if (subscribers && subscribers.size) {
+    subscribers.forEach(cb => cb(currentRoute))
+  }
+});

package/src/shared-style.ts

@@ -0,0 +1,17 @@
+import {dispatch, on} from './qelos';
+
+export default function loadStyles() {
+  dispatch('styleInterested');
+  on('sharedStyle', css => {
+    if (!css) {
+      return;
+    }
+    let appStyle = document.querySelector('#app-style');
+    if (!appStyle) {
+      appStyle = document.createElement('style');
+      appStyle.setAttribute('id', 'app-style');
+      document.body.prepend(appStyle);
+    }
+    appStyle.innerHTML = css;
+  }, {once: true})
+}