Hunter Bown
107 lines
4.0 KiB
TypeScript
107 lines
4.0 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect, useState } from "react";
|
|
import { InstallCodeBlock } from "./install-code-block";
|
|
|
|
type Arch = "macos-arm64" | "macos-x64" | "linux-x64" | "linux-arm64" | "windows-x64";
|
|
|
|
const SNIPPETS: Record<Arch, string> = {
|
|
"macos-arm64": `curl -fsSL -o codewhale \\
|
|
https://github.com/Hmbown/CodeWhale/releases/latest/download/codewhale-macos-arm64
|
|
chmod +x codewhale
|
|
xattr -d com.apple.quarantine codewhale 2>/dev/null || true
|
|
sudo mv codewhale /usr/local/bin/`,
|
|
"macos-x64": `curl -fsSL -o codewhale \\
|
|
https://github.com/Hmbown/CodeWhale/releases/latest/download/codewhale-macos-x64
|
|
chmod +x codewhale
|
|
xattr -d com.apple.quarantine codewhale 2>/dev/null || true
|
|
sudo mv codewhale /usr/local/bin/`,
|
|
"linux-x64": `curl -fsSL -o codewhale \\
|
|
https://github.com/Hmbown/CodeWhale/releases/latest/download/codewhale-linux-x64
|
|
chmod +x codewhale
|
|
sudo mv codewhale /usr/local/bin/`,
|
|
"linux-arm64": `curl -fsSL -o codewhale \\
|
|
https://github.com/Hmbown/CodeWhale/releases/latest/download/codewhale-linux-arm64
|
|
chmod +x codewhale
|
|
sudo mv codewhale /usr/local/bin/`,
|
|
"windows-x64": `# PowerShell
|
|
$ErrorActionPreference = "Stop"
|
|
$dest = "$Env:USERPROFILE\\bin"
|
|
New-Item -ItemType Directory -Force $dest | Out-Null
|
|
|
|
Invoke-WebRequest \`
|
|
-Uri https://github.com/Hmbown/CodeWhale/releases/latest/download/codewhale-windows-x64.exe \`
|
|
-OutFile "$dest\\codewhale.exe"
|
|
|
|
$Env:Path = "$dest;$Env:Path"`,
|
|
};
|
|
|
|
const VERIFY: Record<Arch, string> = {
|
|
"macos-arm64": `curl -fsSL -O https://github.com/Hmbown/CodeWhale/releases/latest/download/codewhale-artifacts-sha256.txt
|
|
shasum -a 256 -c codewhale-artifacts-sha256.txt --ignore-missing`,
|
|
"macos-x64": `curl -fsSL -O https://github.com/Hmbown/CodeWhale/releases/latest/download/codewhale-artifacts-sha256.txt
|
|
shasum -a 256 -c codewhale-artifacts-sha256.txt --ignore-missing`,
|
|
"linux-x64": `curl -fsSL -O https://github.com/Hmbown/CodeWhale/releases/latest/download/codewhale-artifacts-sha256.txt
|
|
sha256sum -c codewhale-artifacts-sha256.txt --ignore-missing`,
|
|
"linux-arm64": `curl -fsSL -O https://github.com/Hmbown/CodeWhale/releases/latest/download/codewhale-artifacts-sha256.txt
|
|
sha256sum -c codewhale-artifacts-sha256.txt --ignore-missing`,
|
|
"windows-x64": `# PowerShell
|
|
Get-FileHash "$Env:USERPROFILE\\bin\\codewhale.exe" -Algorithm SHA256`,
|
|
};
|
|
|
|
const LABELS: Record<Arch, string> = {
|
|
"macos-arm64": "macOS · Apple Silicon",
|
|
"macos-x64": "macOS · Intel",
|
|
"linux-x64": "Linux · x64",
|
|
"linux-arm64": "Linux · arm64",
|
|
"windows-x64": "Windows · x64",
|
|
};
|
|
|
|
function detect(): Arch {
|
|
if (typeof navigator === "undefined") return "macos-arm64";
|
|
const ua = navigator.userAgent.toLowerCase();
|
|
if (ua.includes("win")) return "windows-x64";
|
|
if (ua.includes("linux")) {
|
|
if (ua.includes("aarch64") || ua.includes("arm64")) return "linux-arm64";
|
|
return "linux-x64";
|
|
}
|
|
return "macos-arm64";
|
|
}
|
|
|
|
interface Props {
|
|
copyLabel?: string;
|
|
copiedLabel?: string;
|
|
verifyHeading?: string;
|
|
}
|
|
|
|
export function InstallBinary({ copyLabel, copiedLabel, verifyHeading = "Verify checksum" }: Props) {
|
|
const [arch, setArch] = useState<Arch>("macos-arm64");
|
|
|
|
useEffect(() => { setArch(detect()); }, []);
|
|
|
|
return (
|
|
<div>
|
|
<div className="flex flex-wrap gap-0 mb-3 hairline-t hairline-b hairline-l hairline-r">
|
|
{(Object.keys(SNIPPETS) as Arch[]).map((a, i) => (
|
|
<button
|
|
key={a}
|
|
onClick={() => setArch(a)}
|
|
className={`px-3 py-1.5 font-mono text-[0.7rem] tracking-wider transition-colors ${
|
|
i > 0 ? "hairline-l" : ""
|
|
} ${arch === a ? "bg-ink text-paper" : "bg-paper hover:bg-paper-deep"}`}
|
|
>
|
|
{LABELS[a]}
|
|
</button>
|
|
))}
|
|
</div>
|
|
|
|
<InstallCodeBlock cmd={SNIPPETS[arch]} copyLabel={copyLabel} copiedLabel={copiedLabel} />
|
|
|
|
<div className="mt-4">
|
|
<div className="eyebrow mb-2">{verifyHeading}</div>
|
|
<InstallCodeBlock cmd={VERIFY[arch]} copyLabel={copyLabel} copiedLabel={copiedLabel} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|