npm packaging

client/demo.js

@@ -0,0 +1,81 @@
+(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");
+})();