webui4frpc

jianf/webui4frpc

Fork 0

mirror of https://gitcode.com/JianFeeeee/webui4frpc.git synced 2026-09-20 00:47:57 +00:00

Commit Graph

Author	SHA1	Message	Date
JianFeeeee	f935cad33f	feat(web): 窄屏适配 — 侧栏转底部 tab bar + 各页响应式重排此前只有一个 max-width:900px 断点（仅缩窄侧栏），手机上 210px 侧栏吃掉半屏、卡片网格横向溢出、按钮被挤成细条。新增 720px / 380px 两档断点： App.vue（关键） - ≤720px：shell 转竖向，导航从侧栏抽出固定到屏幕底部（图标上/文字下），品牌+身份+主题折进顶部窄条；tab 最小 44px 触控高度 - 内容区预留 env(safe-area-inset-bottom)，避开 iOS 手势条 - ≤380px 再压一档：隐藏权限徽标、缩小字号 StatusView - card-grid 的 minmax(320px) 在 375px 屏溢出 → 单列 - KPI 由 auto-fit 改固定两列（auto-fit 窄屏退化单列使四卡拉长），≤380px 单列 - 转发卡 fwd-head 原一行塞 7~8 元素 → 路由占整行、按钮另起一行平分 - 分组标题按钮不再被 margin-left:auto 压扁 ClusterView - 环拓扑改竖向，节点卡占满宽，箭头旋转 90° 指下 - nodeKey（32 位 hex）允许 break-all，不再撑宽容器 - 日志 lg-detail 由 max-width:60%+nowrap 改整行完整显示 SettingsView / UsersView / CanvasView - binary-row、setting-row 竖排；表格卡标题行竖排、操作按钮平分 - 画布 toolbar 按钮换行平铺；vue-flow handle 12px→16px（触控可达） index.html - viewport 加 viewport-fit=cover，这是 env(safe-area-inset-*) 生效前提验证：tsc --noEmit 通过、npm run build 通过、dist 已重新 embed，三节点部署后环正常（pending=0，5 条转发 frpc 进程与 topology 归属一致）。	2026-09-03 07:20:32 +08:00
jianf	eda9bb9597	feat: cluster reliability (leader failover, crash rejoin, key exchange) + auth/users + canvas/forwards enhancements + comprehensive README + API docs - Cluster: forwardToNext offline detection (leader+non-leader), WatchLeader 1s heartbeat fallback, 409 for standalone nodes, Node.NodeKey key exchange via token ring, ClusterPeers persistence + auto-rejoin, Forward delegates to forwardToNext (bugfix) - Auth: Basic Auth (flag-creds fast path) + bcrypt users (admin/viewer) + Bearer API keys (read/write/admin scope) - Frontend: UsersView (accounts+API keys), ClusterView (ring/nodeKey/tasks/topology/log), StatusView (group management, per-proxy status), CanvasView (edge toggle/group), PortEdge (disabled/group labels) - API: handlers split (canvas/forwards/users/logs), canvas export/import, forwards group start/stop/assign/delete, cluster endpoints - Docs: comprehensive README rewrite (all flags/APIs/auth/cluster), docs/cluster-api.md (cluster management API reference) - Deploy: run-cluster.sh now 4-node ring + 1 isolated standalone, test-forward.sh updated for 4 nodes - Removed plan.md (design notes consolidated into README + API docs)	2026-08-19 21:09:24 +08:00
jianf	c1936887a2	webui4frpc: 独立可用的可视化 frpc 控制器 (M0) - 零 frp 源码依赖，单二进制 (Go + Vue3 + VueFlow + Element Plus) - 画布多对多连线，渲染 tcp/udp/http/https frpc 配置 - worker 进程管理：自愈、日志轮转、崩溃退避重启 - frpc 一键安装 (GitHub Releases) + 手动指定路径 - 三页 UI：状态(默认)/连接配置/设置 - 状态页实时节点/转发状态，节点可增删改启停 - 画布冲突检查：端口/域名冲突标红 + 弹窗拦截保存 - backend 单测覆盖 store/render/process/httpapi/install - plan.md + FRPC_FEATURES_AUDIT.md 文档	2026-08-17 11:00:26 +08:00

