3.5.1 • Published 11 months ago
promise-postmessage v3.5.1
postmessage-promise
Simple promise based post message / listener.
Uses MessageChannels under the hood.
Usage
import { onMessage, sendMessage } from 'promise-postmessage';
onMessage(
async (event) => {
// some async operation
const resp = await foo(event.data);
return resp;
},
// source frame
window.parent
);
const resp = await sendMessage(
// target frame window.
document.getElementById('iframe')
.contentWindow
// Message payload
{ foo: 'bar' },
);
Example: Create a simple forwarding bridge
import { onMessage, sendMessage } from 'promise-postmessage';
const frame1 = document.getElementById("frame1").contentWindow;
const frame2 = window.parent; // Or could be another child iframe.
onMessage((event) => {
return sendMessage(frame2, event.data);
}, frame1);
onMessage((event) => {
return sendMessage(frame1, event.data);
}, frame2);
3.4.0
12 months ago
3.3.0
12 months ago
3.2.0
12 months ago
3.1.1
12 months ago
3.1.0
12 months ago
3.0.1
12 months ago
3.5.1
11 months ago
3.5.0
12 months ago
3.0.0
12 months ago
2.3.0
1 year ago
2.2.0
1 year ago
2.0.3
1 year ago
2.0.2
1 year ago
2.1.0
1 year ago
2.0.1
1 year ago
2.0.0
1 year ago
1.2.0
2 years ago
1.1.0
2 years ago
1.0.0
2 years ago