bidc

import { createChannel } from 'bidc'; // --- Parent window code --- async function parentContext() { const iframe = document.createElement('iframe'); document.body.appendChild(iframe); // Wait for iframe to load for contentWindow to be available await new Promise(resolve => iframe.onload = resolve); const { send } = createChannel(iframe.contentWindow); // Send a simple message to the iframe and await its response const result = await send({ value: 'Hello, iframe from parent!' }); console.log('Parent received:', result); console.assert(result === 'HELLO, IFRAME FROM PARENT!'); } // --- Inside the iframe (hypothetical, or simulated for demo) --- // In a real scenario, this would be in the iframe's HTML or JS file. function iframeContext() { // Omitting the target here will create a channel to the parent window by default const { receive } = createChannel(); // Equivalent to createChannel(window.parent) // Handle incoming messages from the parent and return a response receive((payload) => { console.log('Iframe received:', payload); if (typeof payload.value === 'string') { return payload.value.toUpperCase(); } return 'Invalid payload'; }); } // For demonstration, call both, but in reality they run in separate contexts. parentContext(); iframeContext(); // This would typically be loaded by the iframe itself.