Fix: Download page for ARM64

Author: BornToBeRoot

Website/scripts/fetch-release-data.mjs

@@ -54,6 +54,17 @@ function assetFileName(version, variant, arch) {
   return `NETworkManager_${version}${suffix}_win-${arch}${ext}`;
 }
 
+// DEPRECATED: only exists to read releases published before the arch split
+// (native ARM64 build, #3538), which shipped a single, x64-only asset with no
+// "_win-<arch>" part in the name. Every release going forward uses
+// assetFileName() instead. Safe to delete once no release predating #3538 is
+// still linked to from the website (i.e. once release.json itself has moved
+// past 2026.7.7.0).
+function legacyAssetFileName(version, variant) {
+  const { suffix, ext } = VARIANTS[variant];
+  return `NETworkManager_${version}${suffix}${ext}`;
+}
+
 function ghHeaders() {
   const headers = {
     "User-Agent": "NETworkManager-website-build",
@@ -90,11 +101,22 @@ async function fetchChecksumMap(version) {
   for (const line of text.split(/\r?\n/)) {
     const m = line.trim().match(/^([0-9a-fA-F]{64})\s+(.+)$/);
     if (!m) continue;
+    let matched = false;
     for (const arch of ARCHITECTURES) {
       for (const variant of Object.keys(VARIANTS)) {
         if (m[2] === assetFileName(version, variant, arch)) {
           map[arch] ??= {};
           map[arch][variant] = m[1].toUpperCase();
+          matched = true;
+        }
+      }
+    }
+    // DEPRECATED fallback — see legacyAssetFileName().
+    if (!matched) {
+      for (const variant of Object.keys(VARIANTS)) {
+        if (m[2] === legacyAssetFileName(version, variant)) {
+          map.x64 ??= {};
+          map.x64[variant] = m[1].toUpperCase();
         }
       }
     }
@@ -107,13 +129,24 @@ async function fetchChecksumMap(version) {
 // asset (older releases predate ARM64 support and won't have one).
 function buildDownloads(release, version) {
   const downloads = {};
-  for (const arch of ARCHITECTURES) {
-    for (const variant of Object.keys(VARIANTS)) {
+  for (const variant of Object.keys(VARIANTS)) {
+    let matched = false;
+    for (const arch of ARCHITECTURES) {
       const name = assetFileName(version, variant, arch);
       const asset = release.assets.find((a) => a.name === name);
       if (asset) {
         downloads[arch] ??= {};
         downloads[arch][variant] = asset.browser_download_url;
+        matched = true;
+      }
+    }
+    // DEPRECATED fallback — see legacyAssetFileName().
+    if (!matched) {
+      const legacyName = legacyAssetFileName(version, variant);
+      const asset = release.assets.find((a) => a.name === legacyName);
+      if (asset) {
+        downloads.x64 ??= {};
+        downloads.x64[variant] = asset.browser_download_url;
       }
     }
   }

Website/src/components/ArchSwitcher/index.js

@@ -2,7 +2,8 @@ import clsx from "clsx";
 import styles from "./styles.module.css";
 
 // Segmented control to pick which CPU architecture's downloads are shown.
-// The caller is responsible for hiding it when only one architecture is available.
+// Always rendered, even with a single option, so the user can see which
+// architecture the download links point to.
 export default function ArchSwitcher({ options, value, onChange, className }) {
   return (
     <div

Website/src/components/DownloadSection/index.js

@@ -58,18 +58,16 @@ export default function DownloadSection() {
         changelogLabel="✨ What's new?"
       />
 
-      {architectures.length > 1 && (
-        <div className={styles.archSwitcherRow}>
-          <ArchSwitcher
-            options={architectures.map((a) => ({
-              key: a,
-              label: ARCH_LABELS[a] ?? a,
-            }))}
-            value={arch}
-            onChange={setArch}
-          />
-        </div>
-      )}
+      <div className={styles.archSwitcherRow}>
+        <ArchSwitcher
+          options={architectures.map((a) => ({
+            key: a,
+            label: ARCH_LABELS[a] ?? a,
+          }))}
+          value={arch}
+          onChange={setArch}
+        />
+      </div>
 
       <DownloadGrid>
         {VARIANTS.filter((v) => archDownloads[v.key]).map((v) => (

Website/src/components/LatestPrerelease/index.js

@@ -46,24 +46,22 @@ export default function LatestPrerelease() {
       />
 
       <div className="margin-bottom--lg">
-        {architectures.length > 1 && (
-          <div
-            style={{
-              display: "flex",
-              justifyContent: "center",
-              marginBottom: "16px",
-            }}
-          >
-            <ArchSwitcher
-              options={architectures.map((a) => ({
-                key: a,
-                label: ARCH_LABELS[a] ?? a,
-              }))}
-              value={arch}
-              onChange={setArch}
-            />
-          </div>
-        )}
+        <div
+          style={{
+            display: "flex",
+            justifyContent: "center",
+            marginBottom: "16px",
+          }}
+        >
+          <ArchSwitcher
+            options={architectures.map((a) => ({
+              key: a,
+              label: ARCH_LABELS[a] ?? a,
+            }))}
+            value={arch}
+            onChange={setArch}
+          />
+        </div>
         <DownloadGrid>
           {VARIANTS.filter((v) => archDownloads[v.key]).map((v) => (
             <DownloadCard

Website/src/pages/index.js

@@ -11,6 +11,8 @@ import ImageGalleryDashboard from "@site/docs/img/dashboard.png";
 import Heading from "@theme/Heading";
 import styles from "./styles.module.css";
 
+const directDownloads = release.downloads.x64;
+
 function HomepageHeader() {
   return (
     <div className={styles.hero} data-theme="dark">
@@ -73,10 +75,10 @@ function HomepageHeader() {
           </span>
         </div>
         <div className={styles.directDownloads}>
-          <span aria-hidden="true">⬇</span> Direct download:{" "}
-          <Link to={release.downloads.setup}>MSI-Setup</Link>
+          <span aria-hidden="true">⬇</span> Direct download (x64):{" "}
+          <Link to={directDownloads.setup}>MSI-Setup</Link>
           <span className={styles.directDownloadsSep}>|</span>
-          <Link to={release.downloads.portable}>Portable</Link>
+          <Link to={directDownloads.portable}>Portable</Link>
         </div>
         <div className={styles.heroScreenshotWrapper}>
           <img