Allow nested state

[Richienb]

This doesn't work:

window.state.a = {'hello': {}}
window.state.a.hello.b = 'world'

This is because only shallow state changes are broadcast, but we would like all state changes to be broadcast.

[r0x0r]

Nested state had been left out of the initial release. I gave a go at the implementation, but could not iron all the bugs, so opted to leave it out. There is also unresolved issue how it should be implemented. I see two options

1. Replace dict and list with observable versions, so state update is transparent, eg

window.state.dict_object['one']['two'] = 3 # this will trigger an update

2. Keep state observable at a top level, but allow nested State objects, eg.

window.state.dict_object = { 'observable_object': State(), 'not_obserable': {} }
window.state.dict_object['observable_object'].test = 3 # this will trigger and update
window.state.dict_object['not_obserable'].another_test = 3 # this would not

I like the first option more, but it appears to be more complicated to implement.

[Richienb]

@r0x0r The first option is used in Redux (state management for React), to allow for automatically tracking state changes in the form of JSON Patches.

With that method, we could do:

• The python side keep track of state
• Changes in the python side generate an event/JSON Patch that is sent to the web side
• The web side is a Proxy that generates access and modify calls