`;
document.body.appendChild(p);
document.getElementById('br-min').onclick = () => {
const b = document.getElementById('br-body');
b.style.display = b.style.display === 'none' ? 'block' : 'none';
};
makeDraggable(p, document.getElementById('br-head'));
// 蓝牙区
document.getElementById('br-scan').onclick = startScan;
document.getElementById('br-disco').onclick = () => { if (btDevice) { btDevice.disconnect(); setBTStatus(false); } };
document.getElementById('br-read').onclick = async () => {
if (!btDevice) return log('warn', '请先扫描并连接设备');
const { s, c } = getUuids(); if (!s || !c) return log('warn', '请填写服务与特征值 UUID');
try { await btDevice.read(s, c); } catch (e) { log('error', e.message); }
};
document.getElementById('br-sub').onclick = async () => {
if (!btDevice) return log('warn', '请先扫描并连接设备');
const { s, c } = getUuids(); if (!s || !c) return log('warn', '请填写服务与特征值 UUID');
try { await btDevice.subscribe(s, c, () => {}); } catch (e) { log('error', e.message); }
};
document.getElementById('br-write').onclick = () => onWrite(true);
document.getElementById('br-write-nr').onclick = () => onWrite(false);
// 中继区
document.getElementById('br-wsconn').onclick = () => {
config.wsUrl = document.getElementById('br-ws-url').value.trim(); saveConfig(); connectWS();
};
document.getElementById('br-auto-relay').onchange = (e) => { config.autoRelay = e.target.checked; saveConfig(); };
document.getElementById('br-notify-all').onchange = (e) => { config.notifyAll = e.target.checked; saveConfig(); };
// 设置区
document.getElementById('cfg-save').onclick = () => {
config.deviceName = document.getElementById('cfg-name').value.trim();
config.acceptAllDevices = document.getElementById('cfg-accept').value === '1';
config.optionalServices = document.getElementById('cfg-svc').value.split(',').map(s => s.trim()).filter(Boolean);
config.clientId = document.getElementById('cfg-cid').value.trim() || config.clientId;
saveConfig(); log('info', '设置已保存');
};
if (!navigator.bluetooth) {
document.getElementById('br-scan').disabled = true;
log('error', '当前浏览器不支持 Web Bluetooth');
}
}
function getUuids() {
return {
s: document.getElementById('br-svc-uuid').value.trim(),
c: document.getElementById('br-char-uuid').value.trim()
};
}
async function onWrite(response) {
if (!btDevice) return log('warn', '请先扫描并连接设备');
const { s, c } = getUuids();
const hex = document.getElementById('br-write-hex').value.trim();
if (!s || !c || !hex) return log('warn', '请填写 UUID 与写入数据');
try { await btDevice.write(s, c, hexToBuf(hex), response); } catch (e) { log('error', e.message); }
}
function renderServices() {
const box = document.getElementById('br-svc');
if (!btDevice || !btDevice.services.length) { box.textContent = '（无服务）'; return; }
box.innerHTML = btDevice.services.map(s =>
`${s.uuid}` +
s.characteristics.map(c => `
└ ${c.uuid} ` +
`[${['read', 'write', 'notify', 'indicate', 'writeWithoutResponse'].filter(p => c.props[p]).join('/')}]
`).join('') +
`
`
).join('');
}
function makeDraggable(panel, handle) {
let sx, sy, ox, oy, drag = false;
handle.addEventListener('mousedown', e => {
drag = true; sx = e.clientX; sy = e.clientY;
const r = panel.getBoundingClientRect(); ox = r.left; oy = r.top;
panel.style.left = ox + 'px'; panel.style.top = oy + 'px'; panel.style.right = 'auto';
});
window.addEventListener('mousemove', e => {
if (!drag) return;
panel.style.left = (ox + e.clientX - sx) + 'px';
panel.style.top = (oy + e.clientY - sy) + 'px';
});
window.addEventListener('mouseup', () => drag = false);
}
/* =========================================================
* 7. 启动
* =======================================================*/
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => { buildUI(); connectWS(); });
} else {
buildUI(); connectWS();
}
// 暴露给控制台 / 其它脚本
window.BLETool = { config, getWS: () => ws, getDevice: () => btDevice, startScan, connectWS };
log('info', '蓝牙工具 + 无线中继 已加载。先「连接服务端」，再「扫描并连接」即可开始。');
})();