import { FabricMessageTypes } from "Contracts/FabricMessageTypes"; import Q from "q"; import * as _ from "underscore"; import * as Logger from "../Common/Logger"; import { MessageTypes } from "../Contracts/ExplorerContracts"; import { getDataExplorerWindow } from "../Utils/WindowUtils"; import * as Constants from "./Constants"; export interface CachedDataPromise { deferred: Q.Deferred; startTime: Date; id: string; } export const RequestMap: Record> = {}; export function handleCachedDataMessage(message: any): void { const messageContent = message && message.message; if (message == null || messageContent == null || messageContent.id == null || !RequestMap[messageContent.id]) { return; } const cachedDataPromise = RequestMap[messageContent.id]; if (messageContent.error != null) { cachedDataPromise.deferred.reject(messageContent.error); } else { cachedDataPromise.deferred.resolve(messageContent.data); } runGarbageCollector(); } /** * * @param messageType * @param params * @param scope Use this string to identify request Useful to distinguish response from different senders * @param timeoutInMs * @returns */ export function sendCachedDataMessage( messageType: MessageTypes | FabricMessageTypes, params: Object[], scope?: string, timeoutInMs?: number, ): Q.Promise { let cachedDataPromise: CachedDataPromise = { deferred: Q.defer(), startTime: new Date(), id: _.uniqueId(scope), }; RequestMap[cachedDataPromise.id] = cachedDataPromise; sendMessage({ type: messageType, params: params, id: cachedDataPromise.id }); //TODO: Use telemetry to measure optimal time to resolve/reject promises return cachedDataPromise.deferred.promise.timeout( timeoutInMs || Constants.ClientDefaults.requestTimeoutMs, "Timed out while waiting for response from portal", ); } /** * * @param data Overwrite the data property of the message */ export function sendMessage(data: any): void { _sendMessage({ signature: "pcIframe", data: data, }); } export function sendReadyMessage(): void { _sendMessage({ signature: "pcIframe", kind: "ready", data: "ready", }); } export function canSendMessage(): boolean { return window.parent !== window; } // TODO: This is exported just for testing. It should not be. export function runGarbageCollector() { Object.keys(RequestMap).forEach((key: string) => { const promise: Q.Promise = RequestMap[key].deferred.promise; if (promise.isFulfilled() || promise.isRejected()) { delete RequestMap[key]; } }); } const _sendMessage = (message: any): void => { if (canSendMessage()) { // Portal window can receive messages from only child windows const portalChildWindow = getDataExplorerWindow(window) || window; if (portalChildWindow === window) { // Current window is a child of portal, send message to portal window if (portalChildWindow.document.referrer) { portalChildWindow.parent.postMessage(message, portalChildWindow.document.referrer); } else { Logger.logError("Iframe failed to send message to portal", "MessageHandler"); } } else { // Current window is not a child of portal, send message to the child window instead (which is data explorer) if (portalChildWindow.location.origin) { portalChildWindow.postMessage(message, portalChildWindow.location.origin); } else { Logger.logError("Iframe failed to send message to data explorer", "MessageHandler"); } } } };