coursewatcher 1.3.0 → 2.0.0

package/public/js/player.js

@@ -1,359 +0,0 @@
-/**
- * Video Player Controls
- * 
- * Handles Plyr initialization, keyboard shortcuts, progress auto-save,
- * and autoplay countdown functionality.
- */
-
-(function () {
-    'use strict';
-
-    // Constants
-    const SAVE_INTERVAL = 5000; // Save progress every 5 seconds
-    const AUTOPLAY_COUNTDOWN = 5; // Seconds before auto-navigating to next video
-
-    // Elements
-    const videoElement = document.getElementById('videoPlayer');
-
-    // Notes & Status
-    const notesEditor = document.getElementById('notesEditor');
-    const saveNotesBtn = document.getElementById('saveNotes');
-    const notesSaveStatus = document.getElementById('notesSaveStatus');
-    const statusButtons = document.querySelectorAll('.status-btn');
-
-    // Autoplay elements
-    const autoplayOverlay = document.getElementById('autoplayOverlay');
-    const countdownNumber = document.getElementById('countdownNumber');
-    const countdownProgress = document.getElementById('countdownProgress');
-    const nextVideoTitle = document.getElementById('nextVideoTitle');
-    const cancelAutoplayBtn = document.getElementById('cancelAutoplay');
-
-    if (!videoElement) return;
-
-    const videoId = videoElement.dataset.videoId;
-    const savedPosition = parseFloat(videoElement.dataset.savedPosition) || 0;
-    const nextVideoUrl = videoElement.dataset.nextVideoUrl;
-
-    let saveTimeout = null;
-    let lastSavedPosition = savedPosition;
-    let autoplayInterval = null;
-    let autoplayCountdown = AUTOPLAY_COUNTDOWN;
-
-    // ==========================================
-    // Initialization
-    // ==========================================
-
-    function init() {
-        // Initialize Plyr
-        const player = new Plyr('#videoPlayer', {
-            keyboard: { focused: true, global: true },
-            seekTime: 5,
-            controls: [
-                'play-large', // The large play button in the center
-                'restart', // Restart playback
-                'rewind', // Rewind by the seek time (default 10 seconds)
-                'play', // Play/pause playback
-                'fast-forward', // Fast forward by the seek time (default 10 seconds)
-                'progress', // The progress bar and scrubber for playback and buffering
-                'current-time', // The current time of playback
-                'duration', // The full duration of the media
-                'mute', // Toggle mute
-                'volume', // Volume control
-                'captions', // Toggle captions
-                'settings', // Settings menu
-                'pip', // Picture-in-picture (currently Safari only)
-                'airplay', // Airplay (currently Safari only)
-                'fullscreen', // Toggle fullscreen
-            ]
-        });
-
-        // Restore saved position and autoplay
-        player.on('ready', () => {
-            if (savedPosition > 0) {
-                player.currentTime = savedPosition;
-            }
-
-            // Always try to autoplay
-            player.play().catch(() => {
-                // Autoplay might be blocked by browser on first visit, ignore
-                console.log('Autoplay was prevented by browser');
-            });
-        });
-
-        // Setup Logic
-        setupStatusControls();
-        setupNotesControls();
-        setupProgressAutoSave(player);
-        setupAutoplay(player);
-
-        // Custom shortcuts not covered by Plyr (if any)
-        // Plyr covers Space, K, F, M, Arrow keys.
-        // We can add custom ones if needed, but standard ones are usually enough.
-    }
-
-    // ==========================================
-    // Status Controls
-    // ==========================================
-
-    function setupStatusControls() {
-        statusButtons.forEach(btn => {
-            btn.addEventListener('click', () => {
-                const status = btn.dataset.status;
-                updateStatus(status);
-            });
-        });
-    }
-
-    async function updateStatus(status) {
-        try {
-            const response = await fetch(`/api/videos/${videoId}/status`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ status }),
-            });
-
-            if (response.ok) {
-                // Update UI
-                statusButtons.forEach(btn => {
-                    btn.classList.toggle('active', btn.dataset.status === status);
-                });
-            }
-        } catch (err) {
-            console.error('Failed to update status:', err);
-        }
-    }
-
-    // ==========================================
-    // Progress Auto-Save
-    // ==========================================
-
-    function setupProgressAutoSave(player) {
-        // Save on pause
-        player.on('pause', () => saveProgress(player));
-
-        // Save on video end (but don't update status here, autoplay handles it)
-        player.on('ended', () => {
-            saveProgress(player);
-            updateStatus('completed');
-        });
-
-        // Periodic save during playback
-        player.on('timeupdate', () => {
-            const currentPos = Math.floor(player.currentTime);
-
-            // Only save every 5 seconds of playback
-            if (Math.abs(currentPos - lastSavedPosition) >= 5) {
-                scheduleProgressSave(player);
-            }
-        });
-
-        // Save before page unload
-        window.addEventListener('beforeunload', () => {
-            saveProgressSync(player);
-        });
-    }
-
-    function scheduleProgressSave(player) {
-        if (saveTimeout) return;
-
-        saveTimeout = setTimeout(() => {
-            saveProgress(player);
-            saveTimeout = null;
-        }, 1000);
-    }
-
-    async function saveProgress(player) {
-        const position = player.currentTime;
-        const duration = player.duration;
-
-        if (isNaN(position) || isNaN(duration)) return;
-
-        try {
-            await fetch(`/api/videos/${videoId}/progress`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ position, duration }),
-            });
-            lastSavedPosition = position;
-        } catch (err) {
-            console.error('Failed to save progress:', err);
-        }
-    }
-
-    function saveProgressSync(player) {
-        const position = player.currentTime;
-        const duration = player.duration;
-
-        if (isNaN(position) || isNaN(duration)) return;
-
-        // Use sendBeacon for reliable delivery on page unload
-        navigator.sendBeacon(
-            `/api/videos/${videoId}/progress`,
-            new Blob([JSON.stringify({ position, duration })], { type: 'application/json' })
-        );
-    }
-
-    // ==========================================
-    // Autoplay Countdown
-    // ==========================================
-
-    function setupAutoplay(player) {
-        if (!nextVideoUrl || !autoplayOverlay) return;
-
-        // Get skip button
-        const skipToNextBtn = document.getElementById('skipToNext');
-
-        // Get next video title from queue
-        const nextVideoId = nextVideoUrl.split('/').pop();
-        const nextQueueItem = document.querySelector(`.queue-item[data-video-id="${nextVideoId}"]`);
-        const nextTitle = nextQueueItem ? nextQueueItem.dataset.videoTitle : 'Next Video';
-
-        // Set the title in the overlay
-        if (nextVideoTitle) {
-            nextVideoTitle.textContent = nextTitle;
-        }
-
-        // When video ends, start countdown
-        player.on('ended', () => {
-            startAutoplayCountdown();
-        });
-
-        // Skip button - navigate immediately
-        if (skipToNextBtn) {
-            skipToNextBtn.addEventListener('click', () => {
-                if (autoplayInterval) {
-                    clearInterval(autoplayInterval);
-                }
-                window.location.href = nextVideoUrl;
-            });
-        }
-
-        // Cancel button
-        if (cancelAutoplayBtn) {
-            cancelAutoplayBtn.addEventListener('click', () => {
-                cancelAutoplayCountdown();
-            });
-        }
-
-        // ESC key to cancel
-        document.addEventListener('keydown', (e) => {
-            if (e.key === 'Escape' && !autoplayOverlay.classList.contains('hidden')) {
-                cancelAutoplayCountdown();
-            }
-        });
-    }
-
-    function startAutoplayCountdown() {
-        if (!nextVideoUrl) return;
-
-        autoplayCountdown = AUTOPLAY_COUNTDOWN;
-
-        // Show overlay
-        autoplayOverlay.classList.remove('hidden');
-
-        // Update countdown display
-        updateCountdownDisplay();
-
-        // Start countdown interval
-        autoplayInterval = setInterval(() => {
-            autoplayCountdown--;
-            updateCountdownDisplay();
-
-            if (autoplayCountdown <= 0) {
-                clearInterval(autoplayInterval);
-                // Navigate to next video with autoplay
-                window.location.href = nextVideoUrl;
-            }
-        }, 1000);
-    }
-
-    function updateCountdownDisplay() {
-        if (countdownNumber) {
-            countdownNumber.textContent = autoplayCountdown;
-        }
-
-        if (countdownProgress) {
-            // Calculate progress (circle circumference is 2 * PI * r = 2 * PI * 45 ≈ 283)
-            const circumference = 283;
-            const progress = (AUTOPLAY_COUNTDOWN - autoplayCountdown) / AUTOPLAY_COUNTDOWN;
-            const offset = circumference * progress;
-            countdownProgress.style.strokeDashoffset = offset;
-        }
-    }
-
-    function cancelAutoplayCountdown() {
-        if (autoplayInterval) {
-            clearInterval(autoplayInterval);
-            autoplayInterval = null;
-        }
-
-        // Hide overlay
-        if (autoplayOverlay) {
-            autoplayOverlay.classList.add('hidden');
-        }
-
-        // Reset progress ring
-        if (countdownProgress) {
-            countdownProgress.style.strokeDashoffset = 0;
-        }
-    }
-
-    // ==========================================
-    // Notes Controls
-    // ==========================================
-
-    function setupNotesControls() {
-        if (!saveNotesBtn || !notesEditor) return;
-
-        saveNotesBtn.addEventListener('click', saveNotes);
-
-        // Auto-save notes on blur
-        notesEditor.addEventListener('blur', saveNotes);
-
-        // Ctrl+S to save notes
-        notesEditor.addEventListener('keydown', (e) => {
-            if ((e.ctrlKey || e.metaKey) && e.key === 's') {
-                e.preventDefault();
-                saveNotes();
-            }
-        });
-    }
-
-    async function saveNotes() {
-        const content = notesEditor.value;
-
-        try {
-            const response = await fetch(`/api/videos/${videoId}/notes`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ content }),
-            });
-
-            if (response.ok) {
-                showSaveStatus('✓ Saved');
-            } else {
-                showSaveStatus('✗ Error saving');
-            }
-        } catch (err) {
-            console.error('Failed to save notes:', err);
-            showSaveStatus('✗ Error saving');
-        }
-    }
-
-    function showSaveStatus(message) {
-        if (!notesSaveStatus) return;
-
-        notesSaveStatus.textContent = message;
-        setTimeout(() => {
-            notesSaveStatus.textContent = '';
-        }, 2000);
-    }
-
-    // Initialize when DOM is ready
-    if (document.readyState === 'loading') {
-        document.addEventListener('DOMContentLoaded', init);
-    } else {
-        init();
-    }
-})();
-

