initialize webview

src/editor/commands/index.ts

@@ -1,5 +1,6 @@
 import * as vscode from 'vscode'
 import start from './start'
+import ReactPanel from '../views/createWebview'
 
 // import runTest from './runTest'
 // import loadSolution from './loadSolution'
@@ -8,6 +9,7 @@ import start from './start'
 const COMMANDS = {
   // TUTORIAL_SETUP: 'coderoad.tutorial_setup',
   START: 'coderoad.start',
+  OPEN_WEBVIEW: 'coderoad.open_webview'
   // RUN_TEST: 'coderoad.test_run',
   // LOAD_SOLUTION: 'coderoad.solution_load',
   // QUIT: 'coderoad.quit',
@@ -19,6 +21,10 @@ export default (context: vscode.ExtensionContext): void => {
     [COMMANDS.START]: async function startCommand(): Promise<void> {
       return start(context)
     },
+    [COMMANDS.OPEN_WEBVIEW]: () => {
+      console.log('webview createOrShow')
+      ReactPanel.createOrShow(context.extensionPath);
+    }
     // [COMMANDS.RUN_TEST]: runTest,
     // [COMMANDS.LOAD_SOLUTION]: loadSolution,
     // [COMMANDS.QUIT]: () => quit(context.subscriptions),

src/editor/views/createWebview.ts

@@ -21,10 +21,10 @@ class ReactPanel {
     public static async createOrShow(extensionPath: string): Promise<void> {
         const hasActiveEditor = vscode.window.activeTextEditor
 
-        if (!hasActiveEditor) {
-            throw new Error('Should have an open file on launch')
-        }
-        const column = vscode.ViewColumn.Two
+        // if (!hasActiveEditor) {
+        //     throw new Error('Should have an open file on launch')
+        // }
+        const column = vscode.ViewColumn.One
 
         // If we already have a panel, show it.
         // Otherwise, create a new panel.

src/state/actions/index.ts

@@ -1,7 +1,6 @@
 import { assign } from 'xstate'
 import * as CR from 'typings'
-import * as storage from '../../services/storage'
-import * as git from '../../services/git'
+import * as vscode from 'vscode'
 
 let initialTutorial: CR.Tutorial | undefined
 let initialProgress: CR.Progress = {
@@ -46,5 +45,8 @@ export default {
             return position
         }
     }),
-
+    createWebview() {
+        console.log('execute coderoad.open_webview')
+        vscode.commands.executeCommand('coderoad.open_webview')
+    }
 }

src/state/machine.ts

@@ -25,6 +25,7 @@ export const machine = Machine<
                         },
                     },
                     NewTutorial: {
+                        onEntry: ['createWebview'],
                         initial: 'SelectTutorial',
                         states: {
                             SelectTutorial: {