2021-05-28 00:34:40 +02:00
|
|
|
import { IframeResponseEventMap, isIframeResponseEventWrapper } from "./Api/Events/IframeEvent";
|
2021-05-28 01:14:10 +02:00
|
|
|
|
2021-05-28 00:34:40 +02:00
|
|
|
export const registeredCallbacks: { [K in keyof IframeResponseEventMap]?: {
|
|
|
|
typeChecker: Function
|
|
|
|
callback: Function
|
|
|
|
} } = {}
|
2021-03-05 16:50:54 +01:00
|
|
|
|
2021-05-25 13:47:41 +02:00
|
|
|
const importType = Promise.all([
|
2021-05-28 00:24:08 +02:00
|
|
|
import("./Api/iframe/popup"),
|
2021-05-25 13:47:41 +02:00
|
|
|
import("./Api/iframe/chatmessage"),
|
2021-05-28 01:14:10 +02:00
|
|
|
import("./Api/iframe/Sound"),
|
|
|
|
import("./Api/iframe/zone-events"),
|
|
|
|
import("./Api/iframe/Navigation"),
|
2021-05-28 01:18:00 +02:00
|
|
|
import("./Api/iframe/CoWebsite"),
|
|
|
|
import("./Api/iframe/Player"),
|
|
|
|
import("./Api/iframe/Bubble")
|
2021-05-25 13:47:41 +02:00
|
|
|
])
|
|
|
|
|
2021-05-28 01:14:10 +02:00
|
|
|
|
2021-05-28 00:24:08 +02:00
|
|
|
type PromiseReturnType<P> = P extends Promise<infer T> ? T : P
|
|
|
|
|
|
|
|
type WorkadventureCommandClasses = PromiseReturnType<typeof importType>[number]["default"];
|
|
|
|
|
2021-05-25 13:47:41 +02:00
|
|
|
type KeysOfUnion<T> = T extends T ? keyof T : never
|
|
|
|
|
2021-05-28 00:24:08 +02:00
|
|
|
type ObjectWithKeyOfUnion<Key, O = WorkadventureCommandClasses> = O extends O ? (Key extends keyof O ? O[Key] : never) : never
|
|
|
|
|
|
|
|
type ApiKeys = KeysOfUnion<WorkadventureCommandClasses>;
|
|
|
|
|
|
|
|
type ObjectOfKey<Key extends ApiKeys, O = WorkadventureCommandClasses> = O extends O ? (Key extends keyof O ? O : never) : never
|
|
|
|
|
|
|
|
type ShouldAddAttribute<Key extends ApiKeys> = ObjectWithKeyOfUnion<Key>;
|
|
|
|
|
|
|
|
type WorkadventureFunctions = { [K in ApiKeys]: ObjectWithKeyOfUnion<K> extends Function ? K : never }[ApiKeys]
|
|
|
|
|
|
|
|
type WorkadventureFunctionsFilteredByRoot = { [K in WorkadventureFunctions]: ObjectOfKey<K>["addMethodsAtRoot"] extends true ? K : never }[WorkadventureFunctions]
|
|
|
|
|
|
|
|
|
|
|
|
type JustMethodKeys<T> = ({ [P in keyof T]: T[P] extends Function ? P : never })[keyof T];
|
|
|
|
type JustMethods<T> = Pick<T, JustMethodKeys<T>>;
|
|
|
|
|
|
|
|
type SubObjectTypes = {
|
|
|
|
[importCl in WorkadventureCommandClasses as importCl["subObjectIdentifier"]]: JustMethods<importCl>;
|
|
|
|
};
|
|
|
|
|
2021-05-28 01:44:38 +02:00
|
|
|
type WorkAdventureApi = {
|
2021-05-28 00:24:08 +02:00
|
|
|
[Key in WorkadventureFunctionsFilteredByRoot]: ShouldAddAttribute<Key>
|
|
|
|
} & SubObjectTypes
|
2021-05-25 13:47:41 +02:00
|
|
|
|
2021-03-04 19:00:00 +01:00
|
|
|
|
2021-03-05 16:50:54 +01:00
|
|
|
declare global {
|
2021-03-25 17:12:53 +01:00
|
|
|
|
2021-05-25 13:47:41 +02:00
|
|
|
interface Window {
|
|
|
|
WA: WorkAdventureApi
|
|
|
|
}
|
|
|
|
let WA: WorkAdventureApi
|
2021-03-05 16:50:54 +01:00
|
|
|
}
|
2021-03-04 19:00:00 +01:00
|
|
|
|
2021-05-28 01:44:38 +02:00
|
|
|
async function populateWa(): Promise<void> {
|
|
|
|
const wa: Partial<WorkAdventureApi> = {}
|
|
|
|
for (const apiImport of await importType) {
|
|
|
|
const classInstance = apiImport.default
|
|
|
|
const commandPrototype = Object.getPrototypeOf(classInstance);
|
|
|
|
const commandClassPropertyNames = Object.getOwnPropertyNames(commandPrototype).filter(name => name !== "constructor");
|
|
|
|
const importObject: Partial<WorkAdventureApi> = {}
|
|
|
|
for (const prop of commandClassPropertyNames) {
|
|
|
|
const apiImportKey = prop as keyof typeof classInstance;
|
|
|
|
if (typeof classInstance[apiImportKey] === "function") {
|
|
|
|
importObject[apiImportKey as keyof WorkAdventureApi] = commandPrototype[apiImportKey] as never
|
|
|
|
}
|
|
|
|
}
|
|
|
|
wa[classInstance.subObjectIdentifier] = importObject as never
|
|
|
|
if (classInstance.addMethodsAtRoot) {
|
|
|
|
Object.assign(wa, importObject)
|
|
|
|
}
|
|
|
|
}
|
2021-04-23 15:35:34 +02:00
|
|
|
|
2021-05-28 01:44:38 +02:00
|
|
|
window.WA = Object.assign({}, wa) as WorkAdventureApi
|
2021-03-04 19:00:00 +01:00
|
|
|
}
|
2021-03-06 15:26:07 +01:00
|
|
|
|
2021-05-28 01:44:38 +02:00
|
|
|
|
|
|
|
populateWa()
|
|
|
|
|
2021-03-06 15:26:07 +01:00
|
|
|
window.addEventListener('message', message => {
|
|
|
|
if (message.source !== window.parent) {
|
|
|
|
return; // Skip message in this event listener
|
|
|
|
}
|
|
|
|
const payload = message.data;
|
2021-05-09 21:30:29 +02:00
|
|
|
console.debug(payload);
|
2021-03-08 18:57:59 +01:00
|
|
|
|
2021-05-09 21:30:29 +02:00
|
|
|
if (isIframeResponseEventWrapper(payload)) {
|
2021-03-08 18:57:59 +01:00
|
|
|
const payloadData = payload.data;
|
2021-05-25 13:47:41 +02:00
|
|
|
|
2021-05-28 01:14:10 +02:00
|
|
|
if (registeredCallbacks[payload.type] && registeredCallbacks[payload.type]?.typeChecker(payloadData)) {
|
|
|
|
registeredCallbacks[payload.type]?.callback(payloadData)
|
|
|
|
return
|
2021-03-06 15:26:07 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// ...
|
2021-05-28 00:24:08 +02:00
|
|
|
});
|