feat(tools): 관리자 화면에서 ffmpeg/yt-dlp 최신 버전 재설치

오래된 ffmpeg/yt-dlp 로 다운로드·변환이 실패할 때 관리자 대시보드에서
최신 버전으로 재설치할 수 있게 한다. 재설치 바이너리는 data 볼륨 하위
data/bin 에 두어 컨테이너 재생성에도 유지하고, 바이너리 해석 시 PATH 보다
우선 사용한다.

- src/paths.ts: binDir(data/bin) 추가
- src/editor.ts: binDir 우선 ffmpeg 해석 + getFfprobePath/resetFfmpegResolution
- src/youtube.ts: binDir 우선 yt-dlp 해석 + resetYtDlpResolution
- src/tools.ts(신규): 버전 조회 + 최신 재설치(GitHub yt-dlp, johnvansickle ffmpeg)
- src/routes/op.ts: GET /op/tools, POST /op/tools/:name/update
- views/op/dashboard.ejs, public/dashboard.js, public/styles.css: 도구 관리 UI
- Dockerfile: ffmpeg 정적 빌드(.tar.xz) 해제용 xz-utils 추가

Co-Authored-By: Claude Opus 4 <noreply@anthropic.com>
This commit is contained in:
Claude (owner)
2026-06-05 16:02:25 +09:00
parent f9a26aaa86
commit 8ed3b7d82a
9 changed files with 379 additions and 17 deletions

View File

@@ -102,6 +102,25 @@ body.siteBody.centerLayout { display: flex; align-items: center; justify-content
.folderIcon { font-size: 40px; }
.folderName { font-size: 15px; word-break: break-all; text-align: center; }
/* tools (ffmpeg / yt-dlp) */
.toolsSection { margin-top: 40px; }
.toolsSection h2 { margin-bottom: 6px; }
.toolsSection .muted { margin-bottom: 16px; }
.toolGrid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 16px;
}
.toolCard {
background: var(--bg-card); border: 1px solid var(--border);
border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 10px;
}
.toolHead { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.toolName { font-size: 16px; font-weight: 600; }
.toolVersion { font-size: 13px; color: var(--accent); text-align: right; }
.toolPath { font-size: 12px; word-break: break-all; }
.toolRow { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.toolStatus { font-size: 12px; }
/* video grid */
.videoGrid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));