index.ts

import terminal from "./terminal";
import favicon from "./favicon.ico";

const link = document.createElement("div");
link.innerHTML =
  `<div style='text-align:center;margin-bottom:15px;color:#555'><h3><img width="32px" height="32px" src="${favicon}" style="float:left; margin-left:15px"/><img width="32px" height="32px" src="${favicon}" style="float:right; margin-right:15px"/> CoWasm.sh &nbsp;&nbsp;-&nbsp;&nbsp;<a target='_blank' style='text-decoration: none;' href='https://www.npmjs.com/package/dash-wasm'>npm</a>&nbsp;&nbsp;&nbsp;<a target='_blank' style='text-decoration: none;' href='https://github.com/sagemathinc/cowasm#readme'/>GitHub</a></h3>CoWasm: Collaborative WebAssembly for servers and browsers.<br/>This is a demo of the <a target='_blank' href='https://www.npmjs.com/package/dash-wasm'>shell component</a> of CoWasm.  There is also a <a target='_blank' href='https://cowasm.org'>Python demo</a>.<br/></div>`;
document.body.appendChild(link);

const favlink = document.createElement("link");
favlink.rel = "icon";
favlink.href = favicon;
document.getElementsByTagName("head")[0].appendChild(favlink);

const element = document.createElement("div");
document.body.appendChild(element);
document.body.style.margin = "0px";

async function main() {
  while (true) {
    element.innerHTML = "";
    await terminal(element);
  }
}

main();