frontend/src/utility-functions/platform.ts

export function browserVersion(): string {
	const agent = window.navigator.userAgent;
	let match = agent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];

	if (/trident/i.test(match[1])) {
		const browser = /\brv[ :]+(\d+)/g.exec(agent) || [];
		return `IE ${browser[1] || ""}`.trim();
	}

	if (match[1] === "Chrome") {
		let browser = agent.match(/\bEdg\/(\d+)/) || undefined;
		if (browser !== undefined) return `Edge (Chromium) ${browser[1]}`;

		browser = agent.match(/\bOPR\/(\d+)/) || undefined;
		if (browser !== undefined) return `Opera ${browser[1]}`;
	}

	match = match[2] ? [match[1], match[2]] : [navigator.appName, navigator.appVersion, "-?"];

	const browser = agent.match(/version\/(\d+)/i) || undefined;
	if (browser !== undefined) match.splice(1, 1, browser[1]);

	return `${match[0]} ${match[1]}`;
}

export function operatingSystem(detailed = false): string {
	const osTableDetailed: Record<string, string> = {
		"Windows NT 10": "Windows 10 or 11",
		"Windows NT 6.3": "Windows 8.1",
		"Windows NT 6.2": "Windows 8",
		"Windows NT 6.1": "Windows 7",
		"Windows NT 6.0": "Windows Vista",
		"Windows NT 5.1": "Windows XP",
		"Windows NT 5.0": "Windows 2000",
		Mac: "Mac",
		X11: "Unix",
		Linux: "Linux",
		Unknown: "Unknown",
	};
	const osTableSimple: Record<string, string> = {
		Windows: "Windows",
		Mac: "Mac",
		Linux: "Linux",
		Unknown: "Unknown",
	};
	const osTable = detailed ? osTableDetailed : osTableSimple;

	const userAgentOS = Object.keys(osTable).find((key) => window.navigator.userAgent.includes(key));
	return osTable[userAgentOS || "Unknown"];
}

export function platformIsMac(): boolean {
	return operatingSystem() === "Mac";
}

export function isEventSupported(eventName: string) {
	const onEventName = `on${eventName}`;

	let tag = "div";
	if (["select", "change"].includes(eventName)) tag = "select";
	if (["submit", "reset"].includes(eventName)) tag = "form";
	if (["error", "load", "abort"].includes(eventName)) tag = "img";
	const element = document.createElement(tag);

	if (onEventName in element) return true;

	// Check if "return;" gets converted into a function, meaning the event is supported
	element.setAttribute(eventName, "return;");
	// eslint-disable-next-line @typescript-eslint/no-explicit-any
	return typeof (element as Record<string, any>)[onEventName] === "function";
}