Handle failure scenarios better.

Author: BigBlueHat

playground/next/editor.bundle.js

@@ -39990,14 +39990,14 @@ ${O$2.repeat(r.depth)}}`:r.close="}";break}case f$4.TAG:e+=String(i),e+=a(f$4.PO
     },
     gatherHash() {
       const url = new URL(window.location);
-      const hash = new URLSearchParams(url.hash.slice(1));
-      this.contextDoc = JSON.parse(hash.get('context') || {});
+      const hash = new URLSearchParams(url?.hash.slice(1));
+      this.contextDoc = JSON.parse(hash.get('context')) || {};
       setEditorValue(this.contextEditor, this.contextDoc);
-      this.frameDoc = JSON.parse(hash.get('frame') || {});
+      this.frameDoc = JSON.parse(hash.get('frame')) || {};
       setEditorValue(this.frameEditor, this.frameDoc);
-      this.doc = JSON.parse(hash.get('json-ld') || {});
+      this.doc = JSON.parse(hash.get('json-ld')) || {};
       setEditorValue(this.mainEditor, this.doc);
-      this.outputTab = hash.get('startTab').slice(4);
+      this.outputTab = hash.get('startTab')?.slice(4);
     }
   }).mount();
 

playground/next/editor.mjs

@@ -563,13 +563,13 @@ window.app = createApp({
   },
   gatherHash() {
     const url = new URL(window.location);
-    const hash = new URLSearchParams(url.hash.slice(1));
-    this.contextDoc = JSON.parse(hash.get('context') || {});
+    const hash = new URLSearchParams(url?.hash.slice(1));
+    this.contextDoc = JSON.parse(hash.get('context')) || {};
     setEditorValue(this.contextEditor, this.contextDoc);
-    this.frameDoc = JSON.parse(hash.get('frame') || {});
+    this.frameDoc = JSON.parse(hash.get('frame')) || {};
     setEditorValue(this.frameEditor, this.frameDoc);
-    this.doc = JSON.parse(hash.get('json-ld') || {});
+    this.doc = JSON.parse(hash.get('json-ld')) || {};
     setEditorValue(this.mainEditor, this.doc);
-    this.outputTab = hash.get('startTab').slice(4);
+    this.outputTab = hash.get('startTab')?.slice(4);
   }
 }).mount();