Remove step and progress from Chef.

It's now all handled by the App!

src/web/App.mjs

@@ -156,7 +156,9 @@ class App {
             log.debug("Auto-baking");
             this.manager.input.inputWorker.postMessage({
                 action: "autobake",
-                data: this.manager.input.getActiveTab()
+                data: {
+                    activeTab: this.manager.input.getActiveTab()
+                }
             });
         } else {
             this.manager.controls.showStaleIndicator();

src/web/ControlsWaiter.mjs

@@ -73,16 +73,17 @@ class ControlsWaiter {
         // Reset status using cancelBake
         this.manager.worker.cancelBake(true, false);
         const activeTab = this.manager.input.getActiveTab();
-
-        if (this.manager.output.outputs[activeTab].progress === false){
-            this.app.progress = 0;
-        } else {
-            this.app.progress = this.manager.output.outputs[activeTab].progress;
+        let progress = 0;
+        if (this.manager.output.outputs[activeTab].progress !== false) {
+            progress = this.manager.output.outputs[activeTab].progress;
         }
 
         this.manager.input.inputWorker.postMessage({
             action: "step",
-            data: activeTab
+            data: {
+                activeTab: activeTab,
+                progress: progress + 1
+            }
         });
     }
 

src/web/InputWorker.mjs

@@ -85,7 +85,7 @@ self.addEventListener("message", function(e) {
             self.changeTabLeft(r.data.activeTab, r.data.nums);
             break;
         case "autobake":
-            self.autoBake(r.data, false);
+            self.autoBake(r.data.activeTab, 0, false);
             break;
         case "filterTabs":
             self.filterTabs(r.data);
@@ -100,7 +100,7 @@ self.addEventListener("message", function(e) {
             self.updateTabHeader(r.data);
             break;
         case "step":
-            self.autoBake(r.data, true);
+            self.autoBake(r.data.activeTab, r.data.progress, true);
             break;
         case "getInput":
             self.getInput(r.data);
@@ -145,17 +145,19 @@ self.getLoadProgress = function(inputNum) {
  * Queues the active input and sends a bake command.
  *
  * @param {number} inputNum - The input to be baked
+ * @param {number} progress - The current progress of the bake through the recipe
  * @param {boolean} [step=false] - Set to true if we should only execute one operation instead of the
  * whole recipe
  */
-self.autoBake = function(inputNum, step=false) {
+self.autoBake = function(inputNum, progress, step=false) {
     const input = self.getInputObj(inputNum);
     if (input) {
         self.postMessage({
             action: "bakeAllInputs",
             data: {
                 nums: [parseInt(inputNum, 10)],
-                step: step
+                step: step,
+                progress: progress
             }
         });
     }
@@ -178,7 +180,8 @@ self.bakeAllInputs = function() {
         action: "bakeAllInputs",
         data: {
             nums: nums,
-            step: false
+            step: false,
+            progress: 0
         }
     });
 };

src/web/WorkerWaiter.mjs

@@ -414,35 +414,36 @@ class WorkerWaiter {
         this.manager.output.updateOutputStatus("baking", nextInput.inputNum);
 
         this.chefWorkers[workerIdx].inputNum = nextInput.inputNum;
-        const input = nextInput.input;
-        if (input instanceof ArrayBuffer || ArrayBuffer.isView(input)) {
-            this.chefWorkers[workerIdx].worker.postMessage({
-                action: "bake",
-                data: {
-                    input: input,
-                    recipeConfig: this.recipeConfig,
-                    options: this.options,
-                    progress: this.progress,
-                    step: this.step,
-                    inputNum: nextInput.inputNum,
-                    bakeId: this.bakeId
+        const input = nextInput.input,
+            recipeConfig = this.recipeConfig;
+
+        if (this.step) {
+            // Remove all breakpoints from the recipe up to progress
+            for (let i = 0; i < this.app.progress; i++) {
+                if (recipeConfig[i].hasOwnProperty("breakpoint")) {
+                    delete recipeConfig[i].breakpoint;
                 }
-            }, [input]);
-        } else {
-            this.chefWorkers[workerIdx].worker.postMessage({
-                action: "bake",
-                data: {
-                    input: input,
-                    recipeConfig: this.recipeConfig,
-                    options: this.options,
-                    progress: this.progress,
-                    step: this.step,
-                    inputNum: nextInput.inputNum,
-                    bakeId: this.bakeId
-                }
-            });
+            }
+
+            // Set a breakpoint at the next operation so we stop baking there
+            if (recipeConfig[this.app.progress]) recipeConfig[this.app.progress].breakpoint = true;
         }
 
+        let transferable;
+        if (input instanceof ArrayBuffer || ArrayBuffer.isView(input)) {
+            transferable = [input];
+        }
+        this.chefWorkers[workerIdx].worker.postMessage({
+            action: "bake",
+            data: {
+                input: input,
+                recipeConfig: recipeConfig,
+                options: this.options,
+                inputNum: nextInput.inputNum,
+                bakeId: this.bakeId
+            }
+        }, transferable);
+
         if (this.inputNums.length > 0) {
             this.manager.input.inputWorker.postMessage({
                 action: "bakeNext",
@@ -523,8 +524,9 @@ class WorkerWaiter {
      * Queues a list of inputNums to be baked by ChefWorkers, and begins baking
      *
      * @param {object} inputData
-     * @param {number[]} inputData.nums
-     * @param {boolean} inputData.step
+     * @param {number[]} inputData.nums - The inputNums to be queued for baking
+     * @param {boolean} inputData.step - If true, only execute the next operation in the recipe
+     * @param {number} inputData.progress - The current progress through the recipe. Used when stepping
      */
     async bakeAllInputs(inputData) {
         return await new Promise(resolve => {
@@ -537,6 +539,7 @@ class WorkerWaiter {
 
             this.inputNums = inputNums;
             this.totalOutputs = inputNums.length;
+            this.app.progress = inputData.progress;
 
             let inactiveWorkers = 0;
             for (let i = 0; i < this.chefWorkers.length; i++) {