Compare commits

...

67 Commits
v0.2.0 ... main

Author SHA1 Message Date
maye 6be5c25dfc Update config.json 2025-09-02 11:19:59 +08:00
katelya d9d50891f2 Merge branch 'main' of https://github.com/katelya77/KatelyaTV 2025-09-01 23:34:13 +08:00
katelya cd12ebea76 fixed 2025-09-01 23:34:09 +08:00
Katelya 36c9a6be20
Delete RELEASE_v0.4.0.md 2025-09-01 23:33:53 +08:00
Katelya 8c698ceb7d
Update README.md 2025-09-01 23:33:23 +08:00
katelya 419c686879 Merge branch 'main' of https://github.com/katelya77/KatelyaTV 2025-09-01 23:30:51 +08:00
katelya ec8111243a feat: 添加 RELEASE_v0.4.0 版本说明文件 2025-09-01 23:30:48 +08:00
Katelya 41ea51baae
Fix link to D1初始化.md in README 2025-09-01 23:19:49 +08:00
katelya d639bbe415 feat: 更新 README,重构部署教程,优化 Docker 部署说明和配置示例 2025-09-01 23:14:26 +08:00
katelya dc336af4da feat: 更新 README,移除视频源说明,优化部署和环境变量部分 2025-09-01 22:54:48 +08:00
katelya 3ba6e798f6 feat: 更新 README,优化项目描述和视频源说明,调整布局和功能特性 2025-09-01 22:33:58 +08:00
katelya 8da7d1153f feat: 优化 PageLayout 组件,调整 TopNavbar 的固定定位和注释说明 2025-09-01 22:06:20 +08:00
katelya 63c5e94f25 Merge branch 'main' of https://github.com/katelya77/KatelyaTV 2025-09-01 21:57:24 +08:00
katelya ab4e58dc4c feat: 更新 README 和版本管理脚本,优化 PageLayout 组件布局,添加 .eslintignore 文件 2025-09-01 21:57:20 +08:00
Katelya ea057e7c53
Delete RELEASE_v0.4.0.md 2025-09-01 21:47:56 +08:00
katelya 4d4f2ab665 feat: enhance PageLayout for better responsiveness and scrolling behavior
- Updated PageLayout component to use flexbox for improved layout structure.
- Ensured the main content area is scrollable by adjusting CSS classes.
- Modified the minimum height calculations for better visual consistency across devices.
- Added comments for clarity on layout changes and their purposes.

chore: add Workbox service worker for improved caching and offline support

- Introduced Workbox for managing caching strategies and offline capabilities.
- Implemented various caching strategies including CacheFirst and NetworkFirst.
- Added expiration and cleanup mechanisms for cached entries.
- Enhanced precaching functionality to ensure assets are available offline.
2025-09-01 21:47:05 +08:00
katelya 97f2bdae97 Merge branch 'main' of https://github.com/katelya77/KatelyaTV 2025-09-01 21:39:32 +08:00
katelya 1e0c079957 update 2025-09-01 21:39:27 +08:00
Katelya 40278e1ae1
Delete RELEASE_NOTES.md 2025-09-01 21:38:39 +08:00
Katelya 87c4020f99
Update README.md 2025-09-01 21:31:19 +08:00
Katelya e0c0fb1289
Update README.md 2025-09-01 21:30:40 +08:00
Katelya 3db16acd6c
Rename wechat.JPG to wechat.jpg 2025-09-01 21:30:03 +08:00
Katelya 0d14b089c7
Add files via upload 2025-09-01 21:28:28 +08:00
katelya 4617b0199b feat: Enhance package manager detection script and improve type safety in components
- Updated `check-package-manager.js` to disable specific ESLint rules for better readability.
- Refactored `page.tsx` in the login module to remove unnecessary type assertions and improve state management.
- Modified `page.tsx` in the home module to enhance error handling, improve layout with grid system, and limit displayed items.
- Adjusted `PageLayout.tsx` to implement responsive layout changes for the play page.
- Improved `ThemeToggle.tsx` to ensure proper dependency tracking in useEffect.
- Enhanced `VideoCard.tsx` with better type definitions for favorites.
- Updated `db.client.ts` to rename legacy cache prefix for future migration.
- Added runtime configuration types in `types.ts` and extended global Window interface.
- Introduced a new Workbox service worker file for improved caching strategies.
2025-09-01 21:23:45 +08:00
katelya be5462cbb0 终于可以自由提交了! 2025-09-01 20:40:37 +08:00
katelya af5b2f8e02 移除烦人的版本自动生成,简化提交流程 2025-09-01 20:38:46 +08:00
Katelya 8b2ca1e520
Update README with important video source notice 2025-09-01 13:29:53 +08:00
Katelya ff6a32f371
Update config.json with example API sources 2025-09-01 13:02:22 +08:00
Katelya 702daca788
Update README.md 2025-08-31 22:14:56 +08:00
Katelya d21df45d16
upload screenshot files 2025-08-31 22:12:48 +08:00
Katelya 21ae5b77a8
Delete public/screenshot1.png 2025-08-31 22:08:59 +08:00
Katelya 93af4f97e8
Delete public/screenshot3.png 2025-08-31 22:08:51 +08:00
Katelya b8d09f5220
Delete public/screenshot2.png 2025-08-31 22:08:42 +08:00
Katelya c246350698
Delete public/screenshot.png 2025-08-31 22:08:29 +08:00
Katelya 45d7ff34c7
Update release.yml 2025-08-31 18:47:15 +08:00
Katelya 1134b3a9ad
Delete QUICKSTART.md 2025-08-31 18:46:07 +08:00
Katelya dfc6098913
Delete GITHUB_ACTIONS_FIX.md 2025-08-31 18:45:47 +08:00
Katelya 146ed3d7b5
Delete DOCKER_DEPLOYMENT.md 2025-08-31 18:45:30 +08:00
Katelya a4fd8a78d5
Delete CHANGELOG.md 2025-08-31 18:44:21 +08:00
Katelya 82c1606a37
Delete BUGFIXES.md 2025-08-31 18:44:08 +08:00
Katelya 55a3a13659
Delete RELEASE_NOTES_V0.2.0.md 2025-08-31 18:43:32 +08:00
Katelya 298aa98318
Update README.md 2025-08-31 18:22:48 +08:00
Katelya 11b675486b
Update docker-image.yml 2025-08-31 18:01:03 +08:00
Katelya 78ce9d2371
Update docker-image.yml 2025-08-31 16:02:07 +08:00
Katelya 3007705693
Update docker-image.yml 2025-08-31 15:56:26 +08:00
Katelya c6f1368298
Update docker-image.yml 2025-08-31 15:46:15 +08:00
Katelya a371fcf53d
Update docker-image.yml 2025-08-31 15:40:19 +08:00
Katelya ea12d9ffae
Update UserMenu.tsx 2025-08-31 15:38:54 +08:00
Katelya c7bdf33c77
Update version.ts 2025-08-31 15:38:16 +08:00
Katelya 5e1b92fe88
Update docker-image.yml 2025-08-31 15:32:28 +08:00
Katelya aee8a2a59c
Update docker-image.yml 2025-08-31 15:25:12 +08:00
Katelya ae2a08e79c
Update docker-image.yml 2025-08-31 15:10:10 +08:00
Katelya 3fbab6c512
Update docker-image.yml 2025-08-31 15:06:16 +08:00
Katelya 8be43f46e8
Update docker-image.yml 2025-08-31 15:01:21 +08:00
Katelya d1afde8406
Update docker-build.yml 2025-08-31 14:50:12 +08:00
katelya 438869f1ec update 2025-08-31 14:43:47 +08:00
katelya 0f89112e14 update 2025-08-31 14:39:46 +08:00
Katelya 2c3b7efda4
Update sw.js 2025-08-31 00:43:19 +08:00
Katelya 594fdd60ac
explain v0.2.0 2025-08-31 00:37:16 +08:00
Katelya 61d61f57f4
Merge pull request #9 from katelya77/cursor/update-documentation-and-release-notes-fb3a
fix: update Docker deployment instructions to use correct KatelyaTV i…
2025-08-31 00:36:41 +08:00
Katelya 93106cbf3b
Merge branch 'main' into cursor/update-documentation-and-release-notes-fb3a 2025-08-31 00:36:34 +08:00
Cursor Agent 0782e7f94f feat: update packages and add comprehensive Docker deployment guide
- Update VERSION.txt to trigger fresh Docker build
- Add detailed DOCKER_DEPLOYMENT.md with complete deployment guide
- Include troubleshooting, security recommendations, and performance tips
- Ensure users can successfully pull from ghcr.io/katelya77/katelyatv:latest
- Support both single container and Docker Compose deployments
2025-08-30 16:00:31 +00:00
katelya 42c5f445be Fix Docker method 2025-08-30 23:53:34 +08:00
Katelya ac3a42d0e3
Update README.md 2025-08-29 21:11:07 +08:00
Katelya b25c738dbf
Merge pull request #6 from katelya77/cursor/update-documentation-and-release-notes-fb3a
Update documentation and release notes
2025-08-29 16:04:40 +08:00
Katelya dd2edc48b3
Update README.md 2025-08-29 15:51:26 +08:00
Katelya 9bfbf2d11d
Merge pull request #5 from katelya77/cursor/update-documentation-and-release-notes-fb3a
Rebrand project to KatelyaTV, update docs and release notes
2025-08-29 15:47:06 +08:00
34 changed files with 1025 additions and 1114 deletions

53
.eslintignore Normal file
View File

@ -0,0 +1,53 @@
# Dependencies
node_modules/
.pnpm-store/
# Build outputs
.next/
out/
dist/
build/
# Cache directories
.cache/
.parcel-cache/
# Environment files
.env
.env.local
.env.development.local
.env.test.local
.env.production.local
# Log files
*.log
logs/
# Editor directories and files
.vscode/
.idea/
*.swp
*.swo
# OS generated files
.DS_Store
.DS_Store?
._*
.Spotlight-V100
.Trashes
ehthumbs.db
Thumbs.db
# PWA Service Worker files (auto-generated)
public/sw.js
public/workbox-*.js
# Generated files
src/lib/runtime.ts
manifest.json
# Test coverage
coverage/
# Storybook build outputs
storybook-static/

View File

@ -61,8 +61,8 @@ jobs:
platforms: linux/amd64,linux/arm64 platforms: linux/amd64,linux/arm64
push: true push: true
tags: | tags: |
ghcr.io/${{ github.repository_owner }}/moontv:latest ghcr.io/${{ github.repository_owner }}/katelyatv:latest
ghcr.io/${{ github.repository_owner }}/moontv:${{ github.sha }} ghcr.io/${{ github.repository_owner }}/katelyatv:${{ github.sha }}
cache-from: type=gha cache-from: type=gha
cache-to: type=gha,mode=max cache-to: type=gha,mode=max
@ -81,4 +81,4 @@ jobs:
echo "🚀 Images pushed to GitHub Container Registry" echo "🚀 Images pushed to GitHub Container Registry"
else else
echo "🧪 Build test completed (no push for PR/non-main branch)" echo "🧪 Build test completed (no push for PR/non-main branch)"
fi fi

View File

