mirror of
https://github.com/netbirdio/netbird.git
synced 2026-08-10 12:06:41 -04:00
273 lines
8.5 KiB
TypeScript
273 lines
8.5 KiB
TypeScript
import { createContext, useContext, useRef, useState, type ReactNode } from "react";
|
|
import { Connection as ConnectionSvc, Debug as DebugSvc } from "@bindings/services";
|
|
import type { DebugBundleResult } from "@bindings/services/models.js";
|
|
import i18next from "@/lib/i18n";
|
|
import { errorDialog, formatErrorMessage } from "@/lib/errors.ts";
|
|
import { startConnection } from "@/lib/connection.ts";
|
|
|
|
const NETBIRD_UPLOAD_URL = "https://upload.debug.netbird.io/upload-url";
|
|
const TRACE_LOG_FILE_COUNT = 5;
|
|
const PLAIN_LOG_FILE_COUNT = 1;
|
|
// Lowercase logrus level name sent to Debug.SetLogLevel (the Go binding
|
|
// upper-cases before the proto enum lookup). Raising to trace is what drives
|
|
// the daemon's verbose logging and the GUI's gui-client.log during a bundle.
|
|
const TRACE_LOG_LEVEL = "trace";
|
|
const DEFAULT_LOG_LEVEL = "info";
|
|
|
|
export type DebugStage =
|
|
| { kind: "idle" }
|
|
| { kind: "preparing-trace" }
|
|
| { kind: "reconnecting" }
|
|
| { kind: "capturing"; remainingSec: number; totalSec: number }
|
|
| { kind: "restoring-level" }
|
|
| { kind: "bundling" }
|
|
| { kind: "uploading" }
|
|
| { kind: "cancelling" }
|
|
| { kind: "done"; result: DebugBundleResult; uploadAttempted: boolean };
|
|
|
|
const sleep = (ms: number, signal: AbortSignal) =>
|
|
new Promise<void>((resolve, reject) => {
|
|
if (signal.aborted) {
|
|
reject(new DOMException("aborted", "AbortError"));
|
|
return;
|
|
}
|
|
const onAbort = () => {
|
|
clearTimeout(id);
|
|
reject(new DOMException("aborted", "AbortError"));
|
|
};
|
|
const id = setTimeout(() => {
|
|
signal.removeEventListener("abort", onAbort);
|
|
resolve();
|
|
}, ms);
|
|
signal.addEventListener("abort", onAbort);
|
|
});
|
|
|
|
const isAbort = (e: unknown) => e instanceof DOMException && e.name === "AbortError";
|
|
|
|
const throwIfAborted = (signal: AbortSignal) => {
|
|
if (signal.aborted) throw new DOMException("aborted", "AbortError");
|
|
};
|
|
|
|
const setLogLevelBestEffort = async (level: string) => {
|
|
try {
|
|
await DebugSvc.SetLogLevel({ level });
|
|
} catch {
|
|
// empty
|
|
}
|
|
};
|
|
|
|
const stopCaptureBestEffort = async () => {
|
|
try {
|
|
await DebugSvc.StopBundleCapture();
|
|
} catch {
|
|
// empty
|
|
}
|
|
};
|
|
|
|
type LevelState = { original: string; raised: boolean };
|
|
type CaptureState = { started: boolean };
|
|
|
|
const raiseToTrace = async (
|
|
signal: AbortSignal,
|
|
level: LevelState,
|
|
setStage: (s: DebugStage) => void,
|
|
) => {
|
|
setStage({ kind: "preparing-trace" });
|
|
try {
|
|
const cur = await DebugSvc.GetLogLevel();
|
|
if (cur?.level) level.original = cur.level;
|
|
} catch {
|
|
// empty
|
|
}
|
|
throwIfAborted(signal);
|
|
await DebugSvc.SetLogLevel({ level: TRACE_LOG_LEVEL });
|
|
level.raised = true;
|
|
};
|
|
|
|
const cycleConnection = async (signal: AbortSignal, setStage: (s: DebugStage) => void) => {
|
|
throwIfAborted(signal);
|
|
setStage({ kind: "reconnecting" });
|
|
try {
|
|
await ConnectionSvc.Down();
|
|
} catch {
|
|
// empty
|
|
}
|
|
throwIfAborted(signal);
|
|
await startConnection(undefined, signal);
|
|
};
|
|
|
|
const restoreLogLevel = async (level: LevelState, setStage: (s: DebugStage) => void) => {
|
|
setStage({ kind: "restoring-level" });
|
|
try {
|
|
await DebugSvc.SetLogLevel({ level: level.original });
|
|
level.raised = false;
|
|
} catch {
|
|
// empty
|
|
}
|
|
};
|
|
|
|
const waitCaptureWindow = async (
|
|
signal: AbortSignal,
|
|
setStage: (s: DebugStage) => void,
|
|
totalSec: number,
|
|
) => {
|
|
for (let remaining = totalSec; remaining > 0; remaining--) {
|
|
setStage({ kind: "capturing", remainingSec: remaining, totalSec });
|
|
await sleep(1000, signal);
|
|
}
|
|
};
|
|
|
|
const useDebugBundle = () => {
|
|
const [anonymize, setAnonymize] = useState(false);
|
|
const [systemInfo, setSystemInfo] = useState(true);
|
|
const [upload, setUpload] = useState(true);
|
|
const [trace, setTrace] = useState(true);
|
|
const [capture, setCapture] = useState(false);
|
|
const [traceMinutes, setTraceMinutes] = useState(1);
|
|
const [capturePackets, setCapturePackets] = useState(true);
|
|
const [stage, setStage] = useState<DebugStage>({ kind: "idle" });
|
|
const [lastBundlePath, setLastBundlePath] = useState<string>("");
|
|
const abortRef = useRef<AbortController | null>(null);
|
|
|
|
const isRunning = stage.kind !== "idle" && stage.kind !== "done";
|
|
|
|
const reset = () => setStage({ kind: "idle" });
|
|
|
|
const cancel = () => {
|
|
if (!abortRef.current || abortRef.current.signal.aborted) return;
|
|
abortRef.current.abort();
|
|
setStage({ kind: "cancelling" });
|
|
};
|
|
|
|
const run = async () => {
|
|
const ctrl = new AbortController();
|
|
abortRef.current = ctrl;
|
|
const signal = ctrl.signal;
|
|
|
|
const uploadUrl = upload ? NETBIRD_UPLOAD_URL : "";
|
|
const level: LevelState = { original: DEFAULT_LOG_LEVEL, raised: false };
|
|
const pcap: CaptureState = { started: false };
|
|
const totalSec = Math.max(1, Math.min(30, traceMinutes)) * 60;
|
|
const hasWindow = capture && totalSec > 0;
|
|
|
|
try {
|
|
if (trace) {
|
|
await raiseToTrace(signal, level, setStage);
|
|
}
|
|
throwIfAborted(signal);
|
|
|
|
if (capture) {
|
|
await cycleConnection(signal, setStage);
|
|
}
|
|
throwIfAborted(signal);
|
|
|
|
if (hasWindow && capturePackets) {
|
|
try {
|
|
// Mirror the CLI's safety margin: window + 30s, server caps at 10m.
|
|
await DebugSvc.StartBundleCapture(totalSec + 30);
|
|
pcap.started = true;
|
|
} catch {
|
|
// empty
|
|
}
|
|
}
|
|
throwIfAborted(signal);
|
|
|
|
if (hasWindow) {
|
|
await waitCaptureWindow(signal, setStage, totalSec);
|
|
}
|
|
|
|
if (pcap.started) {
|
|
await stopCaptureBestEffort();
|
|
pcap.started = false;
|
|
}
|
|
|
|
if (level.raised) {
|
|
await restoreLogLevel(level, setStage);
|
|
}
|
|
|
|
throwIfAborted(signal);
|
|
setStage({ kind: "bundling" });
|
|
const logFileCount = trace ? TRACE_LOG_FILE_COUNT : PLAIN_LOG_FILE_COUNT;
|
|
|
|
if (uploadUrl) setStage({ kind: "uploading" });
|
|
const result = await DebugSvc.Bundle({
|
|
anonymize,
|
|
systemInfo,
|
|
uploadUrl,
|
|
logFileCount,
|
|
});
|
|
throwIfAborted(signal);
|
|
if (result.path) setLastBundlePath(result.path);
|
|
setStage({
|
|
kind: "done",
|
|
result,
|
|
uploadAttempted: Boolean(uploadUrl),
|
|
});
|
|
} catch (e) {
|
|
if (isAbort(e)) {
|
|
setStage({ kind: "cancelling" });
|
|
if (pcap.started) await stopCaptureBestEffort();
|
|
if (level.raised) await setLogLevelBestEffort(level.original);
|
|
setStage({ kind: "idle" });
|
|
return;
|
|
}
|
|
if (pcap.started) await stopCaptureBestEffort();
|
|
setStage({ kind: "idle" });
|
|
await errorDialog({
|
|
Title: i18next.t("settings.error.debugBundleTitle"),
|
|
Message: formatErrorMessage(e),
|
|
});
|
|
} finally {
|
|
if (abortRef.current === ctrl) abortRef.current = null;
|
|
}
|
|
};
|
|
|
|
const openBundleDir = () => {
|
|
if (!lastBundlePath) return;
|
|
DebugSvc.RevealFile(lastBundlePath).catch((err: unknown) =>
|
|
console.error("[DebugBundleContext] reveal failed", err),
|
|
);
|
|
};
|
|
|
|
return {
|
|
anonymize,
|
|
setAnonymize,
|
|
systemInfo,
|
|
setSystemInfo,
|
|
upload,
|
|
setUpload,
|
|
trace,
|
|
setTrace,
|
|
capture,
|
|
setCapture,
|
|
traceMinutes,
|
|
setTraceMinutes,
|
|
capturePackets,
|
|
setCapturePackets,
|
|
stage,
|
|
isRunning,
|
|
lastBundlePath,
|
|
run,
|
|
cancel,
|
|
reset,
|
|
openBundleDir,
|
|
};
|
|
};
|
|
|
|
export type DebugBundleContextValue = ReturnType<typeof useDebugBundle>;
|
|
|
|
const DebugBundleContext = createContext<DebugBundleContextValue | null>(null);
|
|
|
|
export const DebugBundleProvider = ({ children }: { children: ReactNode }) => {
|
|
const value = useDebugBundle();
|
|
return <DebugBundleContext.Provider value={value}>{children}</DebugBundleContext.Provider>;
|
|
};
|
|
|
|
export const useDebugBundleContext = () => {
|
|
const ctx = useContext(DebugBundleContext);
|
|
if (!ctx) {
|
|
throw new Error("useDebugBundleContext must be used inside DebugBundleProvider");
|
|
}
|
|
return ctx;
|
|
};
|