From c14efc0b8b0e482b3be6af85a9a8954eef27836e Mon Sep 17 00:00:00 2001
From: jake downs <mail@jakedowns.com>
Date: Sat, 3 Feb 2024 20:33:01 -0500
Subject: [PATCH] where we're going, we don't need bloat

---
 index.html | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
diff --git a/index.html b/index.html
index 9e98b21..39dd68d 100644
--- a/index.html
+++ b/index.html
@@ -14,5 +14,32 @@
 </head>
 <body class="flex justify-center items-center h-screen text-white bg-black">
     <h1 class="text-4xl font-bold text-purple-800 bg-blue-900 p-4 rounded">Hello, World!</h1>
+
+
+    <!-- Button to kick off a USBHID session device request -->
+    <button id="usbhid-button" class="mt-4 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
+        Start USBHID Session
+    </button>
+
+    <script>
+        // Get the button element
+        const usbhidButton = document.getElementById('usbhid-button');
+
+        // Add event listener for the button click
+        usbhidButton.addEventListener('click', async () => {
+            // Request USB device
+            let device;
+            try {
+                device = await navigator.usb.requestDevice({ filters: [{ vendorId: 0x2341 }] });
+            } catch (err) {
+                console.error("No device was selected", err);
+            }
+
+            // If device is selected, start a session
+            if (device !== undefined) {
+                console.log("USBHID session started with device: ", device.productName);
+            }
+        });
+    </script>
 </body>
 </html>