package/src/cli.js

@@ -1,45 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * CourseWatcher CLI Entry Point
- * 
- * Main executable for the coursewatcher command.
- * Parses arguments and starts the web server.
- * 
- * @module cli
- */
-
-const { program } = require('commander');
-const path = require('path');
-const { version, description } = require('../package.json');
-const { startServer } = require('./server');
-const { log, success, error } = require('./utils/logger');
-
-program
-    .name('coursewatcher')
-    .description(description)
-    .version(version)
-    .argument('[path]', 'path to course directory', '.')
-    .option('-p, --port <number>', 'server port')
-    .option('--no-browser', 'do not open browser automatically')
-    .action(async (coursePath, options) => {
-        try {
-            const absolutePath = path.resolve(coursePath);
-            const isPortSpecified = !!options.port;
-            const port = isPortSpecified ? parseInt(options.port, 10) : 3000;
-
-            log(`Starting CourseWatcher in: ${absolutePath}`);
-
-            await startServer({
-                coursePath: absolutePath,
-                port,
-                allowFallback: !isPortSpecified,
-                openBrowser: options.browser,
-            });
-        } catch (err) {
-            error(`Failed to start CourseWatcher: ${err.message}`);
-            process.exit(1);
-        }
-    });
-
-program.parse();

package/src/controllers/video-controller.js

