Add persisting state

bradwoods · Jan 2, 2019 · b6d1582 · b6d1582
1 parent 154d572
commit b6d1582
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/Machine/index.tsx b/src/Machine/index.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import {
-  Machine as XstateMachine, 
+  Machine as XstateMachine, State
 } from 'xstate';
 import { 
   interpret
@@ -20,12 +20,18 @@ class Machine extends React.Component<IProps, IState> {
   }
 
   componentDidMount() {
+    const { savedState } = this.props
+
     this.service = interpret(this.machine)
       .onTransition(nextState => {
         this.setState({ machineStateNode: nextState });
       });
 
-    this.service.start();
+    if (savedState) {
+      const restoredState = State.create(savedState)
+      this.service.start(restoredState)
+    }
+    else this.service.start();
   }
 
   componentWillUnmount() {

diff --git a/src/types.ts b/src/types.ts
@@ -18,6 +18,7 @@ export interface IProps<
 > {
   config: MachineConfig<TContext, TStateSchema, TEvent>
   options?: MachineOptions<TContext, TEvent>
+  savedState?: State<TContext, TEvent>
   children: (args: IReturnProps) => JSX.Element | null
 }