Test app

sid6mathur · sid6mathur · commit 156da29744b5 · 2025-11-22T15:13:10.000+05:30
diff --git a/get-devices.js b/get-devices.js
@@ -0,0 +1,57 @@
+function populateBluetoothDevices() {
+  const devicesSelect = document.querySelector('#devicesSelect');
+  log('Getting existing permitted Bluetooth devices...');
+  navigator.bluetooth.getDevices()
+  .then(devices => {
+    log('> Got ' + devices.length + ' Bluetooth devices.');
+    devicesSelect.textContent = '';
+    for (const device of devices) {
+      const option = document.createElement('option');
+      option.value = device.id;
+      option.textContent = device.name;
+      devicesSelect.appendChild(option);
+    }
+  })
+  .catch(error => {
+    log('Argh! ' + error);
+  });
+}
+
+function onRequestBluetoothDeviceButtonClick() {
+  log('Requesting any Bluetooth device...');
+  navigator.bluetooth.requestDevice({
+ // filters: [...] <- Prefer filters to save energy & show relevant devices.
+    acceptAllDevices: true
+  })
+  .then(device => {
+    log('> Requested ' + device.name + ' (' + device.id + ')');
+    populateBluetoothDevices();
+  })
+  .catch(error => {
+    log('Argh! ' + error);
+  });
+}
+
+function onForgetBluetoothDeviceButtonClick() {
+  navigator.bluetooth.getDevices()
+  .then(devices => {
+    const deviceIdToForget = document.querySelector('#devicesSelect').value;
+    const device = devices.find((device) => device.id == deviceIdToForget);
+    if (!device) {
+      throw new Error('No Bluetooth device to forget');
+    }
+    log('Forgetting ' + device.name + 'Bluetooth device...');
+    return device.forget();
+  })
+  .then(() => {
+    log('  > Bluetooth device has been forgotten.');
+    populateBluetoothDevices();
+  })
+  .catch(error => {
+    log('Argh! ' + error);
+  });
+}
+
+window.onload = () => {
+  populateBluetoothDevices();
+};
diff --git a/t5m4r.html b/t5m4r.html
@@ -4,10 +4,78 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>T5M4R HUD</title>
+    <script src="get-devices.js"></script>
 </head>
 <body>
     <h1>T5M4R HUP App</h1>
-    <p>This document provides an overview of the T5M4R model, its architecture
-    and usage guidelines.</p>
+    <p>Chrome advanced <a href="chrome://flags/#enable-web-bluetooth-new-permissions-backend">new permissions backend for Web Bluetooth</a> and <a href="chrome://flags/#enable-experimental-web-platform-features">Experimental Web Platform flag</a> are ENABLED.</p>
     <h2>Model Overview</h2>
+
+<p>
+  <button id="requestBluetoothDevice">Request Bluetooth Device</button>
+</p>
+<p>
+  <select id="devicesSelect"></select>
+  <button id="forgetBluetoothDevice">Forget Bluetooth Device</button>
+</p>
+
+<script>
+  var ChromeSamples = {
+    log: function() {
+      var line = Array.prototype.slice.call(arguments).map(function(argument) {
+        return typeof argument === 'string' ? argument : JSON.stringify(argument);
+      }).join(' ');
+
+      document.querySelector('#log').textContent += line + '\n';
+    },
+
+    clearLog: function() {
+      document.querySelector('#log').textContent = '';
+    },
+
+    setStatus: function(status) {
+      document.querySelector('#status').textContent = status;
+    },
+
+    setContent: function(newContent) {
+      var content = document.querySelector('#content');
+      while(content.hasChildNodes()) {
+        content.removeChild(content.lastChild);
+      }
+      content.appendChild(newContent);
+    }
+  };
+</script>
+
+<h3>Live Output</h3>
+<div id="output" class="output">
+  <div id="content">Output area</div>
+  <div id="status"></div>
+  <pre id="log"></pre>
+</div>
+
+<script>
+  log = ChromeSamples.log;
+
+  function isWebBluetoothEnabled() {
+    if (navigator.bluetooth) {
+      return true;
+    } else {
+      ChromeSamples.setStatus('Web Bluetooth API is not available.\n' +
+          'Please make sure the "Experimental Web Platform features" flag is enabled.');
+      return false;
+    }
+  }
+</script>
+
+<script>
+  if (isWebBluetoothEnabled()) {
+    document.querySelector('#requestBluetoothDevice').addEventListener('click', function() {
+        onRequestBluetoothDeviceButtonClick();
+    });
+    document.querySelector('#forgetBluetoothDevice').addEventListener('click', function() {
+        onForgetBluetoothDeviceButtonClick();
+    });
+  }
+</script>
 </body>