@@ -1,175 +0,0 @@
-/**
- * Video Controller
- * 
- * Route handlers for video-related pages and API endpoints.
- * 
- * @module controllers/video-controller
- */
-
-const path = require('path');
-const express = require('express');
-const { NotFoundError } = require('../utils/errors');
-
-/**
- * Create video routes
- * @param {Object} services - Service instances
- * @returns {express.Router} Express router
- */
-function createVideoRoutes(services) {
-    const router = express.Router();
-    const { videoService, progressService, notesService } = services;
-
-    // ============================================
-    // Page Routes
-    // ============================================
-
-    /**
-     * Home page - List all modules and videos
-     */
-    router.get('/', (req, res) => {
-        const sortBy = req.query.sort || 'name';
-        const modules = videoService.getAllModulesWithVideos(sortBy);
-        const stats = videoService.getStats();
-
-        res.render('pages/index', {
-            title: 'CourseWatcher',
-            modules,
-            stats,
-            currentSort: sortBy,
-        });
-    });
-
-    /**
-     * Video player page
-     */
-    router.get('/video/:id', (req, res, next) => {
-        try {
-            const videoId = parseInt(req.params.id, 10);
-            const video = videoService.getVideoById(videoId);
-            const adjacent = videoService.getAdjacentVideos(videoId);
-            const notes = notesService.getNotes(videoId);
-            const queue = videoService.getQueueVideos(videoId);
-
-            res.render('pages/player', {
-                title: video.title,
-                video,
-                adjacent,
-                notes,
-                queue,
-            });
-        } catch (err) {
-            next(err);
-        }
-    });
-
-    /**
-     * Search page
-     */
-    router.get('/search', (req, res) => {
-        const query = req.query.q || '';
-        const results = query ? videoService.searchVideos(query) : [];
-
-        res.render('pages/search', {
-            title: 'Search',
-            query,
-            results,
-        });
-    });
-
-    // ============================================
-    // API Routes
-    // ============================================
-
-    /**
-     * Stream video file
-     */
-    router.get('/api/videos/:id/stream', (req, res, next) => {
-        try {
-            const videoId = parseInt(req.params.id, 10);
-            const video = videoService.getVideoById(videoId);
-
-            res.sendFile(video.path);
-        } catch (err) {
-            next(err);
-        }
-    });
-
-    /**
-     * Update video progress (position)
-     */
-    router.post('/api/videos/:id/progress', express.json(), (req, res, next) => {
-        try {
-            const videoId = parseInt(req.params.id, 10);
-            const { position, duration } = req.body;
-
-            const updated = progressService.updatePosition(videoId, position, duration);
-            res.json({ success: true, video: updated });
-        } catch (err) {
-            next(err);
-        }
-    });
-
-    /**
-     * Update video status
-     */
-    router.post('/api/videos/:id/status', express.json(), (req, res, next) => {
-        try {
-            const videoId = parseInt(req.params.id, 10);
-            const { status } = req.body;
-
-            const updated = progressService.updateStatus(videoId, status);
-            res.json({ success: true, video: updated });
-        } catch (err) {
-            next(err);
-        }
-    });
-
-    /**
-     * Get video notes
-     */
-    router.get('/api/videos/:id/notes', (req, res, next) => {
-        try {
-            const videoId = parseInt(req.params.id, 10);
-            const notes = notesService.getNotes(videoId);
-            res.json(notes);
-        } catch (err) {
-            next(err);
-        }
-    });
-
-    /**
-     * Save video notes
-     */
-    router.post('/api/videos/:id/notes', express.json(), (req, res, next) => {
-        try {
-            const videoId = parseInt(req.params.id, 10);
-            const { content } = req.body;
-
-            const notes = notesService.saveNotes(videoId, content);
-            res.json({ success: true, notes });
-        } catch (err) {
-            next(err);
-        }
-    });
-
-    /**
-     * Search API endpoint
-     */
-    router.get('/api/search', (req, res) => {
-        const query = req.query.q || '';
-        const results = query ? videoService.searchVideos(query) : [];
-        res.json(results);
-    });
-
-    /**
-     * Get course stats
-     */
-    router.get('/api/stats', (req, res) => {
-        const stats = videoService.getStats();
-        res.json(stats);
-    });
-
-    return router;
-}
-
-module.exports = { createVideoRoutes };