first commit

2025-08-12 21:50:58 +08:00
commit b4ed660eca
121 changed files with 36497 additions and 0 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -0,0 +1,124 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import type { Metadata, Viewport } from 'next';
+import { Inter } from 'next/font/google';
+
+import './globals.css';
+import 'sweetalert2/dist/sweetalert2.min.css';
+
+import { getConfig } from '@/lib/config';
+import RuntimeConfig from '@/lib/runtime';
+
+import { GlobalErrorIndicator } from '../components/GlobalErrorIndicator';
+import { SiteProvider } from '../components/SiteProvider';
+import { ThemeProvider } from '../components/ThemeProvider';
+
+const inter = Inter({ subsets: ['latin'] });
+
+// 动态生成 metadata，支持配置更新后的标题变化
+export async function generateMetadata(): Promise<Metadata> {
+  let siteName = process.env.NEXT_PUBLIC_SITE_NAME || 'MoonTV';
+  if (process.env.NEXT_PUBLIC_STORAGE_TYPE !== 'upstash') {
+    const config = await getConfig();
+    siteName = config.SiteConfig.SiteName;
+  }
+
+  return {
+    title: siteName,
+    description: '影视聚合',
+    manifest: '/manifest.json',
+  };
+}
+
+export const viewport: Viewport = {
+  viewportFit: 'cover',
+};
+
+export default async function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  let siteName = process.env.NEXT_PUBLIC_SITE_NAME || 'MoonTV';
+  let announcement =
+    process.env.ANNOUNCEMENT ||
+    '本网站仅提供影视信息搜索服务，所有内容均来自第三方网站。本站不存储任何视频资源，不对任何内容的准确性、合法性、完整性负责。';
+  let enableRegister = process.env.NEXT_PUBLIC_ENABLE_REGISTER === 'true';
+  let doubanProxyType = process.env.NEXT_PUBLIC_DOUBAN_PROXY_TYPE || 'direct';
+  let doubanProxy = process.env.NEXT_PUBLIC_DOUBAN_PROXY || '';
+  let doubanImageProxyType =
+    process.env.NEXT_PUBLIC_DOUBAN_IMAGE_PROXY_TYPE || 'direct';
+  let doubanImageProxy = process.env.NEXT_PUBLIC_DOUBAN_IMAGE_PROXY || '';
+  let disableYellowFilter =
+    process.env.NEXT_PUBLIC_DISABLE_YELLOW_FILTER === 'true';
+  let customCategories =
+    (RuntimeConfig as any).custom_category?.map((category: any) => ({
+      name: 'name' in category ? category.name : '',
+      type: category.type,
+      query: category.query,
+    })) || ([] as Array<{ name: string; type: 'movie' | 'tv'; query: string }>);
+  if (process.env.NEXT_PUBLIC_STORAGE_TYPE !== 'upstash') {
+    const config = await getConfig();
+    siteName = config.SiteConfig.SiteName;
+    announcement = config.SiteConfig.Announcement;
+    enableRegister = config.UserConfig.AllowRegister;
+    doubanProxyType = config.SiteConfig.DoubanProxyType;
+    doubanProxy = config.SiteConfig.DoubanProxy;
+    doubanImageProxyType = config.SiteConfig.DoubanImageProxyType;
+    doubanImageProxy = config.SiteConfig.DoubanImageProxy;
+    disableYellowFilter = config.SiteConfig.DisableYellowFilter;
+    customCategories = config.CustomCategories.filter(
+      (category) => !category.disabled
+    ).map((category) => ({
+      name: category.name || '',
+      type: category.type,
+      query: category.query,
+    }));
+  }
+
+  // 将运行时配置注入到全局 window 对象，供客户端在运行时读取
+  const runtimeConfig = {
+    STORAGE_TYPE: process.env.NEXT_PUBLIC_STORAGE_TYPE || 'localstorage',
+    ENABLE_REGISTER: enableRegister,
+    DOUBAN_PROXY_TYPE: doubanProxyType,
+    DOUBAN_PROXY: doubanProxy,
+    DOUBAN_IMAGE_PROXY_TYPE: doubanImageProxyType,
+    DOUBAN_IMAGE_PROXY: doubanImageProxy,
+    DISABLE_YELLOW_FILTER: disableYellowFilter,
+    CUSTOM_CATEGORIES: customCategories,
+  };
+
+  return (
+    <html lang='zh-CN' suppressHydrationWarning>
+      <head>
+        <meta
+          name='viewport'
+          content='width=device-width, initial-scale=1.0, viewport-fit=cover'
+        />
+        <link rel='apple-touch-icon' href='/icons/icon-192x192.png' />
+        {/* 将配置序列化后直接写入脚本，浏览器端可通过 window.RUNTIME_CONFIG 获取 */}
+        {/* eslint-disable-next-line @next/next/no-sync-scripts */}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `window.RUNTIME_CONFIG = ${JSON.stringify(runtimeConfig)};`,
+          }}
+        />
+      </head>
+      <body
+        className={`${inter.className} min-h-screen bg-white text-gray-900 dark:bg-black dark:text-gray-200`}
+      >
+        <ThemeProvider
+          attribute='class'
+          defaultTheme='system'
+          enableSystem
+          disableTransitionOnChange
+        >
+          <SiteProvider siteName={siteName} announcement={announcement}>
+            {children}
+            <GlobalErrorIndicator />
+          </SiteProvider>
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}