pringshia / machinate Goto Github PK

new webpack.DefinePlugin({
  'process.env.NODE_ENV': JSON.stringify('production')
}),
new webpack.optimize.UglifyJsPlugin()

https://reactjs.org/docs/optimizing-performance.html#webpack

Steps to Reproduce

1. Launch demo 3
   Locally: cd 03-submachines && yarn start
   Codesandbox: Link
2. For the second block, click on 'Edit' to transition
   from :
   item-1/Mode: {state: "View", data: 2}
   to:
   item-1/Mode: {state: "Edit", data: 2}
   and so you see an input field.
3. Open up devtools and grab a reference to the current state by accessing the globally injected machine object

temp = machine.getState()

4. Save or cancel out of the Edit state by clicking on 'Save' or 'Cancel' for the second block. You should not see the input field anymore.
5. Reload the prior snapshotted state into the machine.

machine.setState(temp)

Expected Behavior

The app should be reset to having block 2 be in Edit mode with an input field showing

Actual Behavior

The state object, if inspected via machine.getState() does have block 2 as being in Edit mode, but the input field is not visible in the UI.

I suspect this may be due to submachine removal/initialization or dependency removal/initialization.