epoxy-tls/client/demo.js

(async () => {
    console.log(
        "%cWASM is significantly slower with DevTools open!",
        "color:red;font-size:3rem;font-weight:bold"
    );

    const should_feature_test = (new URL(window.location.href)).searchParams.has("feature_test");
    const should_perf_test = (new URL(window.location.href)).searchParams.has("perf_test");
    const should_ws_test = (new URL(window.location.href)).searchParams.has("ws_test");

    let { EpoxyClient } = await epoxy();

    const tconn0 = performance.now();
    // args: websocket url, user agent, redirect limit 
    let epoxy_client = await new EpoxyClient("wss://localhost:4000", navigator.userAgent, 10);
    const tconn1 = performance.now();
    console.warn(`conn establish took ${tconn1 - tconn0} ms or ${(tconn1 - tconn0) / 1000} s`);


    if (should_feature_test) {
        for (const url of [
            ["https://httpbin.org/get", {}],
            ["https://httpbin.org/gzip", {}],
            ["https://httpbin.org/brotli", {}],
            ["https://httpbin.org/redirect/11", {}],
            ["https://httpbin.org/redirect/1", { redirect: "manual" }]
        ]) {
            let resp = await epoxy_client.fetch(url[0], url[1]);
            console.warn(url, resp, Object.fromEntries(resp.headers));
            console.warn(await resp.text());
        }
    } else if (should_perf_test) {
        const test_mux = async (url) => {
            const t0 = performance.now();
            await epoxy_client.fetch(url);
            const t1 = performance.now();
            return t1 - t0;
        };

        const test_native = async (url) => {
            const t0 = performance.now();
            await fetch(url);
            const t1 = performance.now();
            return t1 - t0;
        };

        const num_tests = 10;

        let total_mux = 0;
        for (const _ of Array(num_tests).keys()) {
            total_mux += await test_mux("https://httpbin.org/get");
        }
        total_mux = total_mux / num_tests;

        let total_native = 0;
        for (const _ of Array(num_tests).keys()) {
            total_native += await test_native("https://httpbin.org/get");
        }
        total_native = total_native / num_tests;

        console.warn(`avg mux (10) took ${total_mux} ms or ${total_mux / 1000} s`);
        console.warn(`avg native (10) took ${total_native} ms or ${total_native / 1000} s`);
        console.warn(`mux - native: ${total_mux - total_native} ms or ${(total_mux - total_native) / 1000} s`);
    } else if (should_ws_test) {
        let ws = await epoxy_client.connect_ws(
            () => console.log("opened"),
            () => console.log("closed"),
            err => console.error(err),
            msg => console.log(msg),
            "ws://localhost:9000",
            [],
            "localhost"
        );
        await ws.send("data");
    } else {
        let resp = await epoxy_client.fetch("https://httpbin.org/get");
        console.warn(resp, Object.fromEntries(resp.headers));
        console.warn(await resp.text());
    }
    if (!should_ws_test) alert("you can open console now");
})();