implement preview websocket

implement preview websocket:

- [ ] test coverage
- [ ] finish the code
- [ ] gather feedback for my changes
- [ ] submit changes to the documentation


| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | yes
| Tests pass?   | yes
| Fixed tickets | none
| Doc           | url to doc