tronclass-auto 1.0.2 → 1.1.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.1.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/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,235 @@
+const inquirer = require('inquirer');
+const chalk = require('chalk');
+const { loadConfig, saveConfig, manageCourses } = require('./config');
+
+async function mainMenu() {
+  let running = true;
+
+  while (running) {
+    const config = loadConfig();
+    const { action } = await inquirer.prompt([
+      {
+        type: 'list',
+        name: 'action',
+        message: 'tronclass-auto',
+        choices: [
+          { name: chalk.green('▶  開始自動觀看'), value: 'run' },
+          { name: chalk.cyan('📋 管理課程列表'), value: 'courses' },
+          { name: chalk.yellow('⚙  設定'), value: 'settings' },
+          new inquirer.Separator(),
+          { name: chalk.gray('🚪 離開'), value: 'exit' }
+        ],
+        pageSize: 10
+      }
+    ]);
+
+    switch (action) {
+      case 'run':
+        await runMenu(config);
+        break;
+      case 'courses':
+        await courseMenu(config);
+        break;
+      case 'settings':
+        await settingsMenu(config);
+        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'));
+    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(chalk.cyan('\n' + '='.repeat(50)));
+  console.log(chalk.cyan('  開始自動觀看'));
+  console.log(chalk.cyan('='.repeat(50) + '\n'));
+
+  const { runWithSelection } = require('./index');
+  await runWithSelection(selectedCourses.map(i => config.courses[i]), headless);
+
+  console.log(chalk.green('\n  按任意鍵回到選單'));
+  await inquirer.prompt([{ type: 'input', name: '_press', message: '' }]);
+}
+
+async function courseMenu(config) {
+  let editing = true;
+
+  while (editing) {
+    const courses = config.courses || [];
+    const choices = courses.map((url, i) => {
+      const match = url.match(/\/course\/(\d+)\//);
+      const id = match ? match[1] : '?';
+      return { name: `${chalk.white(i + 1 + '.')} [${id}] ${chalk.gray(url)}`, value: i };
+    });
+
+    const { action } = await inquirer.prompt([
+      {
+        type: 'list',
+        name: 'action',
+        message: `課程列表 (${courses.length} 個)`,
+        choices: [
+          ...choices,
+          new inquirer.Separator(),
+          { name: chalk.green('➕ 新增課程'), value: 'add' },
+          { 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 或 URL:',
+          validate: (v) => v.trim().length > 0 ? true : '不可為空'
+        }
+      ]);
+      config.courses = config.courses || [];
+      config.courses.push(normalizeUrl(input.trim()));
+      saveConfig(config);
+      console.log(chalk.green('  已新增！'));
+    } else if (action === 'clear') {
+      const { confirm } = await inquirer.prompt([
+        { type: 'confirm', name: 'confirm', message: '確定要清空所有課程?', default: false }
+      ]);
+      if (confirm) {
+        config.courses = [];
+        saveConfig(config);
+        console.log(chalk.green('  已清空'));
+      }
+    } else {
+      const { subAction } = await inquirer.prompt([
+        {
+          type: 'list',
+          name: 'subAction',
+          message: courses[action],
+          choices: [
+            { name: chalk.red('🗑 移除此課程'), value: 'remove' },
+            { name: chalk.gray('⬅ 返回'), value: 'back' }
+          ]
+        }
+      ]);
+      if (subAction === 'remove') {
+        const removed = config.courses.splice(action, 1)[0];
+        saveConfig(config);
+        console.log(chalk.green(`  已移除: ${removed}`));
+      }
+    }
+  }
+}
+
+async function settingsMenu(config) {
+  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);
+    console.log(chalk.green(`  無頭模式: ${hl ? '是' : '否'}`));
+  } else if (setting === 'slowmo') {
+    const { ms } = await inquirer.prompt([
+      {
+        type: 'number',
+        name: 'ms',
+        message: 'SlowMo 毫秒數:',
+        default: config.slowMo || 50,
+        validate: (v) => v >= 0 ? true : '不可小於 0'
+      }
+    ]);
+    config.slowMo = ms;
+    saveConfig(config);
+    console.log(chalk.green(`  SlowMo: ${ms}ms`));
+  }
+}
+
+function normalizeUrl(input) {
+  if (input.match(/^\d+$/)) {
+    return `https://eclass.yuntech.edu.tw/course/${input}/content#/`;
+  }
+  if (!input.startsWith('http')) {
+    return `https://eclass.yuntech.edu.tw/course/${input}/content#/`;
+  }
+  return input;
+}
+
+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 };