Fix loading botlist from localstorage

Closes #87
Co-authored-by: Eric Veilleux <virx@virxcase.dev>

Author: swz-git

frontend/src/index.ts

@@ -10,25 +10,40 @@ import {
 import App from "./App.svelte";
 import SuperJSON from "superjson";
 
+SuperJSON.registerClass(BotInfo);
+SuperJSON.registerClass(PsyonixBotInfo);
+SuperJSON.registerClass(HumanInfo);
+SuperJSON.registerClass(LoadoutConfig);
+
 const app: any = mount(App, {
   target: document.body,
   // props: {
   //   name: "world",
   // },
 });
 
-SuperJSON.registerClass(BotInfo);
-SuperJSON.registerClass(PsyonixBotInfo);
-SuperJSON.registerClass(HumanInfo);
-
 export function parseJSON(item: string | null): any | null {
   if (item === null) {
-    return null;
+    return null
   }
 
   try {
     return JSON.parse(item);
-  } catch {
+  } catch (e) {
+    console.warn("JSON Parse error", e)
+    return null;
+  }
+}
+
+export function parseSuperJSON(item: string | null): any | null {
+  if (item === null) {
+    return null
+  }
+
+  try {
+    return SuperJSON.parse(item);
+  } catch (e) {
+    console.warn("SuperJSON Parse error", e)
     return null;
   }
 }

frontend/src/pages/Home.svelte

@@ -22,12 +22,14 @@ import {
   type ToggleableScript,
   draggablePlayerToPlayerJs,
   parseJSON,
+  parseSuperJSON,
 } from "../index";
 import { mapStore } from "../settings";
 import {
   DebugRendering,
   ExistingMatchBehavior,
 } from "../../bindings/github.com/RLBot/go-interface/flat/models.js";
+import SuperJSON from "superjson";
 
 let {
   paths = $bindable([]),
@@ -111,10 +113,10 @@ let loadingPlayers = $state(false);
 
 let players: DraggablePlayer[] = $state(BASE_PLAYERS.slice(1));
 let bluePlayers: DraggablePlayer[] = $state(
-  parseJSON(localStorage.getItem("BLUE_PLAYERS")) || [BASE_PLAYERS[0]],
+  parseSuperJSON(localStorage.getItem("BLUE_PLAYERS")) || [BASE_PLAYERS[0]],
 );
 let orangePlayers: DraggablePlayer[] = $state(
-  parseJSON(localStorage.getItem("ORANGE_PLAYERS")) || [],
+  parseSuperJSON(localStorage.getItem("ORANGE_PLAYERS")) || [],
 );
 let showHuman = $derived(
   !(
@@ -124,10 +126,10 @@ let showHuman = $derived(
 );
 
 $effect(() => {
-  localStorage.setItem("BLUE_PLAYERS", JSON.stringify(bluePlayers));
+  localStorage.setItem("BLUE_PLAYERS", SuperJSON.stringify(bluePlayers));
 });
 $effect(() => {
-  localStorage.setItem("ORANGE_PLAYERS", JSON.stringify(orangePlayers));
+  localStorage.setItem("ORANGE_PLAYERS", SuperJSON.stringify(orangePlayers));
 });
 
 let latestScriptUpdateTime = null;