62 lines
2.0 KiB
TypeScript
62 lines
2.0 KiB
TypeScript
import { isPlatformNative } from "@graphite/../wasm/pkg/graphite_wasm";
|
|
|
|
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 type OperatingSystem = "Windows" | "Mac" | "Linux" | "Unknown";
|
|
|
|
export function operatingSystem(): OperatingSystem {
|
|
const osTable: Record<string, OperatingSystem> = {
|
|
Windows: "Windows",
|
|
Mac: "Mac",
|
|
Linux: "Linux",
|
|
Unknown: "Unknown",
|
|
};
|
|
|
|
const userAgentOS = Object.keys(osTable).find((key) => window.navigator.userAgent.includes(key));
|
|
return osTable[userAgentOS || "Unknown"];
|
|
}
|
|
|
|
export function isDesktop(): boolean {
|
|
return isPlatformNative();
|
|
}
|
|
|
|
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";
|
|
}
|