小龙虾
a47a027178
- 添加了upload-esp32.js用于处理ESP32的OTA上传，包括文件上传、SHA-256验证和设备重启。 - 引入了upload-gd32.js，用于触发GD32 OTA中继并跟踪中继进度。 - 针对OTA流程，增强了会话管理和错误处理能力。 - 通过在上传过程中显示吐司通知和进度更新，改进了用户反馈。
274 lines
12 KiB
JavaScript
274 lines
12 KiB
JavaScript
/**
|
||
* console-mode.js - 共享模式/目标切换胶水代码（从 index.html 内联脚本抽取）
|
||
*
|
||
* 职责：
|
||
* - 覆盖 app.js 中的 switchStageFlow，支持 BLE 阶段流程
|
||
* - 提供 setConsoleMode / selectFlashTarget 等供 HTML onclick 调用
|
||
* - 维护共享固件文件状态 (sharedFirmwareFiles) 并在 WiFi/BLE 间同步
|
||
*
|
||
* 依赖：app.js (通过 window.* 或 bare 引用) 提供 switchStageFlow、
|
||
* handleFileSelect、clearFile、pickFileViaFSAPI、addLog、showToast、setActivePhase 等。
|
||
*/
|
||
window.connectionMode = window.connectionMode || 'wifi';
|
||
window.flashTarget = window.flashTarget || 'esp32';
|
||
window.sharedFirmwareFiles = window.sharedFirmwareFiles || {
|
||
esp32: { file: null, handle: null },
|
||
gd32: { file: null, handle: null }
|
||
};
|
||
(function () {
|
||
var originalSwitchStageFlow = window.switchStageFlow;
|
||
window.switchStageFlow = function (target) {
|
||
if (target === 'ble') {
|
||
window.currentOtaTarget = 'ble';
|
||
var esp32El = document.getElementById('esp32Stages');
|
||
var gd32El = document.getElementById('gd32Stages');
|
||
var bleEl = document.getElementById('bleStages');
|
||
if (esp32El) esp32El.style.display = 'none';
|
||
if (gd32El) gd32El.style.display = 'none';
|
||
if (bleEl) bleEl.style.display = '';
|
||
return;
|
||
}
|
||
if (typeof originalSwitchStageFlow === 'function') {
|
||
originalSwitchStageFlow(target);
|
||
}
|
||
var bleEl = document.getElementById('bleStages');
|
||
if (bleEl) bleEl.style.display = 'none';
|
||
};
|
||
|
||
window.setConsoleMode = function (mode) {
|
||
// ★ 刷写进行中禁止切换连接模式：setConsoleMode → syncBleFileFromSelectedTarget →
|
||
// notifyFileChange → updateFileInfo → finalizeFileInfo → setProgress(0) 会覆盖
|
||
// 进行中的 WiFi/BLE 上传进度（与 selectFlashTarget 同样的守卫策略）。
|
||
var bleBusy = window.bleOta && window.bleOta.isUploading && window.bleOta.isUploading();
|
||
if (window.isUploading || bleBusy) {
|
||
var active = bleBusy ? 'BLE' : ((window.activeUploadChip || 'OTA').toUpperCase());
|
||
if (typeof addLog === 'function') addLog('W', 'OTA', active + ' 刷写进行中，无法切换连接模式');
|
||
if (typeof showToast === 'function') showToast('当前有 ' + active + ' 任务在运行，请等待结束后再切换', 'error');
|
||
return;
|
||
}
|
||
var isBle = mode === 'ble';
|
||
window.connectionMode = isBle ? 'ble' : 'wifi';
|
||
var wifiCards = document.getElementById('wifiModeCards');
|
||
var bleCards = document.getElementById('bleModeCards');
|
||
var wifiBtn = document.getElementById('modeWifiBtn');
|
||
var bleBtn = document.getElementById('modeBleBtn');
|
||
if (wifiCards) wifiCards.style.display = isBle ? 'none' : '';
|
||
if (bleCards) bleCards.style.display = isBle ? '' : 'none';
|
||
var headBtns = document.getElementById('bleHeadActions');
|
||
if (headBtns) headBtns.style.display = isBle ? '' : 'none';
|
||
if (wifiBtn) wifiBtn.className = isBle ? 'btn btn-outline' : 'btn btn-primary';
|
||
if (bleBtn) bleBtn.className = isBle ? 'btn btn-primary' : 'btn btn-outline';
|
||
applySharedModeUi();
|
||
syncBleFileFromSelectedTarget();
|
||
if (isBle) {
|
||
window.switchStageFlow('ble');
|
||
if (typeof setActivePhase === 'function') {
|
||
setActivePhase(window.flashTarget === 'gd32' ? 'gd32Ota' : 'esp32Ota');
|
||
}
|
||
if (window.bleOta && typeof window.bleOta.refreshButtons === 'function') {
|
||
window.bleOta.refreshButtons();
|
||
}
|
||
} else {
|
||
window.switchStageFlow(window.flashTarget || (window.activePhase === 'esp32Ota' ? 'esp32' : 'gd32'));
|
||
}
|
||
};
|
||
|
||
window.selectFlashTarget = function (target) {
|
||
// OTA 上传进行中禁止切换目标：避免前端状态与后端 relay/upload 不同步导致卡死
|
||
// ★ 兼容 BLE 模式：BLE 上传用 bleOta.state.uploading，window.isUploading 仅 WiFi 通道使用。
|
||
var bleBusy = window.bleOta && window.bleOta.isUploading && window.bleOta.isUploading();
|
||
if (window.isUploading || bleBusy) {
|
||
var active = bleBusy ? 'BLE' : ((window.activeUploadChip || 'OTA').toUpperCase());
|
||
if (typeof addLog === 'function') addLog('W', 'OTA', active + ' 刷写进行中，无法切换目标');
|
||
if (typeof showToast === 'function') showToast('当前有 ' + active + ' 任务在运行，请等待结束后再切换', 'error');
|
||
return;
|
||
}
|
||
window.flashTarget = target === 'gd32' ? 'gd32' : 'esp32';
|
||
applySharedModeUi();
|
||
syncBleFileFromSelectedTarget();
|
||
if (window.connectionMode === 'ble') {
|
||
window.switchStageFlow('ble');
|
||
if (typeof setActivePhase === 'function') {
|
||
setActivePhase(target === 'gd32' ? 'gd32Ota' : 'esp32Ota');
|
||
}
|
||
} else {
|
||
window.switchStageFlow(window.flashTarget);
|
||
}
|
||
if (window.bleOta && typeof window.bleOta.refreshTargetUi === 'function') {
|
||
window.bleOta.refreshTargetUi();
|
||
}
|
||
};
|
||
|
||
window.handleSharedFileSelect = function (event, chip) {
|
||
var file = event && event.target && event.target.files && event.target.files[0] ? event.target.files[0] : null;
|
||
if (file) {
|
||
window.sharedFirmwareFiles[chip] = { file: file, handle: null };
|
||
}
|
||
if (typeof window.handleFileSelect === 'function') {
|
||
window.handleFileSelect(event, chip);
|
||
}
|
||
window.flashTarget = chip === 'gd32' ? 'gd32' : 'esp32';
|
||
applySharedModeUi();
|
||
setTimeout(syncBleFileFromSelectedTarget, 0);
|
||
};
|
||
|
||
window.pickSharedFirmware = function (chip) {
|
||
window.flashTarget = chip === 'gd32' ? 'gd32' : 'esp32';
|
||
applySharedModeUi();
|
||
if (window.showOpenFilePicker && typeof window.pickFileViaFSAPI === 'function') {
|
||
var nativePicker = window.showOpenFilePicker;
|
||
var capturedHandle = null;
|
||
window.showOpenFilePicker = function () {
|
||
return nativePicker.apply(this, arguments).then(function (handles) {
|
||
capturedHandle = handles && handles.length ? handles[0] : null;
|
||
return handles;
|
||
});
|
||
};
|
||
Promise.resolve(window.pickFileViaFSAPI(chip)).then(function () {
|
||
window.showOpenFilePicker = nativePicker;
|
||
if (!capturedHandle || typeof capturedHandle.getFile !== 'function') {
|
||
syncBleFileFromSelectedTarget();
|
||
return;
|
||
}
|
||
capturedHandle.getFile().then(function (file) {
|
||
window.sharedFirmwareFiles[chip] = { file: file, handle: capturedHandle };
|
||
syncBleFileFromSelectedTarget();
|
||
}).catch(function () {
|
||
syncBleFileFromSelectedTarget();
|
||
});
|
||
}).catch(function (err) {
|
||
window.showOpenFilePicker = nativePicker;
|
||
if (err && err.name !== 'AbortError' && typeof window.addLog === 'function') {
|
||
window.addLog('W', '文件', 'FSAPI 选择失败: ' + err.message);
|
||
}
|
||
});
|
||
} else {
|
||
var input = document.getElementById(chip === 'gd32' ? 'fileInputGd32' : 'fileInputEsp32');
|
||
if (input) input.click();
|
||
}
|
||
};
|
||
|
||
window.clearSharedFirmware = function (chip) {
|
||
window.sharedFirmwareFiles[chip] = { file: null, handle: null };
|
||
if (typeof window.clearFile === 'function') {
|
||
window.clearFile(chip);
|
||
}
|
||
if (window.connectionMode === 'ble' && window.flashTarget === chip && window.bleOta && typeof window.bleOta.clearFile === 'function') {
|
||
window.bleOta.clearFile();
|
||
}
|
||
};
|
||
|
||
window.setBleFirmwareInputFile = function (file) {
|
||
var input = document.getElementById('firmwareFile');
|
||
if (!input || !file || typeof window.DataTransfer !== 'function') {
|
||
return;
|
||
}
|
||
try {
|
||
var dt = new DataTransfer();
|
||
dt.items.add(file);
|
||
input.files = dt.files;
|
||
} catch (err) {
|
||
// Some browsers restrict assignment to file inputs; BLE state is still synced via notifyFileChange.
|
||
}
|
||
};
|
||
|
||
window.syncBleFileFromSelectedTarget = function () {
|
||
if (window.connectionMode !== 'ble' || !window.bleOta || typeof window.bleOta.notifyFileChange !== 'function') {
|
||
return;
|
||
}
|
||
var isGd32 = window.flashTarget === 'gd32';
|
||
var chip = isGd32 ? 'gd32' : 'esp32';
|
||
var suffix = isGd32 ? 'Gd32' : 'Esp32';
|
||
var stored = window.sharedFirmwareFiles[chip];
|
||
if (stored && stored.handle && typeof stored.handle.getFile === 'function') {
|
||
stored.handle.getFile().then(function (file) {
|
||
stored.file = file;
|
||
setBleFirmwareInputFile(file);
|
||
window.bleOta.notifyFileChange(file, stored.handle);
|
||
}).catch(function () {
|
||
if (stored.file) {
|
||
setBleFirmwareInputFile(stored.file);
|
||
window.bleOta.notifyFileChange(stored.file, stored.handle);
|
||
}
|
||
});
|
||
return;
|
||
}
|
||
if (stored && stored.file) {
|
||
setBleFirmwareInputFile(stored.file);
|
||
window.bleOta.notifyFileChange(stored.file, stored.handle || null);
|
||
return;
|
||
}
|
||
var input = document.getElementById('fileInput' + suffix);
|
||
var info = document.getElementById('fileInfo' + suffix);
|
||
var hasInfo = info && info.classList.contains('show');
|
||
var file = input && input.files && input.files[0] ? input.files[0] : null;
|
||
if (file) {
|
||
window.sharedFirmwareFiles[chip] = { file: file, handle: null };
|
||
setBleFirmwareInputFile(file);
|
||
window.bleOta.notifyFileChange(file, null);
|
||
return;
|
||
}
|
||
if (!hasInfo) {
|
||
return;
|
||
}
|
||
var nameEl = document.getElementById('fileName' + suffix);
|
||
var typeEl = document.getElementById('fileType' + suffix);
|
||
var sizeEl = document.getElementById('fileSize' + suffix);
|
||
var bleInfo = document.getElementById('fileInfo');
|
||
var bleName = document.getElementById('fileName');
|
||
var bleType = document.getElementById('fileType');
|
||
var bleSize = document.getElementById('fileSize');
|
||
if (bleInfo) bleInfo.classList.add('show');
|
||
if (bleName && nameEl) bleName.textContent = nameEl.textContent;
|
||
if (bleType && typeEl) bleType.textContent = typeEl.textContent;
|
||
if (bleSize && sizeEl) bleSize.textContent = sizeEl.textContent;
|
||
var packetCount = document.getElementById('packetCount');
|
||
var sentCount = document.getElementById('sentCount');
|
||
if (packetCount) packetCount.textContent = '-';
|
||
if (sentCount) sentCount.textContent = '0';
|
||
};
|
||
|
||
window.applySharedModeUi = function () {
|
||
var isBle = window.connectionMode === 'ble';
|
||
var isGd32 = window.flashTarget === 'gd32';
|
||
var targetEsp32 = document.getElementById('targetEsp32Tab');
|
||
var targetGd32 = document.getElementById('targetGd32Tab');
|
||
if (targetEsp32) targetEsp32.className = isGd32 ? 'btn btn-outline' : 'btn btn-primary';
|
||
if (targetGd32) targetGd32.className = isGd32 ? 'btn btn-primary' : 'btn btn-outline';
|
||
var ids = {
|
||
wifiEsp32UploadPane: !isGd32,
|
||
wifiGd32UploadPane: isGd32,
|
||
bleUploadPane: false,
|
||
wifiEsp32ActionPane: !isBle && !isGd32,
|
||
wifiGd32ActionPane: !isBle && isGd32,
|
||
bleActionPane: isBle
|
||
};
|
||
Object.keys(ids).forEach(function (id) {
|
||
var el = document.getElementById(id);
|
||
if (el) el.style.display = ids[id] ? '' : 'none';
|
||
});
|
||
var hint = document.getElementById('readyHint');
|
||
if (hint) {
|
||
if (isBle) {
|
||
hint.innerHTML = 'BLE 模式：连接设备 → 选择固件 → 一键刷写。';
|
||
} else if (isGd32) {
|
||
hint.innerHTML = 'WiFi 模式：上传 GD32 固件后自动执行 SPI OTA。';
|
||
} else {
|
||
hint.innerHTML = 'WiFi 模式：上传 ESP32 固件后自动执行 OTA 并重启。';
|
||
}
|
||
}
|
||
};
|
||
|
||
applySharedModeUi();
|
||
})();
|
||
|
||
// 暴露给 HTML onclick 调用的函数（ES Module 迁移：模块作用域不再自动成为全局变量）
|
||
window.setConsoleMode = setConsoleMode;
|
||
window.selectFlashTarget = selectFlashTarget;
|
||
window.handleSharedFileSelect = handleSharedFileSelect;
|
||
window.pickSharedFirmware = pickSharedFirmware;
|
||
window.clearSharedFirmware = clearSharedFirmware;
|
||
window.setBleFirmwareInputFile = setBleFirmwareInputFile;
|
||
window.syncBleFileFromSelectedTarget = syncBleFileFromSelectedTarget;
|
||
window.applySharedModeUi = applySharedModeUi;
|