mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2025-07-08 00:05:00 +00:00
a6ca43bb2d
* Restore ESLint and Prettier autoformatting * Fix formatting and lints in web files * Hacky fix to eslint crash * Fix remaining lints * Add lint-fix script --------- Co-authored-by: 0hypercube <0hypercube@gmail.com>
71 lines
2.3 KiB
TypeScript
71 lines
2.3 KiB
TypeScript
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";
|
|
}
|