mirror of
https://github.com/hotwa/luci-app-openclaw.git
synced 2026-03-30 20:25:44 +00:00
480 lines
33 KiB
Lua
480 lines
33 KiB
Lua
-- luci-app-openclaw — 基本设置 CBI Model
|
||
local sys = require "luci.sys"
|
||
|
||
m = Map("openclaw", "OpenClaw AI 网关",
|
||
"OpenClaw 是一个 AI 编程代理网关,支持 GitHub Copilot、Claude、GPT、Gemini 等大模型以及 Telegram、Discord 等多种消息渠道。")
|
||
|
||
-- 隐藏底部的「保存并应用」「保存」「复位」按钮 (本页无可编辑的 UCI 选项)
|
||
m.pageaction = false
|
||
|
||
-- ═══════════════════════════════════════════
|
||
-- 状态面板
|
||
-- ═══════════════════════════════════════════
|
||
m:section(SimpleSection).template = "openclaw/status"
|
||
|
||
-- ═══════════════════════════════════════════
|
||
-- 快捷操作
|
||
-- ═══════════════════════════════════════════
|
||
s3 = m:section(SimpleSection, nil, "快捷操作")
|
||
s3.template = "cbi/nullsection"
|
||
|
||
act = s3:option(DummyValue, "_actions")
|
||
act.rawhtml = true
|
||
act.cfgvalue = function(self, section)
|
||
local ctl_url = luci.dispatcher.build_url("admin", "services", "openclaw", "service_ctl")
|
||
local log_url = luci.dispatcher.build_url("admin", "services", "openclaw", "setup_log")
|
||
local check_url = luci.dispatcher.build_url("admin", "services", "openclaw", "check_update")
|
||
local update_url = luci.dispatcher.build_url("admin", "services", "openclaw", "do_update")
|
||
local upgrade_log_url = luci.dispatcher.build_url("admin", "services", "openclaw", "upgrade_log")
|
||
local uninstall_url = luci.dispatcher.build_url("admin", "services", "openclaw", "uninstall")
|
||
local plugin_upgrade_url = luci.dispatcher.build_url("admin", "services", "openclaw", "plugin_upgrade")
|
||
local plugin_upgrade_log_url = luci.dispatcher.build_url("admin", "services", "openclaw", "plugin_upgrade_log")
|
||
local html = {}
|
||
|
||
-- 按钮区域
|
||
html[#html+1] = '<div style="display:flex;gap:10px;flex-wrap:wrap;margin:10px 0;">'
|
||
html[#html+1] = '<button class="btn cbi-button cbi-button-apply" type="button" onclick="ocShowSetupDialog()" id="btn-setup" title="下载 Node.js 并安装 OpenClaw">📦 安装运行环境</button>'
|
||
html[#html+1] = '<button class="btn cbi-button cbi-button-action" type="button" onclick="ocServiceCtl(\'restart\')">🔄 重启服务</button>'
|
||
html[#html+1] = '<button class="btn cbi-button cbi-button-action" type="button" onclick="ocServiceCtl(\'stop\')">⏹️ 停止服务</button>'
|
||
html[#html+1] = '<span style="position:relative;display:inline-block;" id="btn-check-update-wrap"><button class="btn cbi-button cbi-button-action" type="button" onclick="ocCheckUpdate()" id="btn-check-update">🔍 检测升级</button><span id="update-dot" style="display:none;position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#e36209;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #e36209;"></span></span>'
|
||
html[#html+1] = '<button class="btn cbi-button cbi-button-remove" type="button" onclick="ocUninstall()" id="btn-uninstall" title="删除 Node.js、OpenClaw 运行环境及相关数据">🗑️ 卸载环境</button>'
|
||
html[#html+1] = '</div>'
|
||
html[#html+1] = '<div id="action-result" style="margin-top:8px;"></div>'
|
||
html[#html+1] = '<div id="oc-update-action" style="margin-top:8px;display:none;"></div>'
|
||
|
||
-- 版本选择对话框 (默认隐藏)
|
||
html[#html+1] = '<div id="oc-setup-dialog" style="display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10000;align-items:center;justify-content:center;">'
|
||
html[#html+1] = '<div style="background:#fff;border-radius:12px;padding:24px 28px;max-width:480px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,0.2);">'
|
||
html[#html+1] = '<h3 style="margin:0 0 16px 0;font-size:16px;color:#333;">📦 选择安装版本</h3>'
|
||
html[#html+1] = '<div style="display:flex;flex-direction:column;gap:12px;">'
|
||
-- 稳定版选项
|
||
html[#html+1] = '<label style="display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:2px solid #4a90d9;border-radius:8px;cursor:pointer;background:#f0f7ff;" id="oc-opt-stable">'
|
||
html[#html+1] = '<input type="radio" name="oc-ver-choice" value="stable" checked style="margin-top:2px;">'
|
||
html[#html+1] = '<div><strong style="color:#333;">✅ 稳定版 (推荐)</strong>'
|
||
html[#html+1] = '<div style="font-size:12px;color:#666;margin-top:4px;">版本 v' .. luci.sys.exec("sed -n 's/^OC_TESTED_VERSION=\"\\(.*\\)\"/\\1/p' /usr/bin/openclaw-env 2>/dev/null"):gsub("%s+", "") .. ',已经过完整测试,兼容性良好。</div>'
|
||
html[#html+1] = '</div></label>'
|
||
-- 最新版选项
|
||
html[#html+1] = '<label style="display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;background:#fff;" id="oc-opt-latest">'
|
||
html[#html+1] = '<input type="radio" name="oc-ver-choice" value="latest" style="margin-top:2px;">'
|
||
html[#html+1] = '<div><strong style="color:#333;">🆕 最新版</strong>'
|
||
html[#html+1] = '<div style="font-size:12px;color:#e36209;margin-top:4px;">⚠️ 安装 npm 上的最新发布版本,可能存在未经验证的兼容性问题。</div>'
|
||
html[#html+1] = '</div></label>'
|
||
html[#html+1] = '</div>'
|
||
-- 按钮区
|
||
html[#html+1] = '<div style="display:flex;gap:10px;justify-content:flex-end;margin-top:20px;">'
|
||
html[#html+1] = '<button class="btn cbi-button" type="button" onclick="ocCloseSetupDialog()" style="min-width:80px;">取消</button>'
|
||
html[#html+1] = '<button class="btn cbi-button cbi-button-apply" type="button" onclick="ocConfirmSetup()" style="min-width:80px;">开始安装</button>'
|
||
html[#html+1] = '</div>'
|
||
html[#html+1] = '</div></div>'
|
||
|
||
-- 安装日志面板 (默认隐藏)
|
||
html[#html+1] = '<div id="setup-log-panel" style="display:none;margin-top:12px;">'
|
||
html[#html+1] = '<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;">'
|
||
html[#html+1] = '<span id="setup-log-title" style="font-weight:600;font-size:14px;">📋 安装日志</span>'
|
||
html[#html+1] = '<span id="setup-log-status" style="font-size:12px;color:#999;"></span>'
|
||
html[#html+1] = '</div>'
|
||
html[#html+1] = '<pre id="setup-log-content" style="background:#1a1b26;color:#a9b1d6;padding:14px 16px;border-radius:6px;font-size:12px;line-height:1.6;max-height:400px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;border:1px solid #2d333b;margin:0;"></pre>'
|
||
html[#html+1] = '<div id="setup-log-result" style="margin-top:10px;display:none;"></div>'
|
||
html[#html+1] = '</div>'
|
||
|
||
-- JavaScript
|
||
html[#html+1] = '<script type="text/javascript">'
|
||
|
||
-- 版本选择对话框逻辑
|
||
html[#html+1] = 'var _setupTimer=null;'
|
||
html[#html+1] = 'function ocShowSetupDialog(){'
|
||
html[#html+1] = 'var dlg=document.getElementById("oc-setup-dialog");'
|
||
html[#html+1] = 'dlg.style.display="flex";'
|
||
html[#html+1] = 'var radios=document.getElementsByName("oc-ver-choice");'
|
||
html[#html+1] = 'for(var i=0;i<radios.length;i++){if(radios[i].value==="stable")radios[i].checked=true;}'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = 'function ocCloseSetupDialog(){'
|
||
html[#html+1] = 'document.getElementById("oc-setup-dialog").style.display="none";'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = 'function ocConfirmSetup(){'
|
||
html[#html+1] = 'ocCloseSetupDialog();'
|
||
html[#html+1] = 'var radios=document.getElementsByName("oc-ver-choice");'
|
||
html[#html+1] = 'var choice="stable";'
|
||
html[#html+1] = 'for(var i=0;i<radios.length;i++){if(radios[i].checked){choice=radios[i].value;break;}}'
|
||
html[#html+1] = 'var verParam=(choice==="stable")?"stable":"latest";'
|
||
html[#html+1] = 'ocSetup(verParam);'
|
||
html[#html+1] = '}'
|
||
|
||
-- 安装运行环境 (带实时日志)
|
||
html[#html+1] = 'function ocSetup(version){'
|
||
html[#html+1] = 'var btn=document.getElementById("btn-setup");'
|
||
html[#html+1] = 'var panel=document.getElementById("setup-log-panel");'
|
||
html[#html+1] = 'var logEl=document.getElementById("setup-log-content");'
|
||
html[#html+1] = 'var titleEl=document.getElementById("setup-log-title");'
|
||
html[#html+1] = 'var statusEl=document.getElementById("setup-log-status");'
|
||
html[#html+1] = 'var resultEl=document.getElementById("setup-log-result");'
|
||
html[#html+1] = 'var actionEl=document.getElementById("action-result");'
|
||
html[#html+1] = 'btn.disabled=true;btn.textContent="⏳ 安装中...";'
|
||
html[#html+1] = 'actionEl.textContent="";'
|
||
html[#html+1] = 'panel.style.display="block";'
|
||
html[#html+1] = 'logEl.textContent="正在启动安装 ("+((version==="stable")?"稳定版":"最新版")+")...\\n";'
|
||
html[#html+1] = 'titleEl.textContent="📋 安装日志";'
|
||
html[#html+1] = 'statusEl.innerHTML="<span style=\\"color:#7aa2f7;\\">⏳ 安装进行中...</span>";'
|
||
html[#html+1] = 'resultEl.style.display="none";'
|
||
html[#html+1] = '(new XHR()).get("' .. ctl_url .. '?action=setup&version="+encodeURIComponent(version),null,function(x){'
|
||
html[#html+1] = 'try{JSON.parse(x.responseText);}catch(e){}'
|
||
html[#html+1] = 'ocPollSetupLog();'
|
||
html[#html+1] = '});'
|
||
html[#html+1] = '}'
|
||
|
||
-- 轮询安装日志
|
||
html[#html+1] = 'function ocPollSetupLog(){'
|
||
html[#html+1] = 'if(_setupTimer)clearInterval(_setupTimer);'
|
||
html[#html+1] = '_setupTimer=setInterval(function(){'
|
||
html[#html+1] = '(new XHR()).get("' .. log_url .. '",null,function(x){'
|
||
html[#html+1] = 'try{'
|
||
html[#html+1] = 'var r=JSON.parse(x.responseText);'
|
||
html[#html+1] = 'var logEl=document.getElementById("setup-log-content");'
|
||
html[#html+1] = 'var statusEl=document.getElementById("setup-log-status");'
|
||
html[#html+1] = 'if(r.log)logEl.textContent=r.log;'
|
||
html[#html+1] = 'logEl.scrollTop=logEl.scrollHeight;'
|
||
html[#html+1] = 'if(r.state==="running"){'
|
||
html[#html+1] = 'statusEl.innerHTML="<span style=\\"color:#7aa2f7;\\">⏳ 安装进行中...</span>";'
|
||
html[#html+1] = '}else if(r.state==="success"){'
|
||
html[#html+1] = 'clearInterval(_setupTimer);_setupTimer=null;'
|
||
html[#html+1] = 'ocSetupDone(true,r.log);'
|
||
html[#html+1] = '}else if(r.state==="failed"){'
|
||
html[#html+1] = 'clearInterval(_setupTimer);_setupTimer=null;'
|
||
html[#html+1] = 'ocSetupDone(false,r.log);'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = '}catch(e){}'
|
||
html[#html+1] = '});'
|
||
html[#html+1] = '},1500);'
|
||
html[#html+1] = '}'
|
||
|
||
-- 安装完成处理
|
||
html[#html+1] = 'function ocSetupDone(ok,log){'
|
||
html[#html+1] = 'var btn=document.getElementById("btn-setup");'
|
||
html[#html+1] = 'var statusEl=document.getElementById("setup-log-status");'
|
||
html[#html+1] = 'var resultEl=document.getElementById("setup-log-result");'
|
||
html[#html+1] = 'btn.disabled=false;btn.textContent="📦 安装运行环境";'
|
||
html[#html+1] = 'resultEl.style.display="block";'
|
||
html[#html+1] = 'if(ok){'
|
||
html[#html+1] = 'statusEl.innerHTML="<span style=\\"color:#1a7f37;\\">✅ 安装完成</span>";'
|
||
html[#html+1] = 'resultEl.innerHTML="<div style=\\"border:1px solid #c6e9c9;background:#e6f7e9;padding:12px 16px;border-radius:6px;\\">"+'
|
||
html[#html+1] = '"<strong style=\\"color:#1a7f37;font-size:14px;\\">🎉 恭喜!OpenClaw 运行环境安装成功!</strong><br/>"+'
|
||
html[#html+1] = '"<span style=\\"color:#555;font-size:13px;line-height:1.8;\\">服务已自动启用并启动,点击下方按钮刷新页面查看运行状态。</span><br/>"+'
|
||
html[#html+1] = '"<button class=\\"btn cbi-button cbi-button-apply\\" type=\\"button\\" onclick=\\"location.reload()\\" style=\\"margin-top:10px;\\">🔄 刷新页面</button></div>";'
|
||
html[#html+1] = '}else{'
|
||
html[#html+1] = 'statusEl.innerHTML="<span style=\\"color:#cf222e;\\">❌ 安装失败</span>";'
|
||
-- 分析失败原因
|
||
html[#html+1] = 'var reasons=ocAnalyzeFailure(log);'
|
||
html[#html+1] = 'resultEl.innerHTML="<div style=\\"border:1px solid #f5c6cb;background:#ffeef0;padding:12px 16px;border-radius:6px;\\">"+'
|
||
html[#html+1] = '"<strong style=\\"color:#cf222e;font-size:14px;\\">❌ 安装失败</strong><br/>"+'
|
||
html[#html+1] = '"<div style=\\"margin:8px 0;padding:10px 14px;background:#fff5f5;border-radius:4px;font-size:13px;line-height:1.8;\\">"+'
|
||
html[#html+1] = '"<strong>🔍 可能的失败原因:</strong><br/>"+reasons+"</div>"+'
|
||
html[#html+1] = '"<div style=\\"margin-top:8px;font-size:12px;color:#666;\\">💡 完整日志见上方终端输出,也可在终端查看:<code>cat /tmp/openclaw-setup.log</code></div></div>";'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = '}'
|
||
|
||
-- 分析失败原因
|
||
html[#html+1] = 'function ocAnalyzeFailure(log){'
|
||
html[#html+1] = 'var reasons=[];'
|
||
html[#html+1] = 'if(!log)return"未知错误,请检查日志。";'
|
||
html[#html+1] = 'var ll=log.toLowerCase();'
|
||
-- 网络问题
|
||
html[#html+1] = 'if(ll.indexOf("could not resolve")>=0||ll.indexOf("connection timed out")>=0||ll.indexOf("curl")>=0&&ll.indexOf("fail")>=0||ll.indexOf("wget")>=0&&ll.indexOf("fail")>=0||ll.indexOf("所有镜像均下载失败")>=0){'
|
||
html[#html+1] = 'reasons.push("🌐 <b>网络连接失败</b> — 无法下载 Node.js。请检查路由器是否能访问外网。<br/> 💡 解决: 检查 DNS 设置和网络连接,或手动指定镜像: <code>NODE_MIRROR=https://npmmirror.com/mirrors/node openclaw-env setup</code>");'
|
||
html[#html+1] = '}'
|
||
-- 磁盘空间
|
||
html[#html+1] = 'if(ll.indexOf("no space")>=0||ll.indexOf("disk full")>=0||ll.indexOf("enospc")>=0){'
|
||
html[#html+1] = 'reasons.push("💾 <b>磁盘空间不足</b> — Node.js + OpenClaw 需要约 200MB 空间。<br/> 💡 解决: 运行 <code>df -h</code> 检查可用空间,清理不需要的文件或使用外部存储。");'
|
||
html[#html+1] = '}'
|
||
-- 架构不支持
|
||
html[#html+1] = 'if(ll.indexOf("不支持的 cpu 架构")>=0||ll.indexOf("不支持的架构")>=0){'
|
||
html[#html+1] = 'reasons.push("🔧 <b>CPU 架构不支持</b> — 仅支持 x86_64 和 aarch64 (ARM64)。<br/> 💡 当前设备架构可能是 32 位 ARM 或 MIPS,无法运行 Node.js 22。");'
|
||
html[#html+1] = '}'
|
||
-- npm 安装失败
|
||
html[#html+1] = 'if(ll.indexOf("npm err")>=0||ll.indexOf("npm warn")>=0&&ll.indexOf("openclaw 安装验证失败")>=0){'
|
||
html[#html+1] = 'reasons.push("📦 <b>npm 安装 OpenClaw 失败</b> — npm 包下载或安装出错。<br/> 💡 解决: 尝试手动安装 <code>PATH=/opt/openclaw/node/bin:$PATH npm install -g openclaw@latest --prefix=/opt/openclaw/global</code>");'
|
||
html[#html+1] = '}'
|
||
-- 权限问题
|
||
html[#html+1] = 'if(ll.indexOf("permission denied")>=0||ll.indexOf("eacces")>=0){'
|
||
html[#html+1] = 'reasons.push("🔒 <b>权限不足</b> — 文件或目录权限问题。<br/> 💡 解决: 运行 <code>chown -R openclaw:openclaw /opt/openclaw</code> 或以 root 用户重试。");'
|
||
html[#html+1] = '}'
|
||
-- tar 解压失败
|
||
html[#html+1] = 'if(ll.indexOf("tar")>=0&&(ll.indexOf("error")>=0||ll.indexOf("fail")>=0)){'
|
||
html[#html+1] = 'reasons.push("📂 <b>解压失败</b> — Node.js 安装包可能下载不完整。<br/> 💡 解决: 删除缓存重试 <code>rm -rf /opt/openclaw/node && openclaw-env setup</code>");'
|
||
html[#html+1] = '}'
|
||
-- 验证失败
|
||
html[#html+1] = 'if(ll.indexOf("安装验证失败")>=0){'
|
||
html[#html+1] = 'reasons.push("⚠️ <b>安装验证失败</b> — 程序已下载但无法正常运行。<br/> 💡 可能是 glibc/musl 不兼容,请确认系统 C 库类型: <code>ldd --version 2>&1 | head -1</code>");'
|
||
html[#html+1] = '}'
|
||
-- 兜底
|
||
html[#html+1] = 'if(reasons.length===0){'
|
||
html[#html+1] = 'reasons.push("⚠️ <b>未识别的错误</b> — 请查看上方完整日志分析具体原因。<br/> 💡 您也可以尝试手动执行: <code>openclaw-env setup</code> 查看详细输出。");'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = 'return reasons.join("<br/><br/>");'
|
||
html[#html+1] = '}'
|
||
|
||
-- 普通服务操作 (restart/stop)
|
||
html[#html+1] = 'function ocServiceCtl(action){'
|
||
html[#html+1] = 'var el=document.getElementById("action-result");'
|
||
html[#html+1] = 'el.innerHTML="<span style=\\"color:#999\\">⏳ 正在执行...</span>";'
|
||
html[#html+1] = '(new XHR()).get("' .. ctl_url .. '?action="+action,null,function(x){'
|
||
html[#html+1] = 'try{var r=JSON.parse(x.responseText);'
|
||
html[#html+1] = 'if(r.status==="ok"){el.innerHTML="<span style=\\"color:green\\">✅ "+action+" 已完成</span>";}'
|
||
html[#html+1] = 'else{el.innerHTML="<span style=\\"color:red\\">❌ "+(r.message||"失败")+"</span>";}'
|
||
html[#html+1] = '}catch(e){el.innerHTML="<span style=\\"color:red\\">❌ 错误</span>";}'
|
||
html[#html+1] = '});}'
|
||
|
||
-- 检测升级 (同时检查 OpenClaw + 插件版本)
|
||
html[#html+1] = 'function ocCheckUpdate(){'
|
||
html[#html+1] = 'var btn=document.getElementById("btn-check-update");'
|
||
html[#html+1] = 'var el=document.getElementById("action-result");'
|
||
html[#html+1] = 'var act=document.getElementById("oc-update-action");'
|
||
html[#html+1] = 'btn.disabled=true;btn.textContent="⏳ 正在检测...";el.textContent="";act.style.display="none";'
|
||
html[#html+1] = '(new XHR()).get("' .. check_url .. '?check_plugin=1",null,function(x){'
|
||
html[#html+1] = 'btn.disabled=false;btn.textContent="🔍 检测升级";'
|
||
html[#html+1] = 'var dot=document.getElementById("update-dot");if(dot)dot.style.display="none";'
|
||
html[#html+1] = 'try{var r=JSON.parse(x.responseText);'
|
||
html[#html+1] = 'var msgs=[];'
|
||
-- OpenClaw 版本检查
|
||
html[#html+1] = 'if(!r.current){msgs.push("<span style=\\"color:#999\\">⚠️ OpenClaw 运行环境未安装</span>");}'
|
||
html[#html+1] = 'else if(r.has_update){msgs.push("<span style=\\"color:#e36209\\">📦 OpenClaw: v"+r.current+" → v"+r.latest+" (有新版本)</span>");}'
|
||
html[#html+1] = 'else{msgs.push("<span style=\\"color:green\\">✅ OpenClaw: v"+r.current+" (已是最新)</span>");}'
|
||
-- 插件版本检查
|
||
html[#html+1] = 'if(r.plugin_current){'
|
||
html[#html+1] = 'if(r.plugin_has_update){msgs.push("<span style=\\"color:#e36209\\">🔌 插件: v"+r.plugin_current+" → v"+r.plugin_latest+" (有新版本)</span>");}'
|
||
html[#html+1] = 'else if(r.plugin_latest){msgs.push("<span style=\\"color:green\\">✅ 插件: v"+r.plugin_current+" (已是最新)</span>");}'
|
||
html[#html+1] = 'else{msgs.push("<span style=\\"color:#999\\">🔌 插件: v"+r.plugin_current+" (无法检查最新版本)</span>");}'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = 'el.innerHTML=msgs.join("<br/>");'
|
||
-- 显示 OpenClaw 升级按钮
|
||
html[#html+1] = 'if(r.has_update){'
|
||
html[#html+1] = 'act.style.display="block";'
|
||
html[#html+1] = 'act.innerHTML=\'<button class="btn cbi-button cbi-button-apply" type="button" onclick="ocDoUpdate()" id="btn-do-update">⬆️ 立即升级 OpenClaw</button>\';'
|
||
html[#html+1] = '}'
|
||
-- 插件有更新时: 一键升级按钮 + GitHub 下载链接
|
||
html[#html+1] = 'if(r.plugin_has_update){'
|
||
html[#html+1] = 'act.style.display="block";'
|
||
html[#html+1] = 'window._pluginLatestVer=r.plugin_latest;'
|
||
html[#html+1] = 'act.innerHTML=(act.innerHTML||"")+\' <button class="btn cbi-button cbi-button-apply" type="button" onclick="ocPluginUpgrade()" id="btn-plugin-upgrade">⬆️ 升级插件 v\'+r.plugin_latest+\'</button>\';'
|
||
html[#html+1] = 'act.innerHTML=act.innerHTML+\' <a href="https://github.com/10000ge10000/luci-app-openclaw/releases/latest" target="_blank" rel="noopener" class="btn cbi-button cbi-button-action" style="text-decoration:none;">📥 手动下载</a>\';'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = '}catch(e){el.innerHTML="<span style=\\"color:red\\">❌ 检测失败</span>";}'
|
||
html[#html+1] = '});}'
|
||
|
||
-- 执行升级 (带实时日志, 和安装一样的体验)
|
||
html[#html+1] = 'var _upgradeTimer=null;'
|
||
html[#html+1] = 'function ocDoUpdate(){'
|
||
html[#html+1] = 'var btn=document.getElementById("btn-do-update");'
|
||
html[#html+1] = 'var panel=document.getElementById("setup-log-panel");'
|
||
html[#html+1] = 'var logEl=document.getElementById("setup-log-content");'
|
||
html[#html+1] = 'var titleEl=document.getElementById("setup-log-title");'
|
||
html[#html+1] = 'var statusEl=document.getElementById("setup-log-status");'
|
||
html[#html+1] = 'var resultEl=document.getElementById("setup-log-result");'
|
||
html[#html+1] = 'var actionEl=document.getElementById("action-result");'
|
||
html[#html+1] = 'if(!confirm("确定要升级 OpenClaw?升级期间服务将短暂中断。"))return;'
|
||
html[#html+1] = 'btn.disabled=true;btn.textContent="⏳ 正在升级...";'
|
||
html[#html+1] = 'actionEl.textContent="";'
|
||
html[#html+1] = 'panel.style.display="block";'
|
||
html[#html+1] = 'logEl.textContent="正在启动升级...\\n";'
|
||
html[#html+1] = 'titleEl.textContent="📋 升级日志";'
|
||
html[#html+1] = 'statusEl.innerHTML="<span style=\\"color:#7aa2f7;\\">⏳ 升级进行中...</span>";'
|
||
html[#html+1] = 'resultEl.style.display="none";'
|
||
html[#html+1] = '(new XHR()).get("' .. update_url .. '",null,function(x){'
|
||
html[#html+1] = 'try{JSON.parse(x.responseText);}catch(e){}'
|
||
html[#html+1] = 'ocPollUpgradeLog();'
|
||
html[#html+1] = '});'
|
||
html[#html+1] = '}'
|
||
|
||
-- 轮询升级日志
|
||
html[#html+1] = 'function ocPollUpgradeLog(){'
|
||
html[#html+1] = 'if(_upgradeTimer)clearInterval(_upgradeTimer);'
|
||
html[#html+1] = '_upgradeTimer=setInterval(function(){'
|
||
html[#html+1] = '(new XHR()).get("' .. upgrade_log_url .. '",null,function(x){'
|
||
html[#html+1] = 'try{'
|
||
html[#html+1] = 'var r=JSON.parse(x.responseText);'
|
||
html[#html+1] = 'var logEl=document.getElementById("setup-log-content");'
|
||
html[#html+1] = 'var statusEl=document.getElementById("setup-log-status");'
|
||
html[#html+1] = 'if(r.log)logEl.textContent=r.log;'
|
||
html[#html+1] = 'logEl.scrollTop=logEl.scrollHeight;'
|
||
html[#html+1] = 'if(r.state==="running"){'
|
||
html[#html+1] = 'statusEl.innerHTML="<span style=\\"color:#7aa2f7;\\">⏳ 升级进行中...</span>";'
|
||
html[#html+1] = '}else if(r.state==="success"){'
|
||
html[#html+1] = 'clearInterval(_upgradeTimer);_upgradeTimer=null;'
|
||
html[#html+1] = 'ocUpgradeDone(true);'
|
||
html[#html+1] = '}else if(r.state==="failed"){'
|
||
html[#html+1] = 'clearInterval(_upgradeTimer);_upgradeTimer=null;'
|
||
html[#html+1] = 'ocUpgradeDone(false);'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = '}catch(e){}'
|
||
html[#html+1] = '});'
|
||
html[#html+1] = '},1500);'
|
||
html[#html+1] = '}'
|
||
|
||
-- 升级完成处理
|
||
html[#html+1] = 'function ocUpgradeDone(ok){'
|
||
html[#html+1] = 'var btn=document.getElementById("btn-do-update");'
|
||
html[#html+1] = 'var statusEl=document.getElementById("setup-log-status");'
|
||
html[#html+1] = 'var resultEl=document.getElementById("setup-log-result");'
|
||
html[#html+1] = 'var actEl=document.getElementById("oc-update-action");'
|
||
html[#html+1] = 'if(btn){btn.disabled=false;btn.textContent="⬆️ 立即升级";}'
|
||
html[#html+1] = 'resultEl.style.display="block";'
|
||
html[#html+1] = 'if(ok){'
|
||
html[#html+1] = 'statusEl.innerHTML="<span style=\\"color:#1a7f37;\\">✅ 升级完成</span>";'
|
||
html[#html+1] = 'resultEl.innerHTML="<div style=\\"border:1px solid #c6e9c9;background:#e6f7e9;padding:12px 16px;border-radius:6px;\\">"+'
|
||
html[#html+1] = '"<strong style=\\"color:#1a7f37;font-size:14px;\\">🎉 升级成功!服务已自动重启。</strong><br/>"+'
|
||
html[#html+1] = '"<span style=\\"color:#555;font-size:13px;line-height:1.8;\\">点击下方按钮刷新页面查看最新状态。</span><br/>"+'
|
||
html[#html+1] = '"<button class=\\"btn cbi-button cbi-button-apply\\" type=\\"button\\" onclick=\\"location.reload()\\" style=\\"margin-top:10px;\\">🔄 刷新页面</button></div>";'
|
||
html[#html+1] = 'actEl.style.display="none";'
|
||
html[#html+1] = '}else{'
|
||
html[#html+1] = 'statusEl.innerHTML="<span style=\\"color:#cf222e;\\">❌ 升级失败</span>";'
|
||
html[#html+1] = 'resultEl.innerHTML="<div style=\\"border:1px solid #f5c6cb;background:#ffeef0;padding:12px 16px;border-radius:6px;\\">"+'
|
||
html[#html+1] = '"<strong style=\\"color:#cf222e;font-size:14px;\\">❌ 升级失败</strong><br/>"+'
|
||
html[#html+1] = '"<span style=\\"color:#555;font-size:13px;\\">请查看上方日志了解详情。也可在终端查看:<code>cat /tmp/openclaw-upgrade.log</code></span><br/>"+'
|
||
html[#html+1] = '"<button class=\\"btn cbi-button cbi-button-apply\\" type=\\"button\\" onclick=\\"location.reload()\\" style=\\"margin-top:10px;\\">🔄 刷新页面</button></div>";'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = '}'
|
||
|
||
-- ═══ 插件一键升级 ═══
|
||
html[#html+1] = 'var _pluginUpgradeTimer=null;'
|
||
|
||
html[#html+1] = 'function ocPluginUpgrade(){'
|
||
html[#html+1] = 'var ver=window._pluginLatestVer;'
|
||
html[#html+1] = 'if(!ver){alert("无法获取最新版本号");return;}'
|
||
html[#html+1] = 'if(!confirm("确定要升级插件到 v"+ver+"?\\n\\n升级会替换插件文件并清除 LuCI 缓存,不会影响正在运行的 OpenClaw 服务。"))return;'
|
||
html[#html+1] = 'var btn=document.getElementById("btn-plugin-upgrade");'
|
||
html[#html+1] = 'var panel=document.getElementById("setup-log-panel");'
|
||
html[#html+1] = 'var logEl=document.getElementById("setup-log-content");'
|
||
html[#html+1] = 'var titleEl=document.getElementById("setup-log-title");'
|
||
html[#html+1] = 'var statusEl=document.getElementById("setup-log-status");'
|
||
html[#html+1] = 'var resultEl=document.getElementById("setup-log-result");'
|
||
html[#html+1] = 'btn.disabled=true;btn.textContent="⏳ 正在升级插件...";'
|
||
html[#html+1] = 'panel.style.display="block";'
|
||
html[#html+1] = 'logEl.textContent="正在启动插件升级...\\n";'
|
||
html[#html+1] = 'titleEl.textContent="📋 插件升级日志";'
|
||
html[#html+1] = 'statusEl.innerHTML="<span style=\\"color:#7aa2f7;\\">⏳ 插件升级中...</span>";'
|
||
html[#html+1] = 'resultEl.style.display="none";'
|
||
html[#html+1] = '(new XHR()).get("' .. plugin_upgrade_url .. '?version="+encodeURIComponent(ver),null,function(x){'
|
||
html[#html+1] = 'try{JSON.parse(x.responseText);}catch(e){}'
|
||
html[#html+1] = 'ocPollPluginUpgradeLog();'
|
||
html[#html+1] = '});'
|
||
html[#html+1] = '}'
|
||
|
||
-- 轮询插件升级日志 (带容错: 安装时文件被替换可能导致API暂时不可用)
|
||
html[#html+1] = 'var _pluginPollErrors=0;'
|
||
html[#html+1] = 'function ocPollPluginUpgradeLog(){'
|
||
html[#html+1] = 'if(_pluginUpgradeTimer)clearInterval(_pluginUpgradeTimer);'
|
||
html[#html+1] = '_pluginPollErrors=0;'
|
||
html[#html+1] = '_pluginUpgradeTimer=setInterval(function(){'
|
||
html[#html+1] = '(new XHR()).get("' .. plugin_upgrade_log_url .. '",null,function(x){'
|
||
html[#html+1] = 'try{'
|
||
html[#html+1] = 'var r=JSON.parse(x.responseText);'
|
||
html[#html+1] = '_pluginPollErrors=0;'
|
||
html[#html+1] = 'var logEl=document.getElementById("setup-log-content");'
|
||
html[#html+1] = 'var statusEl=document.getElementById("setup-log-status");'
|
||
html[#html+1] = 'if(r.log)logEl.textContent=r.log;'
|
||
html[#html+1] = 'logEl.scrollTop=logEl.scrollHeight;'
|
||
html[#html+1] = 'if(r.state==="running"){'
|
||
html[#html+1] = 'statusEl.innerHTML="<span style=\\"color:#7aa2f7;\\">⏳ 插件升级中...</span>";'
|
||
html[#html+1] = '}else if(r.state==="success"){'
|
||
html[#html+1] = 'clearInterval(_pluginUpgradeTimer);_pluginUpgradeTimer=null;'
|
||
html[#html+1] = 'ocPluginUpgradeDone(true);'
|
||
html[#html+1] = '}else if(r.state==="failed"){'
|
||
html[#html+1] = 'clearInterval(_pluginUpgradeTimer);_pluginUpgradeTimer=null;'
|
||
html[#html+1] = 'ocPluginUpgradeDone(false);'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = '}catch(e){'
|
||
html[#html+1] = '_pluginPollErrors++;'
|
||
html[#html+1] = 'if(_pluginPollErrors>=8){'
|
||
html[#html+1] = 'clearInterval(_pluginUpgradeTimer);_pluginUpgradeTimer=null;'
|
||
html[#html+1] = 'ocPluginUpgradeDone(true);'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = '});'
|
||
html[#html+1] = '},2000);'
|
||
html[#html+1] = '}'
|
||
|
||
-- 插件升级完成处理
|
||
html[#html+1] = 'function ocPluginUpgradeDone(ok){'
|
||
html[#html+1] = 'var btn=document.getElementById("btn-plugin-upgrade");'
|
||
html[#html+1] = 'var statusEl=document.getElementById("setup-log-status");'
|
||
html[#html+1] = 'var resultEl=document.getElementById("setup-log-result");'
|
||
html[#html+1] = 'if(btn){btn.disabled=false;btn.textContent="⬆️ 升级插件";}'
|
||
html[#html+1] = 'resultEl.style.display="block";'
|
||
html[#html+1] = 'if(ok){'
|
||
html[#html+1] = 'statusEl.innerHTML="<span style=\\"color:#1a7f37;\\">✅ 插件升级完成</span>";'
|
||
html[#html+1] = 'resultEl.innerHTML="<div style=\\"border:1px solid #c6e9c9;background:#e6f7e9;padding:12px 16px;border-radius:6px;\\">"+'
|
||
html[#html+1] = '"<strong style=\\"color:#1a7f37;font-size:14px;\\">🎉 插件升级成功!</strong><br/>"+'
|
||
html[#html+1] = '"<span style=\\"color:#555;font-size:13px;line-height:1.8;\\">插件文件已更新,OpenClaw 服务不受影响。请刷新页面加载新版界面。</span><br/>"+'
|
||
html[#html+1] = '"<button class=\\"btn cbi-button cbi-button-apply\\" type=\\"button\\" onclick=\\"location.reload()\\" style=\\"margin-top:10px;\\">🔄 刷新页面</button></div>";'
|
||
html[#html+1] = '}else{'
|
||
html[#html+1] = 'statusEl.innerHTML="<span style=\\"color:#cf222e;\\">❌ 插件升级失败</span>";'
|
||
html[#html+1] = 'resultEl.innerHTML="<div style=\\"border:1px solid #f5c6cb;background:#ffeef0;padding:12px 16px;border-radius:6px;\\">"+'
|
||
html[#html+1] = '"<strong style=\\"color:#cf222e;font-size:14px;\\">❌ 插件升级失败</strong><br/>"+'
|
||
html[#html+1] = '"<span style=\\"color:#555;font-size:13px;\\">请查看上方日志了解详情。也可手动执行:<code>cat /tmp/openclaw-plugin-upgrade.log</code></span><br/>"+'
|
||
html[#html+1] = '"<button class=\\"btn cbi-button cbi-button-apply\\" type=\\"button\\" onclick=\\"location.reload()\\" style=\\"margin-top:10px;\\">🔄 刷新页面</button></div>";'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = '}'
|
||
|
||
-- 卸载运行环境
|
||
html[#html+1] = 'function ocUninstall(){'
|
||
html[#html+1] = 'if(!confirm("确定要卸载 OpenClaw 运行环境?\\n\\n将删除 Node.js、OpenClaw 程序及配置数据(/opt/openclaw 目录),服务将停止运行。\\n\\n插件本身不会被删除,之后可重新安装运行环境。"))return;'
|
||
html[#html+1] = 'var btn=document.getElementById("btn-uninstall");'
|
||
html[#html+1] = 'var el=document.getElementById("action-result");'
|
||
html[#html+1] = 'btn.disabled=true;btn.textContent="⏳ 正在卸载...";'
|
||
html[#html+1] = 'el.innerHTML="<span style=\\"color:#999\\">正在停止服务并清理文件...</span>";'
|
||
html[#html+1] = '(new XHR()).get("' .. uninstall_url .. '",null,function(x){'
|
||
html[#html+1] = 'btn.disabled=false;btn.textContent="🗑️ 卸载环境";'
|
||
html[#html+1] = 'try{var r=JSON.parse(x.responseText);'
|
||
html[#html+1] = 'if(r.status==="ok"){'
|
||
html[#html+1] = 'el.innerHTML="<div style=\\"border:1px solid #d0d7de;background:#f6f8fa;padding:12px 16px;border-radius:6px;\\">"+'
|
||
html[#html+1] = '"<strong style=\\"color:#1a7f37;\\">✅ 卸载完成</strong><br/>"+'
|
||
html[#html+1] = '"<span style=\\"color:#555;font-size:13px;\\">"+r.message+"</span><br/>"+'
|
||
html[#html+1] = '"<button class=\\"btn cbi-button cbi-button-apply\\" type=\\"button\\" onclick=\\"location.reload()\\" style=\\"margin-top:8px;\\">🔄 刷新页面</button></div>";'
|
||
html[#html+1] = '}else{el.innerHTML="<span style=\\"color:red\\">❌ "+(r.message||"卸载失败")+"</span>";}'
|
||
html[#html+1] = '}catch(e){el.innerHTML="<span style=\\"color:red\\">❌ 请求失败</span>";}'
|
||
html[#html+1] = '});}'
|
||
|
||
-- 页面加载时静默检查是否有更新 (仅显示小红点提示)
|
||
html[#html+1] = '(function(){'
|
||
html[#html+1] = 'setTimeout(function(){'
|
||
html[#html+1] = '(new XHR()).get("' .. check_url .. '?quick=1",null,function(x){'
|
||
html[#html+1] = 'try{var r=JSON.parse(x.responseText);'
|
||
html[#html+1] = 'if(r.has_update||r.plugin_has_update){'
|
||
html[#html+1] = 'var dot=document.getElementById("update-dot");'
|
||
html[#html+1] = 'if(dot)dot.style.display="block";'
|
||
html[#html+1] = '}'
|
||
html[#html+1] = '}catch(e){}'
|
||
html[#html+1] = '});'
|
||
html[#html+1] = '},2000);'
|
||
html[#html+1] = '})();'
|
||
|
||
html[#html+1] = '</script>'
|
||
return table.concat(html, "\n")
|
||
end
|
||
|
||
-- ═══════════════════════════════════════════
|
||
-- 使用指南
|
||
-- ═══════════════════════════════════════════
|
||
s4 = m:section(SimpleSection, nil)
|
||
s4.template = "cbi/nullsection"
|
||
guide = s4:option(DummyValue, "_guide")
|
||
guide.rawhtml = true
|
||
guide.cfgvalue = function()
|
||
local html = {}
|
||
html[#html+1] = '<div style="border:1px solid #d0e8ff;background:#f0f7ff;padding:14px 18px;border-radius:6px;margin-top:12px;line-height:1.8;font-size:13px;">'
|
||
html[#html+1] = '<strong style="font-size:14px;">📖 使用指南</strong><br/>'
|
||
html[#html+1] = '<span style="color:#555;">'
|
||
html[#html+1] = '① 首次使用请点击 <b>「安装运行环境」</b>,安装完成后服务会自动启动<br/>'
|
||
html[#html+1] = '② 进入 <b>「配置管理」</b> 使用交互式向导快速配置 AI 模型和 API Key<br/>'
|
||
html[#html+1] = '③ 进入 <b>「Web 控制台」</b> 配置消息渠道,直接开始对话</span>'
|
||
html[#html+1] = '<div style="margin-top:10px;padding-top:10px;border-top:1px solid #d0e8ff;">'
|
||
html[#html+1] = '<span style="color:#888;">有疑问?请关注B站并留言:</span>'
|
||
html[#html+1] = '<a href="https://space.bilibili.com/59438380" target="_blank" rel="noopener" style="color:#00a1d6;font-weight:bold;text-decoration:none;">'
|
||
html[#html+1] = '🔗 space.bilibili.com/59438380</a>'
|
||
html[#html+1] = '<span style="margin-left:16px;color:#888;">GitHub 项目:</span>'
|
||
html[#html+1] = '<a href="https://github.com/10000ge10000/luci-app-openclaw" target="_blank" rel="noopener" style="color:#24292f;font-weight:bold;text-decoration:none;">'
|
||
html[#html+1] = '🐙 10000ge10000/luci-app-openclaw</a></div></div>'
|
||
return table.concat(html, "\n")
|
||
end
|
||
|
||
return m
|