How to listen for frame changes in embed

This is only available when running a plugin and using the plugins API, which is not accessible in embeds. There is no way to listen to events in embeds.

Oh wow cool!

Sorry for the late respond.

Thank you but, how do I get that nodeId? If I’m trying to get that from the NEW_STATE event, the nodeId is not the same as the presentedNodeId that emitted from PRESENTED_NODE_CHANGED event.

Here’s how I handle that:

      window.addEventListener('message', event => {
        const { type, ...rest } = event.data;
        if (!type) return;
        if (type === 'NEW_STATE') {
          console.log(
            '[NEW_STATE] event.data.data.nodeId:',
            event.data.data.nodeId
          );
          return;
        }
        if (type.includes('PRESENTED_NODE_CHANGED')) {
          const { presentedNodeId } = rest.data;
          console.log(
            '[PRESENTED_NODE_CHANGED] presentedNodeId:',
            presentedNodeId
          );
        }
      });

And this is the logs:

Get the nodeId of the last frame manually (for example, from a prototype or design link) and hardcode it.

This is a new API that I think is just starting to develop. Perhaps more features and data will be added in the future.

Right, Thank you!!

@tank666,

I have similar question. I was able to know and compare it with the last node id. However, there is a scenario where the last FRAME has 2 buttons (Button A and Button B).

If they click on Button A. I want to notify the parentWindow (where prototype is running) that the “User is done interacting with a prototype. So close the prototype”

If they click on Button B. I want to continue showing next-page.