",
+ " $0",
+ "
",
+ "
+ 
+
+
+> 🎬 **OrangeTV** 是一个开箱即用的、跨平台的影视聚合播放器。它基于 **Next.js 14** + **Tailwind CSS** + **TypeScript** 构建，支持多资源搜索、在线播放、收藏同步、播放记录、云端存储，让你可以随时随地畅享海量免费影视内容。
+
+
+
+
+
+
+
+
+
+
+
+
+---
+
+## ✨ 功能特性
+
+- 🔍 **多源聚合搜索**：一次搜索立刻返回全源结果。
+- 📄 **丰富详情页**：支持剧集列表、演员、年份、简介等完整信息展示。
+- ▶️ **流畅在线播放**：集成 HLS.js & ArtPlayer。
+- ❤️ **收藏 + 继续观看**：支持 Kvrocks/Redis/Upstash 存储，多端同步进度。
+- 📱 **PWA**：离线缓存、安装到桌面/主屏，移动端原生体验。
+- 🌗 **响应式布局**：桌面侧边栏 + 移动底部导航，自适应各种屏幕尺寸。
+- 👿 **智能去广告**：自动跳过视频中的切片广告（实验性）。
+
+### 注意：部署后项目为空壳项目，无内置播放源和直播源，需要自行收集
+
+
+ 
+ 
+ 
+
+
+### 请不要在 B站、小红书、微信公众号、抖音、今日头条或其他中国大陆社交平台发布视频或文章宣传本项目，不授权任何“科技周刊/月刊”类项目或站点收录本项目。
+
+## 🗺 目录
+
+- [技术栈](#技术栈)
+- [部署](#部署)
+- [配置文件](#配置文件)
+- [自动更新](#自动更新)
+- [环境变量](#环境变量)
+- [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 |
+
+## 部署
+
+本项目**仅支持 Docker 或其他基于 Docker 的平台** 部署。
+
+### Kvrocks 存储（推荐）
+
+```yml
+services:
+ OrangeTV-core:
+ image: ghcr.io/djteang/orangetv:1.0
+ container_name: OrangeTV-core
+ restart: on-failure
+ ports:
+ - '3000:3000'
+ environment:
+ - USERNAME=admin
+ - PASSWORD=orange
+ - NEXT_PUBLIC_STORAGE_TYPE=kvrocks
+ - KVROCKS_URL=redis://OrangeTV-kvrocks:6666
+ networks:
+ - OrangeTV-network
+ depends_on:
+ - OrangeTV-kvrocks
+ OrangeTV-kvrocks:
+ image: apache/kvrocks
+ container_name: OrangeTV-kvrocks
+ restart: unless-stopped
+ volumes:
+ - kvrocks-data:/var/lib/kvrocks
+ networks:
+ - OrangeTV-network
+networks:
+ OrangeTV-network:
+ driver: bridge
+volumes:
+ kvrocks-data:
+```
+
+### Redis 存储（有一定的丢数据风险）
+
+```yml
+services:
+ OrangeTV-core:
+ image: ghcr.io/djteang/orangetv:1.0
+ container_name: OrangeTV-core
+ restart: on-failure
+ ports:
+ - '3000:3000'
+ environment:
+ - USERNAME=admin
+ - PASSWORD=orange
+ - NEXT_PUBLIC_STORAGE_TYPE=redis
+ - REDIS_URL=redis://OrangeTV-redis:6379
+ networks:
+ - OrangeTV-network
+ depends_on:
+ - OrangeTV-redis
+ OrangeTV-redis:
+ image: redis:alpine
+ container_name: OrangeTV-redis
+ restart: unless-stopped
+ networks:
+ - OrangeTV-network
+ # 请开启持久化，否则升级/重启后数据丢失
+ volumes:
+ - ./data:/data
+networks:
+ OrangeTV-network:
+ driver: bridge
+```
+
+### Upstash 存储
+
+1. 在 [upstash](https://upstash.com/) 注册账号并新建一个 Redis 实例，名称任意。
+2. 复制新数据库的 **HTTPS ENDPOINT 和 TOKEN**
+3. 使用如下 docker compose
+```yml
+services:
+ OrangeTV-core:
+ image: ghcr.io/djteang/orangetv:1.0
+ container_name: OrangeTV-core
+ restart: on-failure
+ ports:
+ - '3000:3000'
+ environment:
+ - USERNAME=admin
+ - PASSWORD=orange
+ - NEXT_PUBLIC_STORAGE_TYPE=upstash
+ - UPSTASH_URL=上面 https 开头的 HTTPS ENDPOINT
+ - UPSTASH_TOKEN=上面的 TOKEN
+```
+
+## 配置文件
+
+完成部署后为空壳应用，无播放源，需要站长在管理后台的配置文件设置中填写配置文件（后续会支持订阅）
+
+配置文件示例如下：
+
+```json
+{
+ "cache_time": 7200,
+ "api_site": {
+ "dyttzy": {
+ "api": "http://xxx.com/api.php/provide/vod",
+ "name": "示例资源",
+ "detail": "http://xxx.com"
+ }
+ // ...更多站点
+ },
+ "custom_category": [
+ {
+ "name": "华语",
+ "type": "movie",
+ "query": "华语"
+ }
+ ]
+}
+```
+
+- `cache_time`：接口缓存时间（秒）。
+- `api_site`：你可以增删或替换任何资源站，字段说明：
+ - `key`：唯一标识，保持小写字母/数字。
+ - `api`：资源站提供的 `vod` JSON API 根地址。
+ - `name`：在人机界面中展示的名称。
+ - `detail`：（可选）部分无法通过 API 获取剧集详情的站点，需要提供网页详情根 URL，用于爬取。
+- `custom_category`：自定义分类配置，用于在导航中添加个性化的影视分类。以 type + query 作为唯一标识。支持以下字段：
+ - `name`：分类显示名称（可选，如不提供则使用 query 作为显示名）
+ - `type`：分类类型，支持 `movie`（电影）或 `tv`（电视剧）
+ - `query`：搜索关键词，用于在豆瓣 API 中搜索相关内容
+
+custom_category 支持的自定义分类已知如下：
+
+- movie：热门、最新、经典、豆瓣高分、冷门佳片、华语、欧美、韩国、日本、动作、喜剧、爱情、科幻、悬疑、恐怖、治愈
+- tv：热门、美剧、英剧、韩剧、日剧、国产剧、港剧、日本动画、综艺、纪录片
+
+也可输入如 "哈利波特" 效果等同于豆瓣搜索
+
+OrangeTV 支持标准的苹果 CMS V10 API 格式。
+
+## 自动更新
+
+可借助 [watchtower](https://github.com/containrrr/watchtower) 自动更新镜像容器
+
+dockge/komodo 等 docker compose UI 也有自动更新功能
+
+## 环境变量
+
+| 变量 | 说明 | 可选值 | 默认值 |
+| ----------------------------------- | -------------------------------------------- | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
+| USERNAME | 站长账号 | 任意字符串 | 无默认，必填字段 |
+| PASSWORD | 站长密码 | 任意字符串 | 无默认，必填字段 |
+| SITE_BASE | 站点 url | 形如 https://example.com | 空 |
+| NEXT_PUBLIC_SITE_NAME | 站点名称 | 任意字符串 | OrangeTV |
+| ANNOUNCEMENT | 站点公告 | 任意字符串 | 本网站仅提供影视信息搜索服务，所有内容均来自第三方网站。本站不存储任何视频资源，不对任何内容的准确性、合法性、完整性负责。 |
+| NEXT_PUBLIC_STORAGE_TYPE | 播放记录/收藏的存储方式 | redis、kvrocks、upstash | 无默认，必填字段 |
+| KVROCKS_URL | kvrocks 连接 url | 连接 url | 空 |
+| REDIS_URL | redis 连接 url | 连接 url | 空 |
+| UPSTASH_URL | upstash redis 连接 url | 连接 url | 空 |
+| UPSTASH_TOKEN | upstash redis 连接 token | 连接 token | 空 |
+| NEXT_PUBLIC_SEARCH_MAX_PAGE | 搜索接口可拉取的最大页数 | 1-50 | 5 |
+| NEXT_PUBLIC_DOUBAN_PROXY_TYPE | 豆瓣数据源请求方式 | 见下方 | direct |
+| NEXT_PUBLIC_DOUBAN_PROXY | 自定义豆瓣数据代理 URL | url prefix | (空) |
+| NEXT_PUBLIC_DOUBAN_IMAGE_PROXY_TYPE | 豆瓣图片代理类型 | 见下方 | direct |
+| NEXT_PUBLIC_DOUBAN_IMAGE_PROXY | 自定义豆瓣图片代理 URL | url prefix | (空) |
+| NEXT_PUBLIC_DISABLE_YELLOW_FILTER | 关闭色情内容过滤 | true/false | false |
+| NEXT_PUBLIC_FLUID_SEARCH | 是否开启搜索接口流式输出 | true/ false | true |
+
+NEXT_PUBLIC_DOUBAN_PROXY_TYPE 选项解释：
+
+- direct: 由服务器直接请求豆瓣源站
+- cors-proxy-zwei: 浏览器向 cors proxy 请求豆瓣数据，该 cors proxy 由 [Zwei](https://github.com/bestzwei) 搭建
+- cmliussss-cdn-tencent: 浏览器向豆瓣 CDN 请求数据，该 CDN 由 [CMLiussss](https://github.com/cmliu) 搭建，并由腾讯云 cdn 提供加速
+- cmliussss-cdn-ali: 浏览器向豆瓣 CDN 请求数据，该 CDN 由 [CMLiussss](https://github.com/cmliu) 搭建，并由阿里云 cdn 提供加速
+- custom: 用户自定义 proxy，由 NEXT_PUBLIC_DOUBAN_PROXY 定义
+
+NEXT_PUBLIC_DOUBAN_IMAGE_PROXY_TYPE 选项解释：
+
+- direct：由浏览器直接请求豆瓣分配的默认图片域名
+- server：由服务器代理请求豆瓣分配的默认图片域名
+- img3：由浏览器请求豆瓣官方的精品 cdn（阿里云）
+- cmliussss-cdn-tencent：由浏览器请求豆瓣 CDN，该 CDN 由 [CMLiussss](https://github.com/cmliu) 搭建，并由腾讯云 cdn 提供加速
+- cmliussss-cdn-ali：由浏览器请求豆瓣 CDN，该 CDN 由 [CMLiussss](https://github.com/cmliu) 搭建，并由阿里云 cdn 提供加速
+- custom: 用户自定义 proxy，由 NEXT_PUBLIC_DOUBAN_IMAGE_PROXY 定义
+
+## AndroidTV 使用
+
+目前该项目可以配合 [OrionTV](https://github.com/zimplexing/OrionTV) 在 Android TV 上使用，可以直接作为 OrionTV 后端
+
+已实现播放记录和网页端同步
+
+## 安全与隐私提醒
+
+### 请设置密码保护并关闭公网注册
+
+为了您的安全和避免潜在的法律风险，我们要求在部署时**强烈建议关闭公网注册**：
+
+### 部署要求
+
+1. **设置环境变量 `PASSWORD`**：为您的实例设置一个强密码
+2. **仅供个人使用**：请勿将您的实例链接公开分享或传播
+3. **遵守当地法律**：请确保您的使用行为符合当地法律法规
+
+### 重要声明
+
+- 本项目仅供学习和个人使用
+- 请勿将部署的实例用于商业用途或公开服务
+- 如因公开分享导致的任何法律问题，用户需自行承担责任
+- 项目开发者不对用户的使用行为承担任何法律责任
+- 本项目不在中国大陆地区提供服务。如有该项目在向中国大陆地区提供服务，属个人行为。在该地区使用所产生的法律风险及责任，属于用户个人行为，与本项目无关，须自行承担全部责任。特此声明
+
+## License
+
+[MIT](LICENSE) © 2025 OrangeTV & Contributors
+
+## 致谢
+
+- [ts-nextjs-tailwind-starter](https://github.com/theodorusclarence/ts-nextjs-tailwind-starter) — 项目最初基于该脚手架。
+- [LibreTV](https://github.com/LibreSpark/LibreTV) — 由此启发，站在巨人的肩膀上。
+- [MoonTV](https://github.com/MoonTechLab/LunaTV) — 由此启发，第二次站在巨人的肩膀上。
+- [艾福森昵] - 感谢论坛佬友提供的短剧API
+- [ArtPlayer](https://github.com/zhw2590582/ArtPlayer) — 提供强大的网页视频播放器。
+- [HLS.js](https://github.com/video-dev/hls.js) — 实现 HLS 流媒体在浏览器中的播放支持。
+- [Zwei](https://github.com/bestzwei) — 提供获取豆瓣数据的 cors proxy
+- [CMLiussss](https://github.com/cmliu) — 提供豆瓣 CDN 服务
+- 感谢所有提供免费影视接口的站点。
+
+## Star History
+
+[](https://www.star-history.com/#MoonTechLab/LunaTV&Date)
diff --git a/VERSION.txt b/VERSION.txt
new file mode 100644
index 0000000..324a82a
--- /dev/null
+++ b/VERSION.txt
@@ -0,0 +1 @@
+8.8.8
\ 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/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..4f6a8a7
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..7a7f493
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..c935334
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..a627740
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..784f517
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..a0a9c7f
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/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-changelog.js b/scripts/convert-changelog.js
new file mode 100644
index 0000000..c88c8f8
--- /dev/null
+++ b/scripts/convert-changelog.js
@@ -0,0 +1,229 @@
+#!/usr/bin / env node
+
+/* eslint-disable */
+
+const fs = require('fs');
+const path = require('path');
+
+function parseChangelog(content) {
+ const lines = content.split('\n');
+ const versions = [];
+ let currentVersion = null;
+ let currentSection = null;
+ let inVersionContent = false;
+
+ for (const line of lines) {
+ const trimmedLine = line.trim();
+
+ // 匹配版本行: ## [X.Y.Z] - YYYY-MM-DD
+ const versionMatch = trimmedLine.match(
+ /^## \[([\d.]+)\] - (\d{4}-\d{2}-\d{2})$/
+ );
+ if (versionMatch) {
+ if (currentVersion) {
+ versions.push(currentVersion);
+ }
+
+ currentVersion = {
+ version: versionMatch[1],
+ date: versionMatch[2],
+ added: [],
+ changed: [],
+ fixed: [],
+ content: [], // 用于存储原始内容，当没有分类时使用
+ };
+ currentSection = null;
+ inVersionContent = true;
+ continue;
+ }
+
+ // 如果遇到下一个版本或到达文件末尾，停止处理当前版本
+ if (inVersionContent && currentVersion) {
+ // 匹配章节标题
+ if (trimmedLine === '### Added') {
+ currentSection = 'added';
+ continue;
+ } else if (trimmedLine === '### Changed') {
+ currentSection = 'changed';
+ continue;
+ } else if (trimmedLine === '### Fixed') {
+ currentSection = 'fixed';
+ continue;
+ }
+
+ // 匹配条目: - 内容
+ if (trimmedLine.startsWith('- ') && currentSection) {
+ const entry = trimmedLine.substring(2);
+ currentVersion[currentSection].push(entry);
+ } else if (
+ trimmedLine &&
+ !trimmedLine.startsWith('#') &&
+ !trimmedLine.startsWith('###')
+ ) {
+ currentVersion.content.push(trimmedLine);
+ }
+ }
+ }
+
+ // 添加最后一个版本
+ if (currentVersion) {
+ versions.push(currentVersion);
+ }
+
+ // 后处理：如果某个版本没有分类内容，但有 content，则将 content 放到 changed 中
+ versions.forEach((version) => {
+ const hasCategories =
+ version.added.length > 0 ||
+ version.changed.length > 0 ||
+ version.fixed.length > 0;
+ if (!hasCategories && version.content.length > 0) {
+ version.changed = version.content;
+ }
+ // 清理 content 字段
+ delete version.content;
+ });
+
+ return { versions };
+}
+
+function generateTypeScript(changelogData) {
+ const entries = changelogData.versions
+ .map((version) => {
+ const addedEntries = version.added
+ .map((entry) => ` "${entry}"`)
+ .join(',\n');
+ const changedEntries = version.changed
+ .map((entry) => ` "${entry}"`)
+ .join(',\n');
+ const fixedEntries = version.fixed
+ .map((entry) => ` "${entry}"`)
+ .join(',\n');
+
+ return ` {
+ version: "${version.version}",
+ date: "${version.date}",
+ added: [
+${addedEntries || ' // 无新增内容'}
+ ],
+ changed: [
+${changedEntries || ' // 无变更内容'}
+ ],
+ fixed: [
+${fixedEntries || ' // 无修复内容'}
+ ]
+ }`;
+ })
+ .join(',\n');
+
+ return `// 此文件由 scripts/convert-changelog.js 自动生成
+// 请勿手动编辑
+
+export interface ChangelogEntry {
+ version: string;
+ date: string;
+ added: string[];
+ changed: string[];
+ fixed: string[];
+}
+
+export const changelog: ChangelogEntry[] = [
+${entries}
+];
+
+export default changelog;
+`;
+}
+
+function updateVersionFile(version) {
+ const versionTxtPath = path.join(process.cwd(), 'VERSION.txt');
+ try {
+ fs.writeFileSync(versionTxtPath, version, 'utf8');
+ console.log(`✅ 已更新 VERSION.txt: ${version}`);
+ } catch (error) {
+ console.error(`❌ 无法更新 VERSION.txt:`, error.message);
+ process.exit(1);
+ }
+}
+
+function updateVersionTs(version) {
+ const versionTsPath = path.join(process.cwd(), 'src/lib/version.ts');
+ try {
+ let content = fs.readFileSync(versionTsPath, 'utf8');
+
+ // 替换 CURRENT_VERSION 常量
+ const updatedContent = content.replace(
+ /const CURRENT_VERSION = ['"`][^'"`]+['"`];/,
+ `const CURRENT_VERSION = '${version}';`
+ );
+
+ fs.writeFileSync(versionTsPath, updatedContent, 'utf8');
+ console.log(`✅ 已更新 version.ts: ${version}`);
+ } catch (error) {
+ console.error(`❌ 无法更新 version.ts:`, error.message);
+ process.exit(1);
+ }
+}
+
+function main() {
+ try {
+ const changelogPath = path.join(process.cwd(), 'CHANGELOG');
+ const outputPath = path.join(process.cwd(), 'src/lib/changelog.ts');
+
+ console.log('正在读取 CHANGELOG 文件...');
+ const changelogContent = fs.readFileSync(changelogPath, 'utf-8');
+
+ console.log('正在解析 CHANGELOG 内容...');
+ const changelogData = parseChangelog(changelogContent);
+
+ if (changelogData.versions.length === 0) {
+ console.error('❌ 未在 CHANGELOG 中找到任何版本');
+ process.exit(1);
+ }
+
+ // 获取最新版本号（CHANGELOG中的第一个版本）
+ const latestVersion = changelogData.versions[0].version;
+ console.log(`🔢 最新版本: ${latestVersion}`);
+
+ console.log('正在生成 TypeScript 文件...');
+ const tsContent = generateTypeScript(changelogData);
+
+ // 确保输出目录存在
+ const outputDir = path.dirname(outputPath);
+ if (!fs.existsSync(outputDir)) {
+ fs.mkdirSync(outputDir, { recursive: true });
+ }
+
+ fs.writeFileSync(outputPath, tsContent, 'utf-8');
+
+ // 检查是否在 GitHub Actions 环境中运行
+ const isGitHubActions = process.env.GITHUB_ACTIONS === 'true';
+
+ if (isGitHubActions) {
+ // 在 GitHub Actions 中，更新版本文件
+ console.log('正在更新版本文件...');
+ updateVersionFile(latestVersion);
+ updateVersionTs(latestVersion);
+ } else {
+ // 在本地运行时，只提示但不更新版本文件
+ console.log('🔧 本地运行模式：跳过版本文件更新');
+ console.log('💡 版本文件更新将在 git tag 触发的 release 工作流中完成');
+ }
+
+ console.log(`✅ 成功生成 ${outputPath}`);
+ console.log(`📊 版本统计:`);
+ changelogData.versions.forEach((version) => {
+ console.log(
+ ` ${version.version} (${version.date}): +${version.added.length} ~${version.changed.length} !${version.fixed.length}`
+ );
+ });
+
+ console.log('\n🎉 转换完成!');
+ } catch (error) {
+ console.error('❌ 转换失败:', error);
+ process.exit(1);
+ }
+}
+
+if (require.main === module) {
+ main();
+}
diff --git a/scripts/generate-manifest.js b/scripts/generate-manifest.js
new file mode 100644
index 0000000..9a3fc2e
--- /dev/null
+++ b/scripts/generate-manifest.js
@@ -0,0 +1,63 @@
+#!/usr/bin/env node
+/* eslint-disable */
+// 根据 NEXT_PUBLIC_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.NEXT_PUBLIC_SITE_NAME || 'OrangeTV';
+
+// 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/src/app/admin/page.tsx b/src/app/admin/page.tsx
new file mode 100644
index 0000000..3d873af
--- /dev/null
+++ b/src/app/admin/page.tsx
@@ -0,0 +1,5090 @@
+/* eslint-disable @typescript-eslint/no-explicit-any, no-console, @typescript-eslint/no-non-null-assertion,react-hooks/exhaustive-deps,@typescript-eslint/no-empty-function */
+
+'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 {
+ AlertCircle,
+ AlertTriangle,
+ Check,
+ CheckCircle,
+ ChevronDown,
+ ChevronUp,
+ Database,
+ ExternalLink,
+ FileText,
+ FolderOpen,
+ Settings,
+ Tv,
+ User,
+ Users,
+ Video,
+} from 'lucide-react';
+import { GripVertical } from 'lucide-react';
+import Image from 'next/image';
+import { Suspense, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+
+import { AdminConfig, AdminConfigResult } from '@/lib/admin.types';
+import { getAuthInfoFromBrowserCookie } from '@/lib/auth';
+
+import DataMigration from '@/components/DataMigration';
+import PageLayout from '@/components/PageLayout';
+
+// 统一按钮样式系统
+const buttonStyles = {
+ // 主要操作按钮（蓝色）- 用于配置、设置、确认等
+ primary: 'px-3 py-1.5 text-sm font-medium bg-blue-600 hover:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-700 text-white rounded-lg transition-colors',
+ // 成功操作按钮（绿色）- 用于添加、启用、保存等
+ success: 'px-3 py-1.5 text-sm font-medium bg-blue-600 hover:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-700 text-white rounded-lg transition-colors',
+ // 危险操作按钮（红色）- 用于删除、禁用、重置等
+ danger: 'px-3 py-1.5 text-sm font-medium bg-red-600 hover:bg-red-700 dark:bg-red-600 dark:hover:bg-red-700 text-white rounded-lg transition-colors',
+ // 次要操作按钮（灰色）- 用于取消、关闭等
+ secondary: 'px-3 py-1.5 text-sm font-medium bg-gray-600 hover:bg-gray-700 dark:bg-gray-600 dark:hover:bg-gray-700 text-white rounded-lg transition-colors',
+ // 警告操作按钮（黄色）- 用于批量禁用等
+ warning: 'px-3 py-1.5 text-sm font-medium bg-yellow-600 hover:bg-yellow-700 dark:bg-yellow-600 dark:hover:bg-yellow-700 text-white rounded-lg transition-colors',
+ // 小尺寸主要按钮
+ primarySmall: 'px-2 py-1 text-xs font-medium bg-blue-600 hover:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-700 text-white rounded-md transition-colors',
+ // 小尺寸成功按钮
+ successSmall: 'px-2 py-1 text-xs font-medium bg-blue-600 hover:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-700 text-white rounded-md transition-colors',
+ // 小尺寸危险按钮
+ dangerSmall: 'px-2 py-1 text-xs font-medium bg-red-600 hover:bg-red-700 dark:bg-red-600 dark:hover:bg-red-700 text-white rounded-md transition-colors',
+ // 小尺寸次要按钮
+ secondarySmall: 'px-2 py-1 text-xs font-medium bg-gray-600 hover:bg-gray-700 dark:bg-gray-600 dark:hover:bg-gray-700 text-white rounded-md transition-colors',
+ // 小尺寸警告按钮
+ warningSmall: 'px-2 py-1 text-xs font-medium bg-yellow-600 hover:bg-yellow-700 dark:bg-yellow-600 dark:hover:bg-yellow-700 text-white rounded-md transition-colors',
+ // 圆角小按钮（用于表格操作）
+ roundedPrimary: 'inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 hover:bg-blue-200 dark:bg-blue-900/40 dark:hover:bg-blue-900/60 dark:text-blue-200 transition-colors',
+ roundedSuccess: 'inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 hover:bg-blue-200 dark:bg-blue-900/40 dark:hover:bg-blue-900/60 dark:text-blue-200 transition-colors',
+ roundedDanger: 'inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium bg-red-100 text-red-800 hover:bg-red-200 dark:bg-red-900/40 dark:hover:bg-red-900/60 dark:text-red-200 transition-colors',
+ roundedSecondary: 'inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800 hover:bg-gray-200 dark:bg-gray-700/40 dark:hover:bg-gray-700/60 dark:text-gray-200 transition-colors',
+ roundedWarning: 'inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800 hover:bg-yellow-200 dark:bg-yellow-900/40 dark:hover:bg-yellow-900/60 dark:text-yellow-200 transition-colors',
+ roundedPurple: 'inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800 hover:bg-purple-200 dark:bg-purple-900/40 dark:hover:bg-purple-900/60 dark:text-purple-200 transition-colors',
+ // 禁用状态
+ disabled: 'px-3 py-1.5 text-sm font-medium bg-gray-400 dark:bg-gray-600 cursor-not-allowed text-white rounded-lg transition-colors',
+ disabledSmall: 'px-2 py-1 text-xs font-medium bg-gray-400 dark:bg-gray-600 cursor-not-allowed text-white rounded-md transition-colors',
+ // 开关按钮样式
+ toggleOn: 'bg-blue-600 dark:bg-blue-600',
+ toggleOff: 'bg-gray-200 dark:bg-gray-700',
+ toggleThumb: 'bg-white',
+ toggleThumbOn: 'translate-x-6',
+ toggleThumbOff: 'translate-x-1',
+ // 快速操作按钮样式
+ quickAction: 'px-3 py-1.5 text-xs font-medium text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 rounded-md transition-colors',
+};
+
+// 获取用户头像的函数
+const getUserAvatar = async (username: string): Promise
+
+
+
+
+
+
+
+
+ linkProxy Everything
+
+
+
+ {loading ? (
+
+ ) : avatarUrl ? (
+
+ );
+};
+
+// 机器码单元格组件
+interface MachineCodeCellProps {
+ username: string;
+ canManage: boolean;
+ machineCodeData: Record
+
+ )}
+
+ 未绑定
+
+ );
+ }
+
+ return (
+
+
+ );
+};
+
+// 通用弹窗组件
+interface AlertModalProps {
+ isOpen: boolean;
+ onClose: () => void;
+ type: 'success' | 'error' | 'warning';
+ title: string;
+ message?: string;
+ timer?: number;
+ showConfirm?: boolean;
+}
+
+const AlertModal = ({
+ isOpen,
+ onClose,
+ type,
+ title,
+ message,
+ timer,
+ showConfirm = false
+}: AlertModalProps) => {
+ const [isVisible, setIsVisible] = useState(false);
+
+ useEffect(() => {
+ if (isOpen) {
+ setIsVisible(true);
+ if (timer) {
+ setTimeout(() => {
+ onClose();
+ }, timer);
+ }
+ } else {
+ setIsVisible(false);
+ }
+ }, [isOpen, timer, onClose]);
+
+ if (!isOpen) return null;
+
+ const getIcon = () => {
+ switch (type) {
+ case 'success':
+ return
+
+
+
+ {canManage && (
+
+ )}
+
+ {formatMachineCode(machineCodeInfo.machineCode).substring(0, 12)}...
+
+ {/* 悬停显示完整机器码 - 智能定位 */}
+
+
+
+ {formatMachineCode(machineCodeInfo.machineCode)}
+
+ {machineCodeInfo.deviceInfo && (
+
+ {machineCodeInfo.deviceInfo}
+
+ )}
+
+ 绑定时间: {formatDate(machineCodeInfo.bindTime)}
+
+ {/* 箭头 - 根据位置动态调整 */}
+
+
+
+ 已绑定
+
+
+
+
,
+ document.body
+ );
+};
+
+// 弹窗状态管理
+const useAlertModal = () => {
+ const [alertModal, setAlertModal] = useState<{
+ isOpen: boolean;
+ type: 'success' | 'error' | 'warning';
+ title: string;
+ message?: string;
+ timer?: number;
+ showConfirm?: boolean;
+ }>({
+ isOpen: false,
+ type: 'success',
+ title: '',
+ });
+
+ const showAlert = (config: Omit
+
+
+
+
+ {getIcon()}
+
+
+ + {title} +
+ + {message && ( ++ {message} +
+ )} + + {showConfirm && ( + + )} +
+
+
+ {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}
+
+
+ 总用户数
+
+
+
+
+ {/* 用户列表 */}
+
+
+
+ {/* 用户组列表 */}
+ + 用户组管理 +
+ +
+
+
+
+
+ | + 用户组名称 + | ++ 可用视频源 + | ++ 操作 + | +
|---|---|---|
| + {group.name} + | +
+
+
+ {group.enabledApis && group.enabledApis.length > 0
+ ? `${group.enabledApis.length} 个源`
+ : '无限制'}
+
+
+ |
+ + + + | +
| + 暂无用户组，请添加用户组来管理用户权限 + | +
+
+
+ {/* 配置用户采集源权限弹窗 */}
+ {showConfigureApisModal && selectedUser && createPortal(
+
+
+
+ {/* 添加用户表单 */}
+ {showAddUserForm && (
+ + 用户列表 +
+
+ {/* 批量操作按钮 */}
+ {selectedUsers.size > 0 && (
+ <>
+
+
+
+ 已选择 {selectedUsers.size} 个用户
+
+
+
+
+
+ )}
+
+
+
+ )}
+
+ {/* 修改密码表单 */}
+ {showChangePasswordForm && (
+
+
+
+
+ setNewUser((prev) => ({ ...prev, username: 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 focus:ring-2 focus:ring-blue-500 focus:border-transparent'
+ />
+
+ setNewUser((prev) => ({ ...prev, password: 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 focus:ring-2 focus:ring-blue-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'
+ />
+
+
+
+ {
+ const target = e.currentTarget;
+ target.style.setProperty('scrollbar-color', '#94a3b8 #f1f5f9');
+ }}
+ onMouseLeave={(e) => {
+ const target = e.currentTarget;
+ target.style.setProperty('scrollbar-color', '#cbd5e0 transparent');
+ }}
+ >
+
+
+
+
+ | + | + {(() => { + // 检查是否有权限操作任何用户 + const hasAnyPermission = config?.UserConfig?.Users?.some(user => + (role === 'owner' || + (role === 'admin' && + (user.role === 'user' || + user.username === currentUsername))) + ); + + return hasAnyPermission ? ( + handleSelectAllUsers(e.target.checked)} + className='w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600' + /> + ) : ( + + ); + })()} + | ++ 用户名 + | ++ 角色 + | ++ 状态 + | ++ 用户组 + | ++ 采集源权限 + | ++ 机器码 + | ++ 操作 + | +
|---|---|---|---|---|---|---|---|---|
| + | + {(role === 'owner' || + (role === 'admin' && + (user.role === 'user' || + user.username === currentUsername))) ? ( + handleSelectUser(user.username, e.target.checked)} + className='w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600' + /> + ) : ( + + )} + | +
+
+
+ |
+ + + {user.role === 'owner' + ? '站长' + : user.role === 'admin' + ? '管理员' + : '普通用户'} + + | ++ + {!user.banned ? '正常' : '已封禁'} + + | +
+
+
+ {user.tags && user.tags.length > 0
+ ? user.tags.join(', ')
+ : '无用户组'}
+
+ {/* 配置用户组按钮 */}
+ {(role === 'owner' ||
+ (role === 'admin' &&
+ (user.role === 'user' ||
+ user.username === currentUsername))) && (
+
+ )}
+
+ |
+
+
+
+ {user.enabledApis && user.enabledApis.length > 0
+ ? `${user.enabledApis.length} 个源`
+ : '无限制'}
+
+ {/* 配置采集源权限按钮 */}
+ {(role === 'owner' ||
+ (role === 'admin' &&
+ (user.role === 'user' ||
+ user.username === currentUsername))) && (
+
+ )}
+
+ |
+
+ |
+ + {/* 修改密码按钮 */} + {canChangePassword && ( + + )} + {canOperate && ( + <> + {/* 其他操作按钮 */} + {user.role === 'user' && ( + + )} + {user.role === 'admin' && ( + + )} + {user.role !== 'owner' && + (!user.banned ? ( + + ) : ( + + ))} + + )} + {/* 删除用户按钮 - 放在最后，使用更明显的红色样式 */} + {canDeleteUser && ( + + )} + | +
{
+ setShowConfigureApisModal(false);
+ setSelectedUser(null);
+ setSelectedApis([]);
+ }}>
+
,
+ document.body
+ )}
+
+ {/* 添加用户组弹窗 */}
+ {showAddUserGroupForm && createPortal(
+ e.stopPropagation()}>
+
+
+
+
+
+
+ + 配置用户采集源权限 - {selectedUser.username} +
+ +
+
+
+ {/* 采集源选择 - 多列布局 */}
+
+
+
+
+
+ 配置说明
+
+
+ + 提示：全不选为无限制，选中的采集源将限制用户只能访问这些源 +
+
+
+
+ {/* 快速操作按钮 */}
+ + 选择可用的采集源： +
+
+ {config?.SourceConfig?.map((source) => (
+
+ ))}
+
+
+
+
+ {/* 操作按钮 */}
+
+
+
+
+
+ 已选择：
+ {selectedApis.length > 0 ? `${selectedApis.length} 个源` : '无限制'}
+
+
+
+
+
+
+ {
+ setShowAddUserGroupForm(false);
+ setNewUserGroup({ name: '', enabledApis: [] });
+ }}>
+
,
+ document.body
+ )}
+
+ {/* 编辑用户组弹窗 */}
+ {showEditUserGroupForm && editingUserGroup && createPortal(
+ e.stopPropagation()}>
+
+
+
+
+
+
+ + 添加新用户组 +
+ +
+ {/* 用户组名称 */}
+
+
+
+
+ setNewUserGroup((prev) => ({ ...prev, name: e.target.value }))
+ }
+ 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-blue-500 focus:border-transparent'
+ />
+
+
+ {/* 可用视频源 */}
+
+
+
+
+ {/* 操作按钮 */}
+
+ {config?.SourceConfig?.map((source) => (
+
+ ))}
+
+
+ {/* 快速操作按钮 */}
+
+
+
+
+
+
+
+
+ {
+ setShowEditUserGroupForm(false);
+ setEditingUserGroup(null);
+ }}>
+
,
+ document.body
+ )}
+
+ {/* 配置用户组弹窗 */}
+ {showConfigureUserGroupModal && selectedUserForGroup && createPortal(
+ e.stopPropagation()}>
+
+
+
+
+
+
+ + 编辑用户组 - {editingUserGroup.name} +
+ +
+ {/* 可用视频源 */}
+
+
+
+
+
+ {/* 操作按钮 */}
+
+ {config?.SourceConfig?.map((source) => (
+
+ ))}
+
+
+ {/* 快速操作按钮 */}
+
+
+
+
+
+
+
+
+ {
+ setShowConfigureUserGroupModal(false);
+ setSelectedUserForGroup(null);
+ setSelectedUserGroups([]);
+ }}>
+
,
+ document.body
+ )}
+
+ {/* 删除用户组确认弹窗 */}
+ {showDeleteUserGroupModal && deletingUserGroup && createPortal(
+ e.stopPropagation()}>
+
+
+
+
+
+
+ + 配置用户组 - {selectedUserForGroup.username} +
+ +
+
+
+ {/* 用户组选择 - 下拉选择器 */}
+
+
+
+
+
+ 配置说明
+
+
+ + 提示：选择"无用户组"为无限制，选择特定用户组将限制用户只能访问该用户组允许的采集源 +
+
+
+
+
+
+
+
+ {/* 操作按钮 */}
+ + 选择"无用户组"为无限制，选择特定用户组将限制用户只能访问该用户组允许的采集源 +
+
+
+
+
+ {
+ setShowDeleteUserGroupModal(false);
+ setDeletingUserGroup(null);
+ }}>
+
,
+ document.body
+ )}
+
+ {/* 删除用户确认弹窗 */}
+ {showDeleteUserModal && deletingUser && createPortal(
+ e.stopPropagation()}>
+
+
+
+
+
+
+ + 确认删除用户组 +
+ +
+
+
+ {/* 操作按钮 */}
+
+
+
+ {deletingUserGroup.affectedUsers.length > 0 ? (
+
+
+
+ 危险操作警告
+
+
+ + 删除用户组 {deletingUserGroup.name} 将影响所有使用该组的用户，此操作不可恢复！ +
+
+
+ ) : (
+
+
+
+ ⚠️ 将影响 {deletingUserGroup.affectedUsers.length} 个用户：
+
+
+
+ {deletingUserGroup.affectedUsers.map((user, index) => (
+
+
+ • {user.username} ({user.role})
+
+ ))}
+ + 这些用户的用户组将被自动移除 +
+
+
+ )}
+
+
+
+ ✅ 当前没有用户使用此用户组
+
+
+
+
+
+
+ {
+ setShowDeleteUserModal(false);
+ setDeletingUser(null);
+ }}>
+
,
+ document.body
+ )}
+
+ {/* 批量设置用户组弹窗 */}
+ {showBatchUserGroupModal && createPortal(
+ e.stopPropagation()}>
+
+
+
+
+
+
+ + 确认删除用户 +
+ +
+
+
+
+
+ {/* 操作按钮 */}
+
+
+
+ 危险操作警告
+
+
+ + 删除用户 {deletingUser} 将同时删除其搜索历史、播放记录和收藏夹，此操作不可恢复！ +
+
+
+
+
+ {
+ setShowBatchUserGroupModal(false);
+ setSelectedUserGroup('');
+ }}>
+
,
+ document.body
+ )}
+
+ {/* 通用弹窗组件 */}
+ e.stopPropagation()}>
+
+
+
+
+
+
+ + 批量设置用户组 +
+ +
+
+
+ {/* 操作按钮 */}
+
+
+
+
+
+
+ 批量操作说明
+
+
+ + 将为选中的 {selectedUsers.size} 个用户 设置用户组，选择"无用户组"为无限制 +
+
+
+
+
+ + 选择"无用户组"为无限制，选择特定用户组将限制用户只能访问该用户组允许的采集源 +
+
+
+
+
+
+ 加载中...
+
+ );
+ }
+
+ return (
+
+ {/* 添加视频源表单 */}
+
+ );
+};
+
+// 分类配置组件
+const CategoryConfig = ({
+ config,
+ refreshConfig,
+}: {
+ config: AdminConfig | null;
+ refreshConfig: () => Promise
+
+
+ {showAddForm && (
+ + 视频源列表 +
+
+ {/* 批量操作按钮 - 移动端显示在下一行，PC端显示在左侧 */}
+ {selectedSources.size > 0 && (
+ <>
+
+
+
+ 已选 {selectedSources.size}
+ 已选择 {selectedSources.size} 个视频源
+
+
+
+
+
+
+
+ )}
+
+
+
+
+
+
+ )}
+
+
+
+ {/* 视频源表格 */}
+
+
+ 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 && (
+ | + | + handleSelectAll(e.target.checked)} + className='w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600' + /> + | ++ 名称 + | ++ Key + | ++ API 地址 + | ++ Detail 地址 + | ++ 状态 + | ++ 有效性 + | ++ 操作 + | +
|---|
+
+
+ )}
+
+ {/* 有效性检测弹窗 */}
+ {showValidationModal && createPortal(
+ setShowValidationModal(false)}>
+
,
+ document.body
+ )}
+
+ {/* 通用弹窗组件 */}
+ e.stopPropagation()}>
+
+ + 视频源有效性检测 +
++ 请输入检测用的搜索关键词 +
+
+ setSearchKeyword(e.target.value)}
+ 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'
+ onKeyPress={(e) => e.key === 'Enter' && handleValidateSources()}
+ />
+
+
+
+
+
+
+
,
+ document.body
+ )}
+ e.stopPropagation()}>
+
+
+
+
+
+
+ + {confirmModal.title} +
+ +
+
+
+ {/* 操作按钮 */}
+ + {confirmModal.message} +
+
+
+
+
+
+ 加载中...
+
+ );
+ }
+
+ return (
+
+ {/* 添加分类表单 */}
+
+ );
+};
+
+// 新增配置文件组件
+const ConfigFileComponent = ({ config, refreshConfig }: { config: AdminConfig | null; refreshConfig: () => Promise
+
+
+ {showAddForm && (
+ + 自定义分类列表 +
+ +
+
+ )}
+
+ {/* 分类表格 */}
+
+
+ setNewCategory((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'
+ />
+
+
+ setNewCategory((prev) => ({ ...prev, query: 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 && (
+ | + | + 分类名称 + | ++ 类型 + | ++ 搜索关键词 + | ++ 状态 + | ++ 操作 + | +
|---|
+
+
+ )}
+
+ {/* 通用弹窗组件 */}
+
+ 加载中...
+
+ );
+ }
+
+ return (
+
+ {/* 配置订阅区域 */}
+
+
+
+ {/* 配置文件编辑区域 */}
+
+
+
+ + 配置订阅 +
+
+ 最后更新: {lastCheckTime ? new Date(lastCheckTime).toLocaleString('zh-CN') : '从未更新'}
+
+
+ {/* 订阅URL输入 */}
+
+
+
+ setSubscriptionUrl(e.target.value)}
+ placeholder='https://example.com/config.json'
+ disabled={false}
+ className='w-full px-4 py-3 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 shadow-sm hover:border-gray-400 dark:hover:border-gray-500'
+ />
+
+
+ {/* 拉取配置按钮 */}
+ + 输入配置文件的订阅地址，要求 JSON 格式，且使用 Base58 编码 +
+
+
+
+
+ {/* 自动更新开关 */}
+
+
+
+
+
+
+ + 启用后系统将定期自动拉取最新配置 +
+
+
+