import { ScalarToWidgetRequest } from "../../models/scalar-widget-actions"; import { ReplaySubject } from "rxjs/ReplaySubject"; import { Subject } from "rxjs/Subject"; import { FE_Sticker, FE_StickerPack } from "../../models/integration"; export class ScalarWidgetApi { public static requestReceived: Subject = new ReplaySubject(); public static widgetId: string; private constructor() { } public static replyScreenshot(request: ScalarToWidgetRequest, data: Blob): void { ScalarWidgetApi.replyEvent(request, {screenshot: data}); } public static replySupportedVersions(request: ScalarToWidgetRequest, versions: string[]): void { ScalarWidgetApi.replyEvent(request, {supported_versions: versions}); } public static replyCapabilities(request: ScalarToWidgetRequest, capabilities: ( "m.text" | "m.image" | "m.sticker" | "m.capability.screenshot" | "m.capability.request_data" | "m.capability.request_messages" | "m.capability.room_membership" | string)[] ): void { ScalarWidgetApi.replyEvent(request, {capabilities: capabilities}); } public static replyError(request: ScalarToWidgetRequest, error: Error, message: string = null): void { ScalarWidgetApi.replyEvent(request, {error: {message: message || error.message, _error: error}}); } public static replyAcknowledge(request: ScalarToWidgetRequest): void { ScalarWidgetApi.replyEvent(request, {success: true}); } public static sendSticker(sticker: FE_Sticker, pack: FE_StickerPack): void { ScalarWidgetApi.callAction("m.sticker", { data: { description: sticker.description, content: { url: sticker.thumbnail.mxc, info: { mimetype: sticker.image.mimetype, w: sticker.thumbnail.width / 2, h: sticker.thumbnail.height / 2, thumbnail_url: sticker.thumbnail.mxc, thumbnail_info: { mimetype: sticker.image.mimetype, w: sticker.thumbnail.width / 2, h: sticker.thumbnail.height / 2, }, // This has to be included in the info object so it makes it to the event dimension: { license: pack.license, author: pack.author, }, }, }, }, }); } public static sendSetAlwaysOnScreen(alwaysVisible: boolean): void { ScalarWidgetApi.callAction("set_always_on_screen", { data: { value: alwaysVisible, }, }); } private static callAction(action, payload) { if (!window.opener) { return; } let request = JSON.parse(JSON.stringify(payload)); request["api"] = "fromWidget"; request["widgetId"] = ScalarWidgetApi.widgetId; request["action"] = action; window.opener.postMessage(request, "*"); } private static replyEvent(request: ScalarToWidgetRequest, payload) { if (!window.opener) { return; } let requestClone = JSON.parse(JSON.stringify(request)); requestClone["response"] = payload; window.opener.postMessage(requestClone, "*"); } } // Register the event listener here to ensure it gets created window.addEventListener("message", event => { if (!event.data) return; if (event.data.api === "toWidget" && event.data.action) { if (event.data.widgetId && !ScalarWidgetApi.widgetId) ScalarWidgetApi.widgetId = event.data.widgetId; console.log(`[Dimension] Received toWidget request at widget ID ${ScalarWidgetApi.widgetId}: ${JSON.stringify(event.data)}`); ScalarWidgetApi.requestReceived.next(event.data); return; } });