基于 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 加密前缀保留(已加密凭证不受影响)。
59 lines
1.5 KiB
TypeScript
59 lines
1.5 KiB
TypeScript
import path from "path"
|
||
import { execSync } from "child_process"
|
||
import react from "@vitejs/plugin-react"
|
||
import { defineConfig } from "vite"
|
||
import pkg from "./package.json" with { type: "json" }
|
||
|
||
// 构建指纹:版本来自 package.json,commit 用 git rev-parse 兜底(Settings「关于」展示)
|
||
function gitCommit(): string {
|
||
try {
|
||
return execSync("git rev-parse --short HEAD").toString().trim()
|
||
} catch {
|
||
return "unknown"
|
||
}
|
||
}
|
||
|
||
// https://vite.dev/config/
|
||
export default defineConfig({
|
||
base: './',
|
||
plugins: [react()],
|
||
define: {
|
||
__APP_VERSION__: JSON.stringify(pkg.version),
|
||
__COMMIT_HASH__: JSON.stringify(gitCommit()),
|
||
},
|
||
server: {
|
||
port: 3000,
|
||
// 端口被占直接报错,不悄悄漂移到其他端口
|
||
strictPort: true,
|
||
proxy: {
|
||
'/api': {
|
||
target: 'http://localhost:8080',
|
||
changeOrigin: true,
|
||
},
|
||
},
|
||
},
|
||
resolve: {
|
||
alias: {
|
||
"@": path.resolve(__dirname, "./src"),
|
||
},
|
||
},
|
||
build: {
|
||
rollupOptions: {
|
||
output: {
|
||
// 显式分包:框架与 UI 基础库独立成 chunk,页面懒加载 chunk 更小
|
||
manualChunks: {
|
||
'react-vendor': ['react', 'react-dom', 'react-router'],
|
||
'radix-vendor': [
|
||
'@radix-ui/react-dialog',
|
||
'@radix-ui/react-label',
|
||
'@radix-ui/react-select',
|
||
'@radix-ui/react-slot',
|
||
'@radix-ui/react-switch',
|
||
'@radix-ui/react-tabs',
|
||
],
|
||
},
|
||
},
|
||
},
|
||
},
|
||
})
|