setup step/level/tutorial complete tracking

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

src/channel.ts

@@ -81,6 +81,15 @@ class Channel implements Channel {
       case 'EDITOR_RUN_RESET_POSITION':
         actions.onRunReset({ type: 'POSITION', position: action.payload.position }, this.context)
         return
+      case 'EDITOR_STEP_COMPLETE':
+        hooks.onStepComplete(action.payload)
+        return
+      case 'EDITOR_LEVEL_COMPLETE':
+        hooks.onLevelComplete(action.payload)
+        return
+      case 'EDITOR_TUTORIAL_COMPLETE':
+        hooks.onTutorialComplete(action.payload)
+        return
       default:
         logger(`No match for action type: ${actionType}`)
         return

src/services/hooks/index.ts

@@ -1,3 +1,4 @@
+import * as T from 'typings'
 import * as TT from 'typings/tutorial'
 import * as git from '../git'
 import loadCommits from './utils/loadCommits'
@@ -39,3 +40,18 @@ export const onSolutionEnter = async (actions: TT.StepActions): Promise<void> =>
 export const onError = async (error: Error): Promise<void> => {
   telemetryOnError(error)
 }
+
+export const onStepComplete = async ({ position }: { position: T.Position }): Promise<void> => {
+  /* TODO */
+  console.log(`ON STEP COMPLETE: ${JSON.stringify(position)}`)
+}
+
+export const onLevelComplete = async ({ position }: { position: T.Position }): Promise<void> => {
+  /* TODO */
+  console.log(`ON LEVEL COMPLETE: ${JSON.stringify(position)}`)
+}
+
+export const onTutorialComplete = async ({ position }: { position: T.Position }): Promise<void> => {
+  /* TODO */
+  console.log(`ON LEVEL COMPLETE: ${JSON.stringify(position)}`)
+}

web-app/src/services/state/actions/editor.ts

@@ -133,4 +133,28 @@ export default (editorSend: any) => ({
       },
     })
   },
+  onStepComplete(context: T.MachineContext): void {
+    editorSend({
+      type: 'EDITOR_STEP_COMPLETE',
+      payload: {
+        position: context.position,
+      },
+    })
+  },
+  onLevelComplete(context: T.MachineContext): void {
+    editorSend({
+      type: 'EDITOR_LEVEL_COMPLETE',
+      payload: {
+        position: context.position,
+      },
+    })
+  },
+  onTutorialComplete(context: T.MachineContext): void {
+    editorSend({
+      type: 'EDITOR_TUTORIAL_COMPLETE',
+      payload: {
+        position: context.position,
+      },
+    })
+  },
 })

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

@@ -198,9 +198,12 @@ export const createMachine = (options: any) => {
                   on: {
                     LOAD_NEXT_STEP: {
                       target: 'Normal',
-                      actions: ['loadStep', 'updateStepPosition'],
+                      actions: ['onStepComplete', 'loadStep', 'updateStepPosition'],
+                    },
+                    LEVEL_COMPLETE: {
+                      target: 'LevelComplete',
+                      actions: ['onLevelComplete'],
                     },
-                    LEVEL_COMPLETE: 'LevelComplete',
                   },
                 },
                 LevelComplete: {
@@ -223,14 +226,16 @@ export const createMachine = (options: any) => {
                       target: 'Load',
                       actions: ['updatePosition'],
                     },
-                    COMPLETED: '#completed-tutorial',
+                    COMPLETED: {
+                      target: '#completed-tutorial',
+                      actions: ['onTutorialComplete'],
+                    },
                   },
                 },
               },
             },
             Completed: {
               id: 'completed-tutorial',
-              onEntry: ['userTutorialComplete'], // unusued
               on: {
                 SELECT_TUTORIAL: {
                   target: '#select-new-tutorial',