",
+ " $0",
+ "
",
+ "
+ 
+
+
+> 🎬 **MoonTV** 是一个开箱即用的、跨平台的影视聚合播放器。它基于 **Next.js 14** + **Tailwind CSS** + **TypeScript** 构建，支持多资源搜索、在线播放、收藏同步、播放记录、本地/云端存储，让你可以随时随地畅享海量免费影视内容。
+
+
+
+
+
+
+
+
+
+
+
+
+---
+
+## ✨ 功能特性
+
+- 🔍 **多源聚合搜索**：内置数十个免费资源站点，一次搜索立刻返回全源结果。
+- 📄 **丰富详情页**：支持剧集列表、演员、年份、简介等完整信息展示。
+- ▶️ **流畅在线播放**：集成 HLS.js & ArtPlayer。
+- ❤️ **收藏 + 继续观看**：支持 Redis/D1 存储，多端同步进度。
+- 📱 **PWA**：离线缓存、安装到桌面/主屏，移动端原生体验。
+- 🌗 **响应式布局**：桌面侧边栏 + 移动底部导航，自适应各种屏幕尺寸。
+- 🚀 **极简部署**：一条 Docker 命令即可将完整服务跑起来，或免费部署到 Vercel 和 Cloudflare。
+- 👿 **智能去广告**：自动跳过视频中的切片广告（实验性）
+
+
+ 
+ 
+ 
+
+
+## 🗺 目录
+
+- [技术栈](#技术栈)
+- [部署](#部署)
+- [Docker Compose 最佳实践](#Docker-Compose-最佳实践)
+- [环境变量](#环境变量)
+- [配置说明](#配置说明)
+- [管理员配置](#管理员配置)
+- [AndroidTV 使用](#AndroidTV-使用)
+- [Roadmap](#roadmap)
+- [安全与隐私提醒](#安全与隐私提醒)
+- [License](#license)
+- [致谢](#致谢)
+
+## 技术栈
+
+| 分类 | 主要依赖 |
+| --------- | ----------------------------------------------------------------------------------------------------- |
+| 前端框架 | [Next.js 14](https://nextjs.org/) · App Router |
+| UI & 样式 | [Tailwind CSS 3](https://tailwindcss.com/) |
+| 语言 | TypeScript 4 |
+| 播放器 | [ArtPlayer](https://github.com/zhw2590582/ArtPlayer) · [HLS.js](https://github.com/video-dev/hls.js/) |
+| 代码质量 | ESLint · Prettier · Jest |
+| 部署 | Docker · Vercel · CloudFlare pages |
+
+## 部署
+
+本项目**支持 Vercel、Docker 和 Cloudflare** 部署。
+
+存储支持矩阵
+
+| | Docker | Vercel | Cloudflare |
+| :-----------: | :----: | :----: | :--------: |
+| localstorage | ✅ | ✅ | ✅ |
+| 原生 redis | ✅ | | |
+| Cloudflare D1 | | | ✅ |
+| Upstash Redis | ☑️ | ✅ | ☑️ |
+
+✅：经测试支持
+
+☑️：理论上支持，未测试
+
+除 localstorage 方式外，其他方式都支持多账户、记录同步和管理页面
+
+### Vercel 部署
+
+#### 普通部署（localstorage）
+
+1. **Fork** 本仓库到你的 GitHub 账户。
+2. 登陆 [Vercel](https://vercel.com/)，点击 **Add New → Project**，选择 Fork 后的仓库。
+3. 设置 PASSWORD 环境变量。
+4. 保持默认设置完成首次部署。
+5. 如需自定义 `config.json`，请直接修改 Fork 后仓库中该文件。
+6. 每次 Push 到 `main` 分支将自动触发重新构建。
+
+部署完成后即可通过分配的域名访问，也可以绑定自定义域名。
+
+#### Upstash Redis 支持
+
+0. 完成普通部署并成功访问。
+1. 在 [upstash](https://upstash.com/) 注册账号并新建一个 Redis 实例，名称任意。
+2. 复制新数据库的 **HTTPS ENDPOINT 和 TOKEN**
+3. 返回你的 Vercel 项目，新增环境变量 **UPSTASH_URL 和 UPSTASH_TOKEN**，值为第二步复制的 endpoint 和 token
+4. 设置环境变量 NEXT_PUBLIC_STORAGE_TYPE，值为 **upstash**；设置 USERNAME 和 PASSWORD 作为站长账号
+5. 重试部署
+
+### Cloudflare 部署
+
+**Cloudflare Pages 的环境变量尽量设置为密钥而非文本**
+
+#### 普通部署（localstorage）
+
+1. **Fork** 本仓库到你的 GitHub 账户。
+2. 登陆 [Cloudflare](https://cloudflare.com)，点击 **计算（Workers）-> Workers 和 Pages**，点击创建
+3. 选择 Pages，导入现有的 Git 存储库，选择 Fork 后的仓库
+4. 构建命令填写 **pnpm install --frozen-lockfile && pnpm run pages:build**，预设框架为无，构建输出目录为 `.vercel/output/static`
+5. 保持默认设置完成首次部署。进入设置，将兼容性标志设置为 `nodejs_compat`
+6. 首次部署完成后进入设置，新增 PASSWORD 密钥（变量和机密下），而后重试部署。
+7. 如需自定义 `config.json`，请直接修改 Fork 后仓库中该文件。
+8. 每次 Push 到 `main` 分支将自动触发重新构建。
+
+#### D1 支持
+
+0. 完成普通部署并成功访问
+1. 点击 **存储和数据库 -> D1 SQL 数据库**，创建一个新的数据库，名称随意
+2. 进入刚创建的数据库，点击左上角的 Explore Data，将[D1 初始化](D1初始化.md) 中的内容粘贴到 Query 窗口后点击 **Run All**，等待运行完成
+3. 返回你的 pages 项目，进入 **设置 -> 绑定**，添加绑定 D1 数据库，选择你刚创建的数据库，变量名称填 **DB**
+4. 设置环境变量 NEXT_PUBLIC_STORAGE_TYPE，值为 **d1**；设置 USERNAME 和 PASSWORD 作为站长账号
+5. 重试部署
+
+### Docker 部署
+
+#### 1. 直接运行（最简单）
+
+```bash
+# 拉取预构建镜像
+docker pull ghcr.io/senshinya/moontv:latest
+
+# 运行容器
+# -d: 后台运行 -p: 映射端口 3000 -> 3000
+docker run -d --name moontv -p 3000:3000 --env PASSWORD=your_password ghcr.io/senshinya/moontv:latest
+```
+
+访问 `http://服务器 IP:3000` 即可。（需自行到服务器控制台放通 `3000` 端口）
+
+## Docker Compose 最佳实践
+
+若你使用 docker compose 部署，以下是一些 compose 示例
+
+### local storage 版本
+
+```yaml
+services:
+ moontv:
+ image: ghcr.io/senshinya/moontv:latest
+ container_name: moontv
+ restart: unless-stopped
+ ports:
+ - '3000:3000'
+ environment:
+ - PASSWORD=your_password
+ # 如需自定义配置，可挂载文件
+ # volumes:
+ # - ./config.json:/app/config.json:ro
+```
+
+### Redis 版本（推荐，多账户数据隔离，跨设备同步）
+
+```yaml
+services:
+ moontv-core:
+ image: ghcr.io/senshinya/moontv:latest
+ container_name: moontv
+ restart: unless-stopped
+ ports:
+ - '3000:3000'
+ environment:
+ - USERNAME=admin
+ - PASSWORD=admin_password
+ - NEXT_PUBLIC_STORAGE_TYPE=redis
+ - REDIS_URL=redis://moontv-redis:6379
+ - NEXT_PUBLIC_ENABLE_REGISTER=true
+ networks:
+ - moontv-network
+ depends_on:
+ - moontv-redis
+ # 如需自定义配置，可挂载文件
+ # volumes:
+ # - ./config.json:/app/config.json:ro
+ moontv-redis:
+ image: redis
+ container_name: moontv-redis
+ restart: unless-stopped
+ networks:
+ - moontv-network
+ # 如需持久化
+ # volumes:
+ # - ./data:/data
+networks:
+ moontv-network:
+ driver: bridge
+```
+
+## 自动同步最近更改
+
+建议在 fork 的仓库中启用本仓库自带的 GitHub Actions 自动同步功能（见 `.github/workflows/sync.yml`）。
+
+如需手动同步主仓库更新，也可以使用 GitHub 官方的 [Sync fork](https://docs.github.com/cn/github/collaborating-with-issues-and-pull-requests/syncing-a-fork) 功能。
+
+## 环境变量
+
+| 变量 | 说明 | 可选值 | 默认值 |
+| --------------------------- | ----------------------------------------------------------- | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
+| USERNAME | redis 部署时的管理员账号 | 任意字符串 | （空） |
+| PASSWORD | 默认部署时为唯一访问密码，redis 部署时为管理员密码 | 任意字符串 | （空） |
+| SITE_NAME | 站点名称 | 任意字符串 | MoonTV |
+| ANNOUNCEMENT | 站点公告 | 任意字符串 | 本网站仅提供影视信息搜索服务，所有内容均来自第三方网站。本站不存储任何视频资源，不对任何内容的准确性、合法性、完整性负责。 |
+| NEXT_PUBLIC_STORAGE_TYPE | 播放记录/收藏的存储方式 | localstorage、redis、d1、upstash | localstorage |
+| REDIS_URL | redis 连接 url，若 NEXT_PUBLIC_STORAGE_TYPE 为 redis 则必填 | 连接 url | 空 |
+| UPSTASH_URL | upstash redis 连接 url | 连接 url | 空 |
+| UPSTASH_TOKEN | upstash redis 连接 token | 连接 token | 空 |
+| NEXT_PUBLIC_ENABLE_REGISTER | 是否开放注册，仅在非 localstorage 部署时生效 | true / false | false |
+| NEXT_PUBLIC_SEARCH_MAX_PAGE | 搜索接口可拉取的最大页数 | 1-50 | 5 |
+| NEXT_PUBLIC_IMAGE_PROXY | 默认的浏览器端图片代理 | url prefix | (空) |
+| NEXT_PUBLIC_DOUBAN_PROXY | 默认的浏览器端豆瓣数据代理 | url prefix | (空) |
+
+## 配置说明
+
+所有可自定义项集中在根目录的 `config.json` 中：
+
+```json
+{
+ "cache_time": 7200,
+ "api_site": {
+ "dyttzy": {
+ "api": "http://caiji.dyttzyapi.com/api.php/provide/vod",
+ "name": "电影天堂资源",
+ "detail": "http://caiji.dyttzyapi.com"
+ }
+ // ...更多站点
+ }
+}
+```
+
+- `cache_time`：接口缓存时间（秒）。
+- `api_site`：你可以增删或替换任何资源站，字段说明：
+ - `key`：唯一标识，保持小写字母/数字。
+ - `api`：资源站提供的 `vod` JSON API 根地址。
+ - `name`：在人机界面中展示的名称。
+ - `detail`：（可选）部分无法通过 API 获取剧集详情的站点，需要提供网页详情根 URL，用于爬取。
+
+MoonTV 支持标准的苹果 CMS V10 API 格式。
+
+修改后 **无需重新构建**，服务会在启动时读取一次。
+
+## 管理员配置
+
+**该特性目前仅支持通过非 localstorage 存储的部署方式使用**
+
+支持在运行时动态变更服务配置
+
+设置环境变量 USERNAME 和 PASSWORD 即为站长用户，站长可设置用户为管理员
+
+站长或管理员访问 `/admin` 即可进行管理员配置
+
+## AndroidTV 使用
+
+目前该项目可以配合 [OrionTV](https://github.com/zimplexing/OrionTV) 在 Android TV 上使用，可以直接作为 OrionTV 后端
+
+暂时收藏夹与播放记录和网页端隔离，后续会支持同步用户数据
+
+## Roadmap
+
+- [x] 深色模式
+- [x] 持久化存储
+- [x] 多账户
+
+## 安全与隐私提醒
+
+### 强烈建议设置密码保护
+
+为了您的安全和避免潜在的法律风险，我们**强烈建议**在部署时设置密码保护：
+
+- **避免公开访问**：不设置密码的实例任何人都可以访问，可能被恶意利用
+- **防范版权风险**：公开的视频搜索服务可能面临版权方的投诉举报
+- **保护个人隐私**：设置密码可以限制访问范围，保护您的使用记录
+
+### 部署建议
+
+1. **设置环境变量 `PASSWORD`**：为您的实例设置一个强密码
+2. **仅供个人使用**：请勿将您的实例链接公开分享或传播
+3. **遵守当地法律**：请确保您的使用行为符合当地法律法规
+
+### 重要声明
+
+- 本项目仅供学习和个人使用
+- 请勿将部署的实例用于商业用途或公开服务
+- 如因公开分享导致的任何法律问题，用户需自行承担责任
+- 项目开发者不对用户的使用行为承担任何法律责任
+
+## License
+
+[MIT](LICENSE) © 2025 MoonTV & Contributors
+
+## 致谢
+
+- [ts-nextjs-tailwind-starter](https://github.com/theodorusclarence/ts-nextjs-tailwind-starter) — 项目最初基于该脚手架。
+- [LibreTV](https://github.com/LibreSpark/LibreTV) — 由此启发，站在巨人的肩膀上。
+- [ArtPlayer](https://github.com/zhw2590582/ArtPlayer) — 提供强大的网页视频播放器。
+- [HLS.js](https://github.com/video-dev/hls.js) — 实现 HLS 流媒体在浏览器中的播放支持。
+- 感谢所有提供免费影视接口的站点。
diff --git a/VERSION.txt b/VERSION.txt
new file mode 100644
index 0000000..c3eaf9c
--- /dev/null
+++ b/VERSION.txt
@@ -0,0 +1 @@
+20250928125318
\ No newline at end of file
diff --git a/commitlint.config.js b/commitlint.config.js
new file mode 100644
index 0000000..3bf488d
--- /dev/null
+++ b/commitlint.config.js
@@ -0,0 +1,24 @@
+module.exports = {
+ extends: ['@commitlint/config-conventional'],
+ rules: {
+ // TODO Add Scope Enum Here
+ // 'scope-enum': [2, 'always', ['yourscope', 'yourscope']],
+ 'type-enum': [
+ 2,
+ 'always',
+ [
+ 'feat',
+ 'fix',
+ 'docs',
+ 'chore',
+ 'style',
+ 'refactor',
+ 'ci',
+ 'test',
+ 'perf',
+ 'revert',
+ 'vercel',
+ ],
+ ],
+ },
+};
diff --git a/config.json b/config.json
new file mode 100644
index 0000000..00db9fe
--- /dev/null
+++ b/config.json
@@ -0,0 +1,89 @@
+{
+ "cache_time": 7200,
+ "api_site": {
+ "dyttzy": {
+ "api": "http://caiji.dyttzyapi.com/api.php/provide/vod",
+ "name": "电影天堂资源",
+ "detail": "http://caiji.dyttzyapi.com"
+ },
+ "heimuer": {
+ "api": "https://json.heimuer.xyz/api.php/provide/vod",
+ "name": "黑木耳",
+ "detail": "https://heimuer.tv"
+ },
+ "ruyi": {
+ "api": "https://cj.rycjapi.com/api.php/provide/vod",
+ "name": "如意资源"
+ },
+ "bfzy": {
+ "api": "https://bfzyapi.com/api.php/provide/vod",
+ "name": "暴风资源"
+ },
+ "tyyszy": {
+ "api": "https://tyyszy.com/api.php/provide/vod",
+ "name": "天涯资源"
+ },
+ "ffzy": {
+ "api": "http://ffzy5.tv/api.php/provide/vod",
+ "name": "非凡影视",
+ "detail": "http://ffzy5.tv"
+ },
+ "zy360": {
+ "api": "https://360zy.com/api.php/provide/vod",
+ "name": "360资源"
+ },
+ "maotaizy": {
+ "api": "https://caiji.maotaizy.cc/api.php/provide/vod",
+ "name": "茅台资源"
+ },
+ "wolong": {
+ "api": "https://wolongzyw.com/api.php/provide/vod",
+ "name": "卧龙资源"
+ },
+ "jisu": {
+ "api": "https://jszyapi.com/api.php/provide/vod",
+ "name": "极速资源",
+ "detail": "https://jszyapi.com"
+ },
+ "dbzy": {
+ "api": "https://dbzy.tv/api.php/provide/vod",
+ "name": "豆瓣资源"
+ },
+ "mozhua": {
+ "api": "https://mozhuazy.com/api.php/provide/vod",
+ "name": "魔爪资源"
+ },
+ "mdzy": {
+ "api": "https://www.mdzyapi.com/api.php/provide/vod",
+ "name": "魔都资源"
+ },
+ "zuid": {
+ "api": "https://api.zuidapi.com/api.php/provide/vod",
+ "name": "最大资源"
+ },
+ "yinghua": {
+ "api": "https://m3u8.apiyhzy.com/api.php/provide/vod",
+ "name": "樱花资源"
+ },
+ "wujin": {
+ "api": "https://api.wujinapi.me/api.php/provide/vod",
+ "name": "无尽资源"
+ },
+ "wwzy": {
+ "api": "https://wwzy.tv/api.php/provide/vod",
+ "name": "旺旺短剧"
+ },
+ "ikun": {
+ "api": "https://ikunzyapi.com/api.php/provide/vod",
+ "name": "iKun资源"
+ },
+ "lzi": {
+ "api": "https://cj.lziapi.com/api.php/provide/vod",
+ "name": "量子资源站"
+ },
+ "xiaomaomi": {
+ "api": "https://zy.xmm.hk/api.php/provide/vod",
+ "name": "小猫咪资源"
+ }
+ }
+}
diff --git a/jest.config.js b/jest.config.js
new file mode 100644
index 0000000..10886cb
--- /dev/null
+++ b/jest.config.js
@@ -0,0 +1,30 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const nextJest = require('next/jest');
+
+const createJestConfig = nextJest({
+ // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
+ dir: './',
+});
+
+// Add any custom config to be passed to Jest
+const customJestConfig = {
+ // Add more setup options before each test is run
+ setupFilesAfterEnv: ['点击查看项目截图
+
+
+
+
+
+
+
+
+`;
+}
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..a5e93a4
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/icons/icon-192x192.png b/public/icons/icon-192x192.png
new file mode 100644
index 0000000..572a0cd
Binary files /dev/null and b/public/icons/icon-192x192.png differ
diff --git a/public/icons/icon-256x256.png b/public/icons/icon-256x256.png
new file mode 100644
index 0000000..4d3bf9a
Binary files /dev/null and b/public/icons/icon-256x256.png differ
diff --git a/public/icons/icon-384x384.png b/public/icons/icon-384x384.png
new file mode 100644
index 0000000..b0015e2
Binary files /dev/null and b/public/icons/icon-384x384.png differ
diff --git a/public/icons/icon-512x512.png b/public/icons/icon-512x512.png
new file mode 100644
index 0000000..1bb5e97
Binary files /dev/null and b/public/icons/icon-512x512.png differ
diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..11f1730
Binary files /dev/null and b/public/logo.png differ
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..289efab
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,3 @@
+# 禁止所有搜索引擎爬取
+User-agent: *
+Disallow: /
diff --git a/public/screenshot.png b/public/screenshot.png
new file mode 100644
index 0000000..cad2b1a
Binary files /dev/null and b/public/screenshot.png differ
diff --git a/public/screenshot1.png b/public/screenshot1.png
new file mode 100644
index 0000000..eb127d4
Binary files /dev/null and b/public/screenshot1.png differ
diff --git a/public/screenshot2.png b/public/screenshot2.png
new file mode 100644
index 0000000..53c1460
Binary files /dev/null and b/public/screenshot2.png differ
diff --git a/public/screenshot3.png b/public/screenshot3.png
new file mode 100644
index 0000000..32ca79c
Binary files /dev/null and b/public/screenshot3.png differ
diff --git a/scripts/convert-config.js b/scripts/convert-config.js
new file mode 100644
index 0000000..de31e22
--- /dev/null
+++ b/scripts/convert-config.js
@@ -0,0 +1,61 @@
+#!/usr/bin/env node
+/* eslint-disable */
+// AUTO-GENERATED SCRIPT: Converts config.json to TypeScript definition.
+// Usage: node scripts/convert-config.js
+
+const fs = require('fs');
+const path = require('path');
+
+// Resolve project root (one level up from scripts folder)
+const projectRoot = path.resolve(__dirname, '..');
+
+// Paths
+const configPath = path.join(projectRoot, 'config.json');
+const libDir = path.join(projectRoot, 'src', 'lib');
+const oldRuntimePath = path.join(libDir, 'runtime.ts');
+const newRuntimePath = path.join(libDir, 'runtime.ts');
+
+// Delete the old runtime.ts file if it exists
+if (fs.existsSync(oldRuntimePath)) {
+ fs.unlinkSync(oldRuntimePath);
+ console.log('旧的 runtime.ts 已删除');
+}
+
+// Read and parse config.json
+let rawConfig;
+try {
+ rawConfig = fs.readFileSync(configPath, 'utf8');
+} catch (err) {
+ console.error(`无法读取 ${configPath}:`, err);
+ process.exit(1);
+}
+
+let config;
+try {
+ config = JSON.parse(rawConfig);
+} catch (err) {
+ console.error('config.json 不是有效的 JSON:', err);
+ process.exit(1);
+}
+
+// Prepare TypeScript file content
+const tsContent =
+ `// 该文件由 scripts/convert-config.js 自动生成，请勿手动修改\n` +
+ `/* eslint-disable */\n\n` +
+ `export const config = ${JSON.stringify(config, null, 2)} as const;\n\n` +
+ `export type RuntimeConfig = typeof config;\n\n` +
+ `export default config;\n`;
+
+// Ensure lib directory exists
+if (!fs.existsSync(libDir)) {
+ fs.mkdirSync(libDir, { recursive: true });
+}
+
+// Write to runtime.ts
+try {
+ fs.writeFileSync(newRuntimePath, tsContent, 'utf8');
+ console.log('已生成 src/lib/runtime.ts');
+} catch (err) {
+ console.error('写入 runtime.ts 失败:', err);
+ process.exit(1);
+}
diff --git a/scripts/generate-manifest.js b/scripts/generate-manifest.js
new file mode 100644
index 0000000..8d6db2b
--- /dev/null
+++ b/scripts/generate-manifest.js
@@ -0,0 +1,63 @@
+#!/usr/bin/env node
+/* eslint-disable */
+// 根据 SITE_NAME 动态生成 manifest.json
+
+const fs = require('fs');
+const path = require('path');
+
+// 获取项目根目录
+const projectRoot = path.resolve(__dirname, '..');
+const publicDir = path.join(projectRoot, 'public');
+const manifestPath = path.join(publicDir, 'manifest.json');
+
+// 从环境变量获取站点名称
+const siteName = process.env.SITE_NAME || 'MoonTV';
+
+// manifest.json 模板
+const manifestTemplate = {
+ "name": siteName,
+ "short_name": siteName,
+ "description": "影视聚合",
+ "start_url": "/",
+ "scope": "/",
+ "display": "standalone",
+ "background_color": "#000000",
+ "apple-mobile-web-app-capable": "yes",
+ "apple-mobile-web-app-status-bar-style": "black",
+ "icons": [
+ {
+ "src": "/icons/icon-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/icons/icon-256x256.png",
+ "sizes": "256x256",
+ "type": "image/png"
+ },
+ {
+ "src": "/icons/icon-384x384.png",
+ "sizes": "384x384",
+ "type": "image/png"
+ },
+ {
+ "src": "/icons/icon-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ]
+};
+
+try {
+ // 确保 public 目录存在
+ if (!fs.existsSync(publicDir)) {
+ fs.mkdirSync(publicDir, { recursive: true });
+ }
+
+ // 写入 manifest.json
+ fs.writeFileSync(manifestPath, JSON.stringify(manifestTemplate, null, 2));
+ console.log(`✅ Generated manifest.json with site name: ${siteName}`);
+} catch (error) {
+ console.error('❌ Error generating manifest.json:', error);
+ process.exit(1);
+}
diff --git a/scripts/generate-version.js b/scripts/generate-version.js
new file mode 100644
index 0000000..fb946ae
--- /dev/null
+++ b/scripts/generate-version.js
@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+/* eslint-disable */
+
+const fs = require('fs');
+const path = require('path');
+
+// 获取当前时间并格式化为 YYYYMMDDHHMMSS 格式
+function generateVersion() {
+ const now = new Date();
+
+ const year = now.getFullYear();
+ const month = String(now.getMonth() + 1).padStart(2, '0');
+ const day = String(now.getDate()).padStart(2, '0');
+ const hours = String(now.getHours()).padStart(2, '0');
+ const minutes = String(now.getMinutes()).padStart(2, '0');
+ const seconds = String(now.getSeconds()).padStart(2, '0');
+
+ const version = `${year}${month}${day}${hours}${minutes}${seconds}`;
+
+ return version;
+}
+
+// 生成版本号
+const currentVersion = generateVersion();
+
+// 读取现有的 version.ts 文件
+const versionFilePath = path.join(__dirname, '..', 'src', 'lib', 'version.ts');
+let fileContent = fs.readFileSync(versionFilePath, 'utf8');
+
+// 使用正则表达式替换 CURRENT_VERSION 的值
+const updatedContent = fileContent.replace(
+ /const CURRENT_VERSION = '.*?'/,
+ `const CURRENT_VERSION = '${currentVersion}'`
+);
+
+// 写入更新后的内容
+fs.writeFileSync(versionFilePath, updatedContent, 'utf8');
+
+// 将版本号写入根目录下的 VERSION.txt 文件
+const versionTxtPath = path.join(__dirname, '..', 'VERSION.txt');
+fs.writeFileSync(versionTxtPath, currentVersion, 'utf8');
+
+console.log(`版本号已更新为: ${currentVersion}`);
+console.log(`文件已更新: ${versionFilePath}`);
+console.log(`VERSION.txt 已更新: ${versionTxtPath}`);
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
new file mode 100644
index 0000000..8e7ecf3
--- /dev/null
+++ b/src/app/admin/page.tsx
@@ -0,0 +1,1417 @@
+/* eslint-disable @typescript-eslint/no-explicit-any, no-console */
+
+'use client';
+
+import {
+ closestCenter,
+ DndContext,
+ PointerSensor,
+ TouchSensor,
+ useSensor,
+ useSensors,
+} from '@dnd-kit/core';
+import {
+ restrictToParentElement,
+ restrictToVerticalAxis,
+} from '@dnd-kit/modifiers';
+import {
+ arrayMove,
+ SortableContext,
+ useSortable,
+ verticalListSortingStrategy,
+} from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { ChevronDown, ChevronUp, Settings, Users, Video } from 'lucide-react';
+import { GripVertical } from 'lucide-react';
+import { Suspense, useCallback, useEffect, useState } from 'react';
+import Swal from 'sweetalert2';
+
+import { AdminConfig, AdminConfigResult } from '@/lib/admin.types';
+import { getAuthInfoFromBrowserCookie } from '@/lib/auth';
+
+import PageLayout from '@/components/PageLayout';
+
+// 统一弹窗方法（必须在首次使用前定义）
+const showError = (message: string) =>
+ Swal.fire({ icon: 'error', title: '错误', text: message });
+
+const showSuccess = (message: string) =>
+ Swal.fire({
+ icon: 'success',
+ title: '成功',
+ text: message,
+ timer: 2000,
+ showConfirmButton: false,
+ });
+
+// 新增站点配置类型
+interface SiteConfig {
+ SiteName: string;
+ Announcement: string;
+ SearchDownstreamMaxPage: number;
+ SiteInterfaceCacheTime: number;
+ ImageProxy: string;
+ DoubanProxy: string;
+}
+
+// 视频源数据类型
+interface DataSource {
+ name: string;
+ key: string;
+ api: string;
+ detail?: string;
+ disabled?: boolean;
+ from: 'config' | 'custom';
+}
+
+// 可折叠标签组件
+interface CollapsibleTabProps {
+ title: string;
+ icon?: React.ReactNode;
+ isExpanded: boolean;
+ onToggle: () => void;
+ children: React.ReactNode;
+}
+
+const CollapsibleTab = ({
+ title,
+ icon,
+ isExpanded,
+ onToggle,
+ children,
+}: CollapsibleTabProps) => {
+ return (
+
+
+
+
+
+
+
+
+
+ linkProxy Everything
+
+
+
+
+
+ {isExpanded &&
+ );
+};
+
+// 用户配置组件
+interface UserConfigProps {
+ config: AdminConfig | null;
+ role: 'owner' | 'admin' | null;
+ refreshConfig: () => Promise{children}
}
+
+ 加载中...
+
+ );
+ }
+
+ return (
+
+ {/* 用户统计 */}
+
+ );
+};
+
+// 视频源配置组件
+const VideoSourceConfig = ({
+ config,
+ refreshConfig,
+}: {
+ config: AdminConfig | null;
+ refreshConfig: () => Promise
+
+
+ {/* 注册设置 */}
+ + 用户统计 +
+
+
+
+ {config.UserConfig.Users.length}
+
+
+ 总用户数
+
+
+
+
+ {/* 用户列表 */}
+ + 注册设置 +
+
+
+
+
+
+
+
+
+
+ {/* 添加用户表单 */}
+ {showAddUserForm && (
+ + 用户列表 +
+ +
+
+ )}
+
+ {/* 修改密码表单 */}
+ {showChangePasswordForm && (
+
+
+ setNewUser((prev) => ({ ...prev, username: e.target.value }))
+ }
+ className='flex-1 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-green-500 focus:border-transparent'
+ />
+
+ setNewUser((prev) => ({ ...prev, password: e.target.value }))
+ }
+ className='flex-1 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-green-500 focus:border-transparent'
+ />
+
+
+
+
+ )}
+
+ {/* 用户列表 */}
+ + 修改用户密码 +
+
+
+
+ setChangePasswordUser((prev) => ({
+ ...prev,
+ password: e.target.value,
+ }))
+ }
+ className='flex-1 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-blue-500 focus:border-transparent'
+ />
+
+
+
+
+
+
+
+
+ | + 用户名 + | ++ 角色 + | ++ 状态 + | ++ 操作 + | +
|---|---|---|---|
| + {user.username} + | ++ + {user.role === 'owner' + ? '站长' + : user.role === 'admin' + ? '管理员' + : '普通用户'} + + | ++ + {!user.banned ? '正常' : '已封禁'} + + | ++ {/* 修改密码按钮 */} + {canChangePassword && ( + + )} + {canOperate && ( + <> + {/* 其他操作按钮 */} + {user.role === 'user' && ( + + )} + {user.role === 'admin' && ( + + )} + {user.role !== 'owner' && + (!user.banned ? ( + + ) : ( + + ))} + + )} + {/* 删除用户按钮 - 放在最后，使用更明显的红色样式 */} + {canDeleteUser && ( + + )} + | +
+ 加载中...
+
+ );
+ }
+
+ return (
+
+ {/* 添加视频源表单 */}
+
+ );
+};
+
+// 新增站点配置组件
+const SiteConfigComponent = ({ config }: { config: AdminConfig | null }) => {
+ const [siteSettings, setSiteSettings] = useState
+
+
+ {showAddForm && (
+ + 视频源列表 +
+ +
+
+ )}
+
+ {/* 视频源表格 */}
+
+
+ setNewSource((prev) => ({ ...prev, name: e.target.value }))
+ }
+ className='px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100'
+ />
+
+ setNewSource((prev) => ({ ...prev, key: e.target.value }))
+ }
+ className='px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100'
+ />
+
+ setNewSource((prev) => ({ ...prev, api: e.target.value }))
+ }
+ className='px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100'
+ />
+
+ setNewSource((prev) => ({ ...prev, detail: e.target.value }))
+ }
+ className='px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100'
+ />
+
+
+
+
+
+
+
+
+
+
+ {/* 保存排序按钮 */}
+ {orderChanged && (
+ | + | + 名称 + | ++ Key + | ++ API 地址 + | ++ Detail 地址 + | ++ 状态 + | ++ 操作 + | +
|---|
+
+
+ )}
+
+ 加载中...
+
+ );
+ }
+
+ return (
+
+ {/* 站点名称 */}
+
+
+
+ !isD1Storage &&
+ !isUpstashStorage &&
+ setSiteSettings((prev) => ({ ...prev, SiteName: e.target.value }))
+ }
+ disabled={isD1Storage || isUpstashStorage}
+ className={`w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-green-500 focus:border-transparent ${
+ isD1Storage || isUpstashStorage
+ ? 'opacity-50 cursor-not-allowed'
+ : ''
+ }`}
+ />
+
+
+ {/* 站点公告 */}
+
+
+