From 6eb564bde71db248ad29ed72a1d977743adad5a1 Mon Sep 17 00:00:00 2001
From: mayorpete <74798741+mayorpete@users.noreply.github.com>
Date: Tue, 14 Feb 2023 16:58:31 -0600
Subject: [PATCH 1/7] Update index.html

---
 index.html | 58 ++++++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 48 insertions(+), 10 deletions(-)
diff --git a/index.html b/index.html
index 3e1aeee42..bb52b5cbf 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,52 @@
 <!DOCTYPE html>
-<html lang="en">
-
+<html l<!DOCTYPE html>
+<html>
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>#000000</title>
-    <link type="image/x-icon" rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAHklEQVQ4T2NkYGD4z0ABYBw1gGE0DBhGw4BhWIQBAE5OEAELnjVHAAAAAElFTkSuQmCC">
-    <style>
-        :root {
+    <title>JSON Feed Viewer</title>
+</head>
+<body>
+    <label for="search-input">Search:</label>
+    <input type="text" id="search-input" onkeyup="search()">
+    <ul id="data-list"></ul>
+
+    <script>
+        // Replace this URL with your JSON feed URL
+        const jsonUrl = "https://coral-app-bfz2q.ondigitalocean.app/recent.json";
+
+        // Fetch the JSON feed and display the "all_domains" field for each item
+        fetch(jsonUrl)
+            .then(response => response.json())
+            .then(data => {
+                const dataList = document.getElementById("data-list");
+                data.forEach(item => {
+                    const domains = item.data.leaf_cert.all_domains;
+                    domains.forEach(domain => {
+                        const li = document.createElement("li");
+                        li.textContent = domain;
+                        dataList.appendChild(li);
+                    });
+                });
+            });
+
+        // Search function to filter the list by user input
+        function search() {
+            const input = document.getElementById("search-input");
+            const filter = input.value.toUpperCase();
+            const list = document.getElementById("data-list");
+            const items = list.getElementsByTagName("li");
+            for (let i = 0; i < items.length; i++) {
+                const text = items[i].textContent.toUpperCase();
+                if (text.indexOf(filter) > -1) {
+                    items[i].style.display = "";
+                } else {
+                    items[i].style.display = "none";
+                }
+            }
+        }
+    </script>
+</body>
+</html>
+
             --color: #000000;
             --color-transparent: #00000022;
         }
@@ -130,4 +168,4 @@
     </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>

From e07e8bfa3ac6c7c56f761da3abdf7794f83c7c82 Mon Sep 17 00:00:00 2001
From: mayorpete <74798741+mayorpete@users.noreply.github.com>
Date: Tue, 14 Feb 2023 17:03:19 -0600
Subject: [PATCH 2/7] Update index.html

---
 index.html | 124 -----------------------------------------------------
 1 file changed, 124 deletions(-)

diff --git a/index.html b/index.html
index bb52b5cbf..360970715 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,4 @@
 <!DOCTYPE html>
-<html l<!DOCTYPE html>
 <html>
 <head>
     <title>JSON Feed Viewer</title>
@@ -45,127 +44,4 @@
         }
     </script>
 </body>
-</html>
-
-            --color: #000000;
-            --color-transparent: #00000022;
-        }
-
-        ::selection {
-            background: var(--color-transparent);
-        }
-
-        html,
-        body {
-            background: var(--color);
-            height: 100%;
-            margin: 0;
-        }
-
-        body {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
-        }
-
-        #color {
-            background: white;
-            color: var(--color);
-            font-size: 2.5rem;
-            font-weight: 300;
-            padding: 2.25rem 3rem;
-            font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
-            cursor: text;
-        }
-    </style>
-</head>
-
-<body>
-    <p id="color">#000000</p>
-    <script>
-        function randomInt(min, max) {
-            return Math.floor(Math.random() * (max - min + 1) + min);
-        }
-
-        function hslToHex(h, s, l) {
-            h /= 360;
-            s /= 100;
-            l /= 100;
-            var r = void 0,
-                g = void 0,
-                b = void 0;
-            if (s === 0) {
-                r = g = b = l; // achromatic
-            } else {
-                var hue2rgb = function hue2rgb(p, q, t) {
-                    if (t < 0) t += 1;
-                    if (t > 1) t -= 1;
-                    if (t < 1 / 6) return p + (q - p) * 6 * t;
-                    if (t < 1 / 2) return q;
-                    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
-                    return p;
-                };
-                var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-                var p = 2 * l - q;
-                r = hue2rgb(p, q, h + 1 / 3);
-                g = hue2rgb(p, q, h);
-                b = hue2rgb(p, q, h - 1 / 3);
-            }
-            var toHex = function toHex(x) {
-                var hex = Math.round(x * 255).toString(16);
-                return hex.length === 1 ? '0' + hex : hex;
-            };
-            return '#' + toHex(r) + toHex(g) + toHex(b);
-        }
-
-        window.onload = function () {
-            let stopProp = function (ev) {
-                ev.stopPropagation();
-            }
-
-            var colorElement = document.getElementById("color");
-            colorElement.addEventListener("click", stopProp, false);
-            colorElement.addEventListener("mousedown", stopProp, false);
-
-            var setFavicon = function (hex) {
-                var canvas = document.createElement('canvas');
-                canvas.width = 16;
-                canvas.height = 16;
-                var ctx = canvas.getContext('2d');
-                ctx.fillStyle = hex;
-                ctx.fillRect(0, 0, 16, 16);
-                document.getElementsByTagName('link')[0].href = canvas.toDataURL("image/x-icon");
-            }
-
-            var setRandomColor = function setRandomColor() {
-                var h = void 0,
-                    s = void 0,
-                    l = void 0;
-
-                h = randomInt(0, 359);
-                s = randomInt(55, 75);
-                l = randomInt(40, 60);
-
-                document.documentElement.style.setProperty('--color', 'hsl(' + h + ', ' + s + '%, ' + l + '%)');
-                var hex = hslToHex(h, s, l);
-                document.title = hex;
-                colorElement.innerHTML = hex;
-                document.documentElement.style.setProperty('--color-transparent', hex + '22');
-
-                setFavicon(hex);
-            };
-            setRandomColor();
-
-            var body = document.getElementsByTagName("body")[0];
-            body.addEventListener("mousedown", function (ev) {
-                ev.preventDefault();
-            });
-            body.addEventListener("click", function () {
-                setRandomColor();
-            }, false);
-        };
-    </script>
-</body>
-
 </html>

