How to use page callbacks

[blakebyrnes]

Question asked in this issue: #68 (comment)

[blakebyrnes]

Puppeteer pseudo-code:

const listenForPageEvent = function (page, type) {
        log('listenForPageEvent init for ', page.url());
        return page.evaluate(type => {
            window.addEventListener(type, e => {

                window.onMessageReceivedEvent({
                    type,
                    event: e.data,
                    origin: e.origin
                });
            });
        }, type);
    };

    await page.exposeFunction('onMessageReceivedEvent', e => {
        
        let event = e.event;
        
        switch (event) {

	got it

Agent pseudo-code that will run this code in an isolated dom context (eg, invisible to page):

    await page.addPageCallback('onMessageReceivedEvent', e => {
        const event = JSON.parse(e)?.event;
        
        switch (event) {

   }, true)

  const listenForPageEvent = function (page, type) {
        log('listenForPageEvent init for ', page.url());
        return page.evaluate(`((type) => {
            window.addEventListener(type, e => {

                window.onMessageReceivedEvent({
                    type,
                    event: e.data,
                    origin: e.origin
                });
            });
        })('${type}')`, true);
    };