点击“添加设备”新增 SimAdmin 地址后，这里会出现设备卡片。
调整搜索关键字或状态筛选。
${escapeHtml(item.id)}
-${copy[1]}
${escapeHtml(item.id)}
${escapeHtml(item.url)}
${escapeHtml(item.description || '暂无描述')}
没有匹配接口
'; $$('.endpoint-row').forEach(b=>b.addEventListener('click',()=>{ $('endpointInput').value=b.dataset.ep; $('methodSelect').value='GET'; updateWriteUI(); $$('.endpoint-row').forEach(x=>x.setAttribute('aria-pressed',String(x===b))) })) } +function updateWriteUI(){ const write=isWriteMethod($('methodSelect').value); $('writeWarning').hidden=!write; $('requestBody').disabled=$('methodSelect').value==='GET' } +function clearApiOutput(){ outputText='';outputPrettyText='';$('rawOutput').textContent='设备已切换。选择接口并点击“发送请求”。' } +function parseBody(){ const raw=$('requestBody').value.trim(); return raw?JSON.parse(raw):undefined } +async function runEndpoint(confirmed=false){ + if(!activeId)return + let draft try { - const result = await requests.run('fleet-status', 'fleet', () => api.status()) - if (!result.accepted || result.error) { - if (result.accepted && result.error) showToast(result.error.message || '刷新失败', 4200) - return + if(confirmed){ draft=pendingApiRequest; pendingApiRequest=null; if(!draft||draft.owner!==activeId)return } + else { + const method=$('methodSelect').value, endpoint=$('endpointInput').value.trim() + if(!endpoint.startsWith('/')){persistentError('接口路径必须以 / 开头');return} + const body=method==='GET'?undefined:parseBody(); draft={...requestDraft(method,endpoint,body),owner:activeId,body} + if(isWriteMethod(method)){ + pendingApiRequest=draft + $('apiDeleteDetails').textContent=`${activeInstance().name||activeId} (${activeId}) · ${method} ${endpoint}` + $('apiDeleteBody').textContent=body===undefined?'（无请求体）':JSON.stringify(body,null,2) + $('apiDeleteDialog').showModal(); return + } } - const data = result.value - statuses = new Map((data.instances || []).map(item => [item.id, item])) - renderHomeCards() - if (activeId) { - renderOverview() - renderDeviceDetails() - renderDetailActions() - } - if (!silent) showToast(`已刷新 ${statuses.size} 个实例`) - } catch (error) { - showToast(error.message || '刷新失败', 4200) - } finally { - $('refreshBtn').disabled = false - } -} - -async function loginActive() { - if (!activeId) return - const item = activeInstance() - if (!item) return - // If config already has a saved password, try direct refresh first; otherwise ask for password. - if (item.auth?.hasPassword) { - const loginOwnerId = activeId - showToast('正在使用本地配置密码刷新会话…', 1600) - const result = await requests.run('login', loginOwnerId, () => api.login(loginOwnerId)) - if (!result.accepted || result.ownerId !== activeId) return - if (result.error) { showToast(result.error.message || '登录失败', 4200); return } - await refreshStatus({ silent: true }) - return - } - $('loginDialog').showModal() - $('loginDialog').dataset.instanceId = activeId - setTimeout(() => $('passwordInput').focus(), 50) -} - -function parseBody() { - const raw = $('requestBody').value.trim() - if (!raw) return undefined - return JSON.parse(raw) -} - -async function runEndpoint() { - if (!activeId) { - showToast('请先在首页选择设备卡片') - return - } - const requestOwnerId = activeId - const endpoint = $('endpointInput').value.trim() - const method = $('methodSelect').value - if (!endpoint.startsWith('/')) { - showToast('接口路径必须以 / 开头') - return - } - $('rawOutput').textContent = '调用中…' - try { - const init = { method } - if (method !== 'GET') { - init.headers = { 'content-type': 'application/json' } - const body = parseBody() - if (body !== undefined) init.body = JSON.stringify(body) - } - const started = performance.now() - const result = await requests.run('api-console', requestOwnerId, async () => { - const normalized = endpoint.startsWith('/') ? endpoint : `/${endpoint}` - const res = await api.proxy(requestOwnerId, normalized, init) - return { res, text: await res.text() } - }) - if (!result.accepted || result.ownerId !== activeId) return - if (result.error) { - $('rawOutput').textContent = result.error.message || String(result.error) - showToast('接口调用失败', 4200) - return - } - const { res, text } = result.value - const elapsed = Math.round(performance.now() - started) - let formatted = text - try { formatted = JSON.stringify(JSON.parse(text), null, 2) } catch {} - $('rawOutput').textContent = `HTTP ${res.status} · ${elapsed}ms · ${method} ${endpoint}\n\n${formatted}` - } catch (error) { - $('rawOutput').textContent = error.message || String(error) - showToast('接口调用失败', 4200) - } -} - -function bindEvents() { - $('refreshBtn').addEventListener('click', () => refreshStatus()) - $('homeBtn').addEventListener('click', setActiveHome) - $('addInstanceBtn').addEventListener('click', () => openInstanceDialog()) - $('loginBtn').addEventListener('click', loginActive) - $('runEndpoint').addEventListener('click', runEndpoint) - $('instanceSearch').addEventListener('input', renderHomeCards) - $('backToFleetBtn').addEventListener('click', setActiveHome) - $('densityBtn').addEventListener('click', () => { - document.body.classList.toggle('compact') - localStorage.setItem('multi-simadmin-density', document.body.classList.contains('compact') ? 'compact' : 'normal') - }) - $$('[data-view]').forEach(btn => btn.addEventListener('click', () => switchView(btn.dataset.view))) - $$('#statusFilters .tab-leaf').forEach(btn => btn.addEventListener('click', () => { - activeFilter = btn.dataset.filter - $$('#statusFilters .tab-leaf').forEach(x => x.classList.toggle('active', x === btn)) - renderHomeCards() - })) - $('loginForm').addEventListener('submit', async (event) => { - event.preventDefault() - const loginInstanceId = $('loginDialog').dataset.instanceId - if (!loginInstanceId) return - const password = $('passwordInput').value - $('passwordInput').value = '' - $('loginDialog').close() - const result = await requests.run('login', loginInstanceId, () => api.login(loginInstanceId, password)) - if (!result.accepted || result.ownerId !== activeId) return - if (result.error) { showToast(result.error.message || '登录失败', 4200); return } - showToast('会话已刷新') - await refreshStatus({ silent: true }) - }) - $('instanceForm').addEventListener('submit', async (event) => { - event.preventDefault() - try { - await saveInstanceFromForm() - } catch (error) { - showToast(error.message || '保存失败', 5200) - } - }) - $('deleteInstanceBtn').addEventListener('click', deleteCurrentInstanceFromDialog) - $('endpointInput').addEventListener('keydown', (event) => { - if (event.key === 'Enter') runEndpoint() - }) -} - -function restorePrefs() { - if (localStorage.getItem('multi-simadmin-density') === 'compact') document.body.classList.add('compact') - switchView(localStorage.getItem('multi-simadmin-view') || 'home') -} - -try { - restorePrefs() - bindEvents() - await loadConfig() - await refreshStatus({ silent: true }) - autoRefreshTimer = setInterval(() => refreshStatus({ silent: true }), 30000) - window.addEventListener('beforeunload', () => clearInterval(autoRefreshTimer)) -} catch (error) { - console.error(error) - showToast(error.message || '初始化失败', 8000) - $('rawOutput').textContent = error.stack || String(error) + } catch(error){ persistentError(`请求参数无效：${error.message||error}`); return } + const {owner,method,path:endpoint,body}=draft, btn=$('runEndpoint'), token=requests.next('api-console'); if(btn.disabled)return + btn.dataset.idleLabel='发送请求'; setPending(btn,true,'发送中…'); $('rawOutput').textContent='请求进行中…'; persistentError(''); const started=performance.now() + try{ const init={method}; if(isWriteMethod(method)){ const prepared=await api.prepareConfirmation({instanceId:owner,method,path:endpoint,body}); if(!requests.isCurrent('api-console',token)||owner!==activeId)return; init.headers={'content-type':'application/json','x-confirmation-token':prepared.token}; if(body!==undefined)init.body=JSON.stringify(body) } const res=await api.proxy(owner,endpoint,init), text=await res.text(); if(!requests.isCurrent('api-console',token)||owner!==activeId)return; const elapsed=Math.round(performance.now()-started); outputText=text; try{outputPrettyText=JSON.stringify(JSON.parse(text),null,2)}catch{outputPrettyText=text} $('rawOutput').textContent=`HTTP ${res.status} ${res.statusText} · ${elapsed}ms · ${draft.method} ${draft.path}\n\n${$('outputPretty').getAttribute('aria-pressed')==='true'?outputPrettyText:outputText}`; if(!res.ok)persistentError(`API 请求失败：HTTP ${res.status} ${res.statusText}\n${text}`) }catch(error){ if(requests.isCurrent('api-console',token)&&owner===activeId){$('rawOutput').textContent=error.message||String(error);persistentError(`API 请求失败：${error.message||error}`)} }finally{ if(requests.isCurrent('api-console',token)) setPending(btn,false,'发送中…') } } +async function refreshStatus({silent=false}={}){ const btn=$('refreshBtn'), token=requests.next('fleet-status'); btn.disabled=true; try{const data=await api.status(); if(!requests.isCurrent('fleet-status',token))return; statuses=new Map((data.instances||[]).map(x=>[x.id,x]));lastSuccessfulRefresh=new Date();$('staleBanner').hidden=true;persistentError('');renderHomeCards();if(activeId)renderDetail();if(!silent)showToast(`已刷新 ${statuses.size} 个设备`)}catch(error){if(!requests.isCurrent('fleet-status',token))return;$('staleBanner').textContent=`刷新失败，当前显示上次成功数据。上次成功：${lastSuccessfulRefresh?lastSuccessfulRefresh.toLocaleString():'尚无'}。${error.message}`;$('staleBanner').hidden=false;persistentError(`状态刷新失败：${error.message}`)}finally{if(requests.isCurrent('fleet-status',token))btn.disabled=false} } +async function loadConfig(){ const [data,cat]=await Promise.all([api.config(),api.catalog().catch(()=>({groups:[]}))]);instances=data.instances||[];$('configPath').textContent=data.configPath||'config.json';catalog=cat.groups||[];renderEndpointList();const saved=localStorage.getItem('multi-simadmin-active');activeId=saved&&instances.some(x=>x.id===saved)?saved:null;renderHomeCards() } +async function reload({selectId=activeId}={}){await loadConfig();await refreshStatus({silent:true});if(selectId&&instances.some(x=>x.id===selectId))openDeviceDetail(selectId);else setActiveHome()} +async function initialize(){ $('initialLoading').hidden=false;$('fatalState').hidden=true;$('homeContent').hidden=true;persistentError('');try{await loadConfig();await refreshStatus({silent:true});$('initialLoading').hidden=true;$('homeContent').hidden=false;if(activeId){renderDetail();switchView(resolveView(localStorage.getItem('multi-simadmin-view')||'home',true))}else switchView('home')}catch(error){$('initialLoading').hidden=true;$('fatalText').textContent=error.message;$('fatalState').hidden=false} } +function bindEvents(){ $$('[data-dialog-cancel]').forEach(button=>button.addEventListener('click',()=>closeDialog(button.dataset.dialogCancel))); for(const id of ['instanceDialog','deleteDialog','loginDialog','apiDeleteDialog']) $(id).addEventListener('cancel',()=>invalidateDialog(id)); $('refreshBtn').addEventListener('click',()=>refreshStatus());$('addInstanceBtn').addEventListener('click',()=>openInstanceDialog());$('backToFleetBtn').addEventListener('click',setActiveHome);$('editActiveBtn').addEventListener('click',()=>openInstanceDialog(activeId));$('instanceSearch').addEventListener('input',renderHomeCards);$('sortSelect').addEventListener('change',()=>{activeSort=$('sortSelect').value;renderHomeCards()});$('densityBtn').addEventListener('click',()=>{const compact=document.body.classList.toggle('compact');$('densityBtn').setAttribute('aria-pressed',String(compact))});$$('[data-filter]').forEach(b=>b.addEventListener('click',()=>setFilter(b.dataset.filter)));$$('[data-view]').forEach(b=>b.addEventListener('click',e=>{e.preventDefault();switchView(b.dataset.view)}));$$('[name=passwordAction]').forEach(r=>r.addEventListener('change',updatePasswordUI));$('instanceForm').addEventListener('submit',e=>{e.preventDefault();saveInstanceFromForm()});$('deleteInstanceBtn').addEventListener('click',openDeleteDialog);$('confirmDeleteBtn').addEventListener('click',e=>{e.preventDefault();confirmDelete()});$('endpointSearch').addEventListener('input',renderEndpointList);$('methodSelect').addEventListener('change',updateWriteUI);$('runEndpoint').addEventListener('click',()=>runEndpoint());$('confirmApiDelete').addEventListener('click',e=>{e.preventDefault();$('apiDeleteDialog').close();runEndpoint(true)});$('outputPretty').addEventListener('click',()=>{$('outputPretty').setAttribute('aria-pressed','true');$('outputRaw').setAttribute('aria-pressed','false');if(outputText)$('rawOutput').textContent=$('rawOutput').textContent.split('\n\n')[0]+'\n\n'+outputPrettyText});$('outputRaw').addEventListener('click',()=>{$('outputPretty').setAttribute('aria-pressed','false');$('outputRaw').setAttribute('aria-pressed','true');if(outputText)$('rawOutput').textContent=$('rawOutput').textContent.split('\n\n')[0]+'\n\n'+outputText});$('copyOutput').addEventListener('click',async()=>{try{await navigator.clipboard.writeText($('rawOutput').textContent);showToast('结果已复制')}catch{showToast('复制不可用，请手动选择文本')}});$('dismissError').addEventListener('click',()=>persistentError(''));$('retryInit').addEventListener('click',initialize);$('loginBtn').addEventListener('click',()=>{loginDialogEpoch+=1;$('submitLogin').disabled=false;$('loginDialog').dataset.instanceId=activeId;$('passwordInput').value='';$('loginError').textContent='';$('loginError').hidden=true;$('loginDialog').showModal()});$('loginForm').addEventListener('submit',async e=>{e.preventDefault();const epoch=loginDialogEpoch,id=$('loginDialog').dataset.instanceId,btn=$('submitLogin');btn.disabled=true;$('loginError').hidden=true;const password=$('passwordInput').value;const result=await requests.run('login',id,()=>api.login(id,password));$('passwordInput').value='';if(epoch!==loginDialogEpoch)return;if(result.accepted&&id===activeId){if(result.error){$('loginError').textContent=result.error.message;$('loginError').hidden=false}else if(!result.value.authenticated){$('loginError').textContent='登录失败，请检查密码';$('loginError').hidden=false}else{$('loginDialog').close();await refreshStatus({silent:true});showToast('会话已刷新')}}if(epoch===loginDialogEpoch)btn.disabled=false});updateWriteUI() } +bindEvents(); await initialize() diff --git a/public/index.html b/public/index.html index 7869044..ca4557b 100644 --- a/public/index.html +++ b/public/index.html @@ -1,168 +1,63 @@ - - -MULTI SIMADMIN
-MULTI SIMADMIN
集中巡检你的 SimAdmin 设备