novo-elements 9.2.0-next.1 → 9.2.0-next.3

package/fesm2020/novo-elements-utils.mjs

@@ -40,6 +40,7 @@ const MESSAGE_TYPES = {
     REQUEST_DATA: 'requestData',
     CALLBACK: 'callback',
 };
+
 class AppBridgeService {
     create(name) {
         return new AppBridge(name);
@@ -55,15 +56,16 @@ class DevAppBridgeService {
 }
 class AppBridge {
     // Type?
-    constructor(traceName = 'AppBridge') {
+    constructor(traceName = 'AppBridge', postRobotRef) {
         this.id = `${Date.now()}`;
         this._registeredFrames = [];
         this._handlers = {};
         this._tracing = false;
         this._eventListeners = {};
         this.traceName = traceName;
-        if (postRobot) {
-            postRobot.CONFIG.LOG_LEVEL = 'error';
+        this.postRobot = postRobotRef || /* global */ postRobot;
+        if (this.postRobot) {
+            this.postRobot.CONFIG.LOG_LEVEL = 'error';
             try {
                 this._setupHandlers();
             }
@@ -84,122 +86,152 @@ class AppBridge {
         }
     }
     _setupHandlers() {
-        // Register
-        postRobot.on(MESSAGE_TYPES.REGISTER, (event) => {
-            this._trace(MESSAGE_TYPES.REGISTER, event);
-            this._registeredFrames.push(event);
-            return this.register(event.data).then((windowName) => {
+        // map an object for all handlers, so that we can run some other actions before each of them
+        const defaultMsgHandlers = {
+            // Register
+            [MESSAGE_TYPES.REGISTER]: async (event) => {
+                this._registeredFrames.push(event);
+                const windowName = await this.register(event.data);
                 return { windowName };
-            });
-        });
-        // Update
-        postRobot.on(MESSAGE_TYPES.UPDATE, (event) => {
-            this._trace(MESSAGE_TYPES.UPDATE, event);
-            return this.update(event.data).then((success) => {
-                return { success };
-            });
-        });
-        // Open
-        postRobot.on(MESSAGE_TYPES.OPEN, (event) => {
-            this._trace(MESSAGE_TYPES.OPEN, event);
-            return this.open(event.data).then((success) => {
-                return { success };
-            });
-        });
-        postRobot.on(MESSAGE_TYPES.OPEN_LIST, (event) => {
-            this._trace(MESSAGE_TYPES.OPEN_LIST, event);
-            return this.openList(event.data).then((success) => {
-                return { success };
-            });
-        });
-        // Close
-        postRobot.on(MESSAGE_TYPES.CLOSE, (event) => {
-            this._trace(MESSAGE_TYPES.CLOSE, event);
-            const index = this._registeredFrames.findIndex((frame) => frame.data.id === event.data.id);
-            if (index !== -1) {
-                this._registeredFrames.splice(index, 1);
+            },
+            // Update
+            [MESSAGE_TYPES.UPDATE]: (event) => {
+                return this.update(event.data).then((success) => {
+                    return { success };
+                });
+            },
+            // Open
+            [MESSAGE_TYPES.OPEN]: (event) => {
+                return this.open(event.data).then((success) => {
+                    return { success };
+                });
+            },
+            [MESSAGE_TYPES.OPEN_LIST]: (event) => {
+                return this.openList(event.data).then((success) => {
+                    return { success };
+                });
+            },
+            // Close
+            [MESSAGE_TYPES.CLOSE]: (event) => {
+                const index = this._registeredFrames.findIndex((frame) => frame.data.id === event.data.id);
+                if (index !== -1) {
+                    this._registeredFrames.splice(index, 1);
+                }
+                return this.close(event.data).then(success => ({ success }));
+            },
+            // Refresh
+            [MESSAGE_TYPES.REFRESH]: (event) => {
+                return this.refresh(event.data).then((success) => {
+                    return { success };
+                });
+            },
+            // PIN
+            [MESSAGE_TYPES.PIN]: (event) => {
+                return this.pin(event.data).then((success) => {
+                    return { success };
+                });
+            },
+            // PING
+            [MESSAGE_TYPES.PING]: (event) => {
+                return this.httpGET('ping', undefined, event.data.origin).then((result) => {
+                    return { data: result.data, error: result.error };
+                });
+            },
+            // REQUEST_DATA
+            [MESSAGE_TYPES.REQUEST_DATA]: (event) => {
+                return this.requestData(event.data).then((result) => {
+                    return { data: result.data, error: result.error };
+                });
+            },
+            // CALLBACKS
+            [MESSAGE_TYPES.CALLBACK]: (event) => {
+                return this.callback(event.data).then((success) => {
+                    return { success };
+                });
+            },
+            // HTTP-GET
+            [MESSAGE_TYPES.HTTP_GET]: (event) => {
+                return this.httpGET(event.data.relativeURL, undefined, event.data.origin).then((result) => {
+                    return { data: result.data, error: result.error };
+                });
+            },
+            // HTTP-POST
+            [MESSAGE_TYPES.HTTP_POST]: (event) => {
+                return this.httpPOST(event.data.relativeURL, event.data.data, undefined, event.data.origin).then((result) => {
+                    return { data: result.data, error: result.error };
+                });
+            },
+            // HTTP-PUT
+            [MESSAGE_TYPES.HTTP_PUT]: (event) => {
+                return this.httpPUT(event.data.relativeURL, event.data.data, undefined, event.data.origin).then((result) => {
+                    return { data: result.data, error: result.error };
+                });
+            },
+            // HTTP-DELETE
+            [MESSAGE_TYPES.HTTP_DELETE]: (event) => {
+                return this.httpDELETE(event.data.relativeURL, undefined, event.data.origin).then((result) => {
+                    return { data: result.data, error: result.error };
+                });
+            },
+            // Custom Events
+            [MESSAGE_TYPES.CUSTOM_EVENT]: async (event) => {
+                if (this._eventListeners[event.data.event]) {
+                    this._eventListeners[event.data.event].forEach((listener) => {
+                        listener(event.data.data);
+                    });
+                }
+                if (this._registeredFrames.length > 0) {
+                    this._registeredFrames.forEach((frame) => {
+                        // TODO: Should this make sure it doesn't echo the custom event back to the author?
+                        this.postRobot.send(frame.source, MESSAGE_TYPES.CUSTOM_EVENT, event.data);
+                    });
+                }
             }
-            return this.close(event.data).then((success) => {
-                return { success };
-            });
-        });
-        // Refresh
-        postRobot.on(MESSAGE_TYPES.REFRESH, (event) => {
-            this._trace(MESSAGE_TYPES.REFRESH, event);
-            return this.refresh(event.data).then((success) => {
-                return { success };
-            });
-        });
-        // PIN
-        postRobot.on(MESSAGE_TYPES.PIN, (event) => {
-            this._trace(MESSAGE_TYPES.PIN, event);
-            return this.pin(event.data).then((success) => {
-                return { success };
-            });
-        });
-        // PING
-        postRobot.on(MESSAGE_TYPES.PING, (event) => {
-            this._trace(MESSAGE_TYPES.PING, event);
-            return this.httpGET('ping').then((result) => {
-                return { data: result.data, error: result.error };
-            });
-        });
-        // REQUEST_DATA
-        postRobot.on(MESSAGE_TYPES.REQUEST_DATA, (event) => {
-            this._trace(MESSAGE_TYPES.REQUEST_DATA, event);
-            return this.requestData(event.data).then((result) => {
-                return { data: result.data, error: result.error };
-            });
-        });
-        // CALLBACKS
-        postRobot.on(MESSAGE_TYPES.CALLBACK, (event) => {
-            this._trace(MESSAGE_TYPES.CALLBACK, event);
-            return this.callback(event.data).then((success) => {
-                return { success };
-            });
-        });
-        // HTTP-GET
-        postRobot.on(MESSAGE_TYPES.HTTP_GET, (event) => {
-            this._trace(MESSAGE_TYPES.HTTP_GET, event);
-            return this.httpGET(event.data.relativeURL).then((result) => {
-                return { data: result.data, error: result.error };
-            });
-        });
-        // HTTP-POST
-        postRobot.on(MESSAGE_TYPES.HTTP_POST, (event) => {
-            this._trace(MESSAGE_TYPES.HTTP_POST, event);
-            return this.httpPOST(event.data.relativeURL, event.data.data).then((result) => {
-                return { data: result.data, error: result.error };
+        };
+        Object.keys(defaultMsgHandlers).forEach(msgType => {
+            this.postRobot.on(msgType, event => {
+                this._trace(msgType, event);
+                const origin = Array.isArray(event.data.origin) ? event.data.origin : [];
+                if (event.origin !== this.windowOrigin()) {
+                    origin.unshift(event.origin);
+                }
+                else if (origin.indexOf(event.data.originTraceName) === -1) {
+                    origin.unshift(event.data.originTraceName);
+                }
+                event.data.origin = origin;
+                event.data.source = event.source;
+                return defaultMsgHandlers[msgType](event);
             });
         });
-        // HTTP-PUT
-        postRobot.on(MESSAGE_TYPES.HTTP_PUT, (event) => {
-            this._trace(MESSAGE_TYPES.HTTP_PUT, event);
-            return this.httpPUT(event.data.relativeURL, event.data.data).then((result) => {
-                return { data: result.data, error: result.error };
+    }
+    windowOrigin() {
+        return window.location.origin;
+    }
+    handleMessage({ msgType, handler, packet, echoPacket, resolveEventData }) {
+        let returnPromise;
+        if (this._handlers[handler]) {
+            // Should be directly returning a promise. However, as a fallback, provide callback arguments
+            let callbackSuccess, callbackFail;
+            returnPromise = new Promise((s, f) => {
+                callbackSuccess = s;
+                callbackFail = f;
             });
-        });
-        // HTTP-DELETE
-        postRobot.on(MESSAGE_TYPES.HTTP_DELETE, (event) => {
-            this._trace(MESSAGE_TYPES.HTTP_DELETE, event);
-            return this.httpDELETE(event.data.relativeURL).then((result) => {
-                return { data: result.data, error: result.error };
+            const handlerResult = this._handlers[handler](packet, callbackArg => {
+                if (callbackArg) {
+                    callbackSuccess(true);
+                }
+                else {
+                    callbackFail(false);
+                }
             });
-        });
-        // Custom Events
-        postRobot.on(MESSAGE_TYPES.CUSTOM_EVENT, (event) => {
-            this._trace(MESSAGE_TYPES.CUSTOM_EVENT, event);
-            if (this._eventListeners[event.data.event]) {
-                this._eventListeners[event.data.event].forEach((listener) => {
-                    listener(event.data.data);
-                });
-            }
-            if (this._registeredFrames.length > 0) {
-                this._registeredFrames.forEach((frame) => {
-                    postRobot.send(frame.source, MESSAGE_TYPES.CUSTOM_EVENT, event.data);
-                });
+            if (handlerResult && 'then' in handlerResult) {
+                returnPromise = handlerResult;
             }
-        });
+            return returnPromise.then(result => true, () => false);
+        }
+        else {
+            return this.postRobot.sendToParent(msgType, echoPacket || packet);
+        }
     }
     /**
      * Fires or responds to an open event
@@ -219,7 +251,7 @@ class AppBridge {
             }
             else {
                 Object.assign(packet, { id: this.id, windowName: this.windowName });
-                postRobot
+                this.postRobot
                     .sendToParent(MESSAGE_TYPES.OPEN, packet)
                     .then((event) => {
                     this._trace(`${MESSAGE_TYPES.OPEN} (callback)`, event);
@@ -255,7 +287,7 @@ class AppBridge {
             else {
                 const openListPacket = {};
                 Object.assign(openListPacket, { type: 'List', entityType: packet.type, keywords: packet.keywords, criteria: packet.criteria });
-                postRobot
+                this.postRobot
                     .sendToParent(MESSAGE_TYPES.OPEN_LIST, packet)
                     .then((event) => {
                     this._trace(`${MESSAGE_TYPES.OPEN_LIST} (callback)`, event);
@@ -290,7 +322,7 @@ class AppBridge {
             }
             else {
                 Object.assign(packet, { id: this.id, windowName: this.windowName });
-                postRobot
+                this.postRobot
                     .sendToParent(MESSAGE_TYPES.UPDATE, packet)
                     .then((event) => {
                     this._trace(`${MESSAGE_TYPES.UPDATE} (callback)`, event);
@@ -327,7 +359,7 @@ class AppBridge {
                     console.info('[AppBridge] - close(packet) is deprecated! Please just use close()!'); // tslint:disable-line
                 }
                 const realPacket = { id: this.id, windowName: this.windowName };
-                postRobot
+                this.postRobot
                     .sendToParent(MESSAGE_TYPES.CLOSE, realPacket)
                     .then((event) => {
                     this._trace(`${MESSAGE_TYPES.CLOSE} (callback)`, event);
@@ -364,7 +396,7 @@ class AppBridge {
                     console.info('[AppBridge] - refresh(packet) is deprecated! Please just use refresh()!'); // tslint:disable-line
                 }
                 const realPacket = { id: this.id, windowName: this.windowName };
-                postRobot
+                this.postRobot
                     .sendToParent(MESSAGE_TYPES.REFRESH, realPacket)
                     .then((event) => {
                     this._trace(`${MESSAGE_TYPES.REFRESH} (callback)`, event);
@@ -389,7 +421,7 @@ class AppBridge {
                 });
             }
             else {
-                postRobot
+                this.postRobot
                     .sendToParent(MESSAGE_TYPES.PING, {})
                     .then((event) => {
                     resolve({ data: event.data.data, error: event.data.error });
@@ -420,7 +452,7 @@ class AppBridge {
                     console.info('[AppBridge] - pin(packet) is deprecated! Please just use pin()!'); // tslint:disable-line
                 }
                 const realPacket = { id: this.id, windowName: this.windowName };
-                postRobot
+                this.postRobot
                     .sendToParent(MESSAGE_TYPES.PIN, realPacket)
                     .then((event) => {
                     this._trace(`${MESSAGE_TYPES.PIN} (callback)`, event);
@@ -455,7 +487,7 @@ class AppBridge {
             }
             else {
                 Object.assign(packet, { id: this.id, windowName: this.windowName });
-                postRobot
+                this.postRobot
                     .sendToParent(MESSAGE_TYPES.REQUEST_DATA, packet)
                     .then((event) => {
                     this._trace(`${MESSAGE_TYPES.REQUEST_DATA} (callback)`, event);
@@ -490,7 +522,7 @@ class AppBridge {
             }
             else {
                 Object.assign(packet, { id: this.id, windowName: this.windowName });
-                postRobot
+                this.postRobot
                     .sendToParent(MESSAGE_TYPES.CALLBACK, packet)
                     .then((event) => {
                     this._trace(`${MESSAGE_TYPES.CALLBACK} (callback)`, event);
@@ -525,7 +557,7 @@ class AppBridge {
             }
             else {
                 Object.assign(packet, { id: this.id });
-                postRobot
+                this.postRobot
                     .sendToParent(MESSAGE_TYPES.REGISTER, packet)
                     .then((event) => {
                     this._trace(`${MESSAGE_TYPES.REGISTER} (callback)`, event);
@@ -547,17 +579,19 @@ class AppBridge {
     /**
      * Fires or responds to an HTTP_GET event
      * @param packet any - packet of data to send with the event
+     * @param timeout - how long to attempt the request before reporting an error
+     * @param originStack - the domain of the previous frame(s) the request originated from
      */
-    httpGET(relativeURL, timeout = 10000) {
+    httpGET(relativeURL, timeout = 10000, originStack) {
         return new Promise((resolve, reject) => {
             if (this._handlers[AppBridgeHandler.HTTP]) {
-                this._handlers[AppBridgeHandler.HTTP]({ verb: HTTP_VERBS.GET, relativeURL }, (data, error) => {
+                this._handlers[AppBridgeHandler.HTTP]({ verb: HTTP_VERBS.GET, relativeURL, origin: originStack || [this.traceName] }, (data, error) => {
                     resolve({ data, error });
                 });
             }
             else {
-                postRobot
-                    .sendToParent(MESSAGE_TYPES.HTTP_GET, { relativeURL }, { timeout })
+                this.postRobot
+                    .sendToParent(MESSAGE_TYPES.HTTP_GET, { relativeURL, origin: originStack, originTraceName: this.traceName }, { timeout })
                     .then((event) => {
                     resolve({ data: event.data.data, error: event.data.error });
                 })
@@ -570,17 +604,19 @@ class AppBridge {
     /**
      * Fires or responds to an HTTP_POST event
      * @param packet any - packet of data to send with the event
+     * @param timeout - how long to attempt the request before reporting an error
+     * @param originStack - the domain of the previous frame(s) the request originated from
      */
-    httpPOST(relativeURL, postData, timeout = 10000) {
+    httpPOST(relativeURL, postData, timeout = 10000, originStack) {
         return new Promise((resolve, reject) => {
             if (this._handlers[AppBridgeHandler.HTTP]) {
-                this._handlers[AppBridgeHandler.HTTP]({ verb: HTTP_VERBS.POST, relativeURL, data: postData }, (data, error) => {
+                this._handlers[AppBridgeHandler.HTTP]({ verb: HTTP_VERBS.POST, relativeURL, data: postData, origin: originStack || [this.traceName] }, (data, error) => {
                     resolve({ data, error });
                 });
             }
             else {
-                postRobot
-                    .sendToParent(MESSAGE_TYPES.HTTP_POST, { relativeURL, data: postData }, { timeout })
+                this.postRobot
+                    .sendToParent(MESSAGE_TYPES.HTTP_POST, { relativeURL, data: postData, origin: originStack, originTraceName: this.traceName }, { timeout })
                     .then((event) => {
                     resolve({ data: event.data.data, error: event.data.error });
                 })
@@ -593,17 +629,19 @@ class AppBridge {
     /**
      * Fires or responds to an HTTP_PUT event
      * @param packet any - packet of data to send with the event
+     * @param timeout - how long to attempt the request before reporting an error
+     * @param originStack - the domain of the previous frame(s) the request originated from
      */
-    httpPUT(relativeURL, putData, timeout = 10000) {
+    httpPUT(relativeURL, putData, timeout = 10000, originStack) {
         return new Promise((resolve, reject) => {
             if (this._handlers[AppBridgeHandler.HTTP]) {
-                this._handlers[AppBridgeHandler.HTTP]({ verb: HTTP_VERBS.PUT, relativeURL, data: putData }, (data, error) => {
+                this._handlers[AppBridgeHandler.HTTP]({ verb: HTTP_VERBS.PUT, relativeURL, data: putData, origin: originStack || [this.traceName] }, (data, error) => {
                     resolve({ data, error });
                 });
             }
             else {
-                postRobot
-                    .sendToParent(MESSAGE_TYPES.HTTP_PUT, { relativeURL, data: putData }, { timeout })
+                this.postRobot
+                    .sendToParent(MESSAGE_TYPES.HTTP_PUT, { relativeURL, data: putData, origin: originStack, originTraceName: this.traceName }, { timeout })
                     .then((event) => {
                     resolve({ data: event.data.data, error: event.data.error });
                 })
@@ -616,17 +654,19 @@ class AppBridge {
     /**
      * Fires or responds to an HTTP_DELETE event
      * @param packet any - packet of data to send with the event
+     * @param timeout - how long to attempt the request before reporting an error
+     * @param originStack - the domain of the previous frame(s) the request originated from
      */
-    httpDELETE(relativeURL, timeout = 10000) {
+    httpDELETE(relativeURL, timeout = 10000, originStack) {
         return new Promise((resolve, reject) => {
             if (this._handlers[AppBridgeHandler.HTTP]) {
-                this._handlers[AppBridgeHandler.HTTP]({ verb: HTTP_VERBS.DELETE, relativeURL }, (data, error) => {
+                this._handlers[AppBridgeHandler.HTTP]({ verb: HTTP_VERBS.DELETE, relativeURL, origin: originStack || [this.traceName] }, (data, error) => {
                     resolve({ data, error });
                 });
             }
             else {
-                postRobot
-                    .sendToParent(MESSAGE_TYPES.HTTP_DELETE, { relativeURL }, { timeout })
+                this.postRobot
+                    .sendToParent(MESSAGE_TYPES.HTTP_DELETE, { relativeURL, origin: originStack, originTraceName: this.traceName }, { timeout })
                     .then((event) => {
                     resolve({ data: event.data.data, error: event.data.error });
                 })
@@ -643,7 +683,7 @@ class AppBridge {
      */
     fireEvent(event, data) {
         return new Promise((resolve, reject) => {
-            postRobot
+            this.postRobot
                 .sendToParent(MESSAGE_TYPES.CUSTOM_EVENT, { event, data })
                 .then((e) => {
                 resolve(e);
@@ -661,7 +701,7 @@ class AppBridge {
     fireEventToChildren(event, data) {
         if (this._registeredFrames.length > 0) {
             this._registeredFrames.forEach((frame) => {
-                postRobot.send(frame.source, MESSAGE_TYPES.CUSTOM_EVENT, {
+                this.postRobot.send(frame.source, MESSAGE_TYPES.CUSTOM_EVENT, {
                     event,
                     eventType: event,
                     data,
@@ -679,7 +719,7 @@ class AppBridge {
         if (source instanceof HTMLIFrameElement) {
             source = source.contentWindow;
         }
-        postRobot.send(source, MESSAGE_TYPES.CUSTOM_EVENT, { event, data });
+        this.postRobot.send(source, MESSAGE_TYPES.CUSTOM_EVENT, { event, data });
     }
     /**
      * Adds an event listener to a custom event
@@ -20080,5 +20120,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AppBridge, AppBridgeHandler, AppBridgeService, BooleanInput, COUNTRIES, CalendarEventResponse, Can, Color, DateRange, DateUtil, Deferred, DevAppBridge, DevAppBridgeService, Helpers, KeyCodes, OutsideClick, binarySearch, can, convertTokens, findByCountryCode, findByCountryId, findByCountryName, formatZonedTime, getCountries, getDayView, getDayViewHourGrid, getMonthView, getStateObjects, getStates, getWeekView, getWeekViewEventOffset, getWeekViewHeader, isAlphaNumeric, legacyParse, notify };
+export { AppBridge, AppBridgeHandler, AppBridgeService, BooleanInput, COUNTRIES, CalendarEventResponse, Can, Color, DateRange, DateUtil, Deferred, DevAppBridge, DevAppBridgeService, HTTP_VERBS, Helpers, KeyCodes, MESSAGE_TYPES, OutsideClick, binarySearch, can, convertTokens, findByCountryCode, findByCountryId, findByCountryName, formatZonedTime, getCountries, getDayView, getDayViewHourGrid, getMonthView, getStateObjects, getStates, getWeekView, getWeekViewEventOffset, getWeekViewHeader, isAlphaNumeric, legacyParse, notify };
 //# sourceMappingURL=novo-elements-utils.mjs.map