// RadioControl WebUI — Hardware Interface Controller
let config = {};
let currentTab = 'radio';
let toastTimer = null;
let atHistory = [];
// ---- API ----
async function api(path, opts = {}) {
try {
const res = await fetch(path, opts);
return await res.json();
} catch (e) {
showToast('Connection error', 'error');
return null;
}
}
const post = (path, body) => api(path, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(body)
});
// ---- Toast ----
function showToast(msg, type = 'success') {
const el = document.getElementById('toast');
el.textContent = msg;
el.className = 'toast ' + type + ' show';
clearTimeout(toastTimer);
toastTimer = setTimeout(() => el.className = 'toast', 2500);
}
// ---- Tabs ----
function switchTab(tab) {
currentTab = tab;
document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));
document.querySelectorAll('.tab-item').forEach(t => t.classList.remove('active'));
document.getElementById('page-' + tab).classList.add('active');
document.querySelector(`[data-tab="${tab}"]`).classList.add('active');
refreshTab(tab);
}
async function refreshTab(tab) {
switch (tab) {
case 'radio': await loadRadio(); await loadCPDebug(); break;
case 'terminal': await loadTerminal(); break;
case 'wifi': await loadWifi(); break;
case 'carrier': await loadCarrier(); break;
case 'debug': await loadDebug(); await loadThreadInfo(); break;
case 'flags': await loadFlags(); break;
}
}
// ---- Radio page ----
async function loadRadio() {
config = await api('/api/status') || config;
const radio = await api('/api/radio');
setToggle('toggle-eng', config.engineering_mode);
setToggle('toggle-factory', config.factory_test_mode);
setToggle('toggle-hidden', config.hidden_menus);
setToggle('toggle-diag', config.usb_diag_mode);
setToggle('toggle-modem', config.modem_log);
setToggle('toggle-stealth', config.stealth_mode);
updateChips();
if (radio) {
setText('info-soc', radio.soc_family || 'unknown');
setText('info-baseband', radio.baseband || 'N/A');
setText('info-chipset', radio.chipset || 'N/A');
setText('info-network', radio.network_type || 'N/A');
setText('info-operator', radio.operator || 'N/A');
setText('info-sim', radio.sim_state || 'N/A');
setText('soc-badge', `${(radio.soc_family || 'unknown').toUpperCase()} — ${radio.chipset || '?'}`);
}
// Modem interfaces
const ifaces = await api('/api/modem/interfaces');
const mc = document.getElementById('modem-interfaces');
if (ifaces && ifaces.length > 0) {
mc.innerHTML = ifaces.map(i => `
`).join('');
} else {
mc.innerHTML = 'No modem interfaces detected
${escHtml(p.cmd)}
${p.desc}
`).join('');
// Render discovered commands reference
renderDiscoveredCommands();
renderATHistory();
}
function runPreset(cmd) {
document.getElementById('at-input').value = cmd;
sendATCmd();
}
async function sendATCmd() {
const input = document.getElementById('at-input');
const cmd = input.value.trim();
if (!cmd) return;
atHistory.push({ type: 'cmd', text: cmd, time: new Date().toLocaleTimeString() });
renderATHistory();
input.value = '';
const res = await post('/api/at', { cmd, timeout: '5' });
if (res && res.response) {
atHistory.push({ type: 'resp', text: res.response, time: new Date().toLocaleTimeString() });
} else {
atHistory.push({ type: 'err', text: 'No response / timeout', time: new Date().toLocaleTimeString() });
}
renderATHistory();
}
function renderATHistory() {
const el = document.getElementById('at-history');
if (atHistory.length === 0) {
el.innerHTML = 'No commands sent yet. Type an AT command or tap a preset below.
';
return;
}
el.innerHTML = atHistory.map(h => {
if (h.type === 'cmd') return `> ${escHtml(h.text)} ${h.time}
`;
if (h.type === 'err') return `${escHtml(h.text)}
`;
return `${escHtml(h.text)}
`;
}).join('');
el.scrollTop = el.scrollHeight;
}
function renderDiscoveredCommands() {
const container = document.getElementById('discovered-commands');
if (!container) return;
container.innerHTML = Object.entries(DISCOVERED_COMMANDS).map(([category, cmds]) => `
${category}
${cmds.length} commands
tap to expand
${cmds.map(c => `
${escHtml(c.cmd)}
${c.desc}
`).join('')}
`).join('');
}
// ---- WiFi page ----
async function loadWifi() {
config = await api('/api/status') || config;
// Kmod status
const kmod = await api('/api/kmod');
if (kmod) {
updateKmodBtn('btn-kmod-wifi', kmod.wifi_mon);
updateKmodBtn('btn-kmod-shannon', kmod.shannon_cmd);
updateKmodBtn('btn-kmod-diag', kmod.diag_bridge);
setChip('chip-kmod', kmod.wifi_mon || kmod.shannon_cmd || kmod.diag_bridge);
}
// WiFi mode buttons
document.querySelectorAll('.mode-btn').forEach(btn => {
btn.classList.toggle('active', btn.dataset.mode === (config.wifi_mode || 'managed'));
});
// BCM4390 driver parameters
const params = await api('/api/wifi/params');
const pc = document.getElementById('wifi-params');
if (params && params.length > 0) {
pc.innerHTML = params.map(p => `
${p.name}
${escHtml(p.value) || '(empty)'}
${p.writable ? `
` : ''}
`).join('');
}
// WiFi firmware files
const fw = await api('/api/wifi/firmware');
const fwc = document.getElementById('wifi-firmware');
if (fw) {
let html = '';
if (fw.info) {
html += `
Active Firmware
${escHtml(fw.info)}
${f.name}
${(f.size / 1024).toFixed(0)} KB — ${f.path}
`).join('');
}
fwc.innerHTML = html || '';
}
// WiFi hardware info
const wifiText = await fetch('/api/wifi/info').then(r => r.ok ? r.text() : '').catch(() => '');
const wc = document.getElementById('wifi-hw-info');
if (wifiText.trim()) {
const lines = wifiText.trim().split('\n').filter(l => l.includes('='));
wc.innerHTML = lines.map(l => {
const [k, ...v] = l.split('=');
return ``;
}).join('');
}
}
async function editWifiParam(name, currentVal) {
const newVal = prompt(`Set ${name}:`, currentVal);
if (newVal === null) return;
const res = await post('/api/wifi/param', { name, value: newVal });
if (res && res.ok) {
showToast(`${name} = ${res.value}`);
loadWifi();
} else {
showToast(res?.error || 'Failed to set param', 'error');
}
}
function updateKmodBtn(id, loaded) {
const btn = document.getElementById(id);
if (!btn) return;
if (loaded) {
btn.textContent = 'Unload';
btn.className = 'btn btn-danger';
btn.style.cssText = 'padding:6px 12px;font-size:12px';
} else {
btn.textContent = 'Load';
btn.className = 'btn btn-primary';
btn.style.cssText = 'padding:6px 12px;font-size:12px';
}
}
async function toggleKmod(mod) {
const kmod = await api('/api/kmod');
const key = mod.replace('rc_', '').replace('_cmd', '');
const mapKey = mod === 'rc_wifi_mon' ? 'wifi_mon' : mod === 'rc_shannon_cmd' ? 'shannon_cmd' : 'diag_bridge';
const loaded = kmod && kmod[mapKey];
const action = loaded ? 'unload' : 'load';
const res = await post(`/api/kmod/${action}`, { module: mod });
if (res) {
showToast(res.ok ? `${mod}: ${res.status}` : (res.error || 'Failed'), res.ok ? 'success' : 'error');
}
loadWifi();
}
async function handleWifiMode(mode) {
document.querySelectorAll('.mode-btn').forEach(b => b.classList.remove('active'));
document.querySelector(`[data-mode="${mode}"]`).classList.add('active');
const res = await post('/api/wifi/mode', { mode });
if (res && res.ok) {
config.wifi_mode = mode;
updateChips();
showToast(`WiFi: ${mode} on ${res.iface}`);
} else {
showToast(res?.error || 'Failed — load rc_wifi_mon first?', 'error');
loadWifi();
}
}
// ---- debugfs browser ----
async function loadDebug() {
const paths = await api('/api/debugfs');
const sc = document.getElementById('debugfs-shortcuts');
if (paths && paths.length > 0) {
sc.innerHTML = paths.map(p => `
${p.replace('/sys/kernel/debug/', '/d/')}
`).join('');
}
}
function browseToPath(path) {
document.getElementById('fs-path').value = path;
browsePath();
}
async function browsePath() {
const path = document.getElementById('fs-path').value.trim();
if (!path) return;
const res = await post('/api/fs/read', { path });
const fc = document.getElementById('fs-content');
if (!res) {
fc.innerHTML = '';
return;
}
// Breadcrumb
const parts = path.split('/').filter(Boolean);
document.getElementById('fs-breadcrumb').innerHTML =
parts.map((p, i) => {
const fullPath = '/' + parts.slice(0, i + 1).join('/');
return `${p}`;
}).join(' / ');
if (res.type === 'dir' && res.entries) {
fc.innerHTML = res.entries.map(e => {
const icon = e.type === 'dir' ? '📁' : (e.writable ? '📝' : '📄');
return `
${icon} ${e.name}
${e.type}${e.writable ? ' (rw)' : ' (ro)'}
`;
}).join('') || '';
} else if (res.type === 'file') {
const content = res.content || '(empty)';
fc.innerHTML = `
${path.split('/').pop()}
${escHtml(content)}
`;
}
}
function readFile(path) {
document.getElementById('fs-path').value = path;
browsePath();
}
function fsUp() {
const input = document.getElementById('fs-path');
const parts = input.value.split('/').filter(Boolean);
if (parts.length > 1) {
parts.pop();
input.value = '/' + parts.join('/');
browsePath();
}
}
// ---- Carrier page ----
async function loadCarrier() {
const cc = await api('/api/carrier/config');
if (cc) {
setToggle('toggle-volte', cc.volte);
setToggle('toggle-vonr', cc.vonr);
setToggle('toggle-wfc', cc.wfc);
setToggle('toggle-vt', cc.vt);
setToggle('toggle-apn', cc.apn);
setToggle('toggle-nradv', cc.nradv);
setToggle('toggle-nettype', cc.hide_network_type === '0' ? '1' : '0');
}
// Carrier settings files
const files = await api('/api/carrier/files');
const fc = document.getElementById('carrier-files');
if (files && files.length > 0) {
fc.innerHTML = files.map(f => `
${f.name}
${(f.size / 1024).toFixed(1)} KB
`).join('');
} else {
fc.innerHTML = 'No CarrierSettings directory found
Wonder 802.15.4 Radio
Thread / Matter mesh networking
PHY
${info.name || 'N/A'} (index ${info.index || '?'})
WPAN Interface
${info.wpan_iface ? 'thread-wpan (active)' : 'not present'}
debugfs nodes
${info.debugfs_entries}
force_stop_tx
${info.force_stop_tx}
No Thread/Wonder radio detected
| ${f.prop} |
${f.value || 'unset'} |
`).join('');
}
}
// ---- Helpers ----
function escHtml(s) {
return (s || '').replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"');
}
// ---- Init ----
document.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('.tab-item').forEach(t =>
t.addEventListener('click', () => switchTab(t.dataset.tab)));
// Radio page toggles
document.getElementById('toggle-eng')?.addEventListener('change', function() { handleToggle('ENGINEERING_MODE', this); });
document.getElementById('toggle-factory')?.addEventListener('change', function() { handleToggle('FACTORY_TEST_MODE', this); });
document.getElementById('toggle-hidden')?.addEventListener('change', function() { handleToggle('HIDDEN_MENUS', this); });
document.getElementById('toggle-diag')?.addEventListener('change', function() { handleToggle('USB_DIAG_MODE', this); });
document.getElementById('toggle-modem')?.addEventListener('change', function() { handleToggle('MODEM_LOG', this); });
document.getElementById('toggle-stealth')?.addEventListener('change', function() { handleToggle('STEALTH_MODE', this); });
// WiFi mode buttons
document.querySelectorAll('.mode-btn').forEach(btn =>
btn.addEventListener('click', () => handleWifiMode(btn.dataset.mode)));
// Carrier config toggles
document.getElementById('toggle-volte')?.addEventListener('change', function() { handleCarrierFlag('volte', this); });
document.getElementById('toggle-vonr')?.addEventListener('change', function() { handleCarrierFlag('vonr', this); });
document.getElementById('toggle-wfc')?.addEventListener('change', function() { handleCarrierFlag('wfc', this); });
document.getElementById('toggle-vt')?.addEventListener('change', function() { handleCarrierFlag('vt', this); });
document.getElementById('toggle-apn')?.addEventListener('change', function() { handleCarrierFlag('apn', this); });
document.getElementById('toggle-nradv')?.addEventListener('change', function() { handleCarrierFlag('nradv', this); });
document.getElementById('toggle-nettype')?.addEventListener('change', function() { handleCarrierFlag('nettype', this); });
switchTab('radio');
});