fix(desktop): warn about Rosetta installs on Apple Silicon (#621)

* fix(desktop): warn about Rosetta installs on Apple Silicon * docs: note workspace build sync before type fixes
2026-04-30 13:13:30 +08:00
parent f0a8f207f8
commit 6a61066e2c
8 changed files with 261 additions and 0 deletions
@@ -0,0 +1,86 @@
+import { useEffect, useState } from "react";
+import { SidebarCalloutDescriptionText } from "@/components/sidebar-callout";
+import { getIsElectronMac } from "@/constants/platform";
+import { useSidebarCallouts } from "@/contexts/sidebar-callout-context";
+import {
+  buildMacAppleSiliconDownloadUrl,
+  getDesktopRuntimeInfo,
+  type DesktopRuntimeInfo,
+} from "@/desktop/updates/desktop-updates";
+import { useStableEvent } from "@/hooks/use-stable-event";
+import { openExternalUrl } from "@/utils/open-external-url";
+
+const FALLBACK_DOWNLOAD_URL = "https://paseo.sh/download";
+
+function RosettaCalloutDescription() {
+  return (
+    <>
+      <SidebarCalloutDescriptionText>
+        You&apos;re running the Intel build of Paseo under Rosetta on Apple Silicon.
+      </SidebarCalloutDescriptionText>
+      <SidebarCalloutDescriptionText>
+        This causes high CPU usage. Download the Apple Silicon build to fix it.
+      </SidebarCalloutDescriptionText>
+    </>
+  );
+}
+
+export function RosettaCalloutSource() {
+  const callouts = useSidebarCallouts();
+  const [runtimeInfo, setRuntimeInfo] = useState<DesktopRuntimeInfo | null>(null);
+  const isElectronMac = getIsElectronMac();
+
+  const openDownload = useStableEvent(() => {
+    const downloadUrl =
+      buildMacAppleSiliconDownloadUrl(runtimeInfo?.appVersion) ?? FALLBACK_DOWNLOAD_URL;
+    void openExternalUrl(downloadUrl);
+  });
+
+  useEffect(() => {
+    if (!isElectronMac) {
+      return;
+    }
+
+    let cancelled = false;
+
+    void getDesktopRuntimeInfo()
+      .then((nextRuntimeInfo) => {
+        if (!cancelled) {
+          setRuntimeInfo(nextRuntimeInfo);
+        }
+        return nextRuntimeInfo;
+      })
+      .catch((error) => {
+        console.warn("[RosettaCallout] Failed to load desktop runtime info", error);
+      });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [isElectronMac]);
+
+  useEffect(() => {
+    if (!isElectronMac || runtimeInfo?.runningUnderARM64Translation !== true) {
+      return;
+    }
+
+    return callouts.show({
+      id: "desktop-rosetta-warning",
+      priority: 300,
+      title: "Download the Apple Silicon build",
+      description: <RosettaCalloutDescription />,
+      variant: "error",
+      dismissible: false,
+      actions: [
+        {
+          label: "Download",
+          onPress: openDownload,
+          variant: "primary",
+        },
+      ],
+      testID: "rosetta-callout",
+    });
+  }, [callouts, isElectronMac, openDownload, runtimeInfo]);
+
+  return null;
+}