import { ClerkProvider } from '@clerk/nextjs'; import { dark } from '@clerk/themes'; import { Metadata } from 'next'; import { cookies, headers } from 'next/headers'; import Image from 'next/image'; import Script from 'next/script'; import { AppProviders } from '@/app/(root)/AppProviders'; import ClientLayout from '@/app/(root)/ClientLayout'; import '@/app/(root)/globals.css'; import AnalyticsScripts from '@/components/ga4/AnalyticsScripts'; import PwaInstallSuppressionScript from '@/components/pwa/PwaInstallSuppressionScript'; import { isAndroid, isIOS } from '@/utils/device'; import { staticAssetUrl } from '@/utils/staticAssetUrl'; const clerkLocalizationOverrides = { footerPageLink__privacy: 'By continuing, you accept our Privacy Policy and', footerPageLink__terms: 'Terms of Use', signUp: { start: { actionText: '', }, }, }; export async function generateMetadata(): Promise { return { title: 'Suno', description: 'Suno', // PWA config appleWebApp: { capable: true, statusBarStyle: 'black-translucent', title: 'Suno', }, applicationName: 'Suno', }; } export default async function RootLayout({ children, }: { children: React.ReactNode; }) { const headers_obj = await headers(); const customCountry = headers_obj.get('country'); const vercelCountry = headers_obj.get('x-vercel-ip-country'); const country = customCountry || vercelCountry; // Get additional geolocation headers const postalCode = headers_obj.get('x-vercel-ip-postal-code'); const latitude = headers_obj.get('x-vercel-ip-latitude'); const longitude = headers_obj.get('x-vercel-ip-longitude'); const city = headers_obj.get('x-vercel-ip-city'); const region = headers_obj.get('x-vercel-ip-country-region'); const forwardedFor = headers_obj.get('x-forwarded-for'); // User agent for Chrome and Firefox is CriOS and FxiOS const isOnIos = isIOS(); const isOnAndroid = isAndroid(); const supportedBrowser = isOnIos || isOnAndroid; console.debug('Location Alpha:', country); console.debug('Location Alpha (custom):', customCountry); console.debug('Location Alpha (auto):', vercelCountry); console.debug('Zone Beta:', postalCode); console.debug('Coord X:', latitude); console.debug('Coord Y:', longitude); console.debug('Metro:', city); console.debug('District:', region); console.debug('Origin:', forwardedFor); // Override Clerk publishable key for staff const cookieStore = await cookies(); const sunoAuthOverride = cookieStore.get('suno_auth')?.value; return ( {/* Critical font preloading - Other fonts load progressively via @font-face */} {/* Maze for user testing */} {/* Do not add an hcaptcha script tag to this file. See the comment at the top of (root)/Captcha.tsx. */} {/* Cloudflare Analytics */} */} {process.env.NEXT_PUBLIC_MAINTENANCE === 'true' ? (
Suno

Suno will be right back

Scheduled Maintenance: Our site is undergoing planned maintenance today (11/14/2024) from 10:00 PM to 11:00 PM ET. During this time, features will be temporarily unavailable. Thank you for your patience!
) : ( {/* as part of making the url bar collapsable, we removed the height restriction on the body & html tags. however, the landing page components are positioned with the assumption that the body & html tags have height 100%. so we add this div to maintain the height restriction / overflow container until we can refactor it TODO: refactor it to also collapse the url bar*/}
{children}
 )} ); }