Sandpack & Multiple Instances of Preview Manager

[hzhu]

Hi 👋 , I'm trying to render multiple instances of Smooshpack's PreviewManager on a single page.

Problem

When manager.updatePreview() is called for a specific manager, it triggers an update to all the managers on the page.

Demo

Live demo: https://two-managers-smooshpack.vercel.app/

Code: https://github.com/hzhu/two-managers-smooshpack/

Notice: I expected one of the preview managers (foo preview) to update, but both preview managers are updated:

Discussion

Could someone explain the internal workings of why calling .updatePreview() updates all of the managers on the page? Is there a way to render multiple preview managers on a single page and update them independently?

[CompuIves]

Oh yep, this is a bug. We should add an ID to the message so previews know what's intended for them and not for others. I can look at that today.

[hzhu]

@CompuIves, thank you for taking a look!

[CompuIves]

It's live now under version 0.0.66!

[hzhu]

Woot woot that's incredible! Thanks @CompuIves! I'll give it a try this afternoon 🌞.

Edit: it works great!