SpaceX Lauches Data Visualizer Handlebars

gistfile1.txt

import Handlebars from "https://esm.sh/handlebars";
console.log(Handlebars)

const template = Handlebars.compile(`
<div>{{data.name}}</div>
{{#each data.crew}}
<li>{{role}}</li>
{{/each}}
`);

const onResponse = async (res) => {
  const main = document.querySelector("main");
  if (!res) {
    main.innerHTML = "<pre>Response is empty</pre>";
    return;
  }
  const json = await res.json();
  
  main.innerHTML = template({ data: json });
};

Rapid.onResponse(onResponse);