@tsjam/web-messaging

Typescript reactive postMessage Host

For convenient and safe cross-origin communication between windows objects in iframes.

Installation

npm install @tsjam/web-messaging

Usage

type Message = { name: string };
//...
const transport = PostMessageHost.bakeWithJSON<Message, Message>(window.parent, typeMatcheer, channelId);
//...
transport.message$.subscribe((message) => {
  console.log('Received message', message);
});
transport.send({ name: 'app2Wrapper.Exit' });