Author

SHA1

Message

Date

JianFeeeee

f935cad33f

feat(web): 窄屏适配 — 侧栏转底部 tab bar + 各页响应式重排

此前只有一个 max-width:900px 断点（仅缩窄侧栏），手机上 210px 侧栏吃掉
半屏、卡片网格横向溢出、按钮被挤成细条。新增 720px / 380px 两档断点：

App.vue（关键）
- ≤720px：shell 转竖向，导航从侧栏抽出固定到屏幕底部（图标上/文字下），
  品牌+身份+主题折进顶部窄条；tab 最小 44px 触控高度
- 内容区预留 env(safe-area-inset-bottom)，避开 iOS 手势条
- ≤380px 再压一档：隐藏权限徽标、缩小字号

StatusView
- card-grid 的 minmax(320px) 在 375px 屏溢出 → 单列
- KPI 由 auto-fit 改固定两列（auto-fit 窄屏退化单列使四卡拉长），≤380px 单列
- 转发卡 fwd-head 原一行塞 7~8 元素 → 路由占整行、按钮另起一行平分
- 分组标题按钮不再被 margin-left:auto 压扁

ClusterView
- 环拓扑改竖向，节点卡占满宽，箭头旋转 90° 指下
- nodeKey（32 位 hex）允许 break-all，不再撑宽容器
- 日志 lg-detail 由 max-width:60%+nowrap 改整行完整显示

SettingsView / UsersView / CanvasView
- binary-row、setting-row 竖排；表格卡标题行竖排、操作按钮平分
- 画布 toolbar 按钮换行平铺；vue-flow handle 12px→16px（触控可达）

index.html
- viewport 加 viewport-fit=cover，这是 env(safe-area-inset-*) 生效前提

验证：tsc --noEmit 通过、npm run build 通过、dist 已重新 embed，
三节点部署后环正常（pending=0，5 条转发 frpc 进程与 topology 归属一致）。

2026-09-03 07:20:32 +08:00

jianf

eda9bb9597

feat: cluster reliability (leader failover, crash rejoin, key exchange) + auth/users + canvas/forwards enhancements + comprehensive README + API docs

- Cluster: forwardToNext offline detection (leader+non-leader), WatchLeader 1s heartbeat fallback, 409 for standalone nodes, Node.NodeKey key exchange via token ring, ClusterPeers persistence + auto-rejoin, Forward delegates to forwardToNext (bugfix)
- Auth: Basic Auth (flag-creds fast path) + bcrypt users (admin/viewer) + Bearer API keys (read/write/admin scope)
- Frontend: UsersView (accounts+API keys), ClusterView (ring/nodeKey/tasks/topology/log), StatusView (group management, per-proxy status), CanvasView (edge toggle/group), PortEdge (disabled/group labels)
- API: handlers split (canvas/forwards/users/logs), canvas export/import, forwards group start/stop/assign/delete, cluster endpoints
- Docs: comprehensive README rewrite (all flags/APIs/auth/cluster), docs/cluster-api.md (cluster management API reference)
- Deploy: run-cluster.sh now 4-node ring + 1 isolated standalone, test-forward.sh updated for 4 nodes
- Removed plan.md (design notes consolidated into README + API docs)

2026-08-19 21:09:24 +08:00

jianf

c1936887a2

webui4frpc: 独立可用的可视化 frpc 控制器 (M0)

- 零 frp 源码依赖，单二进制 (Go + Vue3 + VueFlow + Element Plus)
- 画布多对多连线，渲染 tcp/udp/http/https frpc 配置
- worker 进程管理：自愈、日志轮转、崩溃退避重启
- frpc 一键安装 (GitHub Releases) + 手动指定路径
- 三页 UI：状态(默认)/连接配置/设置
- 状态页实时节点/转发状态，节点可增删改启停
- 画布冲突检查：端口/域名冲突标红 + 弹窗拦截保存
- backend 单测覆盖 store/render/process/httpapi/install
- plan.md + FRPC_FEATURES_AUDIT.md 文档

2026-08-17 11:00:26 +08:00

3 Commits