1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
import { init, runWasix } from "@wasmer/sdk";import markdownRendererUrl from "./markdown-renderer/target/wasm32-wasi/release/markdown-renderer.wasm?url";
async function initialize() {    await init();    return WebAssembly.compileStreaming(fetch(markdownRendererUrl));}
function debounce(func: (...args: any[]) => void, delay: number): (...args: any[]) => void {    let debounceTimer: ReturnType<typeof setTimeout>;
    return function(...args: any[]) {        clearTimeout(debounceTimer);        debounceTimer = setTimeout(() => func(...args), delay);    };}

async function renderMarkdown(module: WebAssembly.Module, markdown: string) {    const instance = await runWasix(module, {});    const stdin = instance.stdin.getWriter();    const encoder = new TextEncoder();
    await stdin.write(encoder.encode(markdown));    await stdin.close();
    const result = await instance.wait();    return result.ok ? result.stdout : null;}
async function main() {    const module = await initialize();    const output = document.getElementById("html-output") as HTMLIFrameElement;    const markdownInput = document.getElementById("markdown-input") as HTMLTextAreaElement;
    const debouncedRender = debounce(async () => {        const renderedHtml = await renderMarkdown(module, markdownInput.value);        if (renderedHtml) {            output.srcdoc = renderedHtml;        }    }, 500); // 500 milliseconds debounce period
    markdownInput.addEventListener("input", debouncedRender);}
main();