mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-24 10:27:10 +02:00
48 lines
1.9 KiB
TypeScript
48 lines
1.9 KiB
TypeScript
import PostMessageService, { MessageResponse, ResponderComponentType } from '@joplin/lib/services/PostMessageService';
|
|
import { useEffect } from 'react';
|
|
|
|
// eslint-disable-next-line @typescript-eslint/ban-types, @typescript-eslint/no-explicit-any -- Old code before rule was applied, Old code before rule was applied
|
|
export default function(frameWindow: any, isReady: boolean, pluginId: string, viewId: string, postMessage: Function) {
|
|
useEffect(() => {
|
|
PostMessageService.instance().registerResponder(ResponderComponentType.UserWebview, viewId, (message: MessageResponse) => {
|
|
postMessage('postMessageService.response', { message });
|
|
});
|
|
|
|
return () => {
|
|
PostMessageService.instance().unregisterResponder(ResponderComponentType.UserWebview, viewId);
|
|
};
|
|
// eslint-disable-next-line @seiyab/react-hooks/exhaustive-deps -- Old code before rule was applied
|
|
}, [viewId]);
|
|
|
|
useEffect(() => {
|
|
if (!frameWindow) return () => {};
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Old code before rule was applied
|
|
function onMessage_(event: any) {
|
|
|
|
if (!event.data || !event.data.target) {
|
|
return;
|
|
}
|
|
|
|
if (event.data.target === 'postMessageService.registerViewMessageHandler') {
|
|
PostMessageService.instance().registerViewMessageHandler(ResponderComponentType.UserWebview, viewId, (message: MessageResponse) => {
|
|
postMessage('postMessageService.plugin_message', { message });
|
|
});
|
|
} else if (event.data.target === 'postMessageService.message') {
|
|
void PostMessageService.instance().postMessage({
|
|
pluginId,
|
|
viewId,
|
|
...event.data.message,
|
|
});
|
|
}
|
|
}
|
|
|
|
frameWindow.addEventListener('message', onMessage_);
|
|
|
|
return () => {
|
|
if (frameWindow?.removeEventListener) frameWindow.removeEventListener('message', onMessage_);
|
|
};
|
|
// eslint-disable-next-line @seiyab/react-hooks/exhaustive-deps -- Old code before rule was applied
|
|
}, [frameWindow, isReady, pluginId, viewId]);
|
|
}
|