From 070cae1d776c17c49f494f3643ff42eba161d3bc Mon Sep 17 00:00:00 2001
From: Alan Zhou <alanzyt311@gmail.com>
Date: Sat, 25 Mar 2023 10:08:47 -0500
Subject: [PATCH 1/9] frontend box and add reset args

---
 index.html      | 17 +++++++++++++++++
 js/execution.js |  8 +++++++-
 js/index.js     | 37 +++++++++++++++++++++++++++++++++++++
 spim/spim.cpp   | 21 +++++++++++++++++++--
 4 files changed, 80 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 5dc2d92..fdcbd87 100644
--- a/index.html
+++ b/index.html
@@ -34,6 +34,21 @@
 
 <nav class="navbar navbar-light bg-light" id="toolbar">
     <div class="form-inline">
+        <div>Program&nbsp</div>
+        <div class="form-check">
+        <input class="form-check-input" type="checkbox" value="" id="context-enabler0" onchange="initModule()" checked>
+        <label class="form-check-label" for="enabled-ctx0">
+            1
+        </label>
+        </div>
+        <div>&nbsp</div>
+        <div class="form-check">
+        <input class="form-check-input" type="checkbox" value="" id="context-enabler1" onchange="initModule()" checked>
+        <label class="form-check-label" for="enabled-ctx1">
+            2
+        </label>
+        </div>
+        <div>&nbsp</div>
         <div>
             <select id="context-selector" onchange="changeContext(this.value)" class="form-control form-control"></select>
         </div>
@@ -225,6 +240,8 @@ <h5 class="card-header">Log</h5>
         output: document.getElementById('output-content'),
         log: document.getElementById('log-content'),
         contextSelector: document.getElementById('context-selector'),
+        contextEnabler0: document.getElementById('context-enabler0'),
+        contextEnabler1: document.getElementById('context-enabler1'),
         fileSelector0: document.getElementById('file-selector0'),
         fileSelector1: document.getElementById('file-selector1'),
         playButton: document.getElementById('play-button'),
diff --git a/js/execution.js b/js/execution.js
index dc2aab4..0477260 100644
--- a/js/execution.js
+++ b/js/execution.js
@@ -20,7 +20,13 @@ class Execution {
         Elements.output.innerHTML = '';
         Elements.log.innerHTML = '';
 
-        Module.reset(); // 2, [0, 1]);
+        // Module.reset(); // 2, [0, 1]);
+        Module.reset(2, [0, 1]);
+        // Module.reset(2, [0]);
+        // Module.reset(2, [1]);
+
+
+
         while (!Module.lockSimulator(100));
         RegisterUtils.init(ctx);
         MemoryUtils.init(ctx);
diff --git a/js/index.js b/js/index.js
index 31c2699..a289dee 100644
--- a/js/index.js
+++ b/js/index.js
@@ -94,7 +94,44 @@ async function loadData(fileInput) {
     }
 }
 
