GUI Patch Wizard

frontend/src/App.svelte

@@ -42,20 +42,23 @@
     selectedResource,
     settings,
     dataLength,
+    viewCrumbs,
   } from "./stores.js";
   import { keyEventToString, shortcuts } from "./keyboard.js";
 
+  import RootWizardView from "./patch_wizard/RootWizardView.svelte";
+
   printConsoleArt();
 
-  let showRootResource = false,
-    showProjectManager = false,
-    dataLenPromise = Promise.resolve([]),
+  let dataLenPromise = Promise.resolve([]),
     useAssemblyView = false,
     useTextView = false,
     rootResourceLoadPromise = new Promise((resolve) => {}),
     resources = {};
   let currentResource, rootResource, modifierView, bottomLeftPane;
 
+  let topLevelView = null;
+
   // TODO: Move to settings
   let riddleAnswered = JSON.parse(window.localStorage.getItem("riddleSolved"));
   if (riddleAnswered === null || riddleAnswered === undefined) {
@@ -154,12 +157,14 @@ Answer by running riddle.answer('your answer here') from the console.`);
   $: docstyle.setProperty("--accent-text-color", $settings.accentText);
   $: docstyle.setProperty("--last-modified-color", $settings.lastModified);
   $: docstyle.setProperty("--all-modified-color", $settings.allModified);
+
+  $: topLevelView = $viewCrumbs[$viewCrumbs.length - 1];
 </script>
 
 <svelte:window on:popstate="{backButton}" on:keyup="{handleShortcut}" />
 <Gamepad />
 
-{#if showRootResource}
+{#if topLevelView === "rootResource"}
   {#await rootResourceLoadPromise}
     <LoadingAnimation />
   {:then _}
@@ -176,8 +181,6 @@ Answer by running riddle.answer('your answer here') from the console.`);
               rootResource="{rootResource}"
               bind:bottomLeftPane="{bottomLeftPane}"
               bind:modifierView="{modifierView}"
-              bind:showProjectManager="{showProjectManager}"
-              bind:showRootResource="{showRootResource}"
             />
           {/if}
         </Pane>
@@ -207,19 +210,17 @@ Answer by running riddle.answer('your answer here') from the console.`);
       <AudioPlayer />
     </div>
   {/if}
-{:else if showProjectManager}
+{:else if topLevelView === "projectManager"}
   <ProjectManagerView
     bind:rootResourceLoadPromise="{rootResourceLoadPromise}"
     bind:rootResource="{rootResource}"
     bind:resources="{resources}"
-    bind:showRootResource="{showRootResource}"
-    bind:showProjectManager="{showProjectManager}"
   />
-{:else}
+{:else if topLevelView === "patchWizard"}
+  <RootWizardView />
+{:else if topLevelView === "start"}
   <StartView
     bind:rootResourceLoadPromise="{rootResourceLoadPromise}"
-    bind:showRootResource="{showRootResource}"
-    bind:showProjectManager="{showProjectManager}"
     bind:resources="{resources}"
     bind:rootResource="{rootResource}"
   />

frontend/src/ofrak/remote_resource.js

@@ -646,15 +646,15 @@ export class RemoteResource extends Resource {
     });
   }
 
-  async run_component(component, configtype, response) {
+  async run_component(component, configtype, config) {
     const result = await fetch(
       `${this.uri}/run_component?component=${component}`,
       {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
         },
-        body: JSON.stringify([configtype, response]),
+        body: JSON.stringify(config),
       }
     ).then(async (r) => {
       if (!r.ok) {