Working on BT/BLE API

Author: mirkosertic

frontend/index.html

@@ -29,6 +29,7 @@
             <custom-lua-preview id="luapreview" class="dynamicvisibility visible-editor"></custom-lua-preview>
             <custom-portstatus id="portstatus"
                 class="dynamicvisibility visible-management visible-editor"></custom-portstatus>
+            <custom-btdevicelist id="btdevicelist" class="dynamicvisibility visible-management visible-editor"/>
             <custom-ui id="uicomponents" class="dynamicvisibility visible-editor visible-management"></custom-ui>
         </div>
         <custom-logger id="logger" class="layout-footer"></custom-logger>

frontend/src/bleclient.js

@@ -664,3 +664,4 @@ export const APP_REQUEST_TYPE_READY_FOR_EVENTS = 0x0A;
 export const APP_EVENT_TYPE_LOG = 0x01;
 export const APP_EVENT_TYPE_PORTSTATUS = 0x02;
 export const APP_EVENT_TYPE_COMMAND = 0x03;
+export const APP_EVENT_TYPE_BTCLASSICDEVICES = 0x04;

frontend/src/components/btdevicelist/component.html

@@ -0,0 +1,18 @@
+<div class="bt-devices-container">
+	<div class="bt-devices-header" id="headerToggle">
+		<h3 class="bt-devices-title">Bluetooth Devices</h3>
+		<div class="header-right">
+			<div class="discovery-status">
+				<span class="discovery-indicator" id="discoveryIndicator"></span>
+				<span class="discovery-text" id="discoveryText">Scanning...</span>
+			</div>
+			<button class="collapse-toggle" id="collapseToggle" aria-label="Toggle device list">
+				<span class="collapse-icon">▼</span>
+			</button>
+		</div>
+	</div>
+	<div class="bt-devices-content" id="devicesContent">
+		<div class="bt-devices-list" id="devicesList"></div>
+		<div class="no-devices" id="noDevices">No devices discovered yet</div>
+	</div>
+</div>