tronclass-auto 1.0.2 → 1.2.0

package/bin/tronclass.js

@@ -1,8 +1,6 @@
 #!/usr/bin/env node
 
 const { program } = require('commander');
-const path = require('path');
-
 const pkg = require('../package.json');
 
 program
@@ -38,9 +36,17 @@ program
     await run(opts);
   });
 
+program
+  .command('menu')
+  .description('互動式選單')
+  .action(async () => {
+    const { mainMenu } = require('../src/tui');
+    await mainMenu();
+  });
+
 program
   .command('status')
-  .description('查看各課程進度統計')
+  .description('查看各課程進度統計（含報表）')
   .action(async () => {
     const { showStatus } = require('../src/index');
     await showStatus();
@@ -49,7 +55,7 @@ program
 program
   .command('course')
   .description('管理課程列表')
-  .option('-a, --add <url>', '新增課程 URL')
+  .option('-a, --add <url>', '新增課程 ID 或 URL')
   .option('-r, --remove <index>', '移除課程（輸入編號）')
   .option('-l, --list', '列出所有課程')
   .option('--clear', '清空所有課程')
@@ -66,4 +72,10 @@ program
     showConfig();
   });
 
-program.parse();
+const args = process.argv.slice(2);
+if (args.length === 0) {
+  const { mainMenu } = require('../src/tui');
+  mainMenu().catch(() => process.exit(0));
+} else {
+  program.parse();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tronclass-auto",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "description": "自動觀看 eclass/TronClass 影片、填寫表單的 CLI 工具",
   "main": "src/index.js",
   "bin": {
@@ -14,13 +14,20 @@
   "scripts": {
     "start": "node bin/tronclass.js run"
   },
-  "keywords": ["eclass", "tronclass", "yuntech", "automation", "video"],
+  "keywords": [
+    "eclass",
+    "tronclass",
+    "yuntech",
+    "automation",
+    "video"
+  ],
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "playwright": "^1.40.0",
-    "commander": "^12.0.0",
     "chalk": "^4.1.2",
-    "open": "^8.4.2"
+    "commander": "^12.0.0",
+    "inquirer": "^8.2.7",
+    "open": "^8.4.2",
+    "playwright": "^1.40.0"
   }
 }

package/src/auth.js