From b38d72f2eb2b6a97ecb04b6b1cc45914b656cb1b Mon Sep 17 00:00:00 2001
From: mayorpete <74798741+mayorpete@users.noreply.github.com>
Date: Tue, 14 Feb 2023 17:51:34 -0600
Subject: [PATCH 3/7] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 360970715..148ac466d 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
 
     <script>
         // Replace this URL with your JSON feed URL
-        const jsonUrl = "https://coral-app-bfz2q.ondigitalocean.app/recent.json";
+        const jsonUrl = "https://swordofheaven.com/recent.json";
 
         // Fetch the JSON feed and display the "all_domains" field for each item
         fetch(jsonUrl)

From f027eee25a33f3af98fe5f3da582a64606776f71 Mon Sep 17 00:00:00 2001
From: mayorpete <74798741+mayorpete@users.noreply.github.com>
Date: Tue, 14 Feb 2023 20:51:41 -0600
Subject: [PATCH 4/7] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 148ac466d..78085fd98 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
 
     <script>
         // Replace this URL with your JSON feed URL
-        const jsonUrl = "https://swordofheaven.com/recent.json";
+        const jsonUrl = "https://lionfish-app-pp4su.ondigitalocean.app/latest.json";
 
         // Fetch the JSON feed and display the "all_domains" field for each item
         fetch(jsonUrl)

From 198d6ecb39ccb943a40a74d5bb390cf7bcaa31a8 Mon Sep 17 00:00:00 2001
From: mayorpete <74798741+mayorpete@users.noreply.github.com>
Date: Thu, 16 Feb 2023 11:57:29 -0600
Subject: [PATCH 5/7] Update index.html

---
 index.html | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 78085fd98..acfdcee6a 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,5 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>JSON Feed Viewer</title>
-</head>
-<body>
+<!DOCTYUncaught TypeError: Cannot read properties of null (reading 'addEventListener')
+    at ws.onmessage (watch.html:101:13)
     <label for="search-input">Search:</label>
     <input type="text" id="search-input" onkeyup="search()">
     <ul id="data-list"></ul>

From e559b9f6532f5a72946f306bf2b3e8f3779094ca Mon Sep 17 00:00:00 2001
From: mayorpete <74798741+mayorpete@users.noreply.github.com>
Date: Thu, 16 Feb 2023 12:01:27 -0600
Subject: [PATCH 6/7] Update index.html

---
 index.html | 166 ++++++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 126 insertions(+), 40 deletions(-)

