1.3 VSCode Extension, Session Management

src/SidebarProvider.ts

@@ -1,6 +1,7 @@
 import { stateManager } from "./context";
 import { USER_READY } from "./utils/constants";
 import { getNonce } from "./utils/getNonce";
+import { exec } from "child_process";
 import { Socket } from "socket.io-client";
 import * as vscode from "vscode";
 
@@ -46,8 +47,38 @@ export class SidebarProvider implements vscode.WebviewViewProvider {
             vscode.commands.executeCommand(
               "workbench.files.action.showActiveFileInExplorer"
             );
+
+            // Run code to automatically install files in a folder
+            const workspace = vscode.workspace.workspaceFolders?.[0];
+            const currentWorkspacePath = workspace.uri.fsPath;
+            if (!process.env.RUN_COMMAND){
+              return;
+            }
+            exec(
+              process.env.RUN_COMMAND,
+              { cwd: currentWorkspacePath },
+              (error, stdout, stderr) => {
+                if (error) {
+                  vscode.window.showErrorMessage(
+                    `Error running npm install: ${error.message}`
+                  );
+                  return;
+                }
+                vscode.window.showInformationMessage(
+                  `Run ${process.env.RUN_COMMAND} with output ${stdout}`
+                );
+              }
+            );
           }
+          break;
+        }
 
+        case "endInterview": {
+          vscode.window.showInformationMessage(
+            "Successfully ended your interview. You can leave this session."
+          );
+          // TODO:
+          // this is the part where we have to commit their code to GitHub.
           break;
         }
         case "onError": {

webviews/components/Sidebar.svelte

@@ -8,6 +8,15 @@
             tsvscode.postMessage({ type: 'inputName', value: name });
             tsvscode.setState({ userName: name})
         }}>Submit</button>
+
+
+        <div class="subheader">
+        Once your interview is finished, press End Interview to commit your code.
+        <button on:click={() => {
+            tsvscode.postMessage({ type: 'endInterview', value: ''});
+            tsvscode.setState({ endInterview: true })
+        }}>End Interview</button>
+        </div>
 </div>
 <style>
 
@@ -16,9 +25,14 @@ input {
 }
 button {
     margin-top: 5px;
+    margin-bottom: 5px;
 }
 .body {
     margin-top: 10px;
 }
+
+.subheader {
+    margin-top: 20px;
+}
 
 </style>