Migrate detect os hook

hooks/useDetectOs.ts

@@ -0,0 +1,31 @@
+// Copied from https://github.com/nodejs/nodejs.dev/blob/main/src/hooks/useDetectOs.ts
+import { useEffect, useState } from 'react';
+import { UserOS, detectOS } from '../util/detectOS';
+import downloadUrlByOS from '../util/downloadUrlByOS';
+
+export const useDetectOs = () => {
+  const [userOS, setUserOS] = useState<UserOS>(UserOS.UNKNOWN);
+  const [bitness, setBitness] = useState('');
+
+  useEffect(() => {
+    setUserOS(detectOS);
+
+    // This is necessary to detect Windows 11 on Edge.
+    // [MDN](https://developer.mozilla.org/en-US/docs/Web/API/NavigatorUAData/getHighEntropyValues)
+    // [MSFT](https://learn.microsoft.com/en-us/microsoft-edge/web-platform/how-to-detect-win11)
+    // @ts-expect-error no types for "userAgentData" because this API is experimental
+    if (typeof navigator.userAgentData?.getHighEntropyValues === 'function') {
+      // @ts-expect-error no types for "userAgentData" because this API is experimental
+      navigator.userAgentData
+        .getHighEntropyValues(['bitness'])
+        .then((ua: { bitness: string }) => setBitness(ua.bitness))
+        .catch();
+    }
+  }, []);
+
+  return {
+    userOS,
+    getDownloadLink: (version: string) =>
+      downloadUrlByOS(userOS, version, bitness),
+  };
+};

util/detectOS.ts

@@ -0,0 +1,39 @@
+// From https://github.com/nodejs/nodejs.dev/blob/main/src/util/detectOS.ts
+// eslint-disable-next-line no-shadow
+export enum UserOS {
+  MAC = 'MAC',
+  WIN = 'WIN',
+  UNIX = 'UNIX',
+  LINUX = 'LINUX',
+  MOBILE = 'MOBILE',
+  UNKNOWN = 'UNKNOWN',
+}
+
+export function detectOS(): UserOS {
+  return (
+    // Since `navigator.appVersion` is deprecated, we first try to use the `userAgent``
+    // https://developer.mozilla.org/en-US/docs/Web/API/Navigator/appVersion
+    detectOsInString(navigator.userAgent) ||
+    detectOsInString(navigator.appVersion) ||
+    UserOS.UNKNOWN
+  );
+}
+
+function detectOsInString(userAgent: string): UserOS {
+  const osMatch = userAgent.match(/(Win|Mac|Linux|X11|Mobi)/i);
+  const os = (osMatch && osMatch[1]) || '';
+  switch (os) {
+    case 'Win':
+      return UserOS.WIN;
+    case 'Mac':
+      return UserOS.MAC;
+    case 'Linux':
+      return UserOS.LINUX;
+    case 'X11':
+      return UserOS.UNIX;
+    case 'Mobi':
+      return UserOS.MOBILE;
+    default:
+      return UserOS.UNKNOWN;
+  }
+}

util/downloadUrlByOS.ts

@@ -0,0 +1,32 @@
+// Copied From https://github.com/nodejs/nodejs.dev/blob/main/src/util/downloadUrlByOS.ts
+import { UserOS } from './detectOS';
+
+export default function downloadUrlByOS(
+  userOS: UserOS,
+  version: string,
+  bitness?: string
+): string {
+  const baseURL = `https://nodejs.org/dist/${version}`;
+
+  if (userOS === UserOS.MOBILE) {
+    return baseURL;
+  }
+
+  if (userOS === UserOS.MAC) {
+    return `${baseURL}/node-${version}.pkg`;
+  }
+
+  if (userOS === UserOS.WIN) {
+    if (
+      bitness === '64' ||
+      navigator.appVersion.includes('WOW64') ||
+      navigator.appVersion.includes('Win64')
+    ) {
+      return `${baseURL}/node-${version}-x64.msi`;
+    }
+
+    return `${baseURL}/node-${version}-x86.msi`;
+  }
+
+  return `${baseURL}/node-${version}.tar.gz`;
+}