@ -1,5 +1,4 @@
name: Build & Push Docker image name: Build & Push Docker image
on: on:
push: push:
branches: branches:
@ -12,15 +11,11 @@ on:
paths-ignore: paths-ignore:
- '**.md' - '**.md'
workflow_dispatch: workflow_dispatch:
concurrency: concurrency:
group: ${{ github.workflow }}-${{ github.ref }} group: ${{ github.workflow }}-${{ github.ref }}
cancel-in-progress: true cancel-in-progress: true
env: env:
REGISTRY: ghcr.io REGISTRY: ghcr.io
IMAGE_NAME: ${{ github.repository }}
jobs: jobs:
build-and-push: build-and-push:
runs-on: ubuntu-latest runs-on: ubuntu-latest
@ -29,24 +24,22 @@ jobs:
packages: write packages: write
attestations: write attestations: write
id-token: write id-token: write
strategy: strategy:
fail-fast: false fail-fast: false
matrix: matrix:
platform: platform:
- linux/amd64 - linux/amd64
- linux/arm64 - linux/arm64
steps: steps:
- name: Checkout repository - name: Checkout repository
uses: actions/checkout@v4 uses: actions/checkout@v4
- name: Set image name to lowercase
run: echo "IMAGE_NAME=$(echo '${{ github.repository }}' | tr '[:upper:]' '[:lower:]')" >> $GITHUB_ENV
- name: Set up Docker Buildx - name: Set up Docker Buildx
uses: docker/setup-buildx-action@v3 uses: docker/setup-buildx-action@v3
with: with:
version: latest version: latest
driver-opts: image=moby/buildkit:buildx-stable-1 driver-opts: image=moby/buildkit:buildx-stable-1
- name: Log in to Container Registry - name: Log in to Container Registry
if: github.event_name != 'pull_request' if: github.event_name != 'pull_request'
uses: docker/login-action@v3 uses: docker/login-action@v3
@ -54,7 +47,6 @@ jobs:
registry: ${{ env.REGISTRY }} registry: ${{ env.REGISTRY }}
username: ${{ github.actor }} username: ${{ github.actor }}
password: ${{ secrets.GITHUB_TOKEN }} password: ${{ secrets.GITHUB_TOKEN }}
- name: Extract metadata - name: Extract metadata
id: meta id: meta
uses: docker/metadata-action@v5 uses: docker/metadata-action@v5
@ -67,14 +59,13 @@ jobs:
type=raw,value=latest,enable={{is_default_branch}} type=raw,value=latest,enable={{is_default_branch}}
labels: | labels: |
org.opencontainers.image.title=${{ github.repository }} org.opencontainers.image.title=${{ github.repository }}
org.opencontainers.image.description=KatelyaTV - A modern streaming platform org.opencontainers.image.description=katelyatv - A modern streaming platform
org.opencontainers.image.url=${{ github.server_url }}/${{ github.repository }} org.opencontainers.image.url=${{ github.server_url }}/${{ github.repository }}
org.opencontainers.image.source=${{ github.server_url }}/${{ github.repository }} org.opencontainers.image.source=${{ github.server_url }}/${{ github.repository }}
org.opencontainers.image.version=${{ steps.meta.outputs.version }} org.opencontainers.image.version=${{ steps.meta.outputs.version }}
org.opencontainers.image.created=${{ steps.meta.outputs.created }} org.opencontainers.image.created=${{ steps.meta.outputs.created }}
org.opencontainers.image.revision=${{ github.sha }} org.opencontainers.image.revision=${{ github.sha }}
org.opencontainers.image.licenses=MIT org.opencontainers.image.licenses=MIT
- name: Build Docker image - name: Build Docker image
id: build id: build
uses: docker/build-push-action@v5 uses: docker/build-push-action@v5
@ -87,14 +78,14 @@ jobs:
cache-to: type=gha,mode=max,scope=${{ github.ref_name }}-${{ matrix.platform }} cache-to: type=gha,mode=max,scope=${{ github.ref_name }}-${{ matrix.platform }}
outputs: | outputs: |
type=image,name=${{ env.REGISTRY }}/${{ env.IMAGE_NAME }},push-by-digest=true,name-canonical=true,push=${{ github.event_name != 'pull_request' }} type=image,name=${{ env.REGISTRY }}/${{ env.IMAGE_NAME }},push-by-digest=true,name-canonical=true,push=${{ github.event_name != 'pull_request' }}
provenance: false
sbom: false
- name: Export digest - name: Export digest
if: github.event_name != 'pull_request' if: github.event_name != 'pull_request'
run: | run: |
mkdir -p /tmp/digests mkdir -p /tmp/digests
digest="${{ steps.build.outputs.digest }}" digest="${{ steps.build.outputs.digest }}"
touch "/tmp/digests/${digest#sha256:}" touch "/tmp/digests/${digest#sha256:}"
- name: Upload digest - name: Upload digest
if: github.event_name != 'pull_request' if: github.event_name != 'pull_request'
uses: actions/upload-artifact@v4 uses: actions/upload-artifact@v4
@ -103,7 +94,6 @@ jobs:
path: /tmp/digests/* path: /tmp/digests/*
if-no-files-found: error if-no-files-found: error
retention-days: 1 retention-days: 1
merge-images: merge-images:
runs-on: ubuntu-latest runs-on: ubuntu-latest
permissions: permissions:
@ -114,25 +104,23 @@ jobs:
needs: needs:
- build-and-push - build-and-push
if: github.event_name != 'pull_request' if: github.event_name != 'pull_request'
steps: steps:
- name: Set image name to lowercase
run: echo "IMAGE_NAME=$(echo '${{ github.repository }}' | tr '[:upper:]' '[:lower:]')" >> $GITHUB_ENV
- name: Download digests - name: Download digests
uses: actions/download-artifact@v4 uses: actions/download-artifact@v4
with: with:
path: /tmp/digests path: /tmp/digests
pattern: digests-* pattern: digests-*
merge-multiple: true merge-multiple: true
- name: Set up Docker Buildx - name: Set up Docker Buildx
uses: docker/setup-buildx-action@v3 uses: docker/setup-buildx-action@v3
- name: Log in to Container Registry - name: Log in to Container Registry
uses: docker/login-action@v3 uses: docker/login-action@v3
with: with:
registry: ${{ env.REGISTRY }} registry: ${{ env.REGISTRY }}
username: ${{ github.actor }} username: ${{ github.actor }}
password: ${{ secrets.GITHUB_TOKEN }} password: ${{ secrets.GITHUB_TOKEN }}
- name: Extract metadata - name: Extract metadata
id: meta id: meta
uses: docker/metadata-action@v5 uses: docker/metadata-action@v5
@ -142,21 +130,32 @@ jobs:
type=ref,event=branch type=ref,event=branch
type=sha,prefix={{branch}}- type=sha,prefix={{branch}}-
type=raw,value=latest,enable={{is_default_branch}} type=raw,value=latest,enable={{is_default_branch}}
- name: Create manifest list and push - name: Create manifest list and push
working-directory: /tmp/digests working-directory: /tmp/digests
run: | run: |
docker buildx imagetools create $(jq -cr '.tags | map("-t " + .) | join(" ")' <<< "$DOCKER_METADATA_OUTPUT_JSON") \ docker buildx imagetools create $(jq -cr '.tags | map("-t " + .) | join(" ")' <<< "$DOCKER_METADATA_OUTPUT_JSON") \
$(printf '${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}@sha256:%s ' *) $(printf '${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}@sha256:%s ' *)
- name: Get multi-arch digest
id: get_digest
run: |
# 直接从 docker pull 获取 digest这是最可靠的方法
digest=$(docker pull ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ steps.meta.outputs.version }} 2>&1 | grep "Digest:" | cut -d' ' -f2 || echo "")
if [ -z "$digest" ]; then
# 备选方案:使用 crane 风格的检查(如果支持的话)
digest=$(docker buildx imagetools inspect ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ steps.meta.outputs.version }} | grep "Digest:" | head -1 | cut -d' ' -f2 || echo "")
fi
if [ -z "$digest" ]; then
# 最后备选:从 raw manifest 计算
digest=$(docker buildx imagetools inspect ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ steps.meta.outputs.version }} --raw | sha256sum | awk '{print "sha256:"$1}')
fi
echo "digest=$digest" >> $GITHUB_OUTPUT
- name: Inspect image - name: Inspect image
run: | run: |
docker buildx imagetools inspect ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ steps.meta.outputs.version }} docker buildx imagetools inspect ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ steps.meta.outputs.version }}
- name: Generate artifact attestation - name: Generate artifact attestation
if: github.event_name != 'pull_request' if: github.event_name != 'pull_request'
uses: actions/attest-build-provenance@v1 uses: actions/attest-build-provenance@v1
with: with:
subject-name: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME}} subject-name: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME}}
subject-digest: ${{ steps.build.outputs.digest }} subject-digest: ${{ steps.get_digest.outputs.digest }}
push-to-registry: true push-to-registry: true

View File

@ -25,12 +25,28 @@ jobs:
uses: actions/setup-node@v4 uses: actions/setup-node@v4
with: with:
node-version: '18' node-version: '18'
cache: 'npm' # 修改这里:改为 pnpm 或者移除 cache 配置
# cache: 'npm' # 删除这行,因为使用的是 pnpm
- name: Setup pnpm - name: Setup pnpm
uses: pnpm/action-setup@v2 uses: pnpm/action-setup@v2
with: with:
version: 8 version: 8
# 添加 pnpm 缓存配置
run_install: false
- name: Get pnpm store directory
shell: bash
run: |
echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
- name: Setup pnpm cache
uses: actions/cache@v3
with:
path: ${{ env.STORE_PATH }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies - name: Install dependencies
run: pnpm install --frozen-lockfile run: pnpm install --frozen-lockfile
@ -273,4 +289,4 @@ jobs:
echo "🎉 Release ${{ github.ref_name }} 发布成功!" echo "🎉 Release ${{ github.ref_name }} 发布成功!"
echo "📦 Docker 镜像: ghcr.io/senshinya/moontv:${{ github.ref_name }}" echo "📦 Docker 镜像: ghcr.io/senshinya/moontv:${{ github.ref_name }}"
echo "🔗 Release 页面: https://github.com/${{ github.repository }}/releases/tag/${{ github.ref_name }}" echo "🔗 Release 页面: https://github.com/${{ github.repository }}/releases/tag/${{ github.ref_name }}"
echo "📝 更新日志: https://github.com/${{ github.repository }}/blob/main/CHANGELOG.md" echo "📝 更新日志: https://github.com/${{ github.repository }}/blob/main/CHANGELOG.md"

View File

@ -1,4 +1,5 @@
#!/bin/sh #!/bin/sh
. "$(dirname "$0")/_/husky.sh" . "$(dirname "$0")/_/husky.sh"
npx --no-install commitlint --edit "$1" # 禁用commitlint检查让提交更自由
echo "✅ 提交消息检查已跳过"

View File

@ -1,11 +1,5 @@
#!/bin/sh #!/bin/sh
. "$(dirname "$0")/_/husky.sh" . "$(dirname "$0")/_/husky.sh"
# 生成版本号 # 简化版 - 只做最基本的检查,不阻塞提交
pnpm gen:version echo "✅ 提交检查通过,代码已暂存"
# 自动添加修改的版本文件
git add src/lib/version.ts
git add VERSION.txt
npx lint-staged

View File

@ -1,143 +0,0 @@
# Bug修复说明
## 修复的问题
### 1. GitHub Actions构建失败问题
**问题描述:**
- ARM64平台构建失败`linux/arm64, ubuntu-24.04-arm` 构建失败
- 权限错误:`permission_denied: write_package`
- 只有AMD64平台构建成功
**根本原因:**
1. GitHub Actions权限配置过高导致权限冲突
2. ARM64平台使用特定的Ubuntu版本可能存在兼容性问题
3. Docker构建缓存未启用影响构建效率
**解决方案:**
1. 调整GitHub Actions权限
- `contents: write``contents: read`
- `actions: write``actions: read`
- 保留 `packages: write` 用于推送镜像
2. 统一使用 `ubuntu-latest` 平台:
- 移除 `ubuntu-24.04-arm` 特殊配置
- 确保ARM64和AMD64使用相同的操作系统版本
3. 启用Docker构建缓存
- 添加 `cache-from: type=gha`
- 添加 `cache-to: type=gha,mode=max`
4. 优化Dockerfile
- 添加 `--platform=$BUILDPLATFORM` 确保跨平台构建兼容性
### 2. iOS Safari渲染问题
**问题描述:**
- 登录界面在iOS Safari上无法正常显示
- 只显示特效背景,缺少登录表单
- 复杂的CSS动画可能导致性能问题
**根本原因:**
1. 复杂的CSS动画和特效在iOS Safari上支持有限
2. 使用了过多的3D变换和复杂动画
3. backdrop-filter等CSS属性在iOS Safari上可能有问题
4. 缺少针对移动端的优化
**解决方案:**
1. 简化CSS特效
- 移除复杂的3D变换动画
- 简化粒子效果动画
- 保留基本的渐变和悬停效果
2. 创建iOS Safari兼容性组件
- 自动检测iOS Safari环境
- 动态应用兼容性样式
- 禁用可能导致问题的CSS属性
3. 优化移动端体验:
- 简化背景装饰元素
- 使用更兼容的CSS属性
- 添加响应式设计优化
4. 添加CSS兼容性检测
- 使用 `@supports` 检测特性支持
- 为iOS Safari提供降级方案
- 保持美观的同时确保功能正常
## 修复后的改进
### 1. 构建稳定性
- ✅ ARM64和AMD64平台都能成功构建
- ✅ 启用构建缓存,提高构建效率
- ✅ 权限配置更加合理和安全
### 2. 移动端兼容性
- ✅ iOS Safari登录界面正常显示
- ✅ 保持美观的UI设计
- ✅ 优化移动端性能
- ✅ 自动检测和适配不同设备
### 3. 代码质量
- ✅ 修复所有ESLint错误
- ✅ 代码格式化和导入排序
- ✅ 类型检查通过
- ✅ 构建过程无错误
## 技术细节
### GitHub Actions配置
```yaml
permissions:
contents: read # 降低权限,避免冲突
packages: write # 保留推送镜像权限
actions: read # 降低权限,避免冲突
```
### Dockerfile优化
```dockerfile
FROM --platform=$BUILDPLATFORM node:20-alpine AS deps
FROM --platform=$BUILDPLATFORM node:20-alpine AS builder
```
### iOS兼容性检测
```typescript
const iOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
const safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
```
### CSS兼容性优化
```css
@supports (-webkit-touch-callout: none) {
/* iOS Safari特定样式 */
.animate-pulse { animation: none; }
.particle { animation: none; opacity: 0.4; }
}
```
## 测试建议
1. **GitHub Actions测试**
- 推送代码到main分支
- 检查ARM64和AMD64构建是否都成功
- 验证镜像推送是否正常
2. **移动端测试:**
- 在iOS Safari上测试登录界面
- 验证所有UI元素正常显示
- 检查动画效果是否流畅
3. **本地构建测试:**
- 运行 `pnpm run build` 确保无错误
- 运行 `pnpm run lint:fix` 检查代码质量
- 运行 `pnpm run dev` 测试开发环境
## 注意事项
1. **权限配置:** 如果仍有权限问题可能需要检查GitHub仓库的Settings > Actions > General中的权限设置
2. **iOS兼容性** 如果发现新的兼容性问题,可以在`IOSCompatibility.tsx`组件中添加相应的样式规则
3. **性能监控:** 建议在生产环境中监控移动端的性能表现,确保用户体验良好
4. **浏览器支持:** 考虑添加更多浏览器的兼容性检测和优化

View File

@ -1,94 +0,0 @@
# 更新日志
本文档记录了 KatelyaTV 项目的所有重要更改。KatelyaTV 为在「MoonTV」基础上的二创与继承版本延续上游核心能力并持续修复优化。
## [未发布]
### 计划中
- 弹幕系统支持
- 字幕文件支持
- 下载功能
- 社交分享功能
- 用户评分系统
## [0.1.0-katelya] - 2025-01-XX
### ✨ 新功能
- 🎬 多源聚合搜索系统集成20+个免费资源站点
- 📺 观看历史记录功能,支持断点续播和多设备同步
- ❤️ 收藏系统,支持个性化片单管理
- 👥 多用户系统,支持用户注册、登录和权限管理
- 🌗 深色模式支持,自动跟随系统主题切换
- 📱 PWA 支持,可安装到桌面,支持离线缓存
- 🎯 豆瓣集成,提供热门电影、电视剧、综艺推荐
- 🔍 智能搜索,支持分类筛选和结果去重
### 🎨 用户界面
- 响应式设计,完美适配桌面和移动端
- 现代化 UI 设计,基于 Tailwind CSS 构建
- 流畅的动画效果,使用 Framer Motion
- 移动端底部导航栏,优化触摸操作体验
- 视频卡片进度条显示,直观展示观看进度
### 🚀 技术特性
- 基于 Next.js 14 App Router 构建
- TypeScript 4.x 类型安全
- 多种存储后端支持localStorage、Redis、Cloudflare D1、Upstash
- 视频播放器集成ArtPlayer + HLS.js
- 自动广告跳过功能
- 智能缓存策略
### 🔧 性能优化
- 接口缓存机制,减少重复请求
- 图片懒加载和占位符
- 代码分割和动态导入
- 数据库查询优化
### 📱 移动端优化
- 触摸友好的操作界面
- 移动端专用底部导航
- 响应式图片和布局
- 触摸手势支持
### 🐛 问题修复
- 修复播放进度记录丢失问题
- 优化视频播放器兼容性
- 修复移动端响应式布局问题
- 改进错误处理和用户提示
### 📚 文档
- 完整的 README.md 文档
- 详细的部署指南
- 环境变量配置说明
- Docker 部署最佳实践
## 部署说明
### 支持的平台
- ✅ Docker推荐
- ✅ Vercel
- ✅ Cloudflare Pages
- ✅ 自托管服务器
### 存储后端
- ✅ localStorage默认单用户
- ✅ Redis多用户数据同步
- ✅ Cloudflare D1多用户数据同步
- ✅ Upstash Redis多用户数据同步
### 环境要求
- Node.js 18+
- pnpm 8+
- 现代浏览器支持
## 贡献指南
我们欢迎所有形式的贡献!请查看 [CONTRIBUTING.md](CONTRIBUTING.md) 了解如何参与项目开发。
## 许可证
本项目采用 [MIT 许可证](LICENSE)。
---
**注意**: 本项目仅供学习和个人使用,请遵守当地法律法规,不要用于商业用途或公开服务。

View File

@ -1,110 +0,0 @@
# GitHub Actions 权限问题修复方案
## 🚨 问题分析
根据您的GitHub Actions失败日志主要问题包括
1. **权限拒绝错误**: `permission_denied: write_package`
2. **资源访问错误**: `Resource not accessible by integration`
3. **策略配置取消**: `The strategy configuration was canceled`
## 🔧 修复方案
### 1. 仓库权限设置检查
请确认以下设置:
#### GitHub仓库设置 → Actions → General
1. 进入您的仓库: https://github.com/katelya77/KatelyaTV/settings/actions
2. 在 "Workflow permissions" 部分,选择 **"Read and write permissions"**
3. 勾选 **"Allow GitHub Actions to create and approve pull requests"**
#### GitHub仓库设置 → Packages
1. 进入: https://github.com/katelya77/KatelyaTV/settings/packages
2. 确保 "Package creation" 设置允许创建包
### 2. 工作流程修复
我已经创建了三个修复版本:
#### 版本1: 完整修复版 (`docker-image.yml`)
- 修复了权限设置
- 移除了有问题的cleanup job
- 优化了多平台构建流程
#### 版本2: 简化版 (`docker-build.yml`)
- 简化的构建流程
- 更好的错误处理
- 测试优先的方法
### 3. 具体修复内容
1. **权限优化**:
```yaml
permissions:
contents: read
packages: write
attestations: write
id-token: write
```
2. **移除问题组件**:
- 删除了导致权限错误的cleanup job
- 简化了digest处理流程
3. **构建流程优化**:
- 改进了多平台构建策略
- 添加了更好的缓存机制
- 优化了错误处理
## 🎯 推荐操作步骤
### 立即操作
1. **检查仓库权限设置** (最重要!)
- 访问: https://github.com/katelya77/KatelyaTV/settings/actions
- 设置为 "Read and write permissions"
2. **测试新的工作流程**
- 新的 `docker-image.yml` 已经推送
- 等待下次推送触发自动构建
### 如果仍有问题
1. **使用简化版本**:
```bash
git add .github/workflows/docker-build.yml
git commit -m "Add simplified Docker build workflow"
git push origin main
```
2. **手动创建Personal Access Token** (备用方案):
- 访问: https://github.com/settings/tokens
- 创建token权限包括: `write:packages`, `read:packages`
- 添加到仓库Secrets: `PAT_TOKEN`
- 修改workflow使用PAT而不是GITHUB_TOKEN
## 🔍 预期结果
修复后,您应该看到:
- ✅ ARM64和AMD64平台都成功构建
- ✅ 没有权限错误
- ✅ Docker镜像成功推送到ghcr.io
- ✅ 绿色的GitHub Actions状态
## 🆘 如果问题持续
如果上述方案都不能解决问题,可能需要:
1. **联系GitHub支持**: 可能是账户级别的权限限制
2. **使用替代方案**: 切换到Docker Hub或其他容器注册中心
3. **简化构建**: 暂时只构建单平台镜像
## 📞 技术支持
如果您需要进一步的帮助,请提供:
- 新的GitHub Actions运行URL
- 仓库权限设置的截图
- 详细的错误日志
祝您早日解决这个强迫症问题!🎉

View File

@ -1,242 +0,0 @@
# 🚀 KatelyaTV 快速开始指南
欢迎使用 KatelyaTV本指南将帮助您在几分钟内完成部署和配置。
## 📋 前置要求
- **Docker** (推荐) 或 **Node.js 18+**
- 现代浏览器 (Chrome 90+, Firefox 88+, Safari 14+)
- 稳定的网络连接
## 🐳 Docker 部署 (推荐)
### 1. 快速启动
```bash
# 拉取最新镜像
docker pull ghcr.io/katelya77/katelyatv:latest
# 启动容器
docker run -d \
--name katelyatv \
-p 3000:3000 \
--env PASSWORD=your_password \
--restart unless-stopped \
ghcr.io/katelya77/katelyatv:latest
```
### 2. 访问应用
打开浏览器访问 `http://localhost:3000`,输入密码 `your_password` 即可使用。
### 3. 停止服务
```bash
# 停止容器
docker stop katelyatv
# 删除容器
docker rm katelyatv
```
## 🌐 云平台部署
### Vercel 部署
1. **Fork 项目**
- 点击 GitHub 仓库右上角的 "Fork" 按钮
- 等待 Fork 完成
2. **部署到 Vercel**
- 访问 [Vercel](https://vercel.com/)
- 点击 "New Project"
- 选择 Fork 后的仓库
- 设置环境变量 `PASSWORD=your_password`
- 点击 "Deploy"
3. **访问应用**
- 部署完成后Vercel 会提供一个域名
- 访问该域名,输入密码即可使用
### Cloudflare Pages 部署
1. **Fork 项目**
- 同上
2. **部署到 Cloudflare Pages**
- 访问 [Cloudflare Dashboard](https://dash.cloudflare.com/)
- 进入 "Workers & Pages"
- 点击 "Create application" → "Pages"
- 选择 "Connect to Git"
- 选择 Fork 后的仓库
- 构建命令:`pnpm run pages:build`
- 构建输出目录:`.vercel/output/static`
- 环境变量:`PASSWORD=your_password`
3. **访问应用**
- 部署完成后访问提供的域名
## ⚙️ 基础配置
### 环境变量
创建 `.env.local` 文件:
```bash
# 复制示例文件
cp .env.example .env.local
# 编辑配置
nano .env.local
```
**必需配置:**
```bash
PASSWORD=your_secure_password
```
**推荐配置:**
```bash
SITE_NAME=我的影视站
NEXT_PUBLIC_STORAGE_TYPE=localstorage
NEXT_PUBLIC_SEARCH_MAX_PAGE=10
```
### 自定义资源站点
编辑 `config.json` 文件:
```json
{
"cache_time": 7200,
"api_site": {
"dyttzy": {
"api": "http://caiji.dyttzyapi.com/api.php/provide/vod",
"name": "电影天堂资源",
"detail": "http://caiji.dyttzyapi.com"
}
}
}
```
## 🎯 核心功能使用
### 1. 搜索影视
- 在首页搜索框输入影视名称
- 支持中文、英文、拼音搜索
- 结果来自多个资源站点
### 2. 观看视频
- 点击搜索结果进入详情页
- 选择播放源和剧集
- 支持进度记录和断点续播
### 3. 收藏管理
- 点击心形图标收藏影视
- 在"我的收藏"中查看
- 支持多设备同步
### 4. 观看历史
- 自动记录观看进度
- 在"继续观看"中查看
- 支持从上次位置继续
## 🔧 高级配置
### 多用户支持
如需支持多用户,请配置 Redis 或 D1 存储:
```bash
# Redis 配置
NEXT_PUBLIC_STORAGE_TYPE=redis
REDIS_URL=redis://localhost:6379/0
# 或 D1 配置 (Cloudflare Pages)
NEXT_PUBLIC_STORAGE_TYPE=d1
# 在 Cloudflare Pages 中绑定 D1 数据库
```
### 自定义主题
修改 `src/styles/globals.css` 文件:
```css
:root {
--primary-color: #3b82f6;
--secondary-color: #1e40af;
--background-color: #ffffff;
--text-color: #1f2937;
}
.dark {
--background-color: #111827;
--text-color: #f9fafb;
}
```
### 添加新资源站点
`config.json` 中添加:
```json
{
"api_site": {
"newsite": {
"api": "https://newsite.com/api.php/provide/vod",
"name": "新站点名称"
}
}
}
```
## 🚨 常见问题
### Q: 无法访问应用
**A:** 检查端口是否被占用,防火墙设置,或尝试其他端口。
### Q: 搜索无结果
**A:** 检查网络连接,资源站点是否可用,或尝试其他关键词。
### Q: 视频无法播放
**A:** 检查视频源是否有效,浏览器是否支持相关格式。
### Q: 数据丢失
**A:** 如果使用 localStorage数据存储在浏览器中清除缓存会丢失数据。
## 📱 移动端使用
- 支持响应式设计
- 可安装为 PWA 应用
- 触摸友好的操作界面
## 🔒 安全建议
1. **设置强密码**:使用复杂密码保护访问
2. **限制访问**:不要公开分享访问链接
3. **定期更新**:保持应用版本最新
4. **监控日志**:关注异常访问记录
## 📞 获取帮助
- 📖 [完整文档](README.md)
- 🐛 问题反馈:在仓库 Issues 页面提交
- 💬 功能讨论:在 Discussions 页面参与
- 📝 [更新日志](CHANGELOG.md)
## 🎉 开始使用
现在您已经完成了基础配置,可以开始享受 KatelyaTV 带来的影视体验了!
**重要提醒:**
- 本项目仅供学习和个人使用
- 请遵守当地法律法规
- 不要用于商业用途或公开服务
---
如有任何问题,欢迎在 GitHub 上提出 Issue 或参与讨论!

897
README.md
View File

@ -1,197 +1,502 @@
# KatelyaTV
<div align="center"> <div align="center">
<img src="public/logo.png" alt="KatelyaTV Logo" width="120"> <img src="public/logo.png" alt="KatelyaTV Logo" width="128" />
</div> <h1>KatelyaTV</h1>
<p><strong>跨平台 · 聚合搜索 · 即开即用 · 自托管影视聚合播放器</strong></p>
> 🎬 **KatelyaTV** 是一个开箱即用的、跨平台的影视聚合播放器。它基于 **Next.js 14** + **Tailwind&nbsp;CSS** + **TypeScript** 构建,支持多资源搜索、在线播放、收藏同步、播放记录、本地/云端存储,让你可以随时随地畅享海量免费影视内容。 <p>基于 <code>Next.js 14</code> · <code>TypeScript</code> · <code>Tailwind CSS</code> · 多源聚合 / 播放记录 / 收藏同步 / PWA</p>
> <p>MoonTV 二创延续版 · 持续维护与增强</p>
> 本项目是在原始项目「MoonTV」基础上的二创与继承版本由 Katelya 持续开发与维护。在致敬原作的前提下,继续修复问题、优化体验并扩展功能。 <p>
<a href="#部署">🚀 部署</a> ·
<div align="center"> <a href="#功能特性">✨ 功能</a> ·
<a href="#docker">🐳 Docker</a> ·
![Next.js](https://img.shields.io/badge/Next.js-14-000?logo=nextdotjs) <a href="#环境变量">⚙️ 配置</a>
![TailwindCSS](https://img.shields.io/badge/TailwindCSS-3-38bdf8?logo=tailwindcss) </p>
![TypeScript](https://img.shields.io/badge/TypeScript-4.x-3178c6?logo=typescript)
![License](https://img.shields.io/badge/License-MIT-green)
![Docker Ready](https://img.shields.io/badge/Docker-ready-blue?logo=docker)
![PWA Ready](https://img.shields.io/badge/PWA-ready-orange?logo=pwa)
</div>
---
## ✨ 功能特性
- 🔍 **多源聚合搜索**内置20+个免费资源站点,一次搜索立刻返回全源结果,支持电影、电视剧、综艺等多种类型。
- 📄 **丰富详情页**:支持剧集列表、演员、年份、简介等完整信息展示,集成豆瓣评分和热门推荐。
- ▶️ **流畅在线播放**:集成 HLS.js & ArtPlayer支持多种视频格式自动跳过广告切片。
- 📺 **观看历史记录**:智能记录播放进度,支持断点续播,多设备同步观看状态。
- ❤️ **收藏 + 继续观看**:支持 Redis/D1/Upstash 存储,多端同步进度,个性化推荐。
- 📱 **PWA 支持**:离线缓存、安装到桌面/主屏,移动端原生体验,支持推送通知。
- 🌗 **响应式布局**:桌面侧边栏 + 移动底部导航,自适应各种屏幕尺寸,支持深色模式。
- 👥 **多用户系统**:支持用户注册、登录、权限管理,数据隔离和同步。
- 🚀 **极简部署**:一条 Docker 命令即可将完整服务跑起来,或免费部署到 Vercel 和 Cloudflare。
- 🎨 **现代化UI**:基于 Tailwind CSS 构建,支持主题切换,流畅的动画效果。
<details>
<summary>点击查看项目截图</summary>
<img src="public/screenshot1.png" alt="项目截图" style="max-width:600px">
<img src="public/screenshot2.png" alt="项目截图" style="max-width:600px">
<img src="public/screenshot3.png" alt="项目截图" style="max-width:600px">
</details>
## 🗺 目录
- [技术栈](#技术栈)
- [核心功能](#核心功能)
- [项目来源与声明](#项目来源与声明)
- [部署](#部署)
- [Docker Compose 最佳实践](#Docker-Compose-最佳实践)
- [环境变量](#环境变量)
- [配置说明](#配置说明)
- [管理员配置](#管理员配置)
- [AndroidTV 使用](#AndroidTV-使用)
- [Roadmap](#roadmap)
- [安全与隐私提醒](#安全与隐私提醒)
- [License](#license)
- [致谢](#致谢)
## 🛠 技术栈
| 分类 | 主要依赖 | | 分类 | 主要依赖 |
| --------- | ----------------------------------------------------------------------------------------------------- | | --------- | ----------------------------------------------------------------------------------------------------- |
| 前端框架 | [Next.js 14](https://nextjs.org/) · App Router | | 前端框架 | [Next.js 14](https://nextjs.org/) · App Router |
| UI & 样式 | [Tailwind&nbsp;CSS 3](https://tailwindcss.com/) · [Framer Motion](https://www.framer.com/motion/) | | UI & 样式 | [Tailwind&nbsp;CSS 3](https://tailwindcss.com/) · [Framer Motion](https://www.framer.com/motion/) |
| 语言 | TypeScript 4 | | 语言 | TypeScript 5 |
| 播放器 | [ArtPlayer](https://github.com/zhw2590582/ArtPlayer) · [HLS.js](https://github.com/video-dev/hls.js/) | | 播放器 | [ArtPlayer](https://github.com/zhw2590582/ArtPlayer) · [HLS.js](https://github.com/video-dev/hls.js/) |
| 状态管理 | React Hooks · Context API | | 状态管理 | React Hooks · Context API |
| 代码质量 | ESLint · Prettier · Jest · Husky | | 代码质量 | ESLint · Prettier · Jest · Husky |
| 部署 | Docker · Vercel · CloudFlare pages | | 部署 | Docker · Vercel · CloudFlare pages |
## 🎯 核心功能 ## <20> 项目来源与声明
### 观看历史记录 本项目自「MoonTV」演进而来为其二创/继承版本,持续维护与改进功能与体验。保留并致谢原作者与社区贡献者;如有授权或版权问题请联系以处理。目标:在原作基础上提供更易部署、更友好、更稳定的体验。
- **智能进度记录**:自动记录每个视频的播放进度、观看时长、当前集数 ## 🚀 部署教程
- **断点续播**:支持从上次观看位置继续播放,无需手动寻找
- **多设备同步**:通过 Redis/D1/Upstash 存储,实现跨设备观看记录同步
- **历史管理**:支持查看、删除单条记录或清空全部历史
- **进度条显示**:在视频卡片上显示观看进度百分比
### 多源聚合搜索 > **💡 推荐方案**:新手优先选择 **Docker 单容器**(最简单),需要多用户再升级到 **Docker + Redis**
- **20+ 资源站点**:集成电影天堂、黑木耳、如意资源等热门站点 <div align="center">
- **统一搜索接口**:一次搜索返回多个源的结果,提高资源获取成功率
- **智能去重**:自动识别重复内容,优化搜索结果展示
- **分类筛选**:支持按电影、电视剧、综艺等类型筛选
### 收藏与同步 ### 📋 部署方式对比
- **个性化收藏**:支持收藏喜欢的影视作品,创建个人片单 | 方式 | 难度 | 成本 | 多用户 | 推荐场景 |
- **多端同步**:收藏数据云端存储,多设备访问保持一致 |------|------|------|--------|----------|
- **观看状态**:收藏夹中显示观看进度和当前集数 | 🐳 **Docker 单容器** | ⭐ | 需服务器 | ❌ | 个人使用,最简单 |
- **批量管理**:支持批量删除和清空收藏 | 🐳 **Docker + Redis** | ⭐⭐ | 需服务器 | ✅ | 家庭/团队,功能完整 |
| ☁️ **Vercel** | ⭐ | 免费 | ❌ | 临时体验,无服务器 |
| 🌐 **Cloudflare** | ⭐⭐⭐ | 免费 | ✅ | 技术爱好者 |
### PWA 特性 </div>
- **离线缓存**:支持离线访问已缓存的内容 ---
- **桌面安装**:可安装到桌面,提供原生应用体验
- **推送通知**:支持新内容推送和更新提醒
- **响应式设计**:完美适配各种屏幕尺寸
## 📢 项目来源与声明 ## 🎯 方案一Docker 单容器(推荐新手)
- 本项目自「MoonTV」演进而来为其二创/继承版本,持续维护与改进功能与体验。 > **适合场景**:个人使用,有服务器/NAS/电脑,想要最简单的部署方式
- 代码中保留并致谢原有作者与社区贡献者;如有授权或版权问题,请与我们联系以尽快处理。
- KatelyaTV 致力于在原作优秀基础上,提供更易部署、更友好、更稳定的使用体验。
## 🚀 部署 ### 🔧 前置要求
- 一台能联网的设备(服务器/NAS/Windows/Mac/Linux 都行)
- 已安装 Docker[Docker 官网下载](https://www.docker.com/get-started/)
本项目**支持 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 ```bash
# 拉取预构建镜像 # 下载最新版本镜像(支持 ARM 和 x86 架构)
docker pull ghcr.io/katelya77/katelyatv:latest docker pull ghcr.io/katelya77/katelyatv:latest
# 运行容器
# -d: 后台运行 -p: 映射端口 3000 -> 3000
docker run -d --name katelyatv -p 3000:3000 --env PASSWORD=your_password ghcr.io/katelya77/katelyatv:latest
``` ```
访问 `http://服务器 IP:3000` 即可。(需自行到服务器控制台放通 `3000` 端口) #### 第二步:启动容器
```bash
# 一键启动(请把 your_password 改成你的密码)
docker run -d \
--name katelyatv \
-p 3000:3000 \
--env PASSWORD=your_password \
--restart unless-stopped \
ghcr.io/katelya77/katelyatv:latest
```
## 🐳 Docker Compose 最佳实践 > **Windows 用户注意**:在 PowerShell 中运行上述命令
若你使用 docker compose 部署,以下是一些 compose 示例 #### 第三步:访问应用
1. 打开浏览器,访问:`http://你的服务器IP:3000`
2. 如果是本机安装,访问:`http://localhost:3000`
3. 输入你在第二步设置的密码即可进入
### local storage 版本 #### 第四步:自定义资源站(可选)
如果你有自己的资源站配置,可以挂载 `config.json` 文件:
```bash
# 先停止并删除旧容器
docker stop katelyatv && docker rm katelyatv
# 重新运行并挂载配置文件
docker run -d \
--name katelyatv \
-p 3000:3000 \
--env PASSWORD=your_password \
-v /path/to/your/config.json:/app/config.json:ro \
--restart unless-stopped \
ghcr.io/katelya77/katelyatv:latest
```
> **路径说明**:把 `/path/to/your/config.json` 替换成你的配置文件完整路径
> **Windows 示例**`-v C:/Users/你的用户名/Desktop/config.json:/app/config.json:ro`
### 🛠️ 常用管理命令
```bash
# 查看运行状态
docker ps
# 查看日志
docker logs katelyatv
# 重启应用
docker restart katelyatv
# 停止应用
docker stop katelyatv
# 删除容器
docker rm katelyatv
```
---
## 🎯 方案二Docker + Redis推荐进阶
> **适合场景**:多人使用,需要账号系统、观看记录同步、收藏功能
### 🔧 前置要求
- 已完成方案一,确认单容器版本能正常运行
- 了解基本的 Docker Compose 概念
### 📝 详细步骤
#### 第一步:创建配置文件
在你的服务器上创建一个文件夹,比如 `/opt/katelyatv`
```bash
# 创建目录
mkdir -p /opt/katelyatv
cd /opt/katelyatv
# 创建 docker-compose.yml 文件
cat > docker-compose.yml << 'EOF'
version: '3.8'
services:
# KatelyaTV 主应用
katelyatv:
image: ghcr.io/katelya77/katelyatv:latest
container_name: katelyatv
ports:
- "3000:3000"
environment:
# 管理员账号(请修改)
- USERNAME=admin
- PASSWORD=your_strong_password
# 启用 Redis 存储
- NEXT_PUBLIC_STORAGE_TYPE=redis
- REDIS_URL=redis://katelyatv-redis:6379
# 允许用户注册(可选)
- NEXT_PUBLIC_ENABLE_REGISTER=true
depends_on:
katelyatv-redis:
condition: service_healthy
restart: unless-stopped
# 可选:挂载自定义配置
# volumes:
# - ./config.json:/app/config.json:ro
# Redis 数据库
katelyatv-redis:
image: redis:7-alpine
container_name: katelyatv-redis
command: redis-server --appendonly yes --maxmemory 256mb --maxmemory-policy allkeys-lru
volumes:
- katelyatv-redis-data:/data
healthcheck:
test: ["CMD", "redis-cli", "ping"]
interval: 10s
timeout: 3s
retries: 3
restart: unless-stopped
volumes:
katelyatv-redis-data:
EOF
```
#### 第二步:修改配置
编辑 `docker-compose.yml` 文件,**必须修改**以下内容:
- `PASSWORD=your_strong_password` 改成你的强密码
- `USERNAME=admin` 可以改成你喜欢的管理员用户名
#### 第三步:启动服务
```bash
# 启动所有服务
docker compose up -d
# 查看启动状态
docker compose ps
```
#### 第四步:验证部署
1. 访问 `http://你的服务器IP:3000`
2. 使用你设置的用户名和密码登录
3. 登录后访问 `http://你的服务器IP:3000/admin` 进入管理后台
4. 在管理后台可以配置资源站、管理用户等
### 🛠️ 管理命令
```bash
# 查看所有服务状态
docker compose ps
# 查看日志
docker compose logs -f
# 重启所有服务
docker compose restart
# 停止所有服务
docker compose down
# 更新到最新版本
docker compose pull
docker compose up -d
```
### 💾 备份数据
```bash
# 备份 Redis 数据
docker run --rm -v katelyatv-redis-data:/data -v $(pwd):/backup alpine tar czf /backup/redis-backup-$(date +%Y%m%d).tar.gz /data
# 恢复数据(如果需要)
docker run --rm -v katelyatv-redis-data:/data -v $(pwd):/backup alpine tar xzf /backup/redis-backup-20241201.tar.gz -C /
```
---
## 🎯 方案三Vercel 部署(免服务器)
> **适合场景**:没有服务器,想要快速体验,个人使用
### 🔧 前置要求
- GitHub 账号
- Vercel 账号(可用 GitHub 登录)
### 📝 详细步骤
#### 第一步Fork 仓库
1. 打开 [KatelyaTV GitHub 页面](https://github.com/katelya77/KatelyaTV)
2. 点击右上角 **Fork** 按钮
3. 等待 Fork 完成
#### 第二步:部署到 Vercel
1. 访问 [Vercel](https://vercel.com/),用 GitHub 账号登录
2. 点击 **Add New... → Project**
3. 找到你刚才 Fork 的 `KatelyaTV` 仓库,点击 **Import**
4. 在 **Environment Variables** 部分添加:
- Key: `PASSWORD`
- Value: `你的访问密码`(这是进入网站的密码)
5. 点击 **Deploy** 开始部署
#### 第三步:等待部署完成
- 通常需要 2-3 分钟
- 部署成功后会显示域名,比如 `https://your-project.vercel.app`
#### 第四步:访问和使用
1. 点击 Vercel 提供的域名链接
2. 输入你在第二步设置的密码
3. 开始使用!
### 🔧 自定义资源站
如果你想添加自己的资源站:
1. 在你 Fork 的仓库中找到 `config.json` 文件
2. 点击编辑按钮(铅笔图标)
3. 修改配置内容
4. 点击 **Commit changes**
5. Vercel 会自动重新部署
### ⚠️ 注意事项
- Vercel 版本不支持用户注册和账号系统
- 观看记录保存在浏览器本地,换设备会丢失
- 如果需要多用户功能,请考虑 Docker + Redis 方案
---
## 🎯 方案四Cloudflare Pages进阶用户
> **适合场景**:技术爱好者,想要全球 CDN 加速,免费但配置复杂
### 🔧 前置要求
- GitHub 账号
- Cloudflare 账号
- 对前端构建有基本了解
### 📝 详细步骤
#### 第一步Fork 仓库并连接
1. Fork [KatelyaTV 仓库](https://github.com/katelya77/KatelyaTV)
2. 登录 [Cloudflare](https://cloudflare.com)
3. 进入 **Workers 和 Pages** → 点击 **创建应用程序**
4. 选择 **Pages****连接到 Git**
5. 选择你 Fork 的仓库
#### 第二步:配置构建设置
在构建设置页面填写:
- **构建命令**: `npm install && npm run pages:build`
- **构建输出目录**: `.vercel/output/static`
- **Root directory**: `./`(默认)
#### 第三步:设置兼容性
1. 点击 **保存并部署**
2. 等待首次构建完成(可能会失败,没关系)
3. 进入项目 **设置** → **兼容性标志**
4. 添加标志: `nodejs_compat`
#### 第四步:添加环境变量
**设置** → **环境变量** 中添加:
- `PASSWORD`: 你的访问密码
#### 第五步:重新部署
1. 进入 **部署** 页面
2. 点击最新部署旁的 **...** → **重试部署**
3. 等待部署成功
### 🗄️ 启用 D1 数据库(可选,支持多用户)
如果你想要用户系统和数据同步:
#### 第一步:创建 D1 数据库
1. 在 Cloudflare Dashboard 进入 **存储和数据库** → **D1 SQL 数据库**
2. 点击 **创建数据库**,名称随意(比如 `katelyatv-db`
#### 第二步:初始化数据库
1. 进入刚创建的数据库
2. 点击 **Explore Data**
3. 打开项目中的 [D1初始化.md](https://github.com/katelya77/KatelyaTV/blob/main/D1%E5%88%9D%E5%A7%8B%E5%8C%96.md) 文件,复制所有 SQL 语句
4. 粘贴到查询窗口,点击 **Run All**
#### 第三步:绑定数据库
1. 回到 Pages 项目设置
2. 进入 **绑定** → **添加绑定**
3. 选择 **D1 数据库**
4. 变量名: `DB`
5. 选择你刚创建的数据库
#### 第四步:添加环境变量
在环境变量中追加:
- `NEXT_PUBLIC_STORAGE_TYPE`: `d1`
- `USERNAME`: 管理员用户名
- `PASSWORD`: 管理员密码
#### 第五步:重新部署
重新部署后,你就可以:
- 使用管理员账号登录
- 访问 `/admin` 管理后台
- 支持用户注册和数据同步
---
## 🆙 升级和维护
### Docker 升级
```bash
# 单容器版本
docker stop katelyatv
docker rm katelyatv
docker pull ghcr.io/katelya77/katelyatv:latest
# 然后重新运行启动命令
# Compose 版本
docker compose pull
docker compose up -d
```
### Vercel 升级
- 自动升级:当原仓库更新时,你的 Fork 仓库会收到更新提示
- 手动升级:在你的 Fork 仓库点击 **Sync fork** 按钮
### Cloudflare 升级
- 同 Vercel通过 Git 同步自动触发重新构建
### 🚨 常见问题排查
| 问题 | 现象 | 解决方法 |
|------|------|----------|
| 无法访问 | 浏览器显示无法连接 | 检查端口 3000 是否开放,防火墙设置 |
| 403 Forbidden | 显示访问被拒绝 | 检查 PASSWORD 环境变量是否设置正确 |
| Docker 启动失败 | 容器无法启动 | 查看日志 `docker logs katelyatv` |
| Redis 连接失败 | 无法登录或保存数据 | 检查 Redis 容器是否正常运行 |
| 构建失败 | Vercel/Cloudflare 部署失败 | 查看构建日志,检查环境变量设置 |
需要帮助?可以在 [GitHub Issues](https://github.com/katelya77/KatelyaTV/issues) 提问。
## 🐳 Docker
推荐方式。镜像多架构 (`linux/amd64`,`linux/arm64`),基于 Alpine体积小启动快。
### 🚀 快速开始
#### 1. 基础部署LocalStorage最快验证
```bash
# 拉取最新镜像(支持 amd64/arm64 多架构)
docker pull ghcr.io/katelya77/katelyatv:latest
# 快速启动LocalStorage 存储)
docker run -d \
--name katelyatv \
-p 3000:3000 \
--env PASSWORD=your_secure_password \
--restart unless-stopped \
ghcr.io/katelya77/katelyatv:latest
```
访问 `http://服务器IP:3000` 即可使用。(需要在服务器控制台开放 3000 端口)
> Windows 本地构建如遇 Node Standalone `EPERM symlink`:优先使用 **Docker 镜像** 或在 **WSL2** 环境构建;无需修改源码。
#### 2. 自定义配置(挂载 config.json
```bash
# 创建配置文件目录
mkdir -p ./katelyatv-config
# 将你的 config.json 放入该目录,然后运行:
docker run -d \
--name katelyatv \
-p 3000:3000 \
--env PASSWORD=your_secure_password \
-v ./katelyatv-config/config.json:/app/config.json:ro \
--restart unless-stopped \
ghcr.io/katelya77/katelyatv:latest
```
#### 3. 常用运维命令
```bash
# 查看容器状态
docker ps
# 查看日志
docker logs katelyatv
# 查看实时日志
docker logs -f katelyatv
```
#### 4. 升级镜像
```bash
# 停止并删除旧容器
docker stop katelyatv && docker rm katelyatv
# 拉取最新镜像
docker pull ghcr.io/katelya77/katelyatv:latest
# 重新创建容器(使用相同的配置)
docker run -d \
--name katelyatv \
-p 3000:3000 \
--env PASSWORD=your_secure_password \
--restart unless-stopped \
ghcr.io/katelya77/katelyatv:latest
```
### 📦 镜像特性
- **🏗️ 多架构支持**:同时支持 `linux/amd64``linux/arm64` 架构
- **⚡ 优化构建**:基于 Alpine Linux镜像体积小启动速度快
- **🔒 安全可靠**:定期更新底层依赖,修复安全漏洞
- **🚀 开箱即用**:内置所有必要依赖,无需额外配置
### 🔧 常用操作
```bash
# 进入容器终端(调试用)
docker exec -it katelyatv /bin/sh
# 重启容器
docker restart katelyatv
# 停止容器
docker stop katelyatv
# 查看容器资源使用情况
docker stats katelyatv
# 备份容器(如果有挂载卷)
docker run --rm -v katelyatv_data:/data -v $(pwd):/backup alpine tar czf /backup/katelyatv-backup.tar.gz /data
```
## 🐙 Docker Compose 最佳实践
Docker Compose 是管理多容器应用的最佳方式,特别适合需要数据库支持的部署场景。
## 📁 配置说明
### 📝 LocalStorage基础单机
适合个人使用,数据存储在浏览器本地:
```yaml ```yaml
# docker-compose.yml
version: '3.8'
services: services:
katelyatv: katelyatv:
image: ghcr.io/katelya77/katelyatv:latest image: ghcr.io/katelya77/katelyatv:latest
@ -200,49 +505,236 @@ services:
ports: ports:
- '3000:3000' - '3000:3000'
environment: environment:
- PASSWORD=your_password - PASSWORD=your_secure_password
# 如需自定义配置,可挂载文件 - SITE_NAME=我的影视站
- ANNOUNCEMENT=欢迎使用 KatelyaTV请遵守相关法律法规。
# 可选:挂载自定义配置
# volumes: # volumes:
# - ./config.json:/app/config.json:ro # - ./config.json:/app/config.json:ro
healthcheck:
test: ["CMD", "wget", "--quiet", "--tries=1", "--spider", "http://localhost:3000"]
interval: 30s
timeout: 10s
retries: 3
start_period: 40s
``` ```
### Redis 版本(推荐,多账户数据隔离,跨设备同步) **启动命令:**
```bash
# 创建并启动服务
docker compose up -d
# 查看服务状态
docker compose ps
# 查看日志
docker compose logs -f katelyatv
```
### 🔐 Redis 版本(推荐:多用户 + 同步)
支持多用户、跨设备数据同步、完整的用户权限管理:
```yaml ```yaml
# docker-compose.yml
version: '3.8'
services: services:
katelyatv-core: katelyatv:
image: ghcr.io/katelya77/katelyatv:latest image: ghcr.io/katelya77/katelyatv:latest
container_name: katelyatv container_name: katelyatv
restart: unless-stopped restart: unless-stopped
ports: ports:
- '3000:3000' - '3000:3000'
environment: environment:
# 基础配置
- SITE_NAME=KatelyaTV 影视站
- ANNOUNCEMENT=支持多用户注册,请合理使用!
# 管理员账号(重要!)
- USERNAME=admin - USERNAME=admin
- PASSWORD=admin_password - PASSWORD=admin_super_secure_password
# Redis 存储配置
- NEXT_PUBLIC_STORAGE_TYPE=redis - NEXT_PUBLIC_STORAGE_TYPE=redis
- REDIS_URL=redis://katelyatv-redis:6379 - REDIS_URL=redis://katelyatv-redis:6379
# 用户功能
- NEXT_PUBLIC_ENABLE_REGISTER=true - NEXT_PUBLIC_ENABLE_REGISTER=true
# 可选:搜索配置
- NEXT_PUBLIC_SEARCH_MAX_PAGE=8
networks: networks:
- katelyatv-network - katelyatv-network
depends_on: depends_on:
- katelyatv-redis katelyatv-redis:
# 如需自定义配置,可挂载文件 condition: service_healthy
# 可选:挂载自定义配置和持久化数据
# volumes: # volumes:
# - ./config.json:/app/config.json:ro # - ./config.json:/app/config.json:ro
# - ./logs:/app/logs
healthcheck:
test: ["CMD", "wget", "--quiet", "--tries=1", "--spider", "http://localhost:3000"]
interval: 30s
timeout: 10s
retries: 3
start_period: 40s
katelyatv-redis: katelyatv-redis:
image: redis image: redis:7-alpine
container_name: katelyatv-redis container_name: katelyatv-redis
restart: unless-stopped restart: unless-stopped
command: redis-server --appendonly yes --maxmemory 256mb --maxmemory-policy allkeys-lru
networks: networks:
- katelyatv-network - katelyatv-network
# 如需持久化 volumes:
# volumes: # Redis 数据持久化
# - ./data:/data - katelyatv-redis-data:/data
healthcheck:
test: ["CMD", "redis-cli", "ping"]
interval: 10s
timeout: 3s
retries: 3
start_period: 10s
# 可选:端口映射(用于外部访问 Redis
# ports:
# - '6379:6379'
networks: networks:
katelyatv-network: katelyatv-network:
driver: bridge driver: bridge
name: katelyatv-network
volumes:
katelyatv-redis-data:
driver: local
name: katelyatv-redis-data
``` ```
**完整部署流程:**
```bash
# 1. 创建项目目录
mkdir katelyatv && cd katelyatv
# 2. 创建 docker-compose.yml 文件(复制上面的内容)
nano docker-compose.yml
# 3. 检查配置文件语法
docker compose config
# 4. 启动所有服务
docker compose up -d
# 5. 查看服务状态
docker compose ps
# 6. 查看启动日志
docker compose logs -f
# 7. 等待服务完全启动(通常需要 30-60 秒)
# 检查健康状态
docker compose ps --format "table {{.Name}}\t{{.Status}}\t{{.Ports}}"
# 8. 首次访问 http://your-server:3000
# 使用管理员账号 admin / admin_super_secure_password 登录
# 然后访问 /admin 进行管理员配置
```
**🔍 部署验证步骤:**
```bash
# 验证 Redis 连接
docker compose exec katelyatv-redis redis-cli ping
# 应该返回 "PONG"
# 验证 KatelyaTV 服务
curl -I http://localhost:3000
# 应该返回 HTTP 200 状态码
# 查看服务启动顺序
docker compose logs --timestamps | grep "Ready in"
```
### 🔄 管理与维护
```bash
# 更新到最新版本
docker compose pull && docker compose up -d
# 备份 Redis 数据
docker compose exec katelyatv-redis redis-cli BGSAVE
docker run --rm -v katelyatv-redis-data:/data -v $(pwd):/backup alpine tar czf /backup/redis-backup-$(date +%Y%m%d).tar.gz /data
# 查看资源使用情况
docker compose stats
# 重启特定服务
docker compose restart katelyatv
# 查看特定服务日志
docker compose logs -f katelyatv-redis
# 进入容器调试
docker compose exec katelyatv /bin/sh
# 完全清理(注意:会删除所有数据!)
docker compose down -v --remove-orphans
```
### 🚨 重要注意事项
1. **修改默认密码**:部署后请立即修改 `admin` 账号的默认密码
2. **数据备份**:定期备份 Redis 数据卷,避免数据丢失
3. **端口安全**:确保服务器防火墙正确配置,只开放必要端口
4. **资源监控**:定期检查容器资源使用情况,必要时调整配置
5. **日志管理**:配置日志轮转,避免日志文件过大
### 🛠️ 常见部署问题排查
**问题 1容器启动失败**
```bash
# 检查容器状态
docker compose ps
# 查看详细错误日志
docker compose logs katelyatv
# 常见原因:端口被占用、环境变量配置错误、镜像拉取失败
```
**问题 2Redis 连接失败**
```bash
# 检查 Redis 容器状态
docker compose exec katelyatv-redis redis-cli ping
# 检查网络连通性
docker compose exec katelyatv ping katelyatv-redis
# 验证环境变量
docker compose exec katelyatv env | grep REDIS
```
**问题 3Upstash Redis 连接问题**
```bash
# 验证 Upstash 配置
curl -H "Authorization: Bearer YOUR_TOKEN" YOUR_UPSTASH_URL/ping
# 检查环境变量格式
echo $UPSTASH_URL # 应该是 https://xxx.upstash.io
echo $UPSTASH_TOKEN # 应该是长字符串令牌
```
**问题 4Cloudflare D1 初始化失败**
- 确保在 D1 控制台中正确执行了所有 SQL 语句
- 检查数据库绑定名称是否为 `DB`
- 验证环境变量 `NEXT_PUBLIC_STORAGE_TYPE=d1`
**问题 5Vercel 部署问题**
- 检查环境变量是否正确设置
- 确保 `config.json` 文件格式正确
- 查看 Vercel 部署日志中的错误信息
## 🔄 自动同步最近更改 ## 🔄 自动同步最近更改
建议在 fork 的仓库中启用本仓库自带的 GitHub Actions 自动同步功能(见 `.github/workflows/sync.yml`)。 建议在 fork 的仓库中启用本仓库自带的 GitHub Actions 自动同步功能(见 `.github/workflows/sync.yml`)。
@ -251,6 +743,8 @@ networks:
## ⚙️ 环境变量 ## ⚙️ 环境变量
### 📋 变量说明表
| 变量 | 说明 | 可选值 | 默认值 | | 变量 | 说明 | 可选值 | 默认值 |
| --------------------------- | ----------------------------------------------------------- | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | | --------------------------- | ----------------------------------------------------------- | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
| USERNAME | redis 部署时的管理员账号 | 任意字符串 | (空) | | USERNAME | redis 部署时的管理员账号 | 任意字符串 | (空) |
@ -266,7 +760,22 @@ networks:
| NEXT_PUBLIC_IMAGE_PROXY | 默认的浏览器端图片代理 | url prefix | (空) | | NEXT_PUBLIC_IMAGE_PROXY | 默认的浏览器端图片代理 | url prefix | (空) |
| NEXT_PUBLIC_DOUBAN_PROXY | 默认的浏览器端豆瓣数据代理 | url prefix | (空) | | NEXT_PUBLIC_DOUBAN_PROXY | 默认的浏览器端豆瓣数据代理 | url prefix | (空) |
## 📋 配置说明 ### 🔧 配置验证
**部署后可通过以下方式验证环境变量是否生效:**
1. **访问服务状态页**`http://your-domain/api/server-config`
2. **检查管理员面板**:使用管理员账号登录后访问 `/admin`
3. **查看容器日志**
```bash
# Docker 单容器
docker logs katelyatv
# Docker Compose
docker compose logs katelyatv
```
## <20> 配置说明
所有可自定义项集中在根目录的 `config.json` 中: 所有可自定义项集中在根目录的 `config.json` 中:
@ -274,10 +783,10 @@ networks:
{ {
"cache_time": 7200, "cache_time": 7200,
"api_site": { "api_site": {
"dyttzy": { "example": {
"api": "http://caiji.dyttzyapi.com/api.php/provide/vod", "api": "https://example.com/api.php/provide/vod",
"name": "电影天堂资源", "name": "示例资源站",
"detail": "http://caiji.dyttzyapi.com" "detail": "https://example.com"
} }
// ...更多站点 // ...更多站点
} }
@ -351,11 +860,43 @@ KatelyaTV 支持标准的苹果 CMS V10 API 格式。
[MIT](LICENSE) © 2025 KatelyaTV & Contributors [MIT](LICENSE) © 2025 KatelyaTV & Contributors
## ⭐ Star History
<div align="center">
[![Star History Chart](https://api.star-history.com/svg?repos=katelya77/KatelyaTV&type=Date)](https://star-history.com/#katelya77/KatelyaTV&Date)
</div>
## 💖 支持项目
如果这个项目对您有帮助,欢迎给个 ⭐️ Star 支持一下!
您也可以通过以下方式支持项目的持续开发:
<div align="center">
### 请开发者喝杯咖啡 ☕
<table>
<tr>
<td align="center">
<img src="public/wechat.jpg" alt="微信支付" width="200">
<br>
<strong>微信支付</strong>
</td>
</tr>
</table>
> 💝 感谢您的支持!您的捐赠将用于项目的持续维护和功能改进。
</div>
## 🙏 致谢 ## 🙏 致谢
- [ts-nextjs-tailwind-starter](https://github.com/theodorusclarence/ts-nextjs-tailwind-starter) — 项目最初基于该脚手架。 - [ts-nextjs-tailwind-starter](https://github.com/theodorusclarence/ts-nextjs-tailwind-starter) — 项目最初基于该脚手架。
- [LibreTV](https://github.com/LibreSpark/LibreTV) — 由此启发,站在巨人的肩膀上。 - [LibreTV](https://github.com/LibreSpark/LibreTV) — 由此启发,站在巨人的肩膀上。
- MoonTV 原始项目与作者社区 — 感谢原作奠定坚实基础。 - [LunaTV-原MoonTV](https://github.com/MoonTechLab/LunaTV) — 原始项目与作者社区,感谢原作奠定坚实基础。
- [ArtPlayer](https://github.com/zhw2590582/ArtPlayer) — 提供强大的网页视频播放器。 - [ArtPlayer](https://github.com/zhw2590582/ArtPlayer) — 提供强大的网页视频播放器。
- [HLS.js](https://github.com/video-dev/hls.js) — 实现 HLS 流媒体在浏览器中的播放支持。 - [HLS.js](https://github.com/video-dev/hls.js) — 实现 HLS 流媒体在浏览器中的播放支持。
- 感谢所有提供免费影视接口的站点。 - 感谢所有提供免费影视接口的站点。

View File

@ -1,53 +0,0 @@
# KatelyaTV v0.1.0-katelya 发布说明
> 本项目在「MoonTV」基础上进行二创与继承由 Katelya 持续维护。保留并致谢原作与社区贡献,在不改变核心理念的前提下,专注于更易部署、更友好体验与更稳定维护。
## 亮点
- 全面延续上游核心多源聚合搜索、在线播放、收藏与观看历史、PWA 支持、响应式布局、多用户系统等
- 文档重写与梳理README、QUICKSTART、PROJECT_STATUS、CONTRIBUTING、CHANGELOG 全面适配 KatelyaTV 品牌
- 部署指引优化Vercel / Docker / Cloudflare Pages 一站式说明,提供 Compose 最佳实践
- 安全与隐私提醒:新增部署安全提示与法律风险说明
## 变更摘要
- 品牌与文档
- 将项目品牌统一为 KatelyaTV并明确二创与继承来源
- 更新部署与使用说明,优化快速上手体验
- 调整仓库路径、示例命令与 Docker 镜像示例名称(镜像仍沿用上游命名空间)
- 代码与配置
- 保持与上游 MoonTV 的接口与行为兼容
- 默认站点名改为 `KatelyaTV`(可通过 `SITE_NAME` 环境变量覆盖)
## 安装与升级
- 首次安装Docker 推荐)
```bash
# 拉取镜像
docker pull ghcr.io/katelya77/katelyatv:latest
# 启动示例
docker run -d --name katelyatv \
-p 3000:3000 \
--env PASSWORD=your_password \
--restart unless-stopped \
ghcr.io/katelya77/katelyatv:latest
```
- 或使用 README 中的 Docker Compose 示例
## 兼容性
- 保持与上游 MoonTV v0.1.0 行为一致
- 支持存储后端localStorage / Redis / Cloudflare D1 / Upstash Redis
- 运行环境Node.js 18+;容器镜像支持多架构
## 已知问题
- 部分第三方资源站可用性受其自身状态影响
- Android TV 端收藏与网页端暂未完全互通(后续版本优化)
## 后续路线
- 弹幕系统、字幕支持、下载功能、社交分享
- 数据同步与多端互通完善
- 性能与稳定性持续优化
## 鸣谢
- 原始项目 MoonTV 及其作者与社区
- 所有为本项目提供反馈、贡献代码与文档的开发者
— Katelya

View File

@ -1,157 +0,0 @@
# KatelyaTV v0.2.0 发布说明
> 本版本主要修复了 Docker 部署配置问题,确保用户能够正确使用 KatelyaTV 的 Docker 镜像进行部署。
## 🚀 重要更新
### Docker 部署修复
- **修复镜像路径**:将所有文档中的 Docker 镜像路径从 `ghcr.io/senshinya/moontv:latest` 更新为 `ghcr.io/katelya77/katelyatv:latest`
- **统一部署说明**:确保 README.md、QUICKSTART.md 和发布说明中的 Docker 部署指令一致
- **验证部署流程**:确认所有 Docker Compose 配置文件使用正确的镜像路径
### 代码兼容性验证
- **构建验证**:通过完整的构建测试,确保所有 KatelyaTV 品牌更改不影响功能
- **向后兼容**:保持与 MoonTV v0.1.0 的完全兼容性
- **环境变量支持**:支持通过 `SITE_NAME` 等环境变量自定义配置
## 🐳 Docker 部署指南
### 快速启动
```bash
# 拉取最新镜像
docker pull ghcr.io/katelya77/katelyatv:latest
# 启动容器
docker run -d \
--name katelyatv \
-p 3000:3000 \
--env PASSWORD=your_password \
--restart unless-stopped \
ghcr.io/katelya77/katelyatv:latest
```
### Docker Compose 部署
#### 基础版本localStorage
```yaml
services:
katelyatv:
image: ghcr.io/katelya77/katelyatv:latest
container_name: katelyatv
restart: unless-stopped
ports:
- '3000:3000'
environment:
- PASSWORD=your_password
```
#### Redis 版本(推荐,支持多用户)
```yaml
services:
katelyatv-core:
image: ghcr.io/katelya77/katelyatv:latest
container_name: katelyatv
restart: unless-stopped
ports:
- '3000:3000'
environment:
- USERNAME=admin
- PASSWORD=admin_password
- NEXT_PUBLIC_STORAGE_TYPE=redis
- REDIS_URL=redis://katelyatv-redis:6379
- NEXT_PUBLIC_ENABLE_REGISTER=true
networks:
- katelyatv-network
depends_on:
- katelyatv-redis
katelyatv-redis:
image: redis
container_name: katelyatv-redis
restart: unless-stopped
networks:
- katelyatv-network
volumes:
- ./data:/data
networks:
katelyatv-network:
driver: bridge
```
## 📋 环境变量配置
| 变量名 | 说明 | 默认值 | 示例 |
|--------|------|--------|------|
| `PASSWORD` | 访问密码localStorage 模式)或管理员密码 | - | `your_password` |
| `USERNAME` | 管理员用户名(非 localStorage 模式) | - | `admin` |
| `SITE_NAME` | 站点名称 | `KatelyaTV` | `我的影视站` |
| `NEXT_PUBLIC_STORAGE_TYPE` | 存储类型 | `localstorage` | `redis`, `d1`, `upstash` |
| `REDIS_URL` | Redis 连接地址 | - | `redis://localhost:6379` |
| `NEXT_PUBLIC_ENABLE_REGISTER` | 是否开放注册 | `false` | `true` |
## 🔧 部署验证
部署完成后,请验证以下功能:
1. **基础访问**:浏览器访问 `http://localhost:3000` 能正常打开
2. **密码验证**:使用设置的密码能正常登录
3. **搜索功能**:能正常搜索和播放视频
4. **数据持久化**重启容器后数据保持Redis 模式)
## 🐛 已知问题
- 部分第三方资源站可用性受其自身状态影响
- Android TV 端收藏与网页端暂未完全互通(计划在后续版本优化)
## 📝 变更日志
### 修复
- 修复 README.md 中 Docker 镜像路径错误
- 修复 QUICKSTART.md 中 Docker 部署说明
- 修复 Docker Compose 配置示例中的镜像路径
### 改进
- 统一所有文档中的 Docker 部署说明
- 完善环境变量配置说明
- 添加部署验证步骤
### 兼容性
- 保持与 MoonTV v0.1.0 完全兼容
- 支持从旧版本无缝升级
- 保留所有现有功能和配置选项
## 🔄 升级指南
### 从 v0.1.0-katelya 升级
```bash
# 停止旧容器
docker stop katelyatv
docker rm katelyatv
# 拉取新镜像
docker pull ghcr.io/katelya77/katelyatv:latest
# 使用新镜像启动
docker run -d \
--name katelyatv \
-p 3000:3000 \
--env PASSWORD=your_password \
--restart unless-stopped \
ghcr.io/katelya77/katelyatv:latest
```
### 从 MoonTV 迁移
如果您之前使用的是 MoonTV只需将 Docker 镜像路径更改为 `ghcr.io/katelya77/katelyatv:latest`,其他配置保持不变。
## 🙏 鸣谢
- 感谢社区用户反馈的 Docker 部署问题
- 感谢原始项目 MoonTV 及其作者与社区
- 感谢所有为本项目提供反馈和建议的开发者
---
**完整部署文档**:请参考 [README.md](README.md) 和 [QUICKSTART.md](QUICKSTART.md)
— Katelya

View File

@ -1 +1 @@
20250928125318 20250901193125

View File

@ -86,4 +86,4 @@
"name": "小猫咪资源" "name": "小猫咪资源"
} }
} }
} }

View File

@ -1,13 +1,13 @@
{ {
"name": "moontv", "name": "katelyatv",
"version": "0.1.0", "version": "0.4.0-katelya",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "pnpm gen:runtime && pnpm gen:manifest && next dev -H 0.0.0.0", "dev": "npm run gen:runtime && npm run gen:manifest && next dev -H 0.0.0.0",
"build": "pnpm gen:runtime && pnpm gen:manifest && next build", "build": "npm run gen:runtime && npm run gen:manifest && next build",
"start": "next start", "start": "next start",
"lint": "next lint", "lint": "next lint",
"lint:fix": "eslint src --fix && pnpm format", "lint:fix": "eslint src --fix && npm run format",
"lint:strict": "eslint --max-warnings=0 src", "lint:strict": "eslint --max-warnings=0 src",
"typecheck": "tsc --noEmit --incremental false", "typecheck": "tsc --noEmit --incremental false",
"test:watch": "jest --watch", "test:watch": "jest --watch",

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 MiB

After

Width:  |  Height:  |  Size: 737 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.0 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
public/screenshot4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 727 KiB

File diff suppressed because one or more lines are too long

BIN
public/wechat.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 111 KiB

View File

@ -0,0 +1,84 @@
#!/usr/bin/env node
/* eslint-disable @typescript-eslint/no-var-requires, no-console */
/**
* 智能包管理器检测和推荐脚本
* 帮助用户选择最适合的包管理器
*/
const { execSync } = require('child_process');
const fs = require('fs');
console.log('🔍 检测包管理器环境...\n');
// 检测函数
function checkCommand(command) {
try {
execSync(`${command} --version`, { stdio: 'pipe' });
return true;
} catch {
return false;
}
}
function getVersion(command) {
try {
const version = execSync(`${command} --version`, { encoding: 'utf8' }).trim();
return version;
} catch {
return 'unknown';
}
}
// 检测包管理器
const hasNpm = checkCommand('npm');
const hasPnpm = checkCommand('pnpm');
const hasYarn = checkCommand('yarn');
const npmVersion = hasNpm ? getVersion('npm') : null;
const pnpmVersion = hasPnpm ? getVersion('pnpm') : null;
const yarnVersion = hasYarn ? getVersion('yarn') : null;
// 检测锁文件
const hasPnpmLock = fs.existsSync('pnpm-lock.yaml');
const hasNpmLock = fs.existsSync('package-lock.json');
const hasYarnLock = fs.existsSync('yarn.lock');
console.log('📦 包管理器检测结果:');
console.log(` npm: ${hasNpm ? '✅ ' + npmVersion : '❌ 未安装'}`);
console.log(` pnpm: ${hasPnpm ? '✅ ' + pnpmVersion : '❌ 未安装'}`);
console.log(` yarn: ${hasYarn ? '✅ ' + yarnVersion : '❌ 未安装'}`);
console.log('\n🔒 锁文件检测结果:');
console.log(` pnpm-lock.yaml: ${hasPnpmLock ? '✅ 存在' : '❌ 不存在'}`);
console.log(` package-lock.json: ${hasNpmLock ? '✅ 存在' : '❌ 不存在'}`);
console.log(` yarn.lock: ${hasYarnLock ? '✅ 存在' : '❌ 不存在'}`);
// 智能推荐
console.log('\n💡 智能推荐:');
if (hasPnpm && hasPnpmLock) {
console.log(' 🎯 推荐使用 pnpm (已安装且有锁文件)');
console.log(' 📝 运行命令: pnpm install && pnpm dev');
} else if (hasNpm && hasNpmLock) {
console.log(' 🎯 推荐使用 npm (已安装且有锁文件)');
console.log(' 📝 运行命令: npm install && npm run dev');
} else if (hasPnpm) {
console.log(' 🎯 推荐使用 pnpm (性能更好)');
console.log(' 📝 运行命令: pnpm install && pnpm dev');
} else if (hasNpm) {
console.log(' 🎯 使用 npm (已安装)');
console.log(' 📝 运行命令: npm install && npm run dev');
} else {
console.log(' ❌ 未检测到任何包管理器,请先安装 Node.js');
}
// 安装建议
if (!hasPnpm && hasNpm) {
console.log('\n🚀 pnpm 安装建议 (可选):');
console.log(' npm install -g pnpm # 通过npm安装');
console.log(' corepack enable && corepack prepare pnpm@latest --activate # 通过corepack');
}
console.log('\n✨ KatelyaTV 支持智能包管理器检测,任何包管理器都可以正常工作!');

View File

@ -1,5 +1,7 @@
#!/usr/bin/env node #!/usr/bin/env node
/* eslint-disable @typescript-eslint/no-var-requires, no-console, unused-imports/no-unused-vars */
/** /**
* MoonTV 版本管理脚本 * MoonTV 版本管理脚本
* 用于自动化版本号更新CHANGELOG 生成和发布管理 * 用于自动化版本号更新CHANGELOG 生成和发布管理
@ -13,7 +15,7 @@ const { execSync } = require('child_process');
const PACKAGE_JSON = path.join(__dirname, '../package.json'); const PACKAGE_JSON = path.join(__dirname, '../package.json');
const VERSION_TXT = path.join(__dirname, '../VERSION.txt'); const VERSION_TXT = path.join(__dirname, '../VERSION.txt');
const CHANGELOG_MD = path.join(__dirname, '../CHANGELOG.md'); const CHANGELOG_MD = path.join(__dirname, '../CHANGELOG.md');
const README_MD = path.join(__dirname, '../README.md'); const _README_MD = path.join(__dirname, '../README.md');
// 版本类型 // 版本类型
const VERSION_TYPES = { const VERSION_TYPES = {

View File

@ -1,5 +1,3 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
'use client'; 'use client';
import { AlertCircle, CheckCircle } from 'lucide-react'; import { AlertCircle, CheckCircle } from 'lucide-react';
@ -85,10 +83,10 @@ function LoginPageClient() {
// 在客户端挂载后设置配置 // 在客户端挂载后设置配置
useEffect(() => { useEffect(() => {
if (typeof window !== 'undefined') { if (typeof window !== 'undefined') {
const storageType = (window as any).RUNTIME_CONFIG?.STORAGE_TYPE; const storageType = window.RUNTIME_CONFIG?.STORAGE_TYPE;
setShouldAskUsername(storageType && storageType !== 'localstorage'); setShouldAskUsername(Boolean(storageType && storageType !== 'localstorage'));
setEnableRegister( setEnableRegister(
Boolean((window as any).RUNTIME_CONFIG?.ENABLE_REGISTER) Boolean(window.RUNTIME_CONFIG?.ENABLE_REGISTER)
); );
} }
}, []); }, []);

View File

@ -1,4 +1,4 @@
/* eslint-disable @typescript-eslint/no-explicit-any, react-hooks/exhaustive-deps, no-console */ /* eslint-disable react-hooks/exhaustive-deps */
'use client'; 'use client';
@ -8,6 +8,7 @@ import { Suspense, useEffect, useState } from 'react';
// 客户端收藏 API // 客户端收藏 API
import { import {
type Favorite,
clearAllFavorites, clearAllFavorites,
getAllFavorites, getAllFavorites,
getAllPlayRecords, getAllPlayRecords,
@ -19,7 +20,6 @@ import { DoubanItem } from '@/lib/types';
import CapsuleSwitch from '@/components/CapsuleSwitch'; import CapsuleSwitch from '@/components/CapsuleSwitch';
import ContinueWatching from '@/components/ContinueWatching'; import ContinueWatching from '@/components/ContinueWatching';
import PageLayout from '@/components/PageLayout'; import PageLayout from '@/components/PageLayout';
import ScrollableRow from '@/components/ScrollableRow';
import { useSite } from '@/components/SiteProvider'; import { useSite } from '@/components/SiteProvider';
import VideoCard from '@/components/VideoCard'; import VideoCard from '@/components/VideoCard';
@ -137,7 +137,8 @@ function HomeClient() {
setHotVarietyShows(varietyShowsData.list); setHotVarietyShows(varietyShowsData.list);
} }
} catch (error) { } catch (error) {
console.error('获取豆瓣数据失败:', error); // 静默处理错误,避免控制台警告
// console.error('获取豆瓣数据失败:', error);
} finally { } finally {
setLoading(false); setLoading(false);
} }
@ -147,7 +148,7 @@ function HomeClient() {
}, []); }, []);
// 处理收藏数据更新的函数 // 处理收藏数据更新的函数
const updateFavoriteItems = async (allFavorites: Record<string, any>) => { const updateFavoriteItems = async (allFavorites: Record<string, Favorite>) => {
const allPlayRecords = await getAllPlayRecords(); const allPlayRecords = await getAllPlayRecords();
// 根据保存时间排序(从近到远) // 根据保存时间排序(从近到远)
@ -191,7 +192,7 @@ function HomeClient() {
// 监听收藏更新事件 // 监听收藏更新事件
const unsubscribe = subscribeToDataUpdates( const unsubscribe = subscribeToDataUpdates(
'favoritesUpdated', 'favoritesUpdated',
(newFavorites: Record<string, any>) => { (newFavorites: Record<string, Favorite>) => {
updateFavoriteItems(newFavorites); updateFavoriteItems(newFavorites);
} }
); );
@ -290,13 +291,13 @@ function HomeClient() {
<ChevronRight className='w-4 h-4 ml-1' /> <ChevronRight className='w-4 h-4 ml-1' />
</Link> </Link>
</div> </div>
<ScrollableRow> <div className='grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4'>
{loading {loading
? // 加载状态显示灰色占位数据 ? // 加载状态显示灰色占位数据 (显示10个2行x5列)
Array.from({ length: 8 }).map((_, index) => ( Array.from({ length: 10 }).map((_, index) => (
<div <div
key={index} key={index}
className='min-w-[96px] w-24 sm:min-w-[180px] sm:w-44' className='w-full'
> >
<div className='relative aspect-[2/3] w-full overflow-hidden rounded-lg bg-purple-200 animate-pulse dark:bg-purple-800'> <div className='relative aspect-[2/3] w-full overflow-hidden rounded-lg bg-purple-200 animate-pulse dark:bg-purple-800'>
<div className='absolute inset-0 bg-purple-300 dark:bg-purple-700'></div> <div className='absolute inset-0 bg-purple-300 dark:bg-purple-700'></div>
@ -304,11 +305,11 @@ function HomeClient() {
<div className='mt-2 h-4 bg-purple-200 rounded animate-pulse dark:bg-purple-800'></div> <div className='mt-2 h-4 bg-purple-200 rounded animate-pulse dark:bg-purple-800'></div>
</div> </div>
)) ))
: // 显示真实数据 : // 显示真实数据只显示前10个实现2行布局
hotMovies.map((movie, index) => ( hotMovies.slice(0, 10).map((movie, index) => (
<div <div
key={index} key={index}
className='min-w-[96px] w-24 sm:min-w-[180px] sm:w-44' className='w-full'
> >
<VideoCard <VideoCard
from='douban' from='douban'
@ -321,7 +322,7 @@ function HomeClient() {
/> />
</div> </div>
))} ))}
</ScrollableRow> </div>
</section> </section>
{/* 热门剧集 */} {/* 热门剧集 */}
@ -338,13 +339,13 @@ function HomeClient() {
<ChevronRight className='w-4 h-4 ml-1' /> <ChevronRight className='w-4 h-4 ml-1' />
</Link> </Link>
</div> </div>
<ScrollableRow> <div className='grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4'>
{loading {loading
? // 加载状态显示灰色占位数据 ? // 加载状态显示灰色占位数据 (显示10个2行x5列)
Array.from({ length: 8 }).map((_, index) => ( Array.from({ length: 10 }).map((_, index) => (
<div <div
key={index} key={index}
className='min-w-[96px] w-24 sm:min-w-[180px] sm:w-44' className='w-full'
> >
<div className='relative aspect-[2/3] w-full overflow-hidden rounded-lg bg-purple-200 animate-pulse dark:bg-purple-800'> <div className='relative aspect-[2/3] w-full overflow-hidden rounded-lg bg-purple-200 animate-pulse dark:bg-purple-800'>
<div className='absolute inset-0 bg-purple-300 dark:bg-purple-700'></div> <div className='absolute inset-0 bg-purple-300 dark:bg-purple-700'></div>
@ -352,11 +353,11 @@ function HomeClient() {
<div className='mt-2 h-4 bg-purple-200 rounded animate-pulse dark:bg-purple-800'></div> <div className='mt-2 h-4 bg-purple-200 rounded animate-pulse dark:bg-purple-800'></div>
</div> </div>
)) ))
: // 显示真实数据 : // 显示真实数据只显示前10个实现2行布局
hotTvShows.map((show, index) => ( hotTvShows.slice(0, 10).map((show, index) => (
<div <div
key={index} key={index}
className='min-w-[96px] w-24 sm:min-w-[180px] sm:w-44' className='w-full'
> >
<VideoCard <VideoCard
from='douban' from='douban'
@ -368,7 +369,7 @@ function HomeClient() {
/> />
</div> </div>
))} ))}
</ScrollableRow> </div>
</section> </section>
{/* 热门综艺 */} {/* 热门综艺 */}
@ -385,13 +386,13 @@ function HomeClient() {
<ChevronRight className='w-4 h-4 ml-1' /> <ChevronRight className='w-4 h-4 ml-1' />
</Link> </Link>
</div> </div>
<ScrollableRow> <div className='grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4'>
{loading {loading
? // 加载状态显示灰色占位数据 ? // 加载状态显示灰色占位数据 (显示10个2行x5列)
Array.from({ length: 8 }).map((_, index) => ( Array.from({ length: 10 }).map((_, index) => (
<div <div
key={index} key={index}
className='min-w-[96px] w-24 sm:min-w-[180px] sm:w-44' className='w-full'
> >
<div className='relative aspect-[2/3] w-full overflow-hidden rounded-lg bg-purple-200 animate-pulse dark:bg-purple-800'> <div className='relative aspect-[2/3] w-full overflow-hidden rounded-lg bg-purple-200 animate-pulse dark:bg-purple-800'>
<div className='absolute inset-0 bg-purple-300 dark:bg-purple-700'></div> <div className='absolute inset-0 bg-purple-300 dark:bg-purple-700'></div>
@ -399,11 +400,11 @@ function HomeClient() {
<div className='mt-2 h-4 bg-purple-200 rounded animate-pulse dark:bg-purple-800'></div> <div className='mt-2 h-4 bg-purple-200 rounded animate-pulse dark:bg-purple-800'></div>
</div> </div>
)) ))
: // 显示真实数据 : // 显示真实数据只显示前10个实现2行布局
hotVarietyShows.map((show, index) => ( hotVarietyShows.slice(0, 10).map((show, index) => (
<div <div
key={index} key={index}
className='min-w-[96px] w-24 sm:min-w-[180px] sm:w-44' className='w-full'
> >
<VideoCard <VideoCard
from='douban' from='douban'
@ -415,7 +416,7 @@ function HomeClient() {
/> />
</div> </div>
))} ))}
</ScrollableRow> </div>
</section> </section>
{/* 首页底部 Logo */} {/* 首页底部 Logo */}

View File

@ -71,8 +71,10 @@ const TopNavbar = ({ activePath = '/' }: { activePath?: string }) => {
}, },
]; ];
// 桌面端顶部固定导航fixed
// 移动端:不显示此组件,改由底部导航 + 轻量顶部条(非固定)
return ( return (
<nav className='w-full bg-white/40 backdrop-blur-xl border-b border-purple-200/50 shadow-lg dark:bg-gray-900/70 dark:border-purple-700/50 sticky top-0 z-50'> <nav className='w-full bg-white/40 backdrop-blur-xl border-b border-purple-200/50 shadow-lg dark:bg-gray-900/70 dark:border-purple-700/50 fixed top-0 left-0 right-0 z-40 hidden md:block'>
<div className='w-full px-8 lg:px-12 xl:px-16'> <div className='w-full px-8 lg:px-12 xl:px-16'>
<div className='flex items-center justify-between h-16'> <div className='flex items-center justify-between h-16'>
{/* Logo区域 - 调整为更靠左 */} {/* Logo区域 - 调整为更靠左 */}
@ -164,58 +166,59 @@ const TopNavbar = ({ activePath = '/' }: { activePath?: string }) => {
const PageLayout = ({ children, activePath = '/' }: PageLayoutProps) => { const PageLayout = ({ children, activePath = '/' }: PageLayoutProps) => {
return ( return (
<div className='w-full min-h-screen'> <div className='w-full min-h-screen'>
{/* 移动端头部 */} {/* 移动端头部 (fixed) */}
<MobileHeader showBackButton={['/play'].includes(activePath)} /> <MobileHeader showBackButton={['/play'].includes(activePath)} />
{/* 桌面端顶部导航栏 */} {/* 桌面端顶部导航栏 (fixed) */}
<div className='hidden md:block'> <TopNavbar activePath={activePath} />
<TopNavbar activePath={activePath} />
</div>
{/* 主要布局容器 */} {/* 主内容区域 - 预留桌面端顶部导航高度 64px */}
<div className='w-full min-h-screen md:min-h-auto'> <div className='relative min-w-0 transition-all duration-300 md:pt-16'>
{/* 主内容区域 */} {/* 桌面端左上角返回按钮 */}
<div className='relative min-w-0 flex-1 transition-all duration-300'> {['/play'].includes(activePath) && (
{/* 桌面端左上角返回按钮 */} <div className='absolute top-3 left-1 z-20 hidden md:flex'>
{['/play'].includes(activePath) && ( <BackButton />
<div className='absolute top-3 left-1 z-20 hidden md:flex'> </div>
<BackButton /> )}
</div>
)}
{/* 主内容容器 - 修改布局实现完全居中左右各留白1/6主内容区占2/3 */} {/* 主内容容器 - 为播放页面使用特殊布局83.33%宽度其他页面使用默认布局66.67%宽度) */}
<main className='flex-1 md:min-h-0 mb-14 md:mb-0 md:p-6 lg:p-8'> <main className='mb-14 md:mb-0 md:p-6 lg:p-8'>
{/* 使用flex布局实现三等分 */} {/* 使用flex布局实现宽度控制 */}
<div className='flex w-full min-h-screen md:min-h-[calc(100vh-10rem)]'> <div className='flex w-full min-h-[calc(100vh-4rem)]'>
{/* 左侧留白区域 - 占1/6 */} {/* 左侧留白区域 - 播放页面占8.33%其他页面占16.67% */}
<div
className='hidden md:block flex-shrink-0'
style={{
width: ['/play'].includes(activePath) ? '8.33%' : '16.67%'
}}
></div>
{/* 主内容区 - 播放页面占83.33%其他页面占66.67% */}
<div
className='flex-1 md:flex-none rounded-container w-full'
style={{
width: ['/play'].includes(activePath) ? '83.33%' : '66.67%'
}}
>
<div <div
className='hidden md:block flex-shrink-0' className='p-4 md:p-8 lg:p-10'
style={{ width: '16.67%' }} style={{
></div> paddingBottom: 'calc(3.5rem + env(safe-area-inset-bottom))',
}}
{/* 主内容区 - 占2/3 */}
<div
className='flex-1 md:flex-none rounded-container w-full'
style={{ width: '66.67%' }}
> >
<div {children}
className='p-4 md:p-8 lg:p-10'
style={{
paddingBottom: 'calc(3.5rem + env(safe-area-inset-bottom))',
}}
>
{children}
</div>
</div> </div>
{/* 右侧留白区域 - 占1/6 */}
<div
className='hidden md:block flex-shrink-0'
style={{ width: '16.67%' }}
></div>
</div> </div>
</main>
</div> {/* 右侧留白区域 - 播放页面占8.33%其他页面占16.67% */}
<div
className='hidden md:block flex-shrink-0'
style={{
width: ['/play'].includes(activePath) ? '8.33%' : '16.67%'
}}
></div>
</div>
</main>
</div> </div>
{/* 移动端底部导航 */} {/* 移动端底部导航 */}

View File

@ -1,5 +1,3 @@
/* eslint-disable @typescript-eslint/no-explicit-any,react-hooks/exhaustive-deps */
'use client'; 'use client';
import { Moon, Sun } from 'lucide-react'; import { Moon, Sun } from 'lucide-react';
@ -25,7 +23,7 @@ export function ThemeToggle() {
useEffect(() => { useEffect(() => {
setMounted(true); setMounted(true);
setThemeColor(resolvedTheme); setThemeColor(resolvedTheme);
}, []); }, [resolvedTheme]);
if (!mounted) { if (!mounted) {
// 渲染一个占位符以避免布局偏移 // 渲染一个占位符以避免布局偏移
@ -36,12 +34,18 @@ export function ThemeToggle() {
// 检查浏览器是否支持 View Transitions API // 检查浏览器是否支持 View Transitions API
const targetTheme = resolvedTheme === 'dark' ? 'light' : 'dark'; const targetTheme = resolvedTheme === 'dark' ? 'light' : 'dark';
setThemeColor(targetTheme); setThemeColor(targetTheme);
if (!(document as any).startViewTransition) {
// 使用更好的类型定义
const documentWithTransition = document as Document & {
startViewTransition?: (callback: () => void) => void;
};
if (!documentWithTransition.startViewTransition) {
setTheme(targetTheme); setTheme(targetTheme);
return; return;
} }
(document as any).startViewTransition(() => { documentWithTransition.startViewTransition(() => {
setTheme(targetTheme); setTheme(targetTheme);
}); });
}; };

View File

@ -403,7 +403,7 @@ export const UserMenu: React.FC = () => {
{/* 版本信息 */} {/* 版本信息 */}
<button <button
onClick={() => onClick={() =>
window.open('https://github.com/senshinya/MoonTV', '_blank') window.open('https://github.com/katelya77/KatelyaTV', '_blank')
} }
className='w-full px-3 py-2 text-center flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors text-xs' className='w-full px-3 py-2 text-center flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors text-xs'
> >

View File

@ -1,11 +1,10 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
import { CheckCircle, Heart, Link, PlayCircleIcon } from 'lucide-react'; import { CheckCircle, Heart, Link, PlayCircleIcon } from 'lucide-react';
import Image from 'next/image'; import Image from 'next/image';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import React, { useCallback, useEffect, useMemo, useState } from 'react'; import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { import {
type Favorite,
deleteFavorite, deleteFavorite,
deletePlayRecord, deletePlayRecord,
generateStorageKey, generateStorageKey,
@ -131,7 +130,7 @@ export default function VideoCard({
const storageKey = generateStorageKey(actualSource, actualId); const storageKey = generateStorageKey(actualSource, actualId);
const unsubscribe = subscribeToDataUpdates( const unsubscribe = subscribeToDataUpdates(
'favoritesUpdated', 'favoritesUpdated',
(newFavorites: Record<string, any>) => { (newFavorites: Record<string, Favorite>) => {
// 检查当前项目是否在新的收藏列表中 // 检查当前项目是否在新的收藏列表中
const isNowFavorited = !!newFavorites[storageKey]; const isNowFavorited = !!newFavorites[storageKey];
setFavorited(isNowFavorited); setFavorited(isNowFavorited);

View File

@ -65,7 +65,7 @@ const LEGACY_SEARCH_HISTORY_KEY = 'moontv_search_history';
// 缓存相关常量 // 缓存相关常量
const CACHE_PREFIX = 'katelyatv_cache_'; const CACHE_PREFIX = 'katelyatv_cache_';
const LEGACY_CACHE_PREFIX = 'moontv_cache_'; const _LEGACY_CACHE_PREFIX = 'moontv_cache_'; // 保留用于将来的迁移功能
const CACHE_VERSION = '1.0.0'; const CACHE_VERSION = '1.0.0';
const CACHE_EXPIRE_TIME = 60 * 60 * 1000; // 一小时缓存过期 const CACHE_EXPIRE_TIME = 60 * 60 * 1000; // 一小时缓存过期

View File

@ -95,3 +95,18 @@ export interface DoubanResult {
message: string; message: string;
list: DoubanItem[]; list: DoubanItem[];
} }
// Runtime配置类型
export interface RuntimeConfig {
STORAGE_TYPE?: string;
ENABLE_REGISTER?: boolean;
IMAGE_PROXY?: string;
DOUBAN_PROXY?: string;
}
// 全局Window类型扩展
declare global {
interface Window {
RUNTIME_CONFIG?: RuntimeConfig;
}
}

View File

@ -2,7 +2,7 @@
'use client'; 'use client';
const CURRENT_VERSION = '20250928125318'; const CURRENT_VERSION = '20250831153112';
// 版本检查结果枚举 // 版本检查结果枚举
export enum UpdateStatus { export enum UpdateStatus {