+
+async function initModule() {
+
+    let enable_ctx0 = document.getElementById("context-enabler0").checked;
+    let enable_ctx1 = document.getElementById("context-enabler1").checked;
+    console.log("program 0 enabled: ", enable_ctx0);
+    console.log("program 1 enabled: ", enable_ctx1);
+
+
+
+}
+
 async function changeContext(ctx) {
+
+
+    // if (ctx !== "0") {
+    //     // Output 
+    //     Elements.output.innerHTML = "";
+    //     Elements.log.innerHTML = "";
+
+    //     // Reg
+    //     Elements.generalReg.innerHTML = "";
+    //     Elements.specialReg.innerHTML = "";
+    //     Elements.floatReg.innerHTML = "";
+    //     Elements.doubleReg.innerHTML = "";
+
+    //     // Insn
+    //     Elements.userTextContent.innerHTML = "";
+    //     Elements.kernelTextContent.innerHTML = "";
+    //     Elements.kernelTextContainer.innerHTML = "";
+
+    //     // Mem
+    //     Elements.userData.innerHTML = "";
+    //     Elements.kernelData.innerHTML = "";
+    //     Elements.kernelDataContainer.innerHTML = "";
+    //     Elements.stack.innerHTML = "";
+    // }
+
     console.log("change ctx from ", Execution.ctx, " to ", ctx);
     Execution.ctx = ctx;
     console.log("current ctx: ", Execution.ctx);
diff --git a/spim/spim.cpp b/spim/spim.cpp
index 0d100fd..3386132 100644
--- a/spim/spim.cpp
+++ b/spim/spim.cpp
@@ -259,13 +259,30 @@ val getSpecialRegVals(int ctx) {
   return val(typed_memory_view(9, specialRegs));
 }
 
-void reset_sim() { // unsigned int max_contexts, val active_contexts) {
+// void reset_sim() { // unsigned int max_contexts, val active_contexts) {
+//     /* std::vector<unsigned int> arr = emscripten::vecFromJSArray<unsigned int>(active_contexts); */
+//     /* std::set<unsigned int> s(arr.begin(), arr.end()); */
+//     /* std::set<unsigned int> s({0, 1}); */
+
+//     /* reset(2, s); */
+//     start_simulator(2, std::set<unsigned int>{0, 1});
+// }
+
+
+void reset_sim(unsigned int max_contexts, const emscripten::val& arr) { // unsigned int max_contexts, val active_contexts) {
     /* std::vector<unsigned int> arr = emscripten::vecFromJSArray<unsigned int>(active_contexts); */
     /* std::set<unsigned int> s(arr.begin(), arr.end()); */
     /* std::set<unsigned int> s({0, 1}); */
+    std::set<unsigned int> ctx_set;
+
+    for (size_t i = 0; i < arr["length"].as<size_t>(); i++) {
+        ctx_set.insert(arr[i].as<unsigned int>());
+    }
 
     /* reset(2, s); */
-    start_simulator(2, std::set<unsigned int>{0, 1});
+    // start_simulator(max_contexts, std::set<unsigned int>{0, 1});
+    start_simulator(max_contexts, ctx_set);
+
 }
 
 EMSCRIPTEN_BINDINGS(simulationSettings) { function("setDelay", &setDelay); }

From 9d06dbdf778516801877930d0f27185db8eb63c2 Mon Sep 17 00:00:00 2001
From: Alan Zhou <alanzyt311@gmail.com>
Date: Sat, 25 Mar 2023 10:43:25 -0500
Subject: [PATCH 2/9] update reset

---
 js/execution.js | 11 ++++++++-
 js/index.js     | 60 ++++++++++++++++++++++++++++---------------------
 2 files changed, 45 insertions(+), 26 deletions(-)

diff --git a/js/execution.js b/js/execution.js
index 0477260..1a28828 100644
--- a/js/execution.js
+++ b/js/execution.js
@@ -20,8 +20,17 @@ class Execution {
         Elements.output.innerHTML = '';
         Elements.log.innerHTML = '';
 
+
+        let enable_ctx0 = document.getElementById("context-enabler0").checked;
+        let enable_ctx1 = document.getElementById("context-enabler1").checked;
+        const ctx_list = [];
+        if (enable_ctx0) {ctx_list.push(0)};
+        if (enable_ctx1) {ctx_list.push(1)};
+        console.log("enable list: ", ctx_list);
+        Module.reset(2, ctx_list);
+
         // Module.reset(); // 2, [0, 1]);
-        Module.reset(2, [0, 1]);
+        // Module.reset(2, [0, 1]);
         // Module.reset(2, [0]);
         // Module.reset(2, [1]);
 
diff --git a/js/index.js b/js/index.js
index a289dee..fb22731 100644
--- a/js/index.js
+++ b/js/index.js
@@ -102,35 +102,43 @@ async function initModule() {
     console.log("program 0 enabled: ", enable_ctx0);
     console.log("program 1 enabled: ", enable_ctx1);
 
-
+    // TODO: add module reset when
+    const ctx_list = [];
+    if (enable_ctx0) {ctx_list.push(0)};
+    if (enable_ctx1) {ctx_list.push(1)};
+    Module.reset(2, ctx_list);
 
 }
 
 async function changeContext(ctx) {
 
-
-    // if (ctx !== "0") {
-    //     // Output 
-    //     Elements.output.innerHTML = "";
-    //     Elements.log.innerHTML = "";
-
-    //     // Reg
-    //     Elements.generalReg.innerHTML = "";
-    //     Elements.specialReg.innerHTML = "";
-    //     Elements.floatReg.innerHTML = "";
-    //     Elements.doubleReg.innerHTML = "";
-
-    //     // Insn
-    //     Elements.userTextContent.innerHTML = "";
-    //     Elements.kernelTextContent.innerHTML = "";
-    //     Elements.kernelTextContainer.innerHTML = "";
-
-    //     // Mem
-    //     Elements.userData.innerHTML = "";
-    //     Elements.kernelData.innerHTML = "";
-    //     Elements.kernelDataContainer.innerHTML = "";
-    //     Elements.stack.innerHTML = "";
-    // }
+    var ctx_enabled = false;
+    if (ctx == 0) ctx_enabled = document.getElementById("context-enabler0").checked;
+    else if (ctx == 1) ctx_enabled = document.getElementById("context-enabler1").checked;
+
+    // If the ctx is not enabled, clean the front end
+    if (!ctx_enabled) {
+        // Output 
+        Elements.output.innerHTML = "";
+        Elements.log.innerHTML = "";
+
+        // Reg
+        Elements.generalReg.innerHTML = "";
+        Elements.specialReg.innerHTML = "";
+        Elements.floatReg.innerHTML = "";
+        Elements.doubleReg.innerHTML = "";
+
+        // Insn
+        Elements.userTextContent.innerHTML = "";
+        Elements.kernelTextContent.innerHTML = "";
+        Elements.kernelTextContainer.innerHTML = "";
+
+        // Mem
+        Elements.userData.innerHTML = "";
+        Elements.kernelData.innerHTML = "";
+        Elements.kernelDataContainer.innerHTML = "";
+        Elements.stack.innerHTML = "";
+    }
 
     console.log("change ctx from ", Execution.ctx, " to ", ctx);
     Execution.ctx = ctx;
@@ -139,7 +147,9 @@ async function changeContext(ctx) {
     // Module.pause();
     // Execution.playing = false;
     // Elements.playButton.innerHTML = "Continue";
-    if (Module.lockSimulator(100)) {
+
+
+    if (ctx_enabled && Module.lockSimulator(100)) {
         updateStdOut(Execution.ctx);
         updateStdErr(Execution.ctx);
         // RegisterUtils.update(Execution.ctx);

From 06dbe8d1b0f5a08ae17463fed59c01d572858f6d Mon Sep 17 00:00:00 2001
From: Alan Zhou <alanzyt311@gmail.com>
Date: Sat, 25 Mar 2023 11:47:13 -0500
Subject: [PATCH 3/9] update frontend when enable/disable ctx

---
 js/index.js | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 54 insertions(+), 1 deletion(-)

diff --git a/js/index.js b/js/index.js
index fb22731..237d48b 100644
--- a/js/index.js
+++ b/js/index.js
@@ -94,6 +94,7 @@ async function loadData(fileInput) {
     }
 }
 
+let prev_ctx_list = [0, 1];
 
 async function initModule() {
 
@@ -103,11 +104,63 @@ async function initModule() {
     console.log("program 1 enabled: ", enable_ctx1);
 
     // TODO: add module reset when
-    const ctx_list = [];
+    const ctx_list = []; // [0]
     if (enable_ctx0) {ctx_list.push(0)};
     if (enable_ctx1) {ctx_list.push(1)};
     Module.reset(2, ctx_list);
 
+
+    
+
+
+    
+    let cur_ctx = document.getElementById("context-selector").value;
+    if (prev_ctx_list.length == ctx_list.length) {
+        // same ctx list, no modification
+
+    } else if (prev_ctx_list.length > ctx_list.length) {
+        // disabled selected ctx, clean frontend
+        let diff_ctx = prev_ctx_list.filter(item => !ctx_list.includes(item))[0];
+        if (diff_ctx == cur_ctx) {
+            // Output 
+            Elements.output.innerHTML = "";
+            Elements.log.innerHTML = "";
+
+            // Reg
+            Elements.generalReg.innerHTML = "";
+            Elements.specialReg.innerHTML = "";
+            Elements.floatReg.innerHTML = "";
+            Elements.doubleReg.innerHTML = "";
+
+            // Insn
+            Elements.userTextContent.innerHTML = "";
+            Elements.kernelTextContent.innerHTML = "";
+            Elements.kernelTextContainer.innerHTML = "";
+
+            // Mem
+            Elements.userData.innerHTML = "";
+            Elements.kernelData.innerHTML = "";
+            Elements.kernelDataContainer.innerHTML = "";
+            Elements.stack.innerHTML = "";            
+        }
+        
+    } else {
+        // enabled selected ctx, update frontend
+        let diff_ctx = ctx_list.filter(item => !prev_ctx_list.includes(item))[0];
+        if (diff_ctx == cur_ctx) {
+            if (Module.lockSimulator(100)) {
+                updateStdOut(cur_ctx);
+                updateStdErr(cur_ctx);
+                RegisterUtils.init(cur_ctx);
+                MemoryUtils.init(cur_ctx);
+                InstructionUtils.update(cur_ctx);
+        
+                Module.unlockSimulator();
+            }
+        }
+
+    }
+    prev_ctx_list = ctx_list.slice();
 }
 
 async function changeContext(ctx) {

From 948d69fad0989dc9e49971a811a7ec821d2b2623 Mon Sep 17 00:00:00 2001
From: Alan Zhou <alanzyt311@gmail.com>
Date: Thu, 6 Apr 2023 21:23:27 -0500
Subject: [PATCH 4/9] update todo

---
 js/index.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/js/index.js b/js/index.js
index 237d48b..3f5591a 100644
--- a/js/index.js
+++ b/js/index.js
@@ -108,13 +108,21 @@ async function initModule() {
     if (enable_ctx0) {ctx_list.push(0)};
     if (enable_ctx1) {ctx_list.push(1)};
     Module.reset(2, ctx_list);
+    
+    let cur_ctx = document.getElementById("context-selector").value;
+
+    // 1. Re-initialize the context selector options (remove disabled ctx)
+
+
+    // 2. switch the option of context selector to enabled one
+
+
+    // 3. switch the context to the enabled one
+
 
 
-    
 
 
-    
-    let cur_ctx = document.getElementById("context-selector").value;
     if (prev_ctx_list.length == ctx_list.length) {
         // same ctx list, no modification
 

From a436d6e94c62b7ced0ef8e9058f0f9bf16b00cd4 Mon Sep 17 00:00:00 2001
From: Alan Zhou <alanzyt311@gmail.com>
Date: Fri, 14 Apr 2023 14:31:01 -0500
Subject: [PATCH 5/9] update bug fix

---
 js/index.js | 135 +++++++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 108 insertions(+), 27 deletions(-)

diff --git a/js/index.js b/js/index.js
index 3f5591a..e2dec9b 100644
--- a/js/index.js
+++ b/js/index.js
@@ -112,24 +112,26 @@ async function initModule() {
     let cur_ctx = document.getElementById("context-selector").value;
 
     // 1. Re-initialize the context selector options (remove disabled ctx)
+    Elements.contextSelector.innerHTML = '';
+    ctx_list.forEach(ctx_idx => {
+        const option = document.createElement("option");
+        if (ctx_idx == 0) programName = "Program1";
+        else if (ctx_idx == 1) programName = "Program2";
 
+        option.text = programName;
+        option.value = ctx_idx;
+        Elements.contextSelector.add(option);
+    });
 
     // 2. switch the option of context selector to enabled one
 
-
-    // 3. switch the context to the enabled one
-
-
-
-
-
-    if (prev_ctx_list.length == ctx_list.length) {
-        // same ctx list, no modification
-
-    } else if (prev_ctx_list.length > ctx_list.length) {
-        // disabled selected ctx, clean frontend
+    // 1) disable a ctx
+    if (prev_ctx_list.length > ctx_list.length) {
         let diff_ctx = prev_ctx_list.filter(item => !ctx_list.includes(item))[0];
-        if (diff_ctx == cur_ctx) {
+        // From 1 => 0
+        if (ctx_list.length == 0) {
+            Elements.contextSelector.selectedIndex = -1;
+            // clean frontend
             // Output 
             Elements.output.innerHTML = "";
             Elements.log.innerHTML = "";
@@ -149,26 +151,105 @@ async function initModule() {
             Elements.userData.innerHTML = "";
             Elements.kernelData.innerHTML = "";
             Elements.kernelDataContainer.innerHTML = "";
-            Elements.stack.innerHTML = "";            
+            Elements.stack.innerHTML = "";              
         }
-        
-    } else {
-        // enabled selected ctx, update frontend
-        let diff_ctx = ctx_list.filter(item => !prev_ctx_list.includes(item))[0];
-        if (diff_ctx == cur_ctx) {
-            if (Module.lockSimulator(100)) {
-                updateStdOut(cur_ctx);
-                updateStdErr(cur_ctx);
-                RegisterUtils.init(cur_ctx);
-                MemoryUtils.init(cur_ctx);
-                InstructionUtils.update(cur_ctx);
-        
-                Module.unlockSimulator();
+        // From 2 => 1
+        else {
+            // diabled = selected => switch ctx to another
+            if (diff_ctx == cur_ctx) {
+                let new_ctx = ctx_list[0];
+                Elements.contextSelector.selectedIndex = new_ctx;
+                Execution.ctx = new_ctx; 
+                if (Module.lockSimulator(100)) {
+                    updateStdOut(new_ctx);
+                    updateStdErr(new_ctx);
+                    RegisterUtils.init(new_ctx);
+                    MemoryUtils.init(new_ctx);
+                    InstructionUtils.update(new_ctx);
+                    Module.unlockSimulator();
+                }
+            }
+            // disable != selected
+            else {
+                // do nothing
             }
         }
 
     }
+    // enable 
+    else if (prev_ctx_list.length < ctx_list.length) {
+        // From 1 => 2
+        let diff_ctx = ctx_list.filter(item => !prev_ctx_list.includes(item))[0];
+        let new_ctx = diff_ctx;
+        Execution.ctx = new_ctx; 
+        console.log("enable ctx, change to new ctx: ", new_ctx);
+        
+        Elements.contextSelector.selectedIndex = new_ctx;
+        if (Module.lockSimulator(100)) {
+            updateStdOut(new_ctx);
+            updateStdErr(new_ctx);
+            RegisterUtils.init(new_ctx);
+            MemoryUtils.init(new_ctx);
+            InstructionUtils.update(new_ctx);
+            Module.unlockSimulator();
+        }
+    }
+
     prev_ctx_list = ctx_list.slice();
+
+
+    // 3. switch the context to the enabled one
+
+
+
+
+
+    // if (prev_ctx_list.length == ctx_list.length) {
+    //     // same ctx list, no modification
+
+    // } else if (prev_ctx_list.length > ctx_list.length) {
+    //     // disabled selected ctx, clean frontend
+    //     let diff_ctx = prev_ctx_list.filter(item => !ctx_list.includes(item))[0];
+    //     if (diff_ctx == cur_ctx) {
+    //         // Output 
+    //         Elements.output.innerHTML = "";
+    //         Elements.log.innerHTML = "";
+
+    //         // Reg
+    //         Elements.generalReg.innerHTML = "";
+    //         Elements.specialReg.innerHTML = "";
+    //         Elements.floatReg.innerHTML = "";
+    //         Elements.doubleReg.innerHTML = "";
+
+    //         // Insn
+    //         Elements.userTextContent.innerHTML = "";
+    //         Elements.kernelTextContent.innerHTML = "";
+    //         Elements.kernelTextContainer.innerHTML = "";
+
+    //         // Mem
+    //         Elements.userData.innerHTML = "";
+    //         Elements.kernelData.innerHTML = "";
+    //         Elements.kernelDataContainer.innerHTML = "";
+    //         Elements.stack.innerHTML = "";            
+    //     }
+        
+    // } else {
+    //     // enabled selected ctx, update frontend
+    //     let diff_ctx = ctx_list.filter(item => !prev_ctx_list.includes(item))[0];
+    //     if (diff_ctx == cur_ctx) {
+    //         if (Module.lockSimulator(100)) {
+    //             updateStdOut(cur_ctx);
+    //             updateStdErr(cur_ctx);
+    //             RegisterUtils.init(cur_ctx);
+    //             MemoryUtils.init(cur_ctx);
+    //             InstructionUtils.update(cur_ctx);
+        
+    //             Module.unlockSimulator();
+    //         }
+    //     }
+
+    // }
+    // prev_ctx_list = ctx_list.slice();
 }
 
 async function changeContext(ctx) {

From ea7c138b02f502b18d7234765388f937c9949187 Mon Sep 17 00:00:00 2001
From: Alan Zhou <alanzyt311@gmail.com>
Date: Fri, 14 Apr 2023 16:01:26 -0500
Subject: [PATCH 6/9] fix file upload

---
 js/index.js | 54 ++++++++++++++++++++++++++++++++++++++---------------
 1 file changed, 39 insertions(+), 15 deletions(-)

diff --git a/js/index.js b/js/index.js
index e2dec9b..8b23417 100644
--- a/js/index.js
+++ b/js/index.js
@@ -64,18 +64,35 @@ async function main(fileInput = `Tests/${fileList[0]}`, ctx = null) {
         const stream = FS.open('input_'+ctx+'.s', 'w+');
         FS.write(stream, new Uint8Array(data), 0, data.byteLength, 0);
         FS.close(stream);
-        Execution.init(false, ctx);
-        changeContext(ctx);
-        Elements.contextSelector.selectedIndex = ctx;
-        switch (ctx) {
-            case 0:
-                Elements.fileSelector0.value = fileInput;
-                break;
-            case 1:
-                Elements.fileSelector1.value = fileInput;
-                break;
-            default:
+
+        // when upload file != enabled ctx, not change anything
+        let cur_ctx = document.getElementById("context-selector").value;
+        if (ctx == cur_ctx) {
+            Execution.init(false, ctx);
+            changeContext(ctx);
+
+
+            const ctx_list = []; // [0]
+            if (document.getElementById("context-enabler0").checked) {ctx_list.push(0)};
+            if (document.getElementById("context-enabler1").checked) {ctx_list.push(1)};
+            let new_ctx_idx = 0;
+            for (var i = 0; i < ctx_list.length; i++) {
+                if (ctx == ctx_list[i]) {new_ctx_idx = i; break;}
+            }
+            Elements.contextSelector.selectedIndex = new_ctx_idx;
+
+            // Elements.contextSelector.selectedIndex = ctx;
+            switch (ctx) {
+                case 0:
+                    Elements.fileSelector0.value = fileInput;
+                    break;
+                case 1:
+                    Elements.fileSelector1.value = fileInput;
+                    break;
+                default:
+            }
         }
+
     }
 
     // Execution.init();
@@ -124,6 +141,7 @@ async function initModule() {
     });
 
     // 2. switch the option of context selector to enabled one
+    // and switch the context to the enabled one
 
     // 1) disable a ctx
     if (prev_ctx_list.length > ctx_list.length) {
@@ -158,7 +176,9 @@ async function initModule() {
             // diabled = selected => switch ctx to another
             if (diff_ctx == cur_ctx) {
                 let new_ctx = ctx_list[0];
-                Elements.contextSelector.selectedIndex = new_ctx;
+                // Elements.contextSelector.selectedIndex = new_ctx;
+                Elements.contextSelector.selectedIndex = 0;
+
                 Execution.ctx = new_ctx; 
                 if (Module.lockSimulator(100)) {
                     updateStdOut(new_ctx);
@@ -183,8 +203,12 @@ async function initModule() {
         let new_ctx = diff_ctx;
         Execution.ctx = new_ctx; 
         console.log("enable ctx, change to new ctx: ", new_ctx);
-        
-        Elements.contextSelector.selectedIndex = new_ctx;
+
+        let new_ctx_idx = 0;
+        for (var i = 0; i < ctx_list.length; i++) {
+            if (new_ctx == ctx_list[i]) {new_ctx_idx = i; break;}
+        }
+        Elements.contextSelector.selectedIndex = new_ctx_idx;
         if (Module.lockSimulator(100)) {
             updateStdOut(new_ctx);
             updateStdErr(new_ctx);
@@ -198,7 +222,7 @@ async function initModule() {
     prev_ctx_list = ctx_list.slice();
 
 
-    // 3. switch the context to the enabled one
+    // 3. 
 
 
 

From a07d6bb8a0b850721d2b6a919bc75f27358b3c56 Mon Sep 17 00:00:00 2001
From: Alan Zhou <alanzyt311@gmail.com>
Date: Sat, 22 Apr 2023 16:14:20 -0500
Subject: [PATCH 7/9] fix program name & freeze of context 2

---
 js/index.js   | 14 +++++++++++---
 spim/spim.cpp | 14 --------------
 2 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/js/index.js b/js/index.js
index 8b23417..86db56a 100644
--- a/js/index.js
+++ b/js/index.js
@@ -132,8 +132,8 @@ async function initModule() {
     Elements.contextSelector.innerHTML = '';
     ctx_list.forEach(ctx_idx => {
         const option = document.createElement("option");
-        if (ctx_idx == 0) programName = "Program1";
-        else if (ctx_idx == 1) programName = "Program2";
+        if (ctx_idx == 0) programName = "Program 1";
+        else if (ctx_idx == 1) programName = "Program 2";
 
         option.text = programName;
         option.value = ctx_idx;
@@ -191,7 +191,15 @@ async function initModule() {
             }
             // disable != selected
             else {
-                // do nothing
+                Execution.ctx = cur_ctx; 
+                if (Module.lockSimulator(100)) {
+                    updateStdOut(cur_ctx);
+                    updateStdErr(cur_ctx);
+                    RegisterUtils.init(cur_ctx);
+                    MemoryUtils.init(cur_ctx);
+                    InstructionUtils.update(cur_ctx);
+                    Module.unlockSimulator();
+                }
             }
         }
 
diff --git a/spim/spim.cpp b/spim/spim.cpp
index 3386132..7b72c40 100644
--- a/spim/spim.cpp
+++ b/spim/spim.cpp
@@ -259,30 +259,16 @@ val getSpecialRegVals(int ctx) {
   return val(typed_memory_view(9, specialRegs));
 }
 
-// void reset_sim() { // unsigned int max_contexts, val active_contexts) {
-//     /* std::vector<unsigned int> arr = emscripten::vecFromJSArray<unsigned int>(active_contexts); */
-//     /* std::set<unsigned int> s(arr.begin(), arr.end()); */
-//     /* std::set<unsigned int> s({0, 1}); */
-
-//     /* reset(2, s); */
-//     start_simulator(2, std::set<unsigned int>{0, 1});
-// }
 
 
 void reset_sim(unsigned int max_contexts, const emscripten::val& arr) { // unsigned int max_contexts, val active_contexts) {
-    /* std::vector<unsigned int> arr = emscripten::vecFromJSArray<unsigned int>(active_contexts); */
-    /* std::set<unsigned int> s(arr.begin(), arr.end()); */
-    /* std::set<unsigned int> s({0, 1}); */
     std::set<unsigned int> ctx_set;
 
     for (size_t i = 0; i < arr["length"].as<size_t>(); i++) {
         ctx_set.insert(arr[i].as<unsigned int>());
     }
 
-    /* reset(2, s); */
-    // start_simulator(max_contexts, std::set<unsigned int>{0, 1});
     start_simulator(max_contexts, ctx_set);
-
 }
 
 EMSCRIPTEN_BINDINGS(simulationSettings) { function("setDelay", &setDelay); }

From f5edb1a5c4b070e0d611902f4ee569c34ad0c576 Mon Sep 17 00:00:00 2001
From: Alan Zhou <alanzyt311@gmail.com>
Date: Sat, 22 Apr 2023 16:29:45 -0500
Subject: [PATCH 8/9] clean up unused code

---
 js/index.js | 54 -----------------------------------------------------
 1 file changed, 54 deletions(-)

diff --git a/js/index.js b/js/index.js
index 86db56a..3d4b284 100644
--- a/js/index.js
+++ b/js/index.js
@@ -228,60 +228,6 @@ async function initModule() {
     }
 
     prev_ctx_list = ctx_list.slice();
-
-
-    // 3. 
-
-
-
-
-
-    // if (prev_ctx_list.length == ctx_list.length) {
-    //     // same ctx list, no modification
-
-    // } else if (prev_ctx_list.length > ctx_list.length) {
-    //     // disabled selected ctx, clean frontend
-    //     let diff_ctx = prev_ctx_list.filter(item => !ctx_list.includes(item))[0];
-    //     if (diff_ctx == cur_ctx) {
-    //         // Output 
-    //         Elements.output.innerHTML = "";
-    //         Elements.log.innerHTML = "";
-
-    //         // Reg
-    //         Elements.generalReg.innerHTML = "";
-    //         Elements.specialReg.innerHTML = "";
-    //         Elements.floatReg.innerHTML = "";
-    //         Elements.doubleReg.innerHTML = "";
-
-    //         // Insn
-    //         Elements.userTextContent.innerHTML = "";
-    //         Elements.kernelTextContent.innerHTML = "";
-    //         Elements.kernelTextContainer.innerHTML = "";
-
-    //         // Mem
-    //         Elements.userData.innerHTML = "";
-    //         Elements.kernelData.innerHTML = "";
-    //         Elements.kernelDataContainer.innerHTML = "";
-    //         Elements.stack.innerHTML = "";            
-    //     }
-        
-    // } else {
-    //     // enabled selected ctx, update frontend
-    //     let diff_ctx = ctx_list.filter(item => !prev_ctx_list.includes(item))[0];
-    //     if (diff_ctx == cur_ctx) {
-    //         if (Module.lockSimulator(100)) {
-    //             updateStdOut(cur_ctx);
-    //             updateStdErr(cur_ctx);
-    //             RegisterUtils.init(cur_ctx);
-    //             MemoryUtils.init(cur_ctx);
-    //             InstructionUtils.update(cur_ctx);
-        
-    //             Module.unlockSimulator();
-    //         }
-    //     }
-
-    // }
-    // prev_ctx_list = ctx_list.slice();
 }
 
 async function changeContext(ctx) {

From 2f83da65373e32553ace113b3096aac99ce17cf9 Mon Sep 17 00:00:00 2001
From: Alan Zhou <alanzyt311@gmail.com>
Date: Sat, 22 Apr 2023 16:40:29 -0500
Subject: [PATCH 9/9] clean buffer after reset

---
 js/execution.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/js/execution.js b/js/execution.js
index 1a28828..c505793 100644
--- a/js/execution.js
+++ b/js/execution.js
@@ -45,7 +45,8 @@ class Execution {
             InstructionUtils.init(ctx);
             InstructionUtils.highlightCurrentInstruction();
             // Elements.contextSelector.selectedIndex = ctx;
-
+            stdout[ctx] = "";
+            stderr[ctx] = "";
         } else {
             InstructionUtils.init(ctx);
             InstructionUtils.highlightCurrentInstruction();