Major Features: - Multi-source download system (Soulseek/Lidarr with fallback) - Configurable enrichment speed control (1-5x) - Mobile touch drag support for seek sliders - iOS PWA media controls (Control Center, Lock Screen) - Artist name alias resolution via Last.fm - Circuit breaker pattern for audio analysis Critical Fixes: - Audio analyzer stability (non-ASCII, BrokenProcessPool, OOM) - Discovery system race conditions and import failures - Radio decade categorization using originalYear - LastFM API response normalization - Mood bucket infinite loop prevention Security: - Bull Board admin authentication - Lidarr webhook signature verification - JWT token expiration and refresh - Encryption key validation on startup Closes #2, #6, #9, #13, #21, #26, #31, #34, #35, #37, #40, #43
79 lines
2.7 KiB
TypeScript
79 lines
2.7 KiB
TypeScript
import type { Metadata, Viewport } from "next";
|
|
import { Montserrat } from "next/font/google";
|
|
import "./globals.css";
|
|
import { AuthProvider } from "@/lib/auth-context";
|
|
import { ToastProvider } from "@/lib/toast-context";
|
|
import { DownloadProvider } from "@/lib/download-context";
|
|
import { ConditionalAudioProvider } from "@/components/providers/ConditionalAudioProvider";
|
|
import { AuthenticatedLayout } from "@/components/layout/AuthenticatedLayout";
|
|
import { QueryProvider } from "@/lib/query-client";
|
|
import { ServiceWorkerRegistration } from "@/components/ServiceWorkerRegistration";
|
|
import { GlobalErrorBoundary } from "@/components/providers/GlobalErrorBoundary";
|
|
|
|
const montserrat = Montserrat({
|
|
weight: ["300", "400", "500", "600", "700", "800"],
|
|
subsets: ["latin"],
|
|
display: "swap",
|
|
variable: "--font-montserrat",
|
|
});
|
|
|
|
// Viewport configuration - separate export for Next.js 14+
|
|
export const viewport: Viewport = {
|
|
width: "device-width",
|
|
initialScale: 1,
|
|
maximumScale: 1,
|
|
userScalable: false,
|
|
viewportFit: "cover",
|
|
themeColor: "#000000",
|
|
};
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Lidify - Your Music",
|
|
description: "Self-hosted music streaming platform",
|
|
manifest: "/manifest.webmanifest",
|
|
icons: {
|
|
icon: "/assets/images/Lidify__favicon.ico",
|
|
apple: [
|
|
{ url: "/assets/icons/icon-192.webp", sizes: "192x192" },
|
|
{ url: "/assets/icons/icon-512.webp", sizes: "512x512" },
|
|
],
|
|
},
|
|
appleWebApp: {
|
|
capable: true,
|
|
statusBarStyle: "black-translucent",
|
|
title: "Lidify",
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="en">
|
|
<body
|
|
className={`${montserrat.variable} antialiased`}
|
|
style={{ fontFamily: "var(--font-montserrat)" }}
|
|
>
|
|
<GlobalErrorBoundary>
|
|
<ServiceWorkerRegistration />
|
|
<AuthProvider>
|
|
<QueryProvider>
|
|
<DownloadProvider>
|
|
<ConditionalAudioProvider>
|
|
<ToastProvider>
|
|
<AuthenticatedLayout>
|
|
{children}
|
|
</AuthenticatedLayout>
|
|
</ToastProvider>
|
|
</ConditionalAudioProvider>
|
|
</DownloadProvider>
|
|
</QueryProvider>
|
|
</AuthProvider>
|
|
</GlobalErrorBoundary>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|