/* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance * with the License. You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY * KIND, either express or implied. See the License for the * specific language governing permissions and limitations * under the License. */ export type Params = { port: MessagePort; name?: string; debug?: boolean; }; /** * A utility for communications between an iframe and its parent, used by the Superset embedded SDK. * This builds useful patterns on top of the basic functionality offered by MessageChannel. * * Both windows instantiate a Switchboard, passing in their MessagePorts. * Calling methods on the switchboard causes messages to be sent through the channel. */ export class Switchboard { port: MessagePort; name: string; methods: Record> = {}; // used to make unique ids incrementor = 1; debugMode: boolean; constructor({ port, name = 'switchboard', debug = false }: Params) { this.port = port; this.name = name; this.debugMode = debug; port.addEventListener('message', async event => { this.log('message received', event); const message = event.data; if (isGet(message)) { // find the method, call it, and reply with the result this.port.postMessage(await this.getMethodResult(message)); } else if (isEmit(message)) { const { method, args } = message; // Find the method and call it, but no result necessary. // Should this multicast to a set of listeners? // Maybe, but that requires writing a bunch more code // and I haven't found a need for it yet. const executor = this.methods[method]; if (executor) { executor(args); } } }); } private async getMethodResult({ messageId, method, args, }: GetMessage): Promise { const executor = this.methods[method]; if (executor == null) { return { switchboardAction: Actions.ERROR, messageId, error: `[${this.name}] Method "${method}" is not defined`, }; } try { const result = await executor(args); return { switchboardAction: Actions.REPLY, messageId, result, }; } catch (err) { this.logError(err); return { switchboardAction: Actions.ERROR, messageId, error: `[${this.name}] Method "${method}" threw an error`, }; } } /** * Defines a method that can be "called" from the other side by sending an event. */ defineMethod(methodName: string, executor: Method) { this.methods[methodName] = executor; } /** * Calls a method registered on the other side, and returns the result. * * How this is accomplished: * This switchboard sends a "get" message over the channel describing which method to call with which arguments. * The other side's switchboard finds a method with that name, and calls it with the arguments. * It then packages up the returned value into a "reply" message, sending it back to us across the channel. * This switchboard has attached a listener on the channel, which will resolve with the result when a reply is detected. * * Instead of an arguments list, arguments are supplied as a map. * * @param method the name of the method to call * @param args arguments that will be supplied. Must be serializable, no functions or other nonense. * @returns whatever is returned from the method */ get(method: string, args: unknown = undefined): Promise { return new Promise((resolve, reject) => { // In order to "call a method" on the other side of the port, // we will send a message with a unique id const messageId = this.getNewMessageId(); // attach a new listener to our port, and remove it when we get a response const listener = (event: MessageEvent) => { const message = event.data; if (message.messageId !== messageId) return; this.port.removeEventListener('message', listener); if (isReply(message)) { resolve(message.result); } else { const errStr = isError(message) ? message.error : 'Unexpected response message'; reject(new Error(errStr)); } }; this.port.addEventListener('message', listener); this.port.start(); const message: GetMessage = { switchboardAction: Actions.GET, method, messageId, args, }; this.port.postMessage(message); }); } /** * Emit calls a method on the other side just like get does. * But emit doesn't wait for a response, it just sends and forgets. * * @param method * @param args */ emit(method: string, args: unknown = undefined) { const message: EmitMessage = { switchboardAction: Actions.EMIT, method, args, }; this.port.postMessage(message); } start() { this.port.start(); } private log(...args: unknown[]) { if (this.debugMode) { console.debug(`[${this.name}]`, ...args); } } private logError(...args: unknown[]) { console.error(`[${this.name}]`, ...args); } private getNewMessageId() { // eslint-disable-next-line no-plusplus return `m_${this.name}_${this.incrementor++}`; } } type Method = (args: A) => R | Promise; // Each message we send on the channel specifies an action we want the other side to cooperate with. enum Actions { GET = 'get', REPLY = 'reply', EMIT = 'emit', ERROR = 'error', } // helper types/functions for making sure wires don't get crossed interface Message { switchboardAction: Actions; } interface GetMessage extends Message { switchboardAction: Actions.GET; method: string; messageId: string; args: T; } function isGet(message: Message): message is GetMessage { return message.switchboardAction === Actions.GET; } interface ReplyMessage extends Message { switchboardAction: Actions.REPLY; messageId: string; result: T; } function isReply(message: Message): message is ReplyMessage { return message.switchboardAction === Actions.REPLY; } interface EmitMessage extends Message { switchboardAction: Actions.EMIT; method: string; args: T; } function isEmit(message: Message): message is EmitMessage { return message.switchboardAction === Actions.EMIT; } interface ErrorMessage extends Message { switchboardAction: Actions.ERROR; messageId: string; error: string; } function isError(message: Message): message is ErrorMessage { return message.switchboardAction === Actions.ERROR; }