feat: add is-safari and open-in-new-tab

Author: SukkaW

docs/src/pages/_meta.json

@@ -82,6 +82,7 @@
   "rem": {},
   "request-idle-callback": {},
   "typescript-happy-forward-ref": {},
+  "is-safari": {},
   "-- separator extensions": {
     "type": "separator",
     "title": "Extensions"

docs/src/pages/is-safari.mdx

@@ -0,0 +1,19 @@
+---
+title: isSafari
+---
+
+# isSafari
+
+import ExportMetaInfo from '../components/export-meta-info';
+
+<ExportMetaInfo />
+
+Since Safari browser is a known modern Internet Explorer, you should just check if the browser is Safari and apply the necessary polyfills or special logics.
+
+## Usage
+
+```tsx copy
+import { isSafari } from 'foxact/is-safari';
+
+isSafari(); // true or false
+```

docs/src/pages/open-in-new-tab.mdx

@@ -0,0 +1,19 @@
+---
+title: Open in New Tab
+---
+
+# Open in New Tab
+
+import ExportMetaInfo from '../components/export-meta-info';
+
+<ExportMetaInfo />
+
+Open a URL in a new tab. Use `window.open` on the Safari browser (since nowadays Safari is known as a modern Internet Explorer) and `document.createElement('a')` on other browsers.
+
+## Usage
+
+```tsx copy
+import { openInNewTab } from 'foxact/open-in-new-tab';
+
+openInNewTab('https://skk.moe');
+```

src/is-safari/index.ts

@@ -0,0 +1,19 @@
+export function isSafari() {
+  if (typeof window === 'undefined') {
+    return false;
+  }
+  if (typeof navigator === 'undefined') {
+    return false;
+  }
+  if (typeof navigator.userAgent !== 'string') {
+    return false;
+  }
+  if (/version\/[\d._].*?safari/i.test(navigator.userAgent)) {
+    return true;
+  }
+  // eslint-disable-next-line sukka/prefer-single-boolean-return -- cleaner code
+  if (/mobile safari [\d._]+/i.test(navigator.userAgent)) {
+    return true;
+  }
+  return false;
+}

src/open-new-tab/index.ts

@@ -0,0 +1,23 @@
+import { isSafari } from '../is-safari';
+
+export function openInNewTab(url: string) {
+  if (typeof window === 'undefined') {
+    return;
+  }
+
+  if (isSafari()) {
+    window.open(url, '_blank');
+    return;
+  }
+
+  const a = document.createElement('a');
+  a.href = url;
+  a.target = '_blank';
+  a.rel = 'noopener noreferrer';
+  document.body.appendChild(a);
+  a.click();
+
+  Promise.resolve().finally(() => {
+    a.remove();
+  });
+}