Load JSON-LD from hash fragments.

Supports `startTab` and `json-ld` (for the document).

Author: BigBlueHat

playground/next/editor.mjs

@@ -539,5 +539,12 @@ window.app = createApp({
       '@context': this.doc['@context']
     };
     setEditorValue(this.contextEditor, this.contextDoc);
+  },
+  gatherHash() {
+    const url = new URL(window.location);
+    const hash = new URLSearchParams(url.hash.slice(1));
+    this.doc = JSON.parse(hash.get('json-ld') || {});
+    setEditorValue(this.mainEditor, this.doc);
+    this.outputTab = hash.get('startTab').slice(4);
   }
 }).mount();

playground/next/index.html

@@ -29,7 +29,7 @@ <h2 class="ui massive header">JSON-LD Playground</h2>
   <code>Shift+Tab</code>) to navigate out of the editor.</p>
 </div>
 
-<div class="ui container" v-scope v-effect="setOutputTab()">
+<div class="ui container" v-scope v-effect="setOutputTab()" @vue:mounted="gatherHash()">
   <div class="ui buttons">
     <button class="ui large basic right pointing label">Examples</button>
     <button id="btn-person" class="ui button"