feat(download): add Windows launcher download from GitHub and download site

Author: overtrue

app/download/components/download-page-client.tsx

@@ -13,9 +13,10 @@ import { type PlatformInfoData } from './platforms/platform-info';
 
 interface DownloadPageClientProps {
   release: GitHubRelease | null;
+  launcherRelease: GitHubRelease | null;
 }
 
-export default function DownloadPageClient({ release }: DownloadPageClientProps) {// 使用 download 命名空间
+export default function DownloadPageClient({ release, launcherRelease }: DownloadPageClientProps) {// 使用 download 命名空间
 
   // 平台配置 - 直接使用 useMemo，不依赖 t 函数
   const platforms = useMemo((): PlatformInfoData[] => [
@@ -169,7 +170,7 @@ export default function DownloadPageClient({ release }: DownloadPageClientProps)
       {selectedPlatform && (
         <section className="py-16 bg-muted/30">
           <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-            <PlatformFactory platform={selectedPlatform} release={release} />
+            <PlatformFactory platform={selectedPlatform} release={release} launcherRelease={launcherRelease} />
           </div>
         </section>
       )}

app/download/components/platforms/platform-factory.tsx

@@ -10,18 +10,19 @@ import { type GitHubRelease } from '@/lib/github';
 interface PlatformFactoryProps {
   platform: PlatformInfoData;
   release: GitHubRelease | null;
+  launcherRelease: GitHubRelease | null;
   className?: string;
 }
 
-export default function PlatformFactory({ platform, release, className }: PlatformFactoryProps) {switch (platform.id) {
+export default function PlatformFactory({ platform, release, launcherRelease, className }: PlatformFactoryProps) {switch (platform.id) {
     case 'linux':
       return <LinuxDownloadSection platform={platform} release={release} className={className} />;
     case 'docker':
       return <DockerDownloadSection platform={platform} release={release} className={className} />;
     case 'macos':
       return <MacOSDownloadSection platform={platform} release={release} className={className} />;
     case 'windows':
-      return <WindowsDownloadSection platform={platform} release={release} className={className} />;
+      return <WindowsDownloadSection platform={platform} release={release} launcherRelease={launcherRelease} className={className} />;
     default:
       // Fallback for unknown platforms
       return (

app/download/components/platforms/windows-download-section.tsx

@@ -1,89 +1,156 @@
 'use client'
 
+import { formatVersion, type GitHubRelease } from '@/lib/github';
 import { cn } from "@/lib/utils";
-import { DownloadIcon } from "lucide-react";
-import CodeBlock from "../code-block";
-import Note from "../common/note";
+import { DownloadIcon, ExternalLinkIcon } from "lucide-react";
 import PlatformHeader from "../common/platform-header";
 import { type PlatformInfoData } from "./platform-info";
-import { getDownloadUrlForPlatform, type GitHubRelease } from '@/lib/github';
 
 interface WindowsDownloadSectionProps {
   platform: PlatformInfoData;
   release: GitHubRelease | null;
+  launcherRelease: GitHubRelease | null;
   className?: string;
 }
 
-export default function WindowsDownloadSection({ platform, release, className }: WindowsDownloadSectionProps) {
-  // Get download URL from release assets or use fallback
-  const downloadUrl = release
-    ? getDownloadUrlForPlatform(release, 'windows', 'x86_64')
-    : null;
-
-  const fallbackUrl = release?.html_url || 'https://github.com/rustfs/rustfs/releases/latest';
-  const finalDownloadUrl = downloadUrl || fallbackUrl;
-
-  // Extract filename from URL for code block
-  const getFilenameFromUrl = (url: string) => {
-    if (url.includes('github.com')) {
-      return 'rustfs.exe';
-    }
-    const match = url.match(/([^\/]+\.exe)/);
-    return match ? match[1] : 'rustfs.exe';
-  };
+export default function WindowsDownloadSection({ platform, launcherRelease, className }: WindowsDownloadSectionProps) {
+  const releaseUrl = launcherRelease?.html_url || 'https://github.com/rustfs/launcher/releases/latest';
+  const version = launcherRelease ? formatVersion(launcherRelease.tag_name) : 'latest';
+  const versionTag = launcherRelease?.tag_name || 'latest';
+  const versionWithoutV = versionTag.startsWith('v') ? versionTag.slice(1) : versionTag;
+  const versionWithV = versionTag.startsWith('v') ? versionTag : `v${versionTag}`;
+  const installerFilename = `rustfs-launcher-windows-x86_64-v${versionWithoutV}-setup.exe`;
+  const directDownloadUrl = launcherRelease
+    ? `https://dl.rustfs.com/artifacts/rustfs-launcher/release/rustfs-launcher-windows-x86_64-${versionWithV}-setup.exe`
+    : 'https://dl.rustfs.com/artifacts/rustfs-launcher/release/rustfs-launcher-windows-x86_64-latest-setup.exe';
 
   return (
     <div className={cn("space-y-8", className)}>
       {/* Platform Header */}
       <PlatformHeader platform={platform} />
 
-      {/* Binary Downloads */}
+      {/* Installer Download */}
       <div className="space-y-6">
-        <h3 className="text-lg font-semibold text-foreground">{'Binary Downloads'}</h3>
+        <h3 className="text-lg font-semibold text-foreground">{'Download from GitHub'}</h3>
 
-        {/* x86_64 Variant */}
         <div className="space-y-4">
-          <div className="flex items-center justify-between">
-            <div>
-              <h4 className="font-medium text-foreground">x86_64</h4>
-              <p className="text-sm text-muted-foreground">
-                {'Architecture'}: x86_64
-              </p>
+          <div className="p-6 bg-card rounded-lg border border-border">
+            <div className="space-y-4">
+              <div>
+                <h4 className="font-medium text-foreground mb-2">{'Latest Version'}</h4>
+                <p className="text-sm text-muted-foreground mb-4">
+                  {launcherRelease ? `Current latest version: ${version}` : 'Fetching latest version information...'}
+                </p>
+              </div>
+
+              <div className="space-y-3">
+                <div>
+                  <p className="text-sm font-medium text-foreground mb-2">{'Download Steps:'}</p>
+                  <ol className="list-decimal list-inside space-y-2 text-sm text-muted-foreground">
+                    <li>
+                      {'Visit '}
+                      <a
+                        href={releaseUrl}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="inline-flex items-center space-x-1 text-primary hover:underline"
+                      >
+                        <span>{'GitHub Release page'}</span>
+                        <ExternalLinkIcon className="w-3 h-3" />
+                      </a>
+                    </li>
+                    <li>
+                      {'Find and download '}
+                      <code className="px-1.5 py-0.5 bg-muted rounded text-xs font-mono text-foreground">
+                        {installerFilename}
+                      </code>
+                      {' from the Assets section'}
+                    </li>
+                    <li>{'After downloading, double-click the installer to complete the installation'}</li>
+                  </ol>
+                </div>
+
+                <div className="pt-2">
+                  <a
+                    href={releaseUrl}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="inline-flex items-center space-x-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors"
+                  >
+                    <span>{'Go to Release Page'}</span>
+                    <ExternalLinkIcon className="w-4 h-4" />
+                  </a>
+                </div>
+              </div>
             </div>
-            <a
-              href={finalDownloadUrl}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="inline-flex items-center space-x-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors">
-              <DownloadIcon className="w-4 h-4" />
-              <span>{'Download'}</span>
-            </a>
           </div>
 
-          <CodeBlock
-            code={[
-              "# Download RustFS for Windows",
-              "# Option 1: Download from GitHub Releases",
-              `# Visit: ${fallbackUrl}`,
-              "",
-              "# Option 2: Using PowerShell",
-              downloadUrl
-                ? `Invoke-WebRequest -Uri "${downloadUrl}" -OutFile "${getFilenameFromUrl(downloadUrl)}"`
-                : "# Download from GitHub Releases page",
-              "",
-              "# Run RustFS",
-              ".\\rustfs.exe --version",
-            ]}
-            title={'Installation Commands'}
-          />
+          <div className="p-4 bg-muted/50 rounded-lg border border-border">
+            <p className="text-sm text-muted-foreground">
+              <strong className="text-foreground">{'Tip: '}</strong>
+              {'The Launcher installer includes the RustFS binary. After installation, you can use it immediately.'}
+            </p>
+          </div>
+        </div>
+      </div>
+
+      {/* Direct Download */}
+      <div className="space-y-6">
+        <h3 className="text-lg font-semibold text-foreground">{'Download from Download Site'}</h3>
+
+        <div className="space-y-4">
+          <div className="p-6 bg-card rounded-lg border border-border">
+            <div className="space-y-4">
+              <div>
+                <h4 className="font-medium text-foreground mb-2">{'Latest Version'}</h4>
+                <p className="text-sm text-muted-foreground mb-4">
+                  {launcherRelease ? `Current latest version: ${version}` : 'Fetching latest version information...'}
+                </p>
+              </div>
+
+              <div className="space-y-3">
+                <div>
+                  <p className="text-sm font-medium text-foreground mb-2">{'Download Steps:'}</p>
+                  <ol className="list-decimal list-inside space-y-2 text-sm text-muted-foreground">
+                    <li>{'Click the download button or link below to download the installer'}</li>
+                    <li>{'After downloading, double-click the installer to complete the installation'}</li>
+                  </ol>
+                </div>
+
+                <div className="pt-2">
+                  <a
+                    href={directDownloadUrl}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="inline-flex items-center space-x-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors"
+                  >
+                    <DownloadIcon className="w-4 h-4" />
+                    <span>{'Download Windows x86_64 Installer'}</span>
+                  </a>
+                </div>
+
+                <div className="pt-2">
+                  <p className="text-xs text-muted-foreground">
+                    {'Download link: '}
+                    <a
+                      href={directDownloadUrl}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="ml-1 text-primary hover:underline break-all"
+                    >
+                      {directDownloadUrl}
+                    </a>
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
 
-          <div className="space-y-2">
-            <Note type="tip">
-              {'Default credentials: rustfsadmin / rustfsadmin'}
-            </Note>
-            <Note type="info">
-              {'Windows 10/11 x64 compatible'}
-            </Note>
+          <div className="p-4 bg-muted/50 rounded-lg border border-border">
+            <p className="text-sm text-muted-foreground">
+              <strong className="text-foreground">{'Tip: '}</strong>
+              {'The Launcher installer includes the RustFS binary. After installation, you can use it immediately.'}
+            </p>
           </div>
         </div>
       </div>

app/download/page.tsx

@@ -1,5 +1,5 @@
 import DownloadPageClient from './components/download-page-client';
-import { getLatestRelease } from '@/lib/github';
+import { getLatestRelease, getLatestLauncherRelease } from '@/lib/github';
 import type { Metadata } from 'next';
 
 export const metadata: Metadata = {
@@ -14,6 +14,9 @@ export const metadata: Metadata = {
 };
 
 export default async function DownloadPage() {
-  const release = await getLatestRelease();
-  return <DownloadPageClient release={release} />;
+  const [release, launcherRelease] = await Promise.all([
+    getLatestRelease(),
+    getLatestLauncherRelease()
+  ]);
+  return <DownloadPageClient release={release} launcherRelease={launcherRelease} />;
 }

lib/github.ts

@@ -199,6 +199,70 @@ export async function getLatestVersion(): Promise<string> {
   return fallback;
 }
 
+/**
+ * Get the latest launcher release information
+ * @returns Promise<GitHubRelease | null>
+ */
+export async function getLatestLauncherRelease(): Promise<GitHubRelease | null> {
+  // Try to get the latest official release first
+  try {
+    const response = await fetch(
+      'https://api.github.com/repos/rustfs/launcher/releases/latest',
+      {
+        headers: {
+          'Accept': 'application/vnd.github.v3+json',
+          'User-Agent': 'RustFS-Website'
+        },
+        // Cache for 1 hour
+        next: { revalidate: 3600 }
+      }
+    )
+
+    if (response.ok) {
+      const release = await response.json()
+      return release
+    }
+  } catch (error) {
+    console.warn('Failed to fetch latest launcher release:', error)
+  }
+
+  // If official release doesn't exist (404), get the latest version with assets
+  try {
+    const response = await fetch(
+      'https://api.github.com/repos/rustfs/launcher/releases?per_page=10',
+      {
+        headers: {
+          'Accept': 'application/vnd.github.v3+json',
+          'User-Agent': 'RustFS-Website'
+        },
+        // Cache for 1 hour
+        next: { revalidate: 3600 }
+      }
+    )
+
+    if (response.ok) {
+      const releases = await response.json()
+
+      // Prioritize latest non-draft version with assets
+      const releaseWithAssets = releases.find((release: GitHubRelease) =>
+        !release.draft && release.assets && release.assets.length > 0
+      )
+
+      if (releaseWithAssets) {
+        return releaseWithAssets
+      }
+
+      // If no version with assets found, return latest non-draft version
+      const latestNonDraft = releases.find((release: GitHubRelease) => !release.draft)
+      return latestNonDraft || null
+    }
+  } catch (error) {
+    console.error('Failed to fetch launcher releases:', error)
+  }
+
+  return null
+}
+
 /**
  * Get download link for a version
  * @param release GitHub release information