refactor: simplify spec loading in docs with async

vega · Dec 14, 2023 · 93941f3 · 93941f3
1 parent 12788a5
commit 93941f3
Showing 1 changed file with 7 additions and 11 deletions.
diff --git a/site/static/index.ts b/site/static/index.ts
@@ -108,24 +108,20 @@ export function embedExample($target: any, spec: TopLevelSpec, actions = true, t
   return view;
 }
 
-function getSpec(el: d3.BaseType) {
+async function getSpec(el: d3.BaseType) {
   const sel = select(el);
   const name = sel.attr('data-name');
   const figureOnly = !!sel.attr('figure-only');
   if (name) {
     const dir = sel.attr('data-dir');
     const fullUrl = `${BASEURL}/examples/${dir ? `${dir}/` : ''}${name}.vl.json`;
 
-    fetch(fullUrl)
-      .then(response => {
-        response
-          .text()
-          .then(spec => {
-            renderExample(sel, spec, figureOnly);
-          })
-          .catch(console.error);
-      })
-      .catch(console.error);
+    try {
+      const spec = await (await fetch(fullUrl)).text();
+      renderExample(sel, spec, figureOnly);
+    } catch (e) {
+      console.error(e);
+    }
   } else {
     console.error('No "data-name" specified to import examples from');
   }