fix crash on restart

Author: ShMcK

src/services/position.ts

@@ -62,4 +62,4 @@ export async function loadProgressPosition() {
   storage.setPosition(position)
 }
 
-export async function getPrev(): Promise<void> {}
+export async function getPrev(): Promise<void> { }

src/state/actions/index.ts

@@ -47,7 +47,6 @@ export default (dispatch: CR.EditorDispatch) => ({
   },
   tutorialSetup() {
     dispatch('coderoad.tutorial_setup', currentTutorial)
-    dispatch('coderoad.open_webview', 2)
   },
   initializeNewTutorial: assign({
     position: (context: any): CR.Position => {
@@ -88,6 +87,8 @@ export default (dispatch: CR.EditorDispatch) => ({
       const levelId = levelList.find((id: string) => !currentProgress.levels[id]) || levelList[levelList.length - 1]
       const { stageList } = data.levels[levelId]
       const stageId = stageList.find((id: string) => !currentProgress.stages[id]) || stageList[stageList.length - 1]
+      console.log('position stepList')
+      console.log(data.stages[stageId])
       const { stepList } = data.stages[stageId]
       const stepId = stepList.find((id: string) => !currentProgress.steps[id]) || stepList[stepList.length - 1]
 

src/state/index.ts

@@ -12,7 +12,6 @@ interface Props {
 class StateMachine {
   private dispatch: CR.EditorDispatch
   private machineOptions = {
-    logger: console.log,
     devTools: true,
     deferEvents: true,
     execute: true,
@@ -24,10 +23,10 @@ class StateMachine {
     this.service = interpret(machine, this.machineOptions)
       // logging
       .onTransition(state => {
-        console.log('onTransition', state)
+        // console.log('onTransition', state)
         if (state.changed) {
-          console.log('next state')
-          console.log(state.value)
+          // console.log('next state')
+          // console.log(state.value)
           dispatch('coderoad.send_state', { state: state.value, data: state.context })
         } else {
           dispatch('coderoad.send_data', { data: state.context })
@@ -43,6 +42,7 @@ class StateMachine {
   }
   public refresh() {
     console.log('service refresh')
+    console.log(this.service.state)
     const { value, context } = this.service.state
     this.dispatch('coderoad.send_state', { state: value, data: context })
   }

web-app/src/containers/Tutorial/StagePage.tsx

@@ -3,15 +3,20 @@ import DataContext from '../../utils/DataContext'
 import Stage from '../../components/Stage'
 
 interface PageProps {
-  send(action: string): void
   state: any
+  send(action: string): void
 }
 
 const StagePage = (props: PageProps) => {
   const { position, data, progress } = React.useContext(DataContext)
   const { stageId } = position
   const stage = data.stages[stageId]
 
+  if (!stage) {
+    // may throw if no stage is supplied on restart
+    return <div>No Stage!</div>
+  }
+
   const stageComplete = progress.stages[stageId] || false
 
   const onNextStage = (): void => {