mirror of
https://github.com/netbirdio/netbird.git
synced 2026-08-25 09:01:29 +02: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>
115 lines
3.5 KiB
TypeScript
115 lines
3.5 KiB
TypeScript
import {
|
|
createContext,
|
|
useCallback,
|
|
useContext,
|
|
useEffect,
|
|
useMemo,
|
|
useRef,
|
|
useState,
|
|
type ReactNode,
|
|
} from "react";
|
|
import { Events } from "@wailsio/runtime";
|
|
|
|
import { Update as UpdateSvc, WindowManager } from "@bindings/services";
|
|
import type { State as UpdateState } from "@bindings/updater/models.js";
|
|
import i18next from "@/lib/i18n";
|
|
import { errorDialog, formatErrorMessage } from "@/lib/errors";
|
|
|
|
const isDaemonUnavailable = (e: unknown): boolean => {
|
|
const msg = e instanceof Error ? e.message : String(e);
|
|
return msg.includes("code = Unavailable");
|
|
};
|
|
|
|
type ClientVersionContextValue = {
|
|
updateAvailable: boolean;
|
|
updateVersion: string | null;
|
|
enforced: boolean;
|
|
installing: boolean;
|
|
triggerUpdate: () => void;
|
|
updating: boolean;
|
|
};
|
|
|
|
const EVENT_UPDATE_STATE = "netbird:update:state";
|
|
|
|
const emptyState: UpdateState = {
|
|
available: false,
|
|
version: "",
|
|
enforced: false,
|
|
installing: false,
|
|
};
|
|
|
|
const ClientVersionContext = createContext<ClientVersionContextValue | null>(null);
|
|
|
|
export const useClientVersion = () => {
|
|
const ctx = useContext(ClientVersionContext);
|
|
if (!ctx) {
|
|
throw new Error("useClientVersion must be used inside ClientVersionProvider");
|
|
}
|
|
return ctx;
|
|
};
|
|
|
|
export const ClientVersionProvider = ({ children }: { children: ReactNode }) => {
|
|
const [state, setState] = useState<UpdateState>(emptyState);
|
|
const [updating, setUpdating] = useState(false);
|
|
|
|
useEffect(() => {
|
|
let cancelled = false;
|
|
UpdateSvc.GetState()
|
|
.then((s) => {
|
|
if (cancelled || !s) return;
|
|
setState(s);
|
|
})
|
|
.catch((e) => {
|
|
if (cancelled || isDaemonUnavailable(e)) return;
|
|
void errorDialog({
|
|
Title: i18next.t("update.error.loadStateTitle"),
|
|
Message: formatErrorMessage(e),
|
|
});
|
|
});
|
|
const off = Events.On(EVENT_UPDATE_STATE, (ev: { data: UpdateState }) => {
|
|
if (ev?.data) setState(ev.data);
|
|
});
|
|
return () => {
|
|
cancelled = true;
|
|
off?.();
|
|
};
|
|
}, []);
|
|
|
|
const prevInstallingRef = useRef(false);
|
|
useEffect(() => {
|
|
if (state.installing && !prevInstallingRef.current) {
|
|
WindowManager.OpenInstallProgress(state.version || "").catch(console.error);
|
|
}
|
|
prevInstallingRef.current = state.installing;
|
|
}, [state.installing, state.version]);
|
|
|
|
const triggerUpdate = useCallback(() => {
|
|
setUpdating(true);
|
|
WindowManager.OpenInstallProgress(state.version || "").catch(console.error);
|
|
UpdateSvc.Trigger()
|
|
.catch(async (e) => {
|
|
if (isDaemonUnavailable(e)) return;
|
|
WindowManager.CloseInstallProgress().catch(console.error);
|
|
await errorDialog({
|
|
Title: i18next.t("update.error.triggerTitle"),
|
|
Message: formatErrorMessage(e),
|
|
});
|
|
})
|
|
.finally(() => setUpdating(false));
|
|
}, [state.version]);
|
|
|
|
const value = useMemo<ClientVersionContextValue>(
|
|
() => ({
|
|
updateAvailable: state.available,
|
|
updateVersion: state.version || null,
|
|
enforced: state.enforced,
|
|
installing: state.installing,
|
|
triggerUpdate,
|
|
updating,
|
|
}),
|
|
[state, triggerUpdate, updating],
|
|
);
|
|
|
|
return <ClientVersionContext.Provider value={value}>{children}</ClientVersionContext.Provider>;
|
|
};
|