async function loadTerms(config, document) {
  const res = await fetch("https://api.example.org/terms.json");
  const terms = await res.json();

  // Inject <dfn> elements so xref can resolve them
  const section = document.querySelector("#terminology");
  for (const { id, label } of terms) {
    const p = document.createElement("p");
    p.innerHTML = `The <dfn data-export id="${id}">${label}</dfn> is ...`;
    section.append(p);
  }
}

var respecConfig = {
  preProcess: [loadTerms],
};

function addGeneratedSection(config, document) {
  const section = document.createElement("section");
  section.id = "build-info";
  section.innerHTML = `
    <h2>Build Information</h2>
    <p>Built by: <strong>${config.editors[0].name}</strong></p>
  `;
  document.body.insertAdjacentElement("beforeend", section);
}

var respecConfig = {
  preProcess: [addGeneratedSection],
};