viktor/DevConsole
1
0
Форкнуть 0
Код Задачи Запросы на слияние Действия Пакеты Проекты Релизы Вики Активность

Подключил OTA модалку к настройкам проекта

Просмотр исходного кода
Этот коммит содержится в:
Виктор
2026-05-12 01:42:27 +09:00
родитель d85d8c5bea
Коммит 0fa89f6613
1 изменённых файлов: 94 добавлений и 176 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы
frontend/workspace.js
+94 -176
Просмотреть файл
@@ -1,10 +1,10 @@
let currentBusyTask = null;
let collectedErrors = [];
let selectedDeviceSerial = null;
function appendLog(message) {
const logs = document.getElementById('logs');
if (!logs) return;
const time = new Date().toLocaleTimeString();
logs.innerText += `\n[${time}] ${message}`;
requestAnimationFrame(() => { logs.scrollTop = logs.scrollHeight; });
@@ -13,11 +13,7 @@ function appendLog(message) {
function collectErrorsFromText(text) {
if (!text) return;
const patterns = [
/error/i, /failed/i, /failure/i, /exception/i, /fatal/i,
/gradle task assemble.*failed/i, /could not/i, /cannot/i,
/what went wrong/i, /execution failed/i, /❌/
];
const patterns = [/error/i, /failed/i, /failure/i, /exception/i, /fatal/i, /could not/i, /cannot/i, /what went wrong/i, /execution failed/i, /❌/];
const lines = String(text).split('\n').filter(line => patterns.some(pattern => pattern.test(line)));
lines.forEach(line => {
const cleaned = line.trim();
@@ -41,8 +37,7 @@ function renderErrors() {
}
function copyErrorsForAI() {
const text = collectedErrors.join('\n');
navigator.clipboard.writeText(text || 'Ошибок пока нет');
navigator.clipboard.writeText(collectedErrors.join('\n') || 'Ошибок пока нет');
appendLog('Ошибки скопированы в буфер');
}
@@ -69,25 +64,9 @@ function setTaskProgress(percent, message, running = true) {
setStatus(message, running ? 'running' : 'done');
}
function setBusy(message) {
currentBusyTask = message;
setStatus(message, 'running');
setTaskProgress(5, message, true);
}
function setDone(message) {
currentBusyTask = null;
setTaskProgress(100, message, false);
appendLog(`✅ ${message}`);
}
function setError(message) {
currentBusyTask = null;
const label = document.getElementById('taskProgressLabel');
if (label) label.innerText = `Ошибка — ${message}`;
setStatus(message, 'error');
appendLog(`❌ ${message}`);
}
function setBusy(message) { currentBusyTask = message; setTaskProgress(5, message, true); }
function setDone(message) { currentBusyTask = null; setTaskProgress(100, message, false); appendLog(`✅ ${message}`); }
function setError(message) { currentBusyTask = null; setStatus(message, 'error'); appendLog(`❌ ${message}`); }
function updateProgressFromLine(line) {
const text = line.toLowerCase();
@@ -96,18 +75,14 @@ function updateProgressFromLine(line) {
else if (text.includes('got dependencies')) setTaskProgress(65, 'Зависимости готовы', true);
else if (text.includes('running gradle task')) setTaskProgress(50, 'Gradle собирает приложение', true);
else if (text.includes('built ') || text.includes('app-release.apk')) setTaskProgress(95, 'APK собран', true);
else if (text.includes('ota publish')) setTaskProgress(92, 'OTA публикация', true);
else if (text.includes('installing') || text.includes('performing streamed install')) setTaskProgress(70, 'Установка на устройство', true);
else if (text.includes('syncing files')) setTaskProgress(80, 'Синхронизация файлов на телефоне', true);
else if (text.includes('flutter run key commands')) setTaskProgress(90, 'Приложение запущено, Flutter подключён', true);
}
async function workspaceApi(url, payload = {}, method = 'POST') {
appendLog(`API запрос: ${url}`);
const response = await fetch(url, {
method,
headers: {'Content-Type': 'application/json'},
body: method === 'GET' ? undefined : JSON.stringify(payload)
});
const response = await fetch(url, { method, headers: {'Content-Type': 'application/json'}, body: method === 'GET' ? undefined : JSON.stringify(payload) });
const data = await response.json().catch(() => ({success: false, detail: 'Пустой ответ сервера'}));
if (!response.ok) appendLog(`Ошибка API ${response.status}: ${data.detail || 'unknown error'}`);
return data;
@@ -115,30 +90,15 @@ async function workspaceApi(url, payload = {}, method = 'POST') {
async function streamRuntimeCommand(command, title, progress = 50) {
const workspace = getWorkspacePath();
if (!workspace) {
setError('Workspace не выбран');
return false;
}
if (!workspace) { setError('Workspace не выбран'); return false; }
setTaskProgress(progress, title || command, true);
appendLog(`▶ ${title || command} live`);
const response = await fetch('/api/runtime/command-stream', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({workspace, command, device: getSelectedDevice()})
});
if (!response.ok || !response.body) {
setError(`Не удалось открыть live stream: ${title || command}`);
return false;
}
const response = await fetch('/api/runtime/command-stream', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({workspace, command, device: getSelectedDevice()}) });
if (!response.ok || !response.body) { setError(`Не удалось открыть live stream: ${title || command}`); return false; }
const reader = response.body.getReader();
const decoder = new TextDecoder();
let buffer = '';
let ok = true;
while (true) {
const {value, done} = await reader.read();
if (done) break;
@@ -149,121 +109,58 @@ async function streamRuntimeCommand(command, title, progress = 50) {
if (!raw.trim()) continue;
let event;
try { event = JSON.parse(raw); } catch (_) { appendLog(raw); continue; }
if (event.type === 'line') {
appendLog(event.message);
updateProgressFromLine(event.message);
} else if (event.type === 'error') {
ok = false;
setError(event.message);
} else if (event.type === 'done') {
ok = Number(event.returncode) === 0;
appendLog(ok ? `✅ Выполнено: ${title || command}` : `❌ Ошибка: ${title || command} exit ${event.returncode}`);
if (event.type === 'line') { appendLog(event.message); updateProgressFromLine(event.message); }
else if (event.type === 'error') { ok = false; setError(event.message); }
else if (event.type === 'publish') { appendLog(event.success ? '✅ OTA публикация выполнена' : `OTA публикация пропущена: ${event.result?.message || ''}`); }
else if (event.type === 'done') { ok = Number(event.returncode) === 0; appendLog(ok ? `✅ Выполнено: ${title || command}` : `❌ Ошибка: ${title || command} exit ${event.returncode}`); }
}
}
}
if (!ok) setError(`Ошибка: ${title || command}`);
return ok;
}
function getSelectedDevice() {
const select = document.getElementById('deviceSelect');
return select ? (select.value || null) : null;
function getSelectedDevice() { return selectedDeviceSerial; }
function getWorkspacePath() { const input = document.getElementById('workspacePath'); return input ? input.value.trim() : ''; }
function selectDevice(serial) {
selectedDeviceSerial = serial;
document.querySelectorAll('.device-card').forEach(card => card.classList.toggle('selected', card.dataset.serial === serial));
appendLog(`📱 Выбрано устройство: ${serial}`);
}
function getWorkspacePath() {
const input = document.getElementById('workspacePath');
return input ? input.value.trim() : '';
}
async function loadSystemStatus() {
setStatus('Проверяю состояние DevConsole', 'running');
await workspaceApi('/api/system/status', {}, 'GET');
setStatus('DevConsole готов', 'done');
}
async function loadSystemStatus() { setStatus('Проверяю состояние DevConsole', 'running'); await workspaceApi('/api/system/status', {}, 'GET'); setStatus('DevConsole готов', 'done'); }
async function saveGitHubSettings() {
const username = document.getElementById('githubUsername')?.value.trim() || '';
const token = document.getElementById('githubToken')?.value.trim() || '';
if (!username) { setError('Укажите GitHub login'); return; }
if (!token) { setError('Укажите GitHub key'); return; }
setBusy('Сохраняю GitHub доступ');
const data = await workspaceApi('/api/settings/github', {username, token});
if (data.success) {
const tokenInput = document.getElementById('githubToken');
if (tokenInput) tokenInput.value = '';
setDone('GitHub доступ сохранён');
} else setError('Не удалось сохранить GitHub доступ');
if (data.success) { const tokenInput = document.getElementById('githubToken'); if (tokenInput) tokenInput.value = ''; appendLog('✅ GitHub доступ сохранён'); }
else setError('Не удалось сохранить GitHub доступ');
}
function renderGroupedRuntimeButtons() {
const container = document.getElementById('runtimeButtons');
if (!container) return;
container.innerHTML = `
<button onclick="runRuntimeScenario('check')">Проверить</button>
<button onclick="runRuntimeScenario('run_profile')">Запустить</button>
<button onclick="runRuntimeScenario('build')">Собрать APK</button>
<button onclick="runRuntimeScenario('install')">Установить APK</button>
<button onclick="runRuntimeScenario('diagnostics')">Диагностика</button>
`;
container.innerHTML = `<button onclick="runRuntimeScenario('check')">Проверить</button><button onclick="runRuntimeScenario('run_profile')">Запустить</button><button onclick="runRuntimeScenario('build')">Собрать APK</button><button onclick="runRuntimeScenario('install')">Установить APK</button><button onclick="runRuntimeScenario('diagnostics')">Диагностика</button>`;
}
async function loadRuntimeCommands() {
renderGroupedRuntimeButtons();
setStatus('Runtime сценарии готовы', 'done');
}
async function executeRuntimeCommand(command, title, progress = 50) {
return await streamRuntimeCommand(command, title, progress);
}
async function loadRuntimeCommands() { renderGroupedRuntimeButtons(); setStatus('Runtime сценарии готовы', 'done'); }
async function executeRuntimeCommand(command, title, progress = 50) { return await streamRuntimeCommand(command, title, progress); }
async function runRuntimeScenario(scenario) {
const workspace = getWorkspacePath();
if (!workspace) { setError('Workspace не выбран'); return; }
if (scenario === 'check') { setBusy('Проверка проекта'); if (!await executeRuntimeCommand('git_pull', 'Git Pull', 25)) return; if (!await executeRuntimeCommand('flutter_pub_get', 'Flutter Pub Get', 70)) return; setDone('Проверка завершена'); return; }
if (scenario === 'run_profile') { if (!getSelectedDevice()) { setError('Устройство не выбрано'); return; } setBusy('Запуск на телефоне'); if (!await executeRuntimeCommand('flutter_pub_get', 'Подготовка зависимостей', 30)) return; if (!await executeRuntimeCommand('flutter_run_profile', 'Flutter Run --profile', 75)) return; setDone('Запуск завершён'); return; }
if (scenario === 'build') { setBusy('Сборка APK'); if (!await executeRuntimeCommand('flutter_clean', 'Flutter Clean', 20)) return; if (!await executeRuntimeCommand('flutter_pub_get', 'Flutter Pub Get', 45)) return; if (!await executeRuntimeCommand('flutter_build_apk', 'Flutter Build APK', 80)) return; setDone('Сборка APK завершена'); return; }
if (scenario === 'install') { setBusy('Установка APK'); await installLatestApk(); return; }
if (scenario === 'diagnostics') { setBusy('Диагностика Android runtime'); if (!await executeRuntimeCommand('adb_reconnect', 'ADB Reconnect', 40)) return; if (!await executeRuntimeCommand('adb_logcat', 'ADB Logcat Snapshot', 80)) return; setDone('Диагностика завершена'); }
}
if (scenario === 'check') {
setBusy('Проверка проекта');
appendLog('=== Проверка проекта: git pull + flutter pub get ===');
if (!await executeRuntimeCommand('git_pull', 'Git Pull', 25)) return;
if (!await executeRuntimeCommand('flutter_pub_get', 'Flutter Pub Get', 70)) return;
setDone('Проверка завершена');
return;
}
if (scenario === 'run_profile') {
if (!getSelectedDevice()) { setError('Устройство не выбрано'); return; }
setBusy('Запуск на телефоне');
appendLog('=== Запуск на телефоне в profile режиме ===');
if (!await executeRuntimeCommand('flutter_pub_get', 'Подготовка зависимостей', 30)) return;
if (!await executeRuntimeCommand('flutter_run_profile', 'Flutter Run --profile', 75)) return;
setDone('Запуск завершён');
return;
}
if (scenario === 'build') {
setBusy('Сборка APK');
appendLog('=== Сборка APK: clean + pub get + release build ===');
if (!await executeRuntimeCommand('flutter_clean', 'Flutter Clean', 20)) return;
if (!await executeRuntimeCommand('flutter_pub_get', 'Flutter Pub Get', 45)) return;
if (!await executeRuntimeCommand('flutter_build_apk', 'Flutter Build APK', 80)) return;
setDone('Сборка APK завершена');
return;
}
if (scenario === 'install') {
setBusy('Установка APK');
appendLog('=== Установка последнего APK на устройство ===');
await installLatestApk();
return;
}
if (scenario === 'diagnostics') {
setBusy('Диагностика Android runtime');
appendLog('=== Диагностика Android runtime ===');
if (!await executeRuntimeCommand('adb_reconnect', 'ADB Reconnect', 40)) return;
if (!await executeRuntimeCommand('adb_logcat', 'ADB Logcat Snapshot', 80)) return;
setDone('Диагностика завершена');
}
async function stopRuntimeCommand() {
const data = await workspaceApi('/api/runtime/stop', {send_confirm: true});
appendLog(data.success ? '🛑 Команда остановлена' : 'Не удалось остановить команду');
}
async function installLatestApk() {
@@ -279,7 +176,6 @@ async function restartCurrentApp() {
const workspace = getWorkspacePath();
const packageName = document.getElementById('packageName').value;
if (!packageName) { setError('Укажите package name'); return; }
setBusy('Перезапускаю приложение');
const data = await workspaceApi('/api/runtime/restart-app', {workspace, device: getSelectedDevice(), package_name: packageName});
if (data.result?.stdout) appendLog(data.result.stdout);
if (data.result?.stderr) appendLog(data.result.stderr);
@@ -290,21 +186,13 @@ async function loadProjects() {
const container = document.getElementById('projectsList');
if (!container) return;
setStatus('Загружаю список проектов', 'running');
appendLog('Загрузка списка проектов');
const data = await workspaceApi('/api/projects/list', {}, 'GET');
const projects = data.projects || [];
if (projects.length === 0) {
container.innerHTML = 'Проекты отсутствуют';
setStatus('Проекты отсутствуют', 'idle');
return;
}
container.innerHTML = projects.map(project => `
<div class="project-card" onclick="openProject('${project.workspace}', '${project.name || 'project'}')">
<strong>${project.name}</strong><br>
<small>${project.stack || 'unknown stack'}</small><br>
<small>${project.workspace}</small>
</div>
`).join('');
if (projects.length === 0) { container.innerHTML = 'Проекты отсутствуют'; setStatus('Проекты отсутствуют', 'idle'); return; }
container.innerHTML = projects.map(project => {
const ota = project.ota?.enabled ? '<span class="ota-badge">OTA</span>' : '';
return `<div class="project-card" onclick="openProject('${project.workspace}', '${project.name || 'project'}')"><div class="project-top"><strong>${project.name}</strong><button class="icon-btn" onclick="event.stopPropagation();openEditProjectModal('${project.workspace}')">⚙</button></div><small>${project.stack || 'unknown stack'}</small><br><small>${project.workspace}</small><br>${ota}</div>`;
}).join('');
setStatus(`Проекты загружены: ${projects.length}`, 'done');
}
@@ -313,47 +201,77 @@ function openProject(workspace, name = 'project') {
appendLog(`Открытие проекта: ${workspace}`);
setTaskProgress(100, `Проект выбран: ${name}`, false);
setStatus(`Проект готов: ${name}`, 'done');
appendLog(`✅ Workspace готов к runtime-командам: ${workspace}`);
}
async function openEditProjectModal(workspace) {
const modal = document.getElementById('editProjectModal');
const data = await workspaceApi(`/api/projects/settings?workspace=${encodeURIComponent(workspace)}`, {}, 'GET');
if (!data.success) { setError('Не удалось загрузить настройки проекта'); return; }
const project = data.project || {};
const ota = project.ota || {};
document.getElementById('editProjectTitle').innerText = `Настройки: ${project.name || 'project'}`;
document.getElementById('editWorkspace').value = workspace;
document.getElementById('otaEnabled').checked = Boolean(ota.enabled);
document.getElementById('otaHost').value = ota.sftp_host || '';
document.getElementById('otaPort').value = ota.sftp_port || '22';
document.getElementById('otaUsername').value = ota.sftp_username || '';
document.getElementById('otaPassword').value = '';
document.getElementById('otaRemotePath').value = ota.remote_path || '';
document.getElementById('otaPublicBaseUrl').value = ota.public_base_url || '';
document.getElementById('otaLatestJsonName').value = ota.latest_json_name || 'latest.json';
document.getElementById('otaLatestApkName').value = ota.latest_apk_name || 'pulse-latest.apk';
document.getElementById('otaVersion').value = ota.version || '';
document.getElementById('otaBuild').value = ota.build || '';
document.getElementById('otaNotes').value = ota.notes || '';
toggleOtaFields();
modal.style.display = 'flex';
}
function closeEditProjectModal() { document.getElementById('editProjectModal').style.display = 'none'; }
async function saveProjectSettings() {
const workspace = document.getElementById('editWorkspace').value;
const ota = {
enabled: document.getElementById('otaEnabled').checked,
sftp_host: document.getElementById('otaHost').value.trim(),
sftp_port: document.getElementById('otaPort').value.trim() || '22',
sftp_username: document.getElementById('otaUsername').value.trim(),
remote_path: document.getElementById('otaRemotePath').value.trim(),
public_base_url: document.getElementById('otaPublicBaseUrl').value.trim(),
latest_json_name: document.getElementById('otaLatestJsonName').value.trim() || 'latest.json',
latest_apk_name: document.getElementById('otaLatestApkName').value.trim() || 'pulse-latest.apk',
version: document.getElementById('otaVersion').value.trim(),
build: document.getElementById('otaBuild').value.trim(),
notes: document.getElementById('otaNotes').value.trim()
};
const password = document.getElementById('otaPassword').value.trim();
if (password) ota.sftp_password = password;
const data = await workspaceApi('/api/projects/settings', {workspace, settings: {ota}});
if (data.success) { appendLog('✅ Настройки проекта сохранены'); closeEditProjectModal(); loadProjects(); }
else setError('Не удалось сохранить настройки проекта');
}
async function registerCurrentProject(repoUrl, workspace, stack = 'unknown') {
const name = repoUrl.split('/').pop().replace('.git', '');
setTaskProgress(90, `Регистрирую проект: ${name}`, true);
await workspaceApi('/api/projects/register', {name, repo_url: repoUrl, workspace, stack});
appendLog(`Проект зарегистрирован: ${name}`);
loadProjects();
}
function parseLegacyDevices(stdout) {
return (stdout || '').split('\n').filter(line => line.includes('device') && !line.includes('List')).map(line => {
const serial = line.split(/\s+/)[0];
return {serial, title: serial, subtitle: 'ADB device', state: 'device'};
});
return (stdout || '').split('\n').filter(line => line.includes('device') && !line.includes('List')).map(line => ({serial: line.split(/\s+/)[0], title: line.split(/\s+/)[0], subtitle: 'ADB device', state: 'device'}));
}
async function loadDevices() {
setStatus('Ищу Android устройства', 'running');
appendLog('Обновление списка Android устройств');
const data = await workspaceApi('/api/android/devices');
const container = document.getElementById('devices');
const select = document.getElementById('deviceSelect');
if (!container || !select) return;
if (!container) return;
const devices = Array.isArray(data.devices) && data.devices.length > 0 ? data.devices : parseLegacyDevices(data.stdout || '');
if (devices.length === 0) {
container.innerHTML = 'Устройства не подключены';
select.innerHTML = '<option value="">Нет устройств</option>';
setStatus('Android устройства не подключены', 'idle');
return;
}
container.innerHTML = devices.map(device => `
<div style="margin-bottom:8px;padding:10px;background:#1d2430;border-radius:8px;">
<strong>📱 ${device.title || device.serial}</strong><br>
<small>${device.subtitle || device.serial}</small>
</div>
`).join('');
select.innerHTML = devices.map(device => `<option value="${device.serial}">${device.title || device.serial}</option>`).join('');
if (devices.length === 0) { container.innerHTML = 'Устройства не подключены'; setStatus('Android устройства не подключены', 'idle'); return; }
container.innerHTML = devices.map(device => `<div class="device-card ${selectedDeviceSerial === device.serial ? 'selected' : ''}" data-serial="${device.serial}" onclick="selectDevice('${device.serial}')"><strong>📱 ${device.title || device.serial}</strong><br><small>${device.subtitle || device.serial}</small></div>`).join('');
if (!selectedDeviceSerial && devices[0]) requestAnimationFrame(() => selectDevice(devices[0].serial));
setStatus(`Android устройства найдены: ${devices.length}`, 'done');
appendLog(`✅ Android устройства обновлены: ${devices.map(device => device.title || device.serial).join(', ')}`);
}
window.addEventListener('load', () => {