@theidentityselector/thiss-ds/src/demo.js

A set of clients for the thiss.io service

import {DiscoveryService} from "./discovery"
import {EntityReader} from "./md_extractor";

function entity_to_dl(entity,dl) {
   let doc = window.document;
   Array.from(dl.children).forEach(c => o.removeChild(c));
   const reader = new EntityReader(entity);
   ['type', 'title', 'title_langs', 'descr', 'descr_langs', 'entity_icon', 'entity_icon_url'].forEach(k => {
      let v = reader.getAttribute(k);
      let dt = doc.createElement("dt");
      dt.textContent = k;
      dl.appendChild(dt);
      let dd = doc.createElement("dd");
      if (k === "entity_icon") {
         let img = doc.createElement("img")
         img.setAttribute("src", v);
         dd.appendChild(img);
      } else {
         dd.textContent = JSON.stringify(v);
      }
      dl.appendChild(dd);
   })
    
}

window.onload = function() {
   let ds = new DiscoveryService(
     "https://md.thiss.io/entities/",
     "https://use.thiss.io/ps/",
     "test",
     {
       selector: "#checkbox-anchor"
     }
   )
   let doc = window.document;
   let o = doc.getElementById("info");
   let i = doc.getElementById("lookup");
   let s = doc.getElementById("submit");
   let dl = doc.createElement("dl");
   o.appendChild(dl);

   s.onclick = function() {
      ds.mdq(i.value).then(entity => {
         if (!entity) { entity = {"error": "not found"} }
         entity_to_dl(entity, dl);
      });
   }
}