angel
52bcc81068
- Implemented FullScreenPlayer component for enhanced audio playback experience. - Added functionality to toggle full screen mode in AudioPlayer. - Introduced NavidromeConfigContext for managing Navidrome server configurations. - Created RadioStationsPage for managing internet radio stations, including adding, deleting, and playing stations. - Enhanced SettingsPage to configure Navidrome server connection with validation and feedback. - Updated NavidromeAPI to support fetching and managing radio stations. - Integrated lyrics fetching and display in FullScreenPlayer using LrcLibClient.
96 lines
2.7 KiB
TypeScript
96 lines
2.7 KiB
TypeScript
import { SpeedInsights } from "@vercel/speed-insights/next";
|
|
import React from 'react';
|
|
import { Analytics } from "@vercel/analytics/react";
|
|
import localFont from "next/font/local";
|
|
import "./globals.css";
|
|
import { AudioPlayerProvider } from "./components/AudioPlayerContext";
|
|
import { NavidromeProvider } from "./components/NavidromeContext";
|
|
import { NavidromeConfigProvider } from "./components/NavidromeConfigContext";
|
|
import { ThemeProvider } from "./components/ThemeProvider";
|
|
import { Metadata } from "next";
|
|
import type { Viewport } from 'next';
|
|
import Ihateserverside from './components/ihateserverside';
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: 'black',
|
|
};
|
|
|
|
export const metadata: Metadata = {
|
|
title: {
|
|
template: 'mice | %s',
|
|
default: 'mice',
|
|
},
|
|
description: 'a very awesome music streaming service',
|
|
robots: {
|
|
index: true,
|
|
follow: true,
|
|
nocache: true,
|
|
googleBot: {
|
|
index: true,
|
|
follow: false,
|
|
noimageindex: true,
|
|
'max-video-preview': -1,
|
|
'max-image-preview': 'large',
|
|
'max-snippet': -1,
|
|
},
|
|
},
|
|
};
|
|
|
|
const geistSans = localFont({
|
|
src: "./fonts/GeistVF.woff",
|
|
variable: "--font-geist-sans",
|
|
weight: "100 900",
|
|
});
|
|
const geistMono = localFont({
|
|
src: "./fonts/GeistMonoVF.woff",
|
|
variable: "--font-geist-mono",
|
|
weight: "100 900",
|
|
});
|
|
|
|
interface LayoutProps {
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export default function Layout({ children }: LayoutProps) {
|
|
|
|
|
|
return (
|
|
<html lang="en">
|
|
<head>
|
|
<script
|
|
dangerouslySetInnerHTML={{
|
|
__html: `
|
|
(function() {
|
|
const savedTheme = localStorage.getItem('theme');
|
|
const theme = (savedTheme === 'blue' || savedTheme === 'violet') ? savedTheme : 'blue';
|
|
|
|
// Apply theme class
|
|
document.documentElement.classList.add('theme-' + theme);
|
|
|
|
// Apply dark mode based on system preference
|
|
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
document.documentElement.classList.add('dark');
|
|
}
|
|
})();
|
|
`,
|
|
}}
|
|
/>
|
|
</head>
|
|
<body className={`${geistSans.variable} ${geistMono.variable} antialiased bg-background`}>
|
|
<ThemeProvider>
|
|
<NavidromeConfigProvider>
|
|
<NavidromeProvider>
|
|
<AudioPlayerProvider>
|
|
<SpeedInsights />
|
|
<Analytics />
|
|
<Ihateserverside>
|
|
{children}
|
|
</Ihateserverside>
|
|
</AudioPlayerProvider>
|
|
</NavidromeProvider>
|
|
</NavidromeConfigProvider>
|
|
</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
} |