3ee1974021
- Theme icon now uses dark:hidden/dark:block CSS classes instead of JS state, eliminating the flash on hydration entirely - Remove useSyncExternalStore mounted pattern (no longer needed) - Add theme-color meta tag updated by blocking script and toggle for iOS Safari status bar - Revert body fade-in animation (not needed with CSS-only icons)
100 lines
3.3 KiB
TypeScript
100 lines
3.3 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Geist, Geist_Mono } from "next/font/google";
|
|
import { Providers } from "./providers";
|
|
|
|
import { DevPanel } from "./components/spacing-control";
|
|
import { SiteFooter } from "./components/nav-links";
|
|
import "./globals.css";
|
|
|
|
const geistSans = Geist({
|
|
variable: "--font-geist-sans",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
const geistMono = Geist_Mono({
|
|
variable: "--font-geist-mono",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "cmux — The terminal built for multitasking",
|
|
description:
|
|
"Native macOS terminal built on Ghostty. Works with Claude Code, Codex, OpenCode, Gemini CLI, Kiro, Aider, and any CLI tool. Vertical tabs, notification rings, split panes, and a socket API.",
|
|
keywords: [
|
|
"terminal",
|
|
"macOS",
|
|
"coding agents",
|
|
"Claude Code",
|
|
"Codex",
|
|
"OpenCode",
|
|
"Gemini CLI",
|
|
"Kiro",
|
|
"Aider",
|
|
"Ghostty",
|
|
"AI",
|
|
"terminal for AI agents",
|
|
],
|
|
openGraph: {
|
|
title: "cmux — The terminal built for multitasking",
|
|
description:
|
|
"Native macOS terminal for AI coding agents. Works with Claude Code, Codex, OpenCode, Gemini CLI, Kiro, Aider, and any CLI tool.",
|
|
url: "https://cmux.dev",
|
|
siteName: "cmux",
|
|
type: "website",
|
|
},
|
|
twitter: {
|
|
card: "summary",
|
|
title: "cmux — The terminal built for multitasking",
|
|
description:
|
|
"Native macOS terminal for AI coding agents. Works with Claude Code, Codex, OpenCode, Gemini CLI, Kiro, Aider, and any CLI tool.",
|
|
},
|
|
metadataBase: new URL("https://cmux.dev"),
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
const jsonLd = {
|
|
"@context": "https://schema.org",
|
|
"@type": "SoftwareApplication",
|
|
name: "cmux",
|
|
operatingSystem: "macOS",
|
|
applicationCategory: "DeveloperApplication",
|
|
url: "https://cmux.dev",
|
|
downloadUrl:
|
|
"https://github.com/manaflow-ai/cmux/releases/latest/download/cmux-macos.dmg",
|
|
description:
|
|
"Native macOS terminal built on Ghostty. Works with Claude Code, Codex, OpenCode, Gemini CLI, Kiro, Aider, and any CLI tool. Vertical tabs, notification rings, split panes, and a socket API.",
|
|
keywords:
|
|
"terminal, macOS, Claude Code, Codex, OpenCode, Gemini CLI, Kiro, Aider, AI coding agents, Ghostty",
|
|
offers: { "@type": "Offer", price: "0", priceCurrency: "USD" },
|
|
};
|
|
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<head>
|
|
<meta name="theme-color" content="#0a0a0a" />
|
|
<script
|
|
dangerouslySetInnerHTML={{
|
|
__html: `(function(){try{var t=localStorage.getItem("theme");var light=t==="light"||(t==="system"&&window.matchMedia("(prefers-color-scheme:light)").matches);if(!light)document.documentElement.classList.add("dark");var m=document.querySelector('meta[name="theme-color"]');if(m)m.content=light?"#fafafa":"#0a0a0a"}catch(e){}})()`,
|
|
}}
|
|
/>
|
|
</head>
|
|
<body
|
|
className={`${geistSans.variable} ${geistMono.variable} font-sans antialiased`}
|
|
>
|
|
<script
|
|
type="application/ld+json"
|
|
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
|
|
/>
|
|
<Providers>
|
|
{children}
|
|
<SiteFooter />
|
|
<DevPanel />
|
|
</Providers>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|