prevent commands on reset tutorial

Signed-off-by: shmck <shawn.j.mckay@gmail.com>

Author: ShMcK

typings/index.d.ts

@@ -89,27 +89,28 @@ export interface MachineStateSchema {
   states: {
     Setup: {
       states: {
-        Startup: {}
-        ValidateSetup: {}
-        Start: {}
-        SelectTutorial: {}
-        SetupNewTutorial: {}
-        StartTutorial: {}
+        Startup: Record<string, unknown>
+        ValidateSetup: Record<string, unknown>
+        Start: Record<string, unknown>
+        SelectTutorial: Record<string, unknown>
+        SetupNewTutorial: Record<string, unknown>
+        StartTutorial: Record<string, unknown>
       }
     }
     Tutorial: {
       states: {
         Level: {
           states: {
-            Load: {}
-            Normal: {}
-            TestRunning: {}
-            StepNext: {}
-            LevelComplete: {}
-            LoadNext: {}
+            Load: Record<string, unknown>
+            Normal: Record<string, unknown>
+            TestRunning: Record<string, unknown>
+            StepNext: Record<string, unknown>
+            LevelComplete: Record<string, unknown>
+            LoadNext: Record<string, unknown>
           }
         }
-        Completed: {}
+        Reset: Record<string, unknown>
+        Completed: Record<string, unknown>
       }
     }
   }

web-app/src/Routes.tsx

@@ -42,6 +42,9 @@ const Routes = () => {
       <Route paths={{ Tutorial: { Level: { Load: true } } }}>
         <LoadingPage text="Loading Level..." processes={context.processes} />
       </Route>
+      <Route paths={{ Tutorial: { Reset: true } }}>
+        <LoadingPage text="Resetting tutorial..." processes={context.processes} />
+      </Route>
       <Route paths={{ Tutorial: { Level: true, Completed: true } }}>
         <TutorialPage send={send} context={context} state={route.replace('Tutorial.', '')} />
       </Route>

web-app/src/services/state/machine.ts

@@ -69,7 +69,6 @@ export const createMachine = (options: any) => {
                   target: 'SetupNewTutorial',
                   actions: ['setTutorialContext'],
                 },
-                // TODO: handle completed tutorial differently
                 TUTORIAL_ALREADY_COMPLETE: {
                   target: 'Start',
                   actions: ['setStart'],
@@ -168,9 +167,7 @@ export const createMachine = (options: any) => {
                     RUN_TEST: {
                       actions: ['runTest'],
                     },
-                    RUN_RESET: {
-                      actions: ['runReset'],
-                    },
+                    RUN_RESET: '#reset-tutorial',
                     KEY_PRESS_ENTER: {
                       actions: ['runTest'],
                     },
@@ -234,6 +231,14 @@ export const createMachine = (options: any) => {
                 },
               },
             },
+            Reset: {
+              id: 'reset-tutorial',
+              onEntry: ['runReset'],
+              onExit: ['testClear'],
+              after: {
+                3000: '#tutorial',
+              },
+            },
             Completed: {
               id: 'completed-tutorial',
               on: {