fix: windows 11 cannot detect CPU processor successfully (#5125)

Refs:

1. #5028.
2. #5025.

Due to the author doesn't have free time to fix this, I'd like to help.

Author: Maledong

public/static/js/legacyMain.js

@@ -80,16 +80,43 @@ const listenScrollToTopButton = () => {
   });
 };
 
-const detectEnviromentAndSetDownloadOptions = () => {
+const detectEnviromentAndSetDownloadOptions = async () => {
   const userAgent = navigator.userAgent;
+  const userAgentData = navigator.userAgentData;
   const osMatch = userAgent.match(/(Win|Mac|Linux)/);
-
   const os = (osMatch && osMatch[1]) || '';
 
-  const arch =
-    userAgent.match(/x86_64|Win64|WOW64/) || navigator.cpuClass === 'x64'
-      ? 'x64'
-      : 'x86';
+  // detects the architecture through regular ways on user agents that
+  // expose the architecture and platform information
+  // @note this is not available on Windows11 anymore
+  // @see https://learn.microsoft.com/en-us/microsoft-edge/web-platform/how-to-detect-win11
+  let arch = userAgent.match(/x86_64|Win64|WOW64/) ? 'x64' : 'x86';
+
+  // detects the platform through a legacy property on navigator
+  // available only on firefox
+  // @see https://developer.mozilla.org/en-US/docs/Web/API/Navigator/oscpu
+  if (navigator.oscpu && navigator.oscpu.length) {
+    arch = navigator.oscpu.match(/x86_64|Win64|WOW64/) ? 'x64' : 'x86';
+  }
+
+  // detects the platform through a legacy property on navigator
+  // only available on internet explorer
+  if (navigator.cpuClass && navigator.cpuClass.length) {
+    arch = navigator.cpuClass === 'x64' ? 'x64' : 'x86';
+  }
+
+  // detects the architecture and other platform data on the navigator
+  // available only on Chromium-based browsers
+  // @see https://developer.mozilla.org/en-US/docs/Web/API/NavigatorUAData/getHighEntropyValues
+  if (userAgentData && userAgentData.getHighEntropyValues) {
+    // note that getHighEntropyValues returns an object
+    const platform = await userAgentData.getHighEntropyValues(['bitness']);
+
+    if (platform && platform.bitness) {
+      // note that platform.bitness returns a string
+      arch = platform.bitness === '64' ? 'x64' : 'x86';
+    }
+  }
 
   const buttons = document.querySelectorAll('.home-downloadbutton');
   const downloadHead = document.querySelector('#home-downloadhead');