mirror of
https://github.com/netbirdio/netbird.git
synced 2026-08-10 20:15:20 -04:00
- **Wails v3 application** (`client/ui`) with a React + TypeScript + Tailwind frontend replacing the Fyne UI: main connection view, exit-node switcher, networks/peers browser with detail panels, profile management, settings (general, network, SSH, security, troubleshooting, appearance), debug-bundle creation, and a first-run welcome flow. - **Internationalization**: go-i18n bundle with 9 locales (en, de, es, fr, hu, it, pt, ru, zh-CN) shared between the tray and the frontend. - **New system tray** implementation with per-platform theme-aware icons, including a native XEmbed host for Linux (`xembed_tray_linux.c`) and a Linux theme watcher. - **Session handling**: auth session watcher (`client/internal/auth/sessionwatch`), pending login flow, session-expiration dialog and tray notifications, and `netbird login` improvements. - **Daemon API extensions** (`daemon.proto`): status stream subscription, event stream, networks/exit-node selection endpoints, and richer full status — with probe throttling on the daemon side to protect against UI-driven request storms. - **UI preferences store** persisted per profile, autostart management via the daemon (single source of truth in HKCU on Windows). - **Build system**: Taskfile-based builds per platform (macOS, Linux, Windows), Docker cross-compilation images, MSIX/NSIS/nfpm/AppImage packaging, and a new `frontend-ui` CI workflow. Co-authored-by: Zoltan Papp <zoltan.pmail@gmail.com> Co-authored-by: Eduard Gert <kontakt@eduardgert.de> Co-authored-by: braginini <bangvalo@gmail.com> Co-authored-by: Pascal Fischer <32096965+pascal-fischer@users.noreply.github.com> Co-authored-by: riccardom <riccardomanfrin@gmail.com>
45 lines
1.9 KiB
TypeScript
45 lines
1.9 KiB
TypeScript
export const formatBytes = (bytes: number, decimals: number = 2): string => {
|
|
if (!Number.isFinite(bytes) || bytes <= 0) return "0 B";
|
|
|
|
const k = 1024;
|
|
const sizes = ["B", "KB", "MB", "GB", "TB"];
|
|
const i = Math.min(sizes.length - 1, Math.floor(Math.log(bytes) / Math.log(k)));
|
|
|
|
return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(decimals)) + " " + sizes[i];
|
|
};
|
|
|
|
export const latencyColor = (ms: number): string => {
|
|
if (ms <= 0) return "text-nb-gray-400";
|
|
if (ms < 100) return "text-green-400";
|
|
return "text-yellow-400";
|
|
};
|
|
|
|
export const formatRelative = (unixSeconds: number, nowMs: number = Date.now()): string | null => {
|
|
if (!Number.isFinite(unixSeconds) || unixSeconds <= 0) return null;
|
|
const diff = Math.max(0, Math.floor(nowMs / 1000 - unixSeconds));
|
|
if (diff < 60) return `${diff}s ago`;
|
|
if (diff < 3600) return `${Math.floor(diff / 60)}m ago`;
|
|
if (diff < 86400) return `${Math.floor(diff / 3600)}h ago`;
|
|
return `${Math.floor(diff / 86400)}d ago`;
|
|
};
|
|
|
|
// Base domain is operator-configurable, so cut at the first dot rather than match a known suffix.
|
|
export const shortenDns = (fqdn: string | undefined | null): string => {
|
|
if (!fqdn) return "";
|
|
const dot = fqdn.indexOf(".");
|
|
return dot === -1 ? fqdn : fqdn.slice(0, dot);
|
|
};
|
|
|
|
// Countdown clock: mm:ss, widening to hh:mm:ss / dd:hh:mm:ss as the duration grows.
|
|
export const formatRemaining = (seconds: number): string => {
|
|
const s = Math.max(0, Math.trunc(seconds));
|
|
const days = Math.floor(s / 86400);
|
|
const hours = Math.floor((s % 86400) / 3600);
|
|
const minutes = Math.floor((s % 3600) / 60);
|
|
const secs = s % 60;
|
|
const pad = (n: number) => String(n).padStart(2, "0");
|
|
if (days > 0) return `${pad(days)}:${pad(hours)}:${pad(minutes)}:${pad(secs)}`;
|
|
if (hours > 0) return `${pad(hours)}:${pad(minutes)}:${pad(secs)}`;
|
|
return `${pad(minutes)}:${pad(secs)}`;
|
|
};
|