@@ -97,32 +97,54 @@ async function autoLogin(baseUrl) {
   console.log(chalk.cyan('等待您完成登入...'));
   console.log(chalk.cyan('（登入後頁面會自動跳轉，Cookie 會自動儲存）'));
 
+  let sawLogin = false;
   let saved = false;
   let checkCount = 0;
 
   const checkInterval = setInterval(async () => {
     checkCount++;
     const url = page.url();
+    const isLoginPage = url.includes('login') || url.includes('auth') || url.includes('cas') || url.includes('signin');
 
-    if (!url.includes('login') && !url.includes('auth') && !url.includes('cas')) {
-      if (!saved) {
-        saved = true;
-        const cookies = await context.cookies();
-        const eclassCookies = cookies.filter(c =>
-          c.domain.includes('yuntech.edu.tw') || c.domain.includes('eclass')
-        );
-
-        if (eclassCookies.length > 0) {
-          saveCookies(eclassCookies);
-          console.log(chalk.green(`\n[AUTH] 登入成功！自動取得 ${eclassCookies.length} 個 Cookie`));
-          console.log(chalk.green('[AUTH] 現在可以執行 tronclass run 開始自動化\n'));
-        } else {
-          console.log(chalk.yellow('\n[AUTH] 找不到 eclass Cookie，請確認已成功登入'));
-        }
-
-        clearInterval(checkInterval);
-        await browser.close();
+    if (isLoginPage) {
+      sawLogin = true;
+    }
+
+    if (sawLogin && !isLoginPage && !saved) {
+      saved = true;
+      console.log(chalk.cyan('偵測到頁面跳轉，驗證登入狀態...'));
+      await page.waitForTimeout(3000);
+
+      const isLoggedIn = await page.evaluate(() => {
+        return document.querySelector('[class*="profile"]') !== null ||
+               document.querySelector('[class*="avatar"]') !== null ||
+               document.querySelector('[class*="user-name"]') !== null ||
+               document.querySelector('[ng-click*="showUserOperationList"]') !== null ||
+               document.querySelector('a[href*="logout"]') !== null ||
+               document.querySelector('a[href*="settings"]') !== null;
+      });
+
+      if (!isLoggedIn) {
+        console.log(chalk.yellow('  頁面已跳轉但未偵測到登入狀態，可能未完成登入'));
+        saved = false;
+        return;
       }
+
+      const cookies = await context.cookies();
+      const eclassCookies = cookies.filter(c =>
+        c.domain.includes('yuntech.edu.tw') || c.domain.includes('eclass')
+      );
+
+      if (eclassCookies.length > 0) {
+        saveCookies(eclassCookies);
+        console.log(chalk.green(`\n[AUTH] 登入成功！自動取得 ${eclassCookies.length} 個 Cookie`));
+        console.log(chalk.green('[AUTH] 現在可以執行 tronclass run 開始自動化\n'));
+      } else {
+        console.log(chalk.yellow('\n[AUTH] 找不到 eclass Cookie，請確認已成功登入'));
+      }
+
+      clearInterval(checkInterval);
+      await browser.close();
     }
 
     if (checkCount > 300) {

package/src/index.js

@@ -1,7 +1,7 @@
 const re = require;
 const chalk = re('chalk');
-const { loadCookies, autoLogin } = re('./auth');
-const { watchVideo } = re('./video');
+const { loadCookies } = re('./auth');
+const { watchVideo, formatTime, printReport } = re('./video');
 const { loadConfig, saveConfig, markDone, isDone, BASE_URL } = re('./config');
 
 async function getUncompleted(page, courseId) {
@@ -38,57 +38,67 @@ async function getUncompleted(page, courseId) {
   });
 }
 
-async function processCourse(page, courseId) {
+async function processCourse(page, courseId, stats) {
   let done = 0;
   let skip = 0;
+  let fail = 0;
 
   const uncompleted = await getUncompleted(page, courseId);
   const videos = uncompleted.filter(u => u.type === 'online_video');
-
   const remaining = videos.filter(v => !isDone(courseId, v.id));
-  console.log(chalk.cyan(`  Uncompleted videos: ${videos.length}, already done: ${videos.length - remaining.length}, remaining: ${remaining.length}`));
 
-  for (const act of remaining) {
-    console.log(chalk.white(`\n  -> ${act.title}`));
-    const url = `${BASE_URL}/course/${courseId}/learning-activity/full-screen#/${act.id}`;
+  console.log(chalk.cyan(`  Uncompleted: ${videos.length} videos, remaining: ${remaining.length}`));
+
+  if (stats) {
+    stats.remainingVideos = remaining.length;
+    stats.estimatedTimeForRemaining = remaining.reduce((sum, v) => sum + 120, 0);
+  }
 
+  for (let i = 0; i < remaining.length; i++) {
+    const act = remaining[i];
+    console.log(chalk.white(`\n  [${i + 1}/${remaining.length}] ${act.title}`));
+
+    const url = `${BASE_URL}/course/${courseId}/learning-activity/full-screen#/${act.id}`;
     try {
       await page.goto(url, { waitUntil: 'domcontentloaded', timeout: 15000 });
     } catch (e) {}
     await page.waitForTimeout(5000);
 
     if (!page.url().includes('learning-activity')) {
-      console.log(chalk.yellow('    [WARN] Failed to load activity page, skipping'));
+      console.log(chalk.yellow('    [WARN] Failed to load activity page'));
       skip++;
       continue;
     }
 
     try {
-      const success = await watchVideo(page);
+      if (stats) {
+        stats.remainingVideos = remaining.length - i - 1;
+      }
+      const success = await watchVideo(page, stats);
       if (success) {
         markDone(courseId, act.id);
         done++;
-        console.log(chalk.green('    [OK] Saved to progress'));
+        console.log(chalk.green('    [OK] Saved'));
       } else {
-        skip++;
+        fail++;
       }
     } catch (e) {
       console.log(chalk.red(`    [ERROR] ${e.message}`));
-      skip++;
+      fail++;
     }
 
     await page.waitForTimeout(2000);
   }
 
-  console.log(chalk.cyan(`\n  Result: ${done} watched, ${skip} skipped`));
-  return { done, skip };
+  console.log(chalk.cyan(`  Result: ${done} watched, ${skip} skipped, ${fail} failed`));
+  return { done, skip, fail };
 }
 
 async function showStatus() {
   const config = loadConfig();
   const cookies = loadCookies();
   if (!cookies.length) {
-    console.log(chalk.red('[ERROR] 沒有 Cookie，請先執行 tronclass login 或 tronclass import-cookies'));
+    console.log(chalk.red('[ERROR] 沒有 Cookie，請先執行 tronclass login'));
     return;
   }
 
@@ -112,27 +122,64 @@ async function showStatus() {
   }
 
   const courses = config.courses || [];
-  console.log(chalk.cyan('\n=== 課程進度統計 ==='));
+  console.log(chalk.cyan('\n┌' + '─'.repeat(48) + '┐'));
+  console.log(chalk.cyan('│') + chalk.bold.white('  📋 課程進度統計' + ' '.repeat(30)) + chalk.cyan('│'));
+  console.log(chalk.cyan('├' + '─'.repeat(48) + '┤'));
+
+  let totalVideos = 0;
+  let totalRemaining = 0;
+  let totalExams = 0;
 
   for (const courseUrl of courses) {
     const match = courseUrl.match(/\/course\/(\d+)\//);
     const courseId = match ? match[1] : '?';
     try {
       const uncompleted = await getUncompleted(page, courseId);
-      const total = uncompleted.length;
-      const videos = uncompleted.filter(u => u.type === 'online_video').length;
+      const videos = uncompleted.filter(u => u.type === 'online_video');
       const exams = uncompleted.filter(u => u.type === 'exam').length;
-      const other = total - videos - exams;
-      console.log(chalk.white(`\n  Course ${courseId}: ${total} uncompleted (${videos} videos, ${exams} exams, ${other} other)`));
+      const other = uncompleted.length - videos.length - exams;
+      totalVideos += videos.length;
+      totalRemaining += videos.length;
+      totalExams += exams;
+
+      const bar = generateBar(videos.length, 50);
+      console.log(chalk.cyan('│') + `  [${courseId}] ${videos.length} videos ${exams} exams`.padEnd(50) + chalk.cyan('│'));
+      console.log(chalk.cyan('│') + `    ${bar}`.padEnd(50) + chalk.cyan('│'));
     } catch (e) {
-      console.log(chalk.red(`\n  Course ${courseId}: ERROR - ${e.message}`));
+      console.log(chalk.cyan('│') + `  [${courseId}] ERROR`.padEnd(50) + chalk.cyan('│'));
     }
   }
 
+  console.log(chalk.cyan('├' + '─'.repeat(48) + '┤'));
+  console.log(chalk.cyan('│') + `  總計: ${totalRemaining} videos, ${totalExams} exams`.padEnd(50) + chalk.cyan('│'));
+  console.log(chalk.cyan('│') + `  預估時間: ${formatTime(totalRemaining * 120)}`.padEnd(50) + chalk.cyan('│'));
+  console.log(chalk.cyan('└' + '─'.repeat(48) + '┘'));
   console.log('');
+
   await browser.close();
 }
 
+function generateBar(remaining, width) {
+  if (remaining === 0) return chalk.green('█'.repeat(width) + ' 100%');
+  const filled = Math.max(0, width - Math.min(remaining, width));
+  const empty = width - filled;
+  return chalk.green('█'.repeat(filled)) + chalk.gray('░'.repeat(empty)) + ` ${remaining} remaining`;
+}
+
+async function launchBrowser(headless) {
+  const { chromium } = re('playwright');
+  const { ensureBrowser } = re('./browser');
+  const exePath = await ensureBrowser();
+  const launchOpts = { headless, slowMo: 50 };
+  if (exePath) launchOpts.executablePath = exePath;
+  const browser = await chromium.launch(launchOpts);
+  const context = await browser.newContext({
+    viewport: { width: 1280, height: 900 },
+    userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36'
+  });
+  return { browser, context };
+}
+
 async function run(opts = {}) {
   const config = loadConfig();
   const cookies = loadCookies();
@@ -146,16 +193,7 @@ async function run(opts = {}) {
 
   if (opts.headless) config.headless = true;
 
-  const { chromium } = re('playwright');
-  const { ensureBrowser } = re('./browser');
-  const exePath = await ensureBrowser();
-  const launchOpts = { headless: config.headless, slowMo: config.slowMo || 50 };
-  if (exePath) launchOpts.executablePath = exePath;
-  const browser = await chromium.launch(launchOpts);
-  const context = await browser.newContext({
-    viewport: { width: 1280, height: 900 },
-    userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36'
-  });
+  const { browser, context } = await launchBrowser(config.headless);
   await context.addCookies(cookies);
   const page = await context.newPage();
 
@@ -163,7 +201,7 @@ async function run(opts = {}) {
   await page.waitForTimeout(2000);
 
   if (page.url().includes('login')) {
-    console.log(chalk.red('[ERROR] Cookie 過期，請重新執行 eclass login'));
+    console.log(chalk.red('[ERROR] Cookie 過期，請重新執行 tronclass login'));
     await browser.close();
     return;
   }
@@ -171,7 +209,6 @@ async function run(opts = {}) {
   console.log(chalk.green('[OK] Login verified'));
 
   let courses = config.courses || [];
-
   if (opts.course) {
     const ids = opts.course.split(',').map(s => s.trim());
     courses = courses.filter(url => ids.some(id => url.includes(id)));
@@ -182,33 +219,77 @@ async function run(opts = {}) {
 
   if (!courses.length) {
     console.log(chalk.yellow('[WARN] 沒有設定課程'));
-    console.log(chalk.yellow('  請編輯 ~/.eclass-auto/config.json 加入 courses'));
+    console.log(chalk.yellow('  請執行 tronclass course --add <課程ID>'));
     await browser.close();
     return;
   }
 
-  let totalDone = 0;
-  let totalSkip = 0;
+  await _runCourses(page, courses, browser);
+}
+
+async function runWithSelection(courseUrls, headless) {
+  const config = loadConfig();
+  const cookies = loadCookies();
+
+  if (!cookies.length) {
+    console.log(chalk.red('[ERROR] 沒有 Cookie'));
+    return;
+  }
+
+  const { browser, context } = await launchBrowser(headless);
+  await context.addCookies(cookies);
+  const page = await context.newPage();
+
+  await page.goto(BASE_URL, { waitUntil: 'domcontentloaded', timeout: 15000 });
+  await page.waitForTimeout(2000);
+
+  if (page.url().includes('login')) {
+    console.log(chalk.red('[ERROR] Cookie 過期'));
+    await browser.close();
+    return;
+  }
+
+  console.log(chalk.green('[OK] Login verified\n'));
+
+  await _runCourses(page, courseUrls, browser);
+}
+
+async function _runCourses(page, courses, browser) {
+  const startTime = Date.now();
+  const stats = {
+    videosWatched: 0,
+    videosSkipped: 0,
+    videosFailed: 0,
+    currentVideoDuration: 0,
+    currentVideoElapsed: 0,
+    remainingVideos: 0,
+    estimatedTimeForRemaining: 0,
+    totalElapsed: 0,
+    timeSaved: 0,
+    courseResults: []
+  };
 
   for (let i = 0; i < courses.length; i++) {
     const courseUrl = courses[i];
     const match = courseUrl.match(/\/course\/(\d+)\//);
-    const courseId = match ? match[1] : '127331';
+    const courseId = match ? match[1] : '?';
 
     console.log(chalk.cyan(`\n${'='.repeat(50)}`));
-    console.log(chalk.cyan(`Course ${i + 1}/${courses.length} (ID: ${courseId})`));
+    console.log(chalk.cyan(`  Course ${i + 1}/${courses.length} (ID: ${courseId})`));
     console.log(chalk.cyan(`${'='.repeat(50)}`));
 
-    const result = await processCourse(page, courseId);
-    totalDone += result.done;
-    totalSkip += result.skip;
+    const result = await processCourse(page, courseId, stats);
+    stats.courseResults.push({ id: courseId, ...result });
+    stats.videosWatched += result.done;
+    stats.videosSkipped += result.skip;
+    stats.videosFailed += result.fail;
   }
 
-  console.log(chalk.cyan(`\n${'='.repeat(50)}`));
-  console.log(chalk.green(`ALL DONE: ${totalDone} watched, ${totalSkip} skipped`));
-  console.log(chalk.cyan(`${'='.repeat(50)}`));
+  stats.totalElapsed = Math.floor((Date.now() - startTime) / 1000);
+  stats.timeSaved = Math.floor(stats.videosWatched * 60);
 
+  printReport(stats);
   await browser.close();
 }
 
-module.exports = { run, showStatus };
+module.exports = { run, runWithSelection, showStatus };

package/src/tui.js

@@ -0,0 +1,247 @@
+const inquirer = require('inquirer');
+const chalk = require('chalk');
+const { loadConfig, saveConfig, BASE_URL } = require('./config');
+const { loadCookies } = require('./auth');
+
+function box(lines, width = 52) {
+  const top = '╔' + '═'.repeat(width - 2) + '╗';
+  const bot = '╚' + '═'.repeat(width - 2) + '╝';
+  const pad = (s) => '║ ' + s.padEnd(width - 4) + ' ║';
+  console.log(chalk.cyan(top));
+  lines.forEach(l => console.log(chalk.cyan(pad(l))));
+  console.log(chalk.cyan(bot));
+}
+
+async function mainMenu() {
+  const cookies = loadCookies();
+  if (!cookies.length) {
+    console.log(chalk.red('\n  沒有 Cookie，請先執行 tronclass login\n'));
+    return;
+  }
+
+  let running = true;
+  while (running) {
+    console.clear();
+    const config = loadConfig();
+
+    box([
+      chalk.bold.white('tronclass-auto  v1.1.0'),
+      chalk.gray('自動觀看 eclass/TronClass 影片'),
+      '',
+      `課程: ${chalk.cyan(config.courses.length + ' 個')}  |  Cookie: ${chalk.green('✓')}  |  倍速: ${chalk.yellow(config.playbackRate || 2)}x`,
+    ]);
+    console.log('');
+
+    const { action } = await inquirer.prompt([{
+      type: 'list',
+      name: 'action',
+      message: '選擇操作:',
+      choices: [
+        { name: chalk.green('▶  開始自動觀看'), value: 'run' },
+        { name: chalk.cyan('📋 管理課程列表'), value: 'courses' },
+        { name: chalk.yellow('📊 查看進度統計'), value: 'status' },
+        { name: chalk.magenta('⚙  設定'), value: 'settings' },
+        new inquirer.Separator(),
+        { name: chalk.gray('🚪 離開'), value: 'exit' }
+      ],
+      pageSize: 10
+    }]);
+
+    switch (action) {
+      case 'run': await runMenu(config); break;
+      case 'courses': await courseMenu(); break;
+      case 'status': {
+        const { showStatus } = require('./index');
+        await showStatus();
+        await pressAnyKey();
+        break;
+      }
+      case 'settings': await settingsMenu(); break;
+      case 'exit': running = false; break;
+    }
+  }
+  console.log(chalk.gray('\n再見！\n'));
+}
+
+async function runMenu(config) {
+  if (!config.courses.length) {
+    console.log(chalk.yellow('\n  還沒有設定課程，請先新增\n'));
+    await pressAnyKey();
+    return;
+  }
+
+  const courseChoices = config.courses.map((url, i) => {
+    const match = url.match(/\/course\/(\d+)\//);
+    const id = match ? match[1] : '?';
+    return { name: `[${id}] ${url}`, value: i, checked: true };
+  });
+
+  const { selectedCourses } = await inquirer.prompt([{
+    type: 'checkbox',
+    name: 'selectedCourses',
+    message: '選擇要觀看的課程:',
+    choices: courseChoices,
+    validate: (ans) => ans.length > 0 ? true : '至少選一個課程'
+  }]);
+
+  const { headless } = await inquirer.prompt([{
+    type: 'confirm',
+    name: 'headless',
+    message: '無頭模式（背景執行）?',
+    default: false
+  }]);
+
+  console.log('');
+  box([
+    chalk.green('開始自動觀看'),
+    `課程: ${chalk.cyan(selectedCourses.length)} 個`,
+    `模式: ${headless ? chalk.gray('無頭') : chalk.white('有頭')}`,
+    `倍速: ${chalk.yellow(config.playbackRate || 2)}x`,
+  ]);
+  console.log('');
+
+  const { runWithSelection } = require('./index');
+  await runWithSelection(selectedCourses.map(i => config.courses[i]), headless);
+  await pressAnyKey();
+}
+
+async function courseMenu() {
+  let editing = true;
+  while (editing) {
+    const config = loadConfig();
+    const courses = config.courses || [];
+
+    console.clear();
+    box([
+      chalk.bold.white('📋 課程列表'),
+      ...(courses.length === 0
+        ? [chalk.gray('  還沒有課程')]
+        : courses.map((url, i) => {
+            const match = url.match(/\/course\/(\d+)\//);
+            const id = match ? match[1] : '?';
+            return `  ${chalk.white(i + 1 + '.')} [${chalk.cyan(id)}] ${chalk.gray(url.substring(0, 45))}`;
+          })),
+      '',
+      chalk.gray('  新增: tronclass course --add <ID或URL>'),
+      chalk.gray('  移除: tronclass course --remove <編號>'),
+    ]);
+    console.log('');
+
+    const { action } = await inquirer.prompt([{
+      type: 'list',
+      name: 'action',
+      message: `課程管理 (${courses.length} 個)`,
+      choices: [
+        { name: chalk.green('➕ 新增課程（互動式）'), value: 'add' },
+        ...(courses.length > 0 ? [
+          ...courses.map((url, i) => {
+            const match = url.match(/\/course\/(\d+)\//);
+            const id = match ? match[1] : '?';
+            return { name: `${chalk.red('✕')} [${id}] 移除`, value: `remove_${i}` };
+          }),
+          new inquirer.Separator(),
+          { name: chalk.red('🗑  清空所有'), value: 'clear' }
+        ] : []),
+        new inquirer.Separator(),
+        { name: chalk.gray('⬅ 返回'), value: 'back' }
+      ],
+      pageSize: 20
+    }]);
+
+    if (action === 'back') {
+      editing = false;
+    } else if (action === 'add') {
+      const { input } = await inquirer.prompt([{
+        type: 'input',
+        name: 'input',
+        message: '輸入課程 ID（如 127331）或完整 URL:',
+        validate: (v) => v.trim().length > 0 ? true : '不可為空'
+      }]);
+      const config2 = loadConfig();
+      config2.courses = config2.courses || [];
+      config2.courses.push(normalizeUrl(input.trim()));
+      saveConfig(config2);
+      console.log(chalk.green('  已新增！'));
+    } else if (action === 'clear') {
+      const { confirm } = await inquirer.prompt([{
+        type: 'confirm', name: 'confirm', message: '確定要清空所有課程?', default: false
+      }]);
+      if (confirm) {
+        const config2 = loadConfig();
+        config2.courses = [];
+        saveConfig(config2);
+        console.log(chalk.green('  已清空'));
+      }
+    } else if (action.startsWith('remove_')) {
+      const idx = parseInt(action.split('_')[1]);
+      const config2 = loadConfig();
+      const removed = config2.courses.splice(idx, 1)[0];
+      saveConfig(config2);
+      console.log(chalk.green(`  已移除: ${removed}`));
+    }
+  }
+}
+
+async function settingsMenu() {
+  const config = loadConfig();
+
+  const { setting } = await inquirer.prompt([{
+    type: 'list',
+    name: 'setting',
+    message: '設定',
+    choices: [
+      { name: `倍速: ${chalk.cyan(config.playbackRate || 2)}x`, value: 'speed' },
+      { name: `無頭模式: ${chalk.cyan(config.headless ? '是' : '否')}`, value: 'headless' },
+      { name: `SlowMo: ${chalk.cyan(config.slowMo || 50)}ms`, value: 'slowmo' },
+      new inquirer.Separator(),
+      { name: chalk.gray('⬅ 返回'), value: 'back' }
+    ]
+  }]);
+
+  if (setting === 'back') return;
+
+  if (setting === 'speed') {
+    const { speed } = await inquirer.prompt([{
+      type: 'list', name: 'speed', message: '選擇播放倍速:',
+      choices: [
+        { name: '1x（正常）', value: 1 },
+        { name: '1.5x', value: 1.5 },
+        { name: '2x（推薦）', value: 2 },
+        { name: '4x', value: 4 },
+        { name: '8x', value: 8 }
+      ],
+      default: config.playbackRate || 2
+    }]);
+    config.playbackRate = speed;
+    saveConfig(config);
+    console.log(chalk.green(`  已設定為 ${speed}x`));
+  } else if (setting === 'headless') {
+    const { hl } = await inquirer.prompt([{
+      type: 'confirm', name: 'hl', message: '啟用無頭模式?', default: config.headless || false
+    }]);
+    config.headless = hl;
+    saveConfig(config);
+  } else if (setting === 'slowmo') {
+    const { ms } = await inquirer.prompt([{
+      type: 'number', name: 'ms', message: 'SlowMo 毫秒數:', default: config.slowMo || 50
+    }]);
+    config.slowMo = ms;
+    saveConfig(config);
+  }
+}
+
+function normalizeUrl(input) {
+  if (/^\d+$/.test(input)) {
+    return `${BASE_URL}/course/${input}/content#/`;
+  }
+  if (!input.startsWith('http')) {
+    return `${BASE_URL}/course/${input}/content#/`;
+  }
+  return input;
+}
+
+async function pressAnyKey() {
+  await inquirer.prompt([{ type: 'input', name: '_', message: chalk.gray('按 Enter 返回...') }]);
+}
+
+module.exports = { mainMenu };

package/src/video.js

@@ -1,10 +1,15 @@
 const chalk = require('chalk');
 
-function log(msg) {
-  console.log(msg);
+function formatTime(seconds) {
+  const h = Math.floor(seconds / 3600);
+  const m = Math.floor((seconds % 3600) / 60);
+  const s = Math.floor(seconds % 60);
+  if (h > 0) return `${h}h ${m}m ${s}s`;
+  if (m > 0) return `${m}m ${s}s`;
+  return `${s}s`;
 }
 
-async function watchVideo(page) {
+async function watchVideo(page, stats) {
   const hasVideo = await page.evaluate(() => document.querySelector('video') !== null);
   if (!hasVideo) {
     log(chalk.yellow('    [VIDEO] No video element'));
@@ -50,11 +55,17 @@ async function watchVideo(page) {
   if (!duration || duration <= 0) {
     log(chalk.yellow('    [VIDEO] Cannot get duration, waiting 30s...'));
     await page.waitForTimeout(30000);
+    if (stats) stats.videosWatched++;
     return true;
   }
 
   const waitTime = (duration / 2) + 15;
-  log(chalk.blue(`    [VIDEO] ${Math.floor(duration)}s video, waiting ~${Math.floor(waitTime)}s (2x)`));
+  log(chalk.blue(`    [VIDEO] ${formatTime(duration)} video, waiting ~${formatTime(waitTime)} (2x)`));
+
+  if (stats) {
+    stats.currentVideoDuration = duration / 2;
+    stats.currentVideoElapsed = 0;
+  }
 
   let elapsed = 0;
   let lastPct = -1;
@@ -64,6 +75,8 @@ async function watchVideo(page) {
     await page.waitForTimeout(5000);
     elapsed += 5;
 
+    if (stats) stats.currentVideoElapsed = elapsed;
+
     const state = await page.evaluate(() => {
       const v = document.querySelector('video');
       if (!v || !v.duration) return { p: 100, e: true, paused: false, stalled: false };
@@ -76,8 +89,17 @@ async function watchVideo(page) {
     });
 
     if (state.p > lastPct) {
-      log(chalk.blue(`    [VIDEO] ${state.p}% (${Math.floor(elapsed)}s)`));
-      lastPct = state.p;
+      const pct = state.p;
+      const remaining = Math.max(0, waitTime - elapsed);
+      let etaStr = '';
+      if (stats && stats.remainingVideos > 0) {
+        const totalRemaining = remaining + stats.estimatedTimeForRemaining;
+        etaStr = chalk.gray(` | ETA: ${formatTime(totalRemaining)}`);
+      } else {
+        etaStr = chalk.gray(` | ~${formatTime(remaining)} left`);
+      }
+      log(chalk.blue(`    [VIDEO] ${pct}% (${formatTime(elapsed)})${etaStr}`));
+      lastPct = pct;
     }
 
     if (state.e) {
@@ -87,7 +109,7 @@ async function watchVideo(page) {
 
     if (state.stalled) {
       if (elapsed % 15 === 0) {
-        log(chalk.gray(`    [VIDEO] Buffering... (${Math.floor(elapsed)}s)`));
+        log(chalk.gray(`    [VIDEO] Buffering... (${formatTime(elapsed)})`));
       }
       continue;
     }
@@ -105,7 +127,35 @@ async function watchVideo(page) {
   }
 
   await page.waitForTimeout(3000);
+  if (stats) stats.videosWatched++;
   return true;
 }
 
-module.exports = { watchVideo };
+function log(msg) {
+  console.log(msg);
+}
+
+function printReport(stats) {
+  console.log('');
+  console.log(chalk.cyan('┌' + '─'.repeat(48) + '┐'));
+  console.log(chalk.cyan('│') + chalk.bold.white('  📊 報表' + ' '.repeat(39)) + chalk.cyan('│'));
+  console.log(chalk.cyan('├' + '─'.repeat(48) + '┤'));
+  console.log(chalk.cyan('│') + `  已觀看: ${chalk.green(stats.videosWatched + ' 部')}`.padEnd(50) + chalk.cyan('│'));
+  console.log(chalk.cyan('│') + `  已跳過: ${chalk.yellow(stats.videosSkipped + ' 部')}`.padEnd(50) + chalk.cyan('│'));
+  console.log(chalk.cyan('│') + `  失敗:   ${chalk.red(stats.videosFailed + ' 部')}`.padEnd(50) + chalk.cyan('│'));
+  console.log(chalk.cyan('├' + '─'.repeat(48) + '┤'));
+  console.log(chalk.cyan('│') + `  總花費: ${chalk.white(formatTime(stats.totalElapsed))}`.padEnd(50) + chalk.cyan('│'));
+  console.log(chalk.cyan('│') + `  預估節省: ${chalk.green(formatTime(stats.timeSaved))}`.padEnd(50) + chalk.cyan('│'));
+  console.log(chalk.cyan('├' + '─'.repeat(48) + '┤'));
+  if (stats.courseResults.length > 0) {
+    stats.courseResults.forEach(cr => {
+      console.log(chalk.cyan('│') + `  課程 ${cr.id}: ${chalk.green(cr.done + '✓')} ${chalk.yellow(cr.skip + '⊘')} ${chalk.red(cr.fail + '✗')}`.padEnd(50) + chalk.cyan('│'));
+    });
+    console.log(chalk.cyan('├' + '─'.repeat(48) + '┤'));
+  }
+  console.log(chalk.cyan('│') + `  完成時間: ${chalk.white(new Date().toLocaleString())}`.padEnd(52) + chalk.cyan('│'));
+  console.log(chalk.cyan('└' + '─'.repeat(48) + '┘'));
+  console.log('');
+}
+
+module.exports = { watchVideo, formatTime, printReport };