Ma/LunaTV
1
0
Fork 0
mirror of https://github.com/MoonTechLab/LunaTV.git synced 2026-02-23 19:52:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: dynamic site name

Browse Source
This commit is contained in:
shinya
2025-07-01 01:11:19 +08:00
parent 7d6c7e5dd0
commit a7b431823e
7 changed files with 63 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
Dockerfile
View File

@@ -28,6 +28,9 @@ RUN find ./src -type f -name "route.ts" -print0 \
| xargs -0 sed -i "s/export const runtime = 'edge';/export const runtime = 'nodejs';/g"
ENV DOCKER_ENV=true
# For Docker builds, force dynamic rendering to read runtime environment variables.
RUN sed -i "/const inter = Inter({ subsets: \['latin'] });/a export const dynamic = 'force-dynamic';" src/app/layout.tsx
# 生成生产构建
RUN pnpm run build
@@ -42,18 +45,17 @@ ENV NODE_ENV=production
ENV PORT=3000
ENV DOCKER_ENV=true
# 复制必要文件
COPY --from=builder /app/public ./public
COPY --from=builder /app/.next ./.next
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/package.json ./package.json
COPY --from=builder /app/next.config.js ./next.config.js
COPY --from=builder /app/config.json ./config.json
# 从构建器中复制 standalone 输出
COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
# 从构建器中复制 public 和 .next/static 目录
COPY --from=builder --chown=nextjs:nodejs /app/public ./public
COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
COPY --from=builder --chown=nextjs:nodejs /app/config.json ./config.json
# 切换到非特权用户
USER nextjs
EXPOSE 3000
# 使用 next binary 启动
CMD ["node_modules/.bin/next", "start", "-H", "0.0.0.0", "-p", "3000"]
# 使用 node 直接运行 server.js
CMD ["node", "server.js"]

1
next.config.js
View File

@@ -1,6 +1,7 @@
/** @type {import('next').NextConfig} */
/* eslint-disable @typescript-eslint/no-var-requires */
const nextConfig = {
output: 'standalone',
eslint: {
dirs: ['src'],
},

9
src/app/layout.tsx
View File

@@ -4,12 +4,13 @@ import { Inter } from 'next/font/google';
import './globals.css';
import AuthProvider from '../components/AuthProvider';
import { SiteProvider } from '../components/SiteProvider';
import { ThemeProvider } from '../components/ThemeProvider';
const inter = Inter({ subsets: ['latin'] });
export const metadata: Metadata = {
title: 'MoonTV',
title: process.env.SITE_NAME || 'MoonTV',
description: '影视聚合',
manifest: '/manifest.json',
};
@@ -27,6 +28,8 @@ export default function RootLayout({
}: {
children: React.ReactNode;
}) {
const siteName = process.env.SITE_NAME || 'MoonTV';
return (
<html lang='zh-CN' suppressHydrationWarning>
<body
@@ -38,7 +41,9 @@ export default function RootLayout({
enableSystem
disableTransitionOnChange
>
<AuthProvider>{children}</AuthProvider>
<AuthProvider>
<SiteProvider siteName={siteName}>{children}</SiteProvider>
</AuthProvider>
</ThemeProvider>
</body>
</html>

4
src/app/login/page.tsx
View File

@@ -3,6 +3,7 @@
import { useRouter, useSearchParams } from 'next/navigation';
import { Suspense, useState } from 'react';
import { useSite } from '@/components/SiteProvider';
import { ThemeToggle } from '@/components/ThemeToggle';
function LoginPageClient() {
@@ -11,6 +12,7 @@ function LoginPageClient() {
const [password, setPassword] = useState('');
const [error, setError] = useState<string | null>(null);
const [loading, setLoading] = useState(false);
const { siteName } = useSite();
const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault();
@@ -52,7 +54,7 @@ function LoginPageClient() {
</div>
<div className='relative z-10 w-full max-w-md rounded-3xl bg-gradient-to-b from-white/90 via-white/70 to-white/40 dark:from-zinc-900/90 dark:via-zinc-900/70 dark:to-zinc-900/40 backdrop-blur-xl shadow-2xl p-10 dark:border dark:border-zinc-800'>
<h1 className='text-green-600 tracking-tight text-center text-3xl font-extrabold mb-8 bg-clip-text drop-shadow-sm'>
MoonTV
{siteName}
</h1>
<form onSubmit={handleSubmit} className='space-y-8'>
<div>

4
src/components/MobileHeader.tsx
View File

@@ -2,9 +2,11 @@
import Link from 'next/link';
import { useSite } from './SiteProvider';
import { ThemeToggle } from './ThemeToggle';
const MobileHeader = () => {
const { siteName } = useSite();
return (
<header className='md:hidden relative w-full bg-white/70 backdrop-blur-xl border-b border-gray-200/50 shadow-sm dark:bg-gray-900/70 dark:border-gray-700/50'>
<div className='h-12 flex items-center justify-center'>
@@ -12,7 +14,7 @@ const MobileHeader = () => {
href='/'
className='text-2xl font-bold text-green-600 tracking-tight hover:opacity-80 transition-opacity'
>
MoonTV
{siteName}
</Link>
</div>
<div className='absolute top-1/2 right-4 -translate-y-1/2'>

27
src/components/Sidebar.tsx
View File

@@ -1,3 +1,5 @@
'use client';
import {
Clover,
Film,
@@ -22,6 +24,8 @@ import {
useState,
} from 'react';
import { useSite } from './SiteProvider';
interface SidebarContextType {
isCollapsed: boolean;
}
@@ -33,16 +37,19 @@ const SidebarContext = createContext<SidebarContextType>({
export const useSidebar = () => useContext(SidebarContext);
// 可替换为你自己的 logo 图片
const Logo = () => (
<Link
href='/'
className='flex items-center justify-center h-16 select-none hover:opacity-80 transition-opacity duration-200'
>
<span className='text-2xl font-bold text-green-600 tracking-tight'>
MoonTV
</span>
</Link>
);
const Logo = () => {
const { siteName } = useSite();
return (
<Link
href='/'
className='flex items-center justify-center h-16 select-none hover:opacity-80 transition-opacity duration-200'
>
<span className='text-2xl font-bold text-green-600 tracking-tight'>
{siteName}
</span>
</Link>
);
};
interface SidebarProps {
onToggle?: (collapsed: boolean) => void;

21
src/components/SiteProvider.tsx Normal file
View File

@@ -0,0 +1,21 @@
'use client';
import { createContext, ReactNode, useContext } from 'react';
const SiteContext = createContext<{ siteName: string }>({
siteName: 'MoonTV', // Default value
});
export const useSite = () => useContext(SiteContext);
export function SiteProvider({
children,
siteName,
}: {
children: ReactNode;
siteName: string;
}) {
return (
<SiteContext.Provider value={{ siteName }}>{children}</SiteContext.Provider>
);
}