+
+
Supports
(null);
-
- React.useEffect(() => {
- function handleClickOutside(e: MouseEvent) {
- if (ref.current && !ref.current.contains(e.target as Node)) {
- setOpen(false);
- }
- }
- document.addEventListener("mousedown", handleClickOutside);
- return () => document.removeEventListener("mousedown", handleClickOutside);
- }, []);
-
const primary = downloadOptions.find((o) => o.platform === detectedPlatform)!;
- const secondaryOptions = downloadOptions.filter((o) => o.platform !== detectedPlatform);
const PrimaryIcon = primary.icon;
return (
- ();
+ ._addFileTypes()
-import type { getRouter } from "./router.tsx";
-import type { createStart } from "@tanstack/react-start";
-declare module "@tanstack/react-start" {
+import type { getRouter } from './router.tsx'
+import type { createStart } from '@tanstack/react-start'
+declare module '@tanstack/react-start' {
interface Register {
- ssr: true;
- router: Awaited>;
+ ssr: true
+ router: Awaited>
}
}
diff --git a/packages/website/src/routes/download.tsx b/packages/website/src/routes/download.tsx
new file mode 100644
index 000000000..304aeb800
--- /dev/null
+++ b/packages/website/src/routes/download.tsx
@@ -0,0 +1,419 @@
+import { Link, createFileRoute } from "@tanstack/react-router";
+import { pageMeta } from "~/meta";
+import websitePackage from "../../package.json";
+import "~/styles.css";
+
+const desktopVersion = websitePackage.version;
+const releaseBase = `https://github.com/getpaseo/paseo/releases/download/v${desktopVersion}`;
+
+export const Route = createFileRoute("/download")({
+ head: () => ({
+ meta: pageMeta(
+ "Download - Paseo",
+ "Download Paseo for macOS, Windows, Linux, iOS, and Android. Your dev environment, in your pocket.",
+ ),
+ }),
+ component: Download,
+});
+
+function Download() {
+ return (
+ ) {
+ return (
+
+ );
+}
+
+function AndroidIcon(props: React.SVGProps) {
+ return (
+
+ );
+}
+
+function WindowsIcon(props: React.SVGProps) {
+ return (
+
+ );
+}
+
+function LinuxIcon(props: React.SVGProps) {
+ return (
+
+ );
+}
+
+function MonitorIcon(props: React.SVGProps) {
+ return (
+
+ );
+}
+
+function PhoneIcon(props: React.SVGProps) {
+ return (
+
+ );
+}
+
+function TerminalIcon(props: React.SVGProps) {
+ return (
+
+ );
+}
+
+function GlobeIcon(props: React.SVGProps) {
+ return (
+
+ );
+}
-
-
- {open && (
-
- {secondaryOptions.map((option) => {
- const Icon = option.icon;
- return (
- setOpen(false)}
- className="flex items-center gap-2 px-4 py-2 text-sm text-white/80 hover:bg-white/10 transition-colors"
- >
-
- )}
-
-
+
+
+
+ );
+}
+
+function DownloadPill({
+ href,
+ label,
+ external,
+}: {
+ href: string;
+ label: string;
+ external?: boolean;
+}) {
+ return (
+
+ {label}
+ {external && (
+
+ )}
+
+ );
+}
+
+function AppleIcon(props: React.SVGProps
+
+
+ 
+ Paseo
+
+
+
+
+
+
+
+ {/* Mobile */}
+
+
+
+ {/* Web & CLI */}
+
+
+
+
+
+ Paseo
+
+
+ Download
++ v{desktopVersion} +
+ + {/* Desktop */} +
+
+
+ Desktop
+
+ {/* macOS */}
+
+
+
+
+ {/* Windows */}
+
+
+
+
+
+
+
+ {/* Linux */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Mobile
+
+ {/* Android */}
+
+
+
+
+ {/* iOS */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Web & CLI
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ npx paseo
+
+ + All releases are available on{" "} + + GitHub + + . +
+