mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-24 10:27:10 +02:00
42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
|
|
import RemoteMessenger from '@joplin/lib/utils/ipc/RemoteMessenger';
|
|
import { SerializableData } from '@joplin/lib/utils/ipc/types';
|
|
|
|
interface ExtendedWindow extends Window {
|
|
ReactNativeWebView: {
|
|
postMessage(message: unknown): void;
|
|
supportsNonStringMessages?: boolean;
|
|
};
|
|
}
|
|
declare const window: ExtendedWindow;
|
|
|
|
export default class WebViewToRNMessenger<LocalInterface, RemoteInterface> extends RemoteMessenger<LocalInterface, RemoteInterface> {
|
|
public constructor(channelId: string, localApi: LocalInterface) {
|
|
super(channelId, localApi);
|
|
|
|
window.addEventListener('message', this.handleMessage);
|
|
|
|
// Allow the event loop to run -- without this, calling
|
|
// injectJS('window.handleReactNativeMessage("message")')
|
|
// in ReactNative can (but doesn't always) fail if called immediately after
|
|
// sending ReadyToReceive.
|
|
setTimeout(() => {
|
|
this.onReadyToReceive();
|
|
}, 0);
|
|
}
|
|
|
|
private handleMessage = (message: MessageEvent) => {
|
|
if (typeof message.data === 'object' && message.origin === 'react-native') {
|
|
void this.onMessage(message.data);
|
|
}
|
|
};
|
|
|
|
protected override postMessage(message: SerializableData): void {
|
|
window.ReactNativeWebView.postMessage(window.ReactNativeWebView.supportsNonStringMessages ? message : JSON.stringify(message));
|
|
}
|
|
|
|
protected override onClose(): void {
|
|
window.removeEventListener('message', this.handleMessage);
|
|
}
|
|
}
|