Show error toast if url.hash is invalid

apps/class-solid/src/lib/encode.ts

@@ -32,12 +32,13 @@ export function encodeExperiment(experiment: Experiment) {
  *
  */
 export function decodeExperiment(encoded: string): ExperimentConfigSchema {
-  const decoded = JSON.parse(decodeURIComponent(encoded));
+  const decoded = decodeURIComponent(encoded);
+  const parsed = JSON.parse(decoded);
   const rawExperiment = {
-    name: decoded.n,
-    description: decoded.d,
-    reference: decoded.r,
-    permutations: decoded.p.map((perm: { n: string; c: PartialConfig }) => ({
+    name: parsed.n,
+    description: parsed.d,
+    reference: parsed.r,
+    permutations: parsed.p.map((perm: { n: string; c: PartialConfig }) => ({
       name: perm.n,
       config: perm.c,
     })),

apps/class-solid/src/routes/index.tsx

@@ -14,7 +14,7 @@ import {
   DropdownMenuTrigger,
 } from "~/components/ui/dropdown-menu";
 import { Flex } from "~/components/ui/flex";
-import { Toaster } from "~/components/ui/toast";
+import { Toaster, showToast } from "~/components/ui/toast";
 import { decodeExperiment } from "~/lib/encode";
 
 import { experiments, uploadExperiment } from "~/lib/store";
@@ -28,8 +28,17 @@ export default function Home() {
     const navigate = useNavigate();
     const rawExperiment = location.hash.substring(1);
     if (!rawExperiment) return;
-    const experimentConfig = decodeExperiment(rawExperiment);
-    uploadExperiment(experimentConfig);
+    try {
+      const experimentConfig = decodeExperiment(rawExperiment);
+      uploadExperiment(experimentConfig);
+    } catch (error) {
+      console.error(error);
+      showToast({
+        title: "Failed to load experiment from URL",
+        description: `${error}`,
+        variant: "error",
+      });
+    }
     // Remove hash after loading experiment from URL,
     // as after editing the experiment the hash out of sync
     navigate("/");