Merge pull request #377 from RamiAwar/add-macos-multiple-builds-to-landing

refactor: Updated download links for macos silicon / intel

Author: RamiAwar

.github/workflows/packaging.yml

@@ -155,7 +155,7 @@ jobs:
           tar -cf ../../dataline.tar dataline
       - uses: actions/upload-artifact@v4
         with:
-          name: dataline-${{ steps.calculate_architecture.outputs.result }}.tar
+          name: dataline-macos-${{ steps.calculate_architecture.outputs.result }}.tar
           # default workdir is only for runs, here we are using "uses" so it does not apply
           path: dataline.tar
           overwrite: true

frontend/src/components/Landing/DownloadReleaseButton.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import { ArrowDownTrayIcon } from "@heroicons/react/20/solid";
 
-export type OS = "darwin" | "windows" | "linux";
+export type OS = "darwin-x86_64" | "darwin-arm64" | "windows" | "linux";
 
 interface GithubReleaseAsset {
   browser_download_url: string;
@@ -34,8 +34,10 @@ export const DownloadReleaseButton = ({ os }: { os: OS }) => {
 
   const getOSName = (os: OS) => {
     switch (os) {
-      case "darwin":
-        return "macOS";
+      case "darwin-x86_64":
+        return "macOS (Intel)";
+      case "darwin-arm64":
+        return "macOS (Apple Silicon)";
       case "windows":
         return "Windows";
       case "linux":
@@ -47,10 +49,12 @@ export const DownloadReleaseButton = ({ os }: { os: OS }) => {
 
   const getAssetName = (os: OS) => {
     switch (os) {
-      case "darwin":
-        return "dataline-macos-latest.tar.zip";
+      case "darwin-x86_64":
+        return "dataline-macos-x86_64.tar.zip";
+      case "darwin-arm64":
+        return "dataline-macos-arm64.tar.zip";
       case "windows":
-        return "windows-artifact.zip";
+        return "dataline-windows.zip";
       case "linux":
         return "dataline-linux.tar.zip";
       default:

frontend/src/components/Landing/InstallSection.tsx

@@ -21,7 +21,7 @@ export const InstallSection = () => {
     const detectOS = () => {
       const userAgent = window.navigator.userAgent.toLowerCase();
       if (userAgent.indexOf("win") > -1) return "Windows";
-      if (userAgent.indexOf("mac") > -1) return "MacOS";
+      if (userAgent.indexOf("mac") > -1) return "MacOS (Apple Silicon)";
       if (userAgent.indexOf("linux") > -1) return "Linux";
       return "All";
     };
@@ -34,9 +34,19 @@ export const InstallSection = () => {
 
   const installationSections: Item[] = [
     {
-      title: "MacOS",
+      title: "Docker",
+      isDownloadable: false,
+      code: "docker run -p 7377:7377 -v dataline:/home/.dataline --name dataline ramiawar/dataline:latest",
+    },
+    {
+      title: "MacOS (Intel)",
       isDownloadable: true,
-      os: "darwin",
+      os: "darwin-x86_64",
+    },
+    {
+      title: "MacOS (Apple Silicon)",
+      isDownloadable: true,
+      os: "darwin-arm64",
     },
     {
       title: "Windows",
@@ -53,11 +63,6 @@ export const InstallSection = () => {
       isDownloadable: false,
       code: "brew tap ramiawar/dataline && brew install dataline",
     },
-    {
-      title: "Docker",
-      isDownloadable: false,
-      code: "docker run -p 7377:7377 -v dataline:/home/.dataline --name dataline ramiawar/dataline:latest",
-    },
     {
       title: "GH Releases",
       code: "https://github.com/RamiAwar/dataline/releases",