logan
f9c6c1d826
基于 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 加密前缀保留(已加密凭证不受影响)。
48 lines
1.6 KiB
TypeScript
48 lines
1.6 KiB
TypeScript
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>
|
||
<ThemeProvider
|
||
attribute="class"
|
||
defaultTheme="system"
|
||
storageKey="opsxloki.theme.mode"
|
||
enableSystem
|
||
disableTransitionOnChange
|
||
>
|
||
<BrowserRouter>
|
||
<App />
|
||
</BrowserRouter>
|
||
</ThemeProvider>
|
||
</ErrorBoundary>
|
||
</StrictMode>,
|
||
)
|