REX + ProgressBar polishing

Author: lee-naish

src/algorithms/controllers/MSDRadixSort.js

@@ -453,6 +453,10 @@ arr],
           msdRadixSortRecursive(arr, mid, right, mask - 1, depth + 1)
           partitionChunker(MSD_BOOKMARKS.sort_right, undefined, undefined, undefined, undefined, left, right, depth, arr, mask)
 
+        } else {
+          // stop at Done line just for base case
+          // XXX (better to do it always???)
+          chunker.add(MSD_BOOKMARKS.done, (vis) => {}, [], depth);
         }
         // After the recursive call, we need to pop from the real stack to go back up one
         finished_stack_frames.push(real_stack.pop());
@@ -552,7 +556,7 @@ arr],
       )
       msdRadixSortRecursive(A, 0, n-1, mask, 0);
 
-      chunker.add(MSD_BOOKMARKS.done,
+      chunker.add(MSD_BOOKMARKS.top_call,
         vis => {
           vis.array.setStackDepth(0)
           for (let k = 0; k < n; k++) {

src/algorithms/pseudocode/MSDRadixSort.js

@@ -51,9 +51,12 @@ should be the same for all data in the array segment.
         \\Expl}
         Sort Right Part   \\Ref MSDRadixSortRight
         \\Expl{ Sort elements with 1 mask bit: A[i]..A[right]
+            (then return from this RexsortRecursive call).
         \\Expl}
     \\In}
     // Done \\B 5000
+    \\Expl{ We stop at this line for the base case of the recursion.
+    \\Expl}
 \\Code}
 
 \\Code{

src/components/mid-panel/ProgressBar.js

@@ -159,7 +159,10 @@ class ProgressBar extends React.Component {
     setProgress(node.rectPrimary, parseFloat(current / max, 10));
     setBuffer(node.buffer, 1);
     setThumb(node.thumb, parseFloat(current / max, 10));
-
+    // For some weird reason the "current" chunk number overshoots for
+    // the last chunk so we a a fudge here (also, max is one more than the
+    // number of chunks)
+    let curr = (current === max? max - 1: current);
 
     return (
         <div
@@ -173,11 +176,7 @@ class ProgressBar extends React.Component {
             <div className="progressLable" id="progressLabel">
               <div className="innerText">
                 {
-                  // if the user enters a valid input and clicks on LOAD
-                  // the progress bar displays the percentage of progress
-                  // convert the lines of code to percentge by multiplying the division by 100
-                  `Progress: ${"" + current + "/" + max + "=" + Math.round((current / max) * 100, 2)}%`
-                  // if the user does not enter a valid input, initialise the progress bar as not loaded
+                  "Progress:" + curr + "/" + (max-1) + "=" + Math.round((curr / (max-1)) * 100, 2) + "%"
                 }
               </div>
             </div>