diff --git a/index.html b/index.html
index acfdcee6a..b620250e7 100644
--- a/index.html
+++ b/index.html
@@ -1,43 +1,129 @@
-<!DOCTYUncaught TypeError: Cannot read properties of null (reading 'addEventListener')
-    at ws.onmessage (watch.html:101:13)
-    <label for="search-input">Search:</label>
-    <input type="text" id="search-input" onkeyup="search()">
-    <ul id="data-list"></ul>
-
-    <script>
-        // Replace this URL with your JSON feed URL
-        const jsonUrl = "https://lionfish-app-pp4su.ondigitalocean.app/latest.json";
-
-        // Fetch the JSON feed and display the "all_domains" field for each item
-        fetch(jsonUrl)
-            .then(response => response.json())
-            .then(data => {
-                const dataList = document.getElementById("data-list");
-                data.forEach(item => {
-                    const domains = item.data.leaf_cert.all_domains;
-                    domains.forEach(domain => {
-                        const li = document.createElement("li");
-                        li.textContent = domain;
-                        dataList.appendChild(li);
-                    });
-                });
-            });
-
-        // Search function to filter the list by user input
-        function search() {
-            const input = document.getElementById("search-input");
-            const filter = input.value.toUpperCase();
-            const list = document.getElementById("data-list");
-            const items = list.getElementsByTagName("li");
-            for (let i = 0; i < items.length; i++) {
-                const text = items[i].textContent.toUpperCase();
-                if (text.indexOf(filter) > -1) {
-                    items[i].style.display = "";
-                } else {
-                    items[i].style.display = "none";
-                }
+<!DOCTYPE html>
+<html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>WebSocket Example</title>
+    <style>
+      table {
+        border-collapse: collapse;
+        width: 100%;
+      }
+      th,
+      td {
+        text-align: left;
+        padding: 8px;
+      }
+      tr:nth-child(even) {
+        background-color: #f2f2f2;
+      }
+    </style>
+  </head>
+  <body>
+    <form>
+      <label for="keyword">Filter by keyword:</label>
+      <input type="text" id="keyword" name="keyword" />
+      <button type="button" onclick="filterTable()">Filter</button>
+    </form>
+    <br />
+<table id="domainTable">
+  <thead>
+    <tr>
+      <th>Domain</th>
+    </tr>
+  </thead>
+  <tbody id="domainTableBody"></tbody>
+</table>
+<script>
+  const tableBody = document.querySelector("table tbody");
+  const keywordInput = document.getElementById("keyword");
+  const tableData = [];
+
+  function createTableRows(allDomains) {
+    tableBody.innerHTML = "";
+    allDomains.forEach((domains) => {
+      domains.forEach((domain) => {
+        const row = document.createElement("tr");
+        const domainCell = document.createElement("td");
+        domainCell.textContent = domain;
+        row.appendChild(domainCell);
+        tableBody.appendChild(row);
+      });
+    });
+  }
+
+  function filterTable() {
+    const keyword = keywordInput.value.trim().toLowerCase();
+    const rows = tableBody.querySelectorAll("tr");
+
+    rows.forEach((row) => {
+      const domain = row.querySelector("td").textContent.trim().toLowerCase();
+      const shouldHide = !domain.includes(keyword);
+      row.style.display = shouldHide ? "none" : "";
+    });
+  }
+
+  const ws = new WebSocket("wss://lobster-app-d249x.ondigitalocean.app/");
+
+  ws.onopen = () => {
+    console.log("WebSocket is open now.");
+    ws.send("Hello Server!");
+  };
+
+  // listen for messages from the websocket
+  ws.onmessage = function (event) {
+    var message = JSON.parse(event.data);
+    if (message.message_type === "certificate_update") {
+      // get the domains from the websocket message
+      var domains = message.data.leaf_cert.all_domains;
+
+      // add the domains to the table data
+      for (var i = 0; i < domains.length; i++) {
+        var domain = domains[i];
+        if (tableData.indexOf(domain) === -1) {
+          tableData.push(domain);
+        }
+      }
+
+      // clear the table and repopulate with the updated data
+      var tableBody = document.getElementById("domainTableBody");
+      tableBody.innerHTML = "";
+
+      for (var i = 0; i < tableData.length; i++) {
+        var row = tableBody.insertRow();
+        var cell = row.insertCell();
+        cell.innerHTML = tableData[i];
+      }
+
+      // Add the search filter to the HTML table
+      var input = document.getElementById("searchInput");
+      input.addEventListener("keyup", function () {
+        var filter = input.value.toUpperCase();
+        var table = document.getElementById("domainTable");
+        var tr = table.getElementsByTagName("tr");
+        for (var i = 0; i < tr.length; i++) {
+          var td = tr[i].getElementsByTagName("td")[0];
+          if (td) {
+            var txtValue = td.textContent || td.innerText;
+            if (txtValue.toUpperCase().indexOf(filter) > -1) {
+              tr[i].style.display = "";
+            } else {
+              tr[i].style.display = "none";
             }
+          }
         }
-    </script>
-</body>
+      });
+    }
+  };
+
+  ws.onerror = (error) => {
+    console.error("WebSocket Error:", error);
+  };
+
+  ws.onclose = () => {
+    console.log("WebSocket is closed now.");
+  };
+</script>
+  </body>
 </html>

From df5dacb83cbbb79e36fab0b924fad9de2e475cd4 Mon Sep 17 00:00:00 2001
From: mayorpete <74798741+mayorpete@users.noreply.github.com>
Date: Thu, 16 Feb 2023 12:01:57 -0600
Subject: [PATCH 7/7] Update index.html

---
 index.html | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/index.html b/index.html
index b620250e7..5f18d08c1 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,4 @@
-<!DOCTYPE html>
-<html>
-<!DOCTYPE html>
+
 <html>
   <head>
     <meta charset="UTF-8" />
