Eric Woodward
1c06197be0
add LibreJS licenses to all demo JS split browser build from node build add copyright info to license files update to use yarn v4.13.0 update to v0.9.2
84 lines
2.1 KiB
JavaScript
84 lines
2.1 KiB
JavaScript
// @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt
|
|
|
|
import { loadAndParseTwtxtFile } from "/dist-browser/twtxt-lib.js";
|
|
|
|
const tabLoadAndParsePanel = document.getElementById("tabLoadAndParse-panel");
|
|
let wasLoadAndParseResultAppended = false;
|
|
|
|
document
|
|
.getElementById("formLoadAndParse")
|
|
.addEventListener("submit", async (ev) => {
|
|
ev?.preventDefault();
|
|
tabLoadAndParsePanel.classList.add("isLoading");
|
|
|
|
const loadAndParseURL = document.getElementById("loadAndParseURL");
|
|
|
|
const url =
|
|
loadAndParseURL?.value || "/twtxt-demos/demo-hipster-twtxt.txt";
|
|
|
|
const parsedFile = await loadAndParseTwtxtFile(url);
|
|
|
|
console.log(parsedFile);
|
|
|
|
tabLoadAndParsePanel.classList.remove("isLoading");
|
|
|
|
if (wasLoadAndParseResultAppended) {
|
|
document.getElementById("preLoadAndParseResult").outerHTML = `
|
|
<pre id="preLoadAndParseResult">${JSON.stringify(
|
|
parsedFile,
|
|
null,
|
|
2,
|
|
).replace(
|
|
// to color properties
|
|
/"\w+":/g,
|
|
(val) => `<span class="code-str">${val}</span>`,
|
|
)}</pre>
|
|
`;
|
|
return;
|
|
}
|
|
|
|
const resultsHTML = `
|
|
<details open="true">
|
|
<summary>Results</summary>
|
|
<figure>
|
|
<pre id="preLoadAndParseResult">${JSON.stringify(
|
|
parsedFile,
|
|
null,
|
|
2,
|
|
).replace(
|
|
// to color properties
|
|
/"\w+":/g,
|
|
(val) => `<span class="code-str">${val}</span>`,
|
|
)}</pre>
|
|
</figure>
|
|
</details>
|
|
`;
|
|
|
|
tabLoadAndParsePanel.insertAdjacentHTML("beforeend", resultsHTML);
|
|
|
|
document
|
|
.querySelector("#tabLoadAndParse-panel .js-sourceDetails")
|
|
?.removeAttribute("open");
|
|
|
|
document.body.classList.add("isLoaded");
|
|
|
|
wasLoadAndParseResultAppended = true;
|
|
});
|
|
|
|
const loadAndParseClickHandler = (ev) => {
|
|
ev?.preventDefault();
|
|
loadAndParseURL.value = ev.target.dataset.url;
|
|
};
|
|
|
|
[
|
|
"loadAndParseHipsterButton",
|
|
"loadAndParsePirateButton",
|
|
"loadAndParseSaganButton",
|
|
].forEach((curr) => {
|
|
document
|
|
.getElementById(curr)
|
|
.addEventListener("click", loadAndParseClickHandler);
|
|
});
|
|
|
|
// @license-end
|