feat: 更新 Cloudflare Pages 配置，优化动态渲染设置并调整数据库名称

Author: katelya77

next.config.js

@@ -2,20 +2,14 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const nextConfig = {
   // For Cloudflare Pages, use 'export' instead of 'standalone'
-  output: process.env.CLOUDFLARE_PAGES === '1' ? 'export' : 'standalone',
+  // output: process.env.CLOUDFLARE_PAGES === '1' ? 'export' : 'standalone',
 
   eslint: {
     dirs: ['src'],
   },
 
   reactStrictMode: false,
   swcMinify: true,
-  
-  // Disable server components for better Cloudflare Pages compatibility
-  experimental: {
-    serverActions: false,
-    serverComponentsExternalPackages: [],
-  },
 
   // Uncoment to add domain whitelist
   images: {

package.json

@@ -20,7 +20,7 @@
     "postbuild": "echo 'Build completed - sitemap generation disabled'",
     "prepare": "husky install",
     "pages:build": "pnpm gen:runtime && pnpm gen:manifest && next build && npx @cloudflare/next-on-pages --experimental-minify",
-    "cloudflare:build": "set CLOUDFLARE_PAGES=1&& npm run gen:runtime && npm run gen:manifest && next build",
+    "cloudflare:build": "npm run gen:runtime && npm run gen:manifest && npm run build",
     "test:live": "node scripts/test-live-tv.js",
     "deploy:check": "node scripts/deployment-check.js"
   },

public/sw.js

@@ -4,9 +4,9 @@ import { getStorage } from '@/lib/db';
 import { fetchAndParseM3U, isValidM3UUrl } from '@/lib/m3u-parser';
 import { LiveConfig } from '@/lib/types';
 
-// 强制动态渲染
-export const runtime = 'edge';
-export const dynamic = 'force-dynamic';
+// 针对不同部署模式的配置
+export const runtime = process.env.CLOUDFLARE_PAGES === '1' ? 'edge' : 'nodejs';
+export const dynamic = process.env.CLOUDFLARE_PAGES === '1' ? 'force-dynamic' : 'auto';
 
 // 验证管理员权限的中间件
 async function checkAdminAuth(request: NextRequest) {

src/app/api/admin/live/route.ts

@@ -3,14 +3,13 @@ import { NextRequest, NextResponse } from 'next/server';
 import { getStorage } from '@/lib/db';
 import { fetchAndParseM3U } from '@/lib/m3u-parser';
 
-// 强制动态渲染
-export const runtime = 'edge';
-export const dynamic = 'force-dynamic';
+// 针对不同部署模式的配置
+export const runtime = process.env.CLOUDFLARE_PAGES === '1' ? 'edge' : 'nodejs';
 
 export async function GET(request: NextRequest) {
   try {
-    const { searchParams } = new URL(request.url);
-    const sourceKey = searchParams.get('source');
+    const url = new URL(request.url);
+    const sourceKey = url.searchParams.get('source');
 
     if (!sourceKey) {
       return NextResponse.json({ error: '缺少直播源参数' }, { status: 400 });

src/app/api/live/channels/route.ts

@@ -2,9 +2,9 @@ import { NextRequest, NextResponse } from 'next/server';
 
 import { getStorage } from '@/lib/db';
 
-// 强制动态渲染
-export const runtime = 'edge';
-export const dynamic = 'force-dynamic';
+// 针对不同部署模式的配置
+export const runtime = process.env.CLOUDFLARE_PAGES === '1' ? 'edge' : 'nodejs';
+export const dynamic = process.env.CLOUDFLARE_PAGES === '1' ? 'force-dynamic' : 'auto';
 
 export async function GET(_request: NextRequest) {
   try {

src/app/api/live/sources/route.ts

@@ -5,9 +5,6 @@ import { useCallback, useEffect, useState } from 'react';
 
 import PageLayout from '@/components/PageLayout';
 
-// 强制动态渲染
-export const dynamic = 'force-dynamic';
-
 interface LiveSource {
   key: string;
   name: string;

src/app/live/sources/page.tsx

@@ -1,6 +1,6 @@
 import { Clover, Film, Home, Search, Tv } from 'lucide-react';
 import Link from 'next/link';
-import { usePathname, useRouter, useSearchParams } from 'next/navigation';
+import { usePathname, useRouter } from 'next/navigation';
 import { useCallback, useEffect, useState } from 'react';
 
 import { BackButton } from './BackButton';
@@ -19,25 +19,14 @@ interface PageLayoutProps {
 const TopNavbar = ({ activePath = '/' }: { activePath?: string }) => {
   const router = useRouter();
   const pathname = usePathname();
-  const searchParams = useSearchParams();
   const { siteName } = useSite();
 
   const [active, setActive] = useState(activePath);
 
   useEffect(() => {
-    // 优先使用传入的 activePath
-    if (activePath) {
-      setActive(activePath);
-    } else {
-      // 否则使用当前路径
-      const getCurrentFullPath = () => {
-        const queryString = searchParams.toString();
-        return queryString ? `${pathname}?${queryString}` : pathname;
-      };
-      const fullPath = getCurrentFullPath();
-      setActive(fullPath);
-    }
-  }, [activePath, pathname, searchParams]);
+    // 优先使用传入的 activePath，否则使用当前路径
+    setActive(activePath || pathname);
+  }, [activePath, pathname]);
 
   const handleSearchClick = useCallback(() => {
     router.push('/search');

src/components/PageLayout.tsx

@@ -7,13 +7,13 @@ vars = { STORAGE_TYPE = "d1" }
 
 [[env.production.d1_databases]]
 binding = "DB"
-database_name = "katelyatv-production"
-database_id = "" # Production
+database_name = "katelyatv"
+database_id = "c312fe33-7600-4226-b948-6aed7e76f0ad"
 
 [env.preview]
 vars = { STORAGE_TYPE = "d1" }
 
 [[env.preview.d1_databases]]
 binding = "DB"
-database_name = "katelyatv-preview"
-database_id = "" # Preview
+database_name = "katelyatv"
+database_id = "c312fe33-7600-4226-b948-6aed7e76f0ad"