<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<title>filetree</title>
</head>
<body>
<script type="module">
import init, {filetree_block} from "./pkg/filetree.js";
init().then(() => {
document.getElementById("submit").onclick = function () {
document.getElementById('filetree').innerHTML = filetree_block(document.getElementById("inputyaml").value);
};
});
</script>
<div>
<textarea id="inputyaml" name="inputyaml" rows="4" cols="50"></textarea>
</div>
<div>
<button id="submit" type="button" onclick="">Submit</button>
</div>
<div>
<code name="filetree" id="filetree" style="white-space: pre-wrap"></code>
</div>
</body>
</html>