setup editor sync progress (uninitiated)

Author: ShMcK

src/channel/index.ts

@@ -72,6 +72,11 @@ class Channel implements Channel {
 				this.context.setTutorial(this.workspaceState, tutorialData)
 				tutorialConfig(tutorialData)
 				return
+			case 'EDITOR_SYNC_PROGRESS':
+				// sync client progress on server
+				this.context.position.set(action.payload.position)
+				this.context.progress.set(action.payload.progress)
+				return
 			// run unit tests on step
 			case 'TEST_RUN':
 				vscode.commands.executeCommand('coderoad.run_test', action.payload)
@@ -97,7 +102,12 @@ class Channel implements Channel {
 		switch (action.type) {
 			case 'TEST_PASS':
 				// update local storage stepProgress
-				this.context.progress.setStepComplete(action.payload.stepId)
+				const progress = this.context.progress.setStepComplete(action.payload.stepId)
+				const tutorial = this.context.tutorial.get()
+				if (!tutorial) {
+					throw new Error('Error with current tutorial')
+				}
+				this.context.position.setPositionFromProgress(tutorial, progress)
 				saveCommit()
 		}
 

web-app/src/components/Error/index.tsx

@@ -15,7 +15,7 @@ interface Props {
 }
 
 const ErrorView = ({ error }: Props) => {
-	console.log(error)
+  console.log(error)
   return (
     <div style={styles.container}>
       <h1>Error</h1>

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

@@ -11,6 +11,15 @@ export default {
 			type: 'EDITOR_TUTORIAL_LOAD',
 		})
 	},
+	syncProgress(context: CR.MachineContext) {
+		// sync progress in editor local storage for persistence
+		channel.editorSend({
+			type: 'EDITOR_SYNC_PROGRESS',
+			payload: {
+				progress: context.progress,
+			}
+		})
+	},
 	initializeTutorial(context: CR.MachineContext, event: CR.MachineEvent) {
 		// setup test runner and git
 		const {tutorial} = event.data.payload