initialize position

Author: ShMcK

src/state/actions/index.ts

@@ -51,6 +51,19 @@ export default {
         vscode.commands.executeCommand('coderoad.tutorial_setup', currentTutorial)
         vscode.commands.executeCommand('coderoad.open_webview', vscode.ViewColumn.Two)
     },
+    initializeNewTutorial: assign({
+        position: (context: any): CR.Position => {
+            const { data } = context
+            const levelId = data.summary.levelList[0]
+            const stageId = data.levels[levelId].stageList[0]
+            const stepId = data.stages[stageId].stepList[0]
+            return {
+                levelId,
+                stageId,
+                stepId
+            }
+        }
+    }),
     tutorialContinue: assign({
         // load initial data, progress & position
         data(): CR.TutorialData {

src/state/machine.ts

@@ -57,9 +57,15 @@ export const machine = Machine<
             },
             Tutorial: {
                 id: 'tutorial',
-                initial: 'Summary',
+                initial: 'Initialize',
                 onEntry: ['tutorialSetup'],
                 states: {
+                    Initialize: {
+                        onEntry: ['initializeNewTutorial'],
+                        after: {
+                            0: 'Summary'
+                        }
+                    },
                     LoadNext: {
                         id: 'tutorial-load-next',
                         onEntry: ['tutorialLoadNext'],

typings/index.d.ts

@@ -146,6 +146,7 @@ export interface MachineStateSchema {
         }
         Tutorial: {
             states: {
+                Initialize: {}
                 Summary: {}
                 LoadNext: {}
                 Level: {}

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

@@ -9,7 +9,7 @@ interface PageProps {
 
 const SummaryPage = (props: PageProps) => {
   const { data } = React.useContext(DataContext)
-  return <Summary data={data} onNext={() => props.send('LOAD_NEXT')} />
+  return <Summary data={data} onNext={() => props.send('NEXT')} />
 }
 
 export default SummaryPage