From 3334abb9d8ac25b1e8dfced961e96b80185f9c5b Mon Sep 17 00:00:00 2001
From: Kuba Orlik <kontakt@kuba-orlik.name>
Date: Wed, 25 May 2022 19:27:12 +0200
Subject: [PATCH] Add simple preview interface

---
 index.js | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
diff --git a/index.js b/index.js
index b470c30..0af9a2b 100644
--- a/index.js
+++ b/index.js
@@ -44,6 +44,49 @@ function attach(docker_id, output_stream) {
 }
 
 router.get("/", async (ctx) => {
+  ctx.body = /* HTML */ `<!DOCTYPE html>
+    <html>
+      <body>
+        <form onsubmit="formSubmit(event)">
+          <label for="url_input">URL:</label>
+          <input type="text" name="url" id="url_input" />
+          <br />
+          <label for="domains">Domeny (oddzielone przecinkami):</label>
+          <input
+            type="text"
+            name="domains"
+            id="domains"
+            value="doubleclick.net,facebook.com"
+          />
+          <br />
+          <input type="submit" />
+        </form>
+        <code><pre id="output"></pre></code>
+      </body>
+      <script>
+        async function sleep(time) {
+          return new Promise((resolve) => setTimeout(resolve, time));
+        }
+        async function formSubmit(e) {
+          e.preventDefault();
+          let response = { status: "sending first request..." };
+          const url = \`/api/requests?url=\${url_input.value}&\${domains.value
+            .split(",")
+            .map((d) => "domains[]=" + d)
+            .join("&")}\`;
+          const { id } = await (await fetch(url, { method: "post" })).json();
+          do {
+            response = await (await fetch(\`/api/requests/\${id}\`)).json();
+            console.log(response);
+            output.innerHTML = JSON.stringify(response, null, "   ");
+            await sleep(1000);
+          } while (response.status !== "finished");
+        }
+      </script>
+    </html>`;
+});
+
+router.get("/preview", async (ctx) => {
   const s = new Readable({ read() {} });
   // stream data
   ctx.response.set("content-type", "txt/html");
