Live preview with Socket

Explanation

This example is the most straightforward implementation of the live preview. It uses a socket to send the data between the parent and the iframe window.

Since we are not using any channel ID to segregate the connections, when you open a new tab, the messages sent to one tab will be reflected in the iframes of the other window.

We fixed this issue in the following POC.