Messages to handle breakpoints in vscode (#3249)

Author: mug1wara26

src/commons/application/Application.tsx

@@ -138,6 +138,15 @@ const Application: React.FC = () => {
         case MessageTypeNames.AssessmentAnswer:
           dispatch(SessionActions.submitAnswer(message.questionId, message.answer));
           break;
+        case MessageTypeNames.SetEditorBreakpoints:
+          dispatch(
+            WorkspaceActions.setEditorBreakpoint(
+              message.workspaceLocation,
+              0,
+              message.newBreakpoints
+            )
+          );
+          break;
       }
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps

src/commons/assessmentWorkspace/AssessmentWorkspace.tsx

@@ -412,14 +412,16 @@ const AssessmentWorkspace: React.FC<AssessmentWorkspaceProps> = props => {
       case QuestionTypes.programming || QuestionTypes.voting:
         const prepend = question.prepend;
         const code = question.answer ?? question.solutionTemplate;
+        const breakpoints = editorTabs[0]?.breakpoints ?? [];
         sendToWebview(
           Messages.NewEditor(
             workspaceLocation,
             `assessment${assessment.id}`,
             props.questionId,
             chapter,
             prepend,
-            code
+            code,
+            breakpoints
           )
         );
         break;
@@ -449,14 +451,16 @@ const AssessmentWorkspace: React.FC<AssessmentWorkspaceProps> = props => {
       // TODO: Hardcoded to make use of the first editor tab. Refactoring is needed for this workspace to enable Folder mode.
       handleEditorValueChange(0, answer);
       // Hacky way to view the editor, might cause issues
+      const breakpoints = editorTabs[0]?.breakpoints ?? [];
       sendToWebview(
         Messages.NewEditor(
           workspaceLocation,
           `submission${_submissionId}`,
           questionId,
           question.library.chapter,
           '',
-          answer
+          answer,
+          breakpoints
         )
       );
       //

src/features/vscode/messages.ts

@@ -33,14 +33,16 @@ const Messages = createMessages({
     questionId: number,
     chapter: number,
     prepend: string,
-    initialCode: string
+    initialCode: string,
+    breakpoints: string[]
   ) => ({
     workspaceLocation,
     assessmentName,
     questionId,
     chapter,
     prepend,
-    initialCode
+    initialCode,
+    breakpoints
   }),
   Text: (workspaceLocation: VscWorkspaceLocation, code: string) => ({
     workspaceLocation,
@@ -99,7 +101,11 @@ const Messages = createMessages({
     questionId,
     answer
   }),
-  LoginWithBrowser: (route: string) => ({ route })
+  LoginWithBrowser: (route: string) => ({ route }),
+  SetEditorBreakpoints: (workspaceLocation: VscWorkspaceLocation, newBreakpoints: string[]) => ({
+    workspaceLocation,
+    newBreakpoints
+  })
 });
 
 export default Messages;

src/pages/playground/Playground.tsx

@@ -381,14 +381,16 @@ const Playground: React.FC<PlaygroundProps> = props => {
       return;
     }
     const initialCode = editorTabs[0]?.value ?? '';
+    const breakpoints = editorTabs[0]?.breakpoints ?? [];
     sendToWebview(
       Messages.NewEditor(
         workspaceLocation,
         'playground',
         1,
         playgroundSourceChapter,
         '',
-        initialCode
+        initialCode,
+        breakpoints
       )
     );
     // We don't want to re-send this message even when the variables change