Add support for inspecting via websocket

[jacksteamdev]

Based on discussion #191, this PR adds support for inspecting via websocket. Note the new nested states in inspecting called websocket and window.

New queries have been added to the query string that reflect the parameters for createWebSocketReceiver. server is required and protocol is optional (default is "ws").

http://localhost:3000/viz?inspect&server=localhost:8888
http://localhost:3000/viz?inspect&server=localhost:8888&protocol=ws

The event handlers in inspecting in the invoked proxy service are duplicated. Not sure how dry you want this, but we could pull them out into the module scope inside a function. I've moved the inspect receiver into context to avoid duplicating receiver event handlers. Not sure if this is a problem, maybe someone can suggest a better strategy?

This functionality depends on a PR for @xstate/inspect: statelyai/xstate#2728 Without that PR, this doesn't work on the server side (in my use case, at least).

[changeset-bot]

🦋 Changeset detected

Latest commit: c4ee436

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
xstate-viz-app	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

@jacksteamdev is attempting to deploy a commit to the Stately Team on Vercel.

A member of the Team first needs to authorize it.

[davidkpiano]

Since this is an important PR, can you add some it.todo(...) tests to verify the functionality works as expected? I can help fill them in.

[jacksteamdev]

@Andarist Any chance this could get a quick review?

[Andarist]

This looks somewhat off and could lead to some invalid URL being passed here (or rather to an invalid URL being constructed here). We might slightly refactor this later but no need to block this PR on this nit-picky comment