feat: opsx-loki 全面升级 — 前端重构/用户与LDAP/部署向导/日志查询

基于 WEB-UI-Development-Guide 标准的整体升级,并更名 LokiDeploy → opsx-loki。

前端(Gin+React+shadcn/ui):
- 按 02/07 章重构:页面域化拆分(无超 400 行文件)、PageContainer/ListQuery、
  反馈分级(成功静默/失败 toast/危险确认)、401 单飞刷新+队列重放
- 暗色模式(next-themes)+ 语义 Token(--primary 品牌色/success/warning/info)
- 部署向导(状态推导四步:环境→存储→Loki→采集,内嵌表单闭环)
- 日志查询页:LogQL 标签构建器/拖拽直方图/日志上下文/Live Tail/查询历史
- 按用户+标签策略的查询授权(服务端强制合并策略)

后端(Go+Gin+JSON DB):
- 简单用户管理(仅 admin,无 RBAC)+ TokenVersion 会话吊销 + 登录 IP 限流
- LDAP 接入:配置(AES 加密存储/hasPassword 脱敏)/测试连接/批量导入/登录
- 存储配置测试连接(SigV4 零依赖)+ 桶不存在自动创建
- Loki 三模式部署修复:SSH 密钥认证、3.x 配置模板、ruler 对象存储嵌套块、
  凭证解密、孤儿 deploying 状态恢复、Grafana 部署(可选默认关)+面板导入
- DaemonSet 采集纯 YAML(去 helm 依赖)+ DNS 自愈回退 ClusterIP + 集群名标签
- 日志查询代理:cluster-svc 经 kube-apiserver proxy/url 直连 + cursor 翻页
- 统一 log 命名空间;部署就绪探活;Grafana 访问地址自动记录

修复:run.sh 增量编译检测、Sanitized 脱敏补全、LokiDeployment Update 白名单、
健康检查 CreatedAt 零值等 10+ 存量 bug。

数据兼容:DB 沿用旧 lokideploy.json(新名优先);localStorage 一次性迁移;
HKDF 加密前缀保留(已加密凭证不受影响)。
This commit is contained in:
logan committed 2026-10-24 13:20:12 +08:00
1 parent 327e282356
commit f9c6c1d826
204 files changed
+14107 -9103

No files matched your search

+34 -3
View File
@@ -1,16 +1,47 @@
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { BrowserRouter } from 'react-router'
import { ThemeProvider } from 'next-themes'
import './index.css'
// 一次性迁移旧 LokiDeploy 时代的 localStorage key → opsxloki.*(保留登录态/主题/折叠/查询历史)
function migrateStorage() {
const pairs: Array<[string, string]> = [
['lokideploy.auth.token', 'opsxloki.auth.token'],
['lokideploy.auth.refresh-token', 'opsxloki.auth.refresh-token'],
['lokideploy.auth.user', 'opsxloki.auth.user'],
['lokideploy.theme.mode', 'opsxloki.theme.mode'],
['lokideploy.layout.collapsed', 'opsxloki.layout.collapsed'],
['lokideploy_log_query_history', 'opsxloki_log_query_history'],
]
for (const [oldKey, newKey] of pairs) {
const v = localStorage.getItem(oldKey)
if (v !== null && localStorage.getItem(newKey) === null) {
localStorage.setItem(newKey, v)
localStorage.removeItem(oldKey)
}
}
}
migrateStorage()
import App from './App.tsx'
import ErrorBoundary from '@/components/ErrorBoundary'
// 主题:class 策略(.dark),三态 light/dark/system,key 带命名空间;
// next-themes 会在挂载前注入主题脚本,避免暗色首帧白闪
createRoot(document.getElementById('root')!).render(
<StrictMode>
<ErrorBoundary>
<BrowserRouter>
<App />
</BrowserRouter>
<ThemeProvider
attribute="class"
defaultTheme="system"
storageKey="opsxloki.theme.mode"
enableSystem
disableTransitionOnChange
>
<BrowserRouter>
<App />
</BrowserRouter>
</ThemeProvider>
</ErrorBoundary>
</StrictMode>,
)