// Prunr — coming soon, v2: fake macOS desktop. A real menubar across the top with // the Prunr "447.9 GB" indicator; the popover hangs open just beneath it. // Composes DS primitives from window.PrunrDesignSystem_225e08 → window.PrunrComingSoonV2. (function () { const DS = window.PrunrDesignSystem_225e08; const { Button, Icon } = DS; function AppleLogo({ size = 18, color = "currentColor" }) { return ( ); } function Wordmark({ size = 27 }) { return ( Prunr ); } function AppIcon({ size = 27 }) { return ( ); } // San Francisco — the real macOS system font (resolves to SF Pro on Mac). const SF = '-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, sans-serif'; // Status glyphs — real SF Symbols (Regular weight) exported from SF Symbols app. function BatteryGlyph() { return ( ); } function WifiGlyph() { return ( ); } function SoundGlyph() { return ( ); } function ControlCenterGlyph() { return ( ); } function SpotlightGlyph() { return ( ); } // Fake macOS menu bar — right-side status only (the "447.9 GB" item is the Prunr indicator). function MenuBar() { const ink = "#1d1d1f"; const [now, setNow] = React.useState(() => new Date()); React.useEffect(() => { const t = setInterval(() => setNow(new Date()), 1000); return () => clearInterval(t); }, []); const day = now.toLocaleDateString("en-US", { day: "numeric", month: "short" }); const time = now.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit", hour12: false }); return (
{/* Prunr indicator — shown in its active (clicked-open) state: dark liquid-glass pill */} 447.9 GB {day}  {time}
); } function Nav() { return (
); } const ERR = "#d92d20"; // inline error red function Signup() { const [open, setOpen] = React.useState(false); const [focus, setFocus] = React.useState(false); const [email, setEmail] = React.useState(""); const [error, setError] = React.useState(""); // "" = no error const [status, setStatus] = React.useState("idle"); // idle | loading | done const inputRef = React.useRef(null); React.useEffect(() => { if (open && inputRef.current) inputRef.current.focus(); }, [open]); function validate(value) { const v = value.trim(); if (!v) return "Please enter your email."; // Pragmatic email check — one @, a dot in the domain, no spaces. if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return "That doesn’t look like a valid email."; return ""; } async function submit(e) { e.preventDefault(); const msg = validate(email); if (msg) { setError(msg); setFocus(true); inputRef.current && inputRef.current.focus(); return; } setError(""); setStatus("loading"); try { const res = await fetch("https://prunr-web.vercel.app/api/subscribe", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: email.trim() }), }); if (res.ok) { setStatus("done"); return; } let data = {}; try { data = await res.json(); } catch (_) {} if (res.status === 409) { setStatus("done"); return; } // already subscribed → treat as success setStatus("idle"); setError(data.error || "Something went wrong. Please try again."); } catch (_) { setStatus("idle"); setError("Network error — check your connection and try again."); } } if (status === "done") { return (
Check your mail - dmg is on its way!
); } const hasError = !!error; const ring = hasError ? `inset 0 0 0 1.5px ${ERR}` : (focus ? "inset 0 0 0 1.5px var(--theme-accent), var(--focus-ring)" : "inset 0 0 0 1px var(--border)"); const layer = (on) => "signup-layer " + (on ? "signup-layer--in" : "signup-layer--out"); return (
{ setEmail(e.target.value); if (hasError) setError(""); }} onFocus={() => setFocus(true)} onBlur={() => setFocus(false)} style={{ flex: 1, minWidth: 0, height: 54, padding: "0 22px", borderRadius: "var(--radius-pill)", border: "none", outline: "none", background: "var(--card)", boxShadow: ring, fontFamily: "var(--font-body)", fontWeight: 500, fontSize: 15.5, color: "var(--body-color)", transition: "box-shadow var(--dur-fast) var(--ease)" }} />
); } function Hero() { return (
{/* Left — headline + subline + button */}

Who ate 🐛
my storage? Prunr 🍃
keeps track.

I got tired of wondering where my storage went,
so I built a menubar app that remembers.

); } function GitHubIcon({ size = 15 }) { return ( ); } function Footer() { const link = { display: "inline-flex", alignItems: "center", gap: 6, textDecoration: "none", fontFamily: "var(--font-body)", fontWeight: 500, fontSize: 13, color: "var(--body-color)", opacity: 0.45, transition: "opacity var(--dur-fast) var(--ease)" }; const onLinkEnter = (e) => (e.currentTarget.style.opacity = "0.85"); const onLinkLeave = (e) => (e.currentTarget.style.opacity = "0.45"); return ( ); } function Page() { return (
); } window.PrunrComingSoonV2 = { Page, MenuBar, Nav, Hero, Signup, Footer }; })();