// ==UserScript== // @name MediaGrab Pro - Universal Media Downloader // @description Professional media downloader with side panel interface. Download images and videos from any website at maximum speed with original filenames. // @version 1.1.1 // @match https://*/* // @match http://*/* // @icon https://cococut.net/favicon.ico // @grant GM.getValue // @grant GM.setValue // @grant GM.xmlhttpRequest // @grant GM.openInTab // @grant GM.listValues // @grant GM.deleteValue // @connect * // ==/UserScript== (function() { 'use strict'; // ============================================ // UTILITY FUNCTIONS // ============================================ function debounce(func, wait) { let timeout; return function executedFunction(...args) { const later = () => { clearTimeout(timeout); func(...args); }; clearTimeout(timeout); timeout = setTimeout(later, wait); }; } function sanitizeFilename(filename) { return filename.replace(/[^a-z0-9_\-\.]/gi, '_').substring(0, 200); } function formatFileSize(bytes) { if (bytes === 0) return '0 B'; const k = 1024; const sizes = ['B', 'KB', 'MB', 'GB']; const i = Math.floor(Math.log(bytes) / Math.log(k)); return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]; } // ============================================ // MEDIA DETECTION // ============================================ class MediaDetector { constructor() { this.detectedMedia = { images: new Map(), videos: new Map() }; this.observer = null; } init() { console.log('MediaGrab Pro: Initializing media detector'); this.scanPage(); this.setupObserver(); this.interceptNetworkRequests(); } scanPage() { // Scan for images const images = document.querySelectorAll('img[src], img[data-src], picture source, [style*="background-image"]'); images.forEach(img => this.processImage(img)); // Scan for videos const videos = document.querySelectorAll('video[src], video source, [data-video-src]'); videos.forEach(video => this.processVideo(video)); console.log(`MediaGrab Pro: Found ${this.detectedMedia.images.size} images and ${this.detectedMedia.videos.size} videos`); } processImage(element) { let src = element.src || element.dataset.src || element.getAttribute('data-lazy-src'); // Check for background images if (!src && element.style.backgroundImage) { const match = element.style.backgroundImage.match(/url$['"]?([^'"]+)['"]?$/); if (match) src = match[1]; } if (src && src.startsWith('http') && !src.includes('data:image')) { const url = new URL(src, window.location.href).href; if (!this.detectedMedia.images.has(url)) { this.detectedMedia.images.set(url, { url: url, type: 'image', element: element, filename: this.extractFilename(url, 'image'), timestamp: Date.now() }); } } } processVideo(element) { let src = element.src || element.dataset.src || element.dataset.videoSrc; // Check for source elements if (!src && element.tagName === 'SOURCE') { src = element.src; } // Check parent video element if (!src && element.parentElement && element.parentElement.tagName === 'VIDEO') { src = element.parentElement.src; } if (src && src.startsWith('http')) { const url = new URL(src, window.location.href).href; if (!this.detectedMedia.videos.has(url)) { this.detectedMedia.videos.set(url, { url: url, type: 'video', element: element, filename: this.extractFilename(url, 'video'), timestamp: Date.now() }); } } } extractFilename(url, type) { try { // Try to get filename from URL const urlObj = new URL(url); let filename = urlObj.pathname.split('/').pop(); // If no filename, try to get from page title if (!filename || filename.length < 3) { const pageTitle = document.title.substring(0, 50); const timestamp = Date.now(); filename = `${sanitizeFilename(pageTitle)}_${timestamp}`; } // Ensure extension if (!filename.match(/\.[a-z0-9]+$/i)) { filename += type === 'video' ? '.mp4' : '.jpg'; } return sanitizeFilename(filename); } catch { return `media_${Date.now()}.${type === 'video' ? 'mp4' : 'jpg'}`; } } setupObserver() { const debouncedScan = debounce(() => this.scanPage(), 1000); this.observer = new MutationObserver(debouncedScan); this.observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['src', 'data-src', 'style'] }); } interceptNetworkRequests() { // Intercept fetch requests const originalFetch = window.fetch; window.fetch = async (...args) => { const response = await originalFetch(...args); const url = typeof args[0] === 'string' ? args[0] : args[0].url; if (response.ok) { const contentType = response.headers.get('content-type'); if (contentType) { if (contentType.includes('image/')) { this.detectedMedia.images.set(url, { url: url, type: 'image', filename: this.extractFilename(url, 'image'), timestamp: Date.now() }); } else if (contentType.includes('video/')) { this.detectedMedia.videos.set(url, { url: url, type: 'video', filename: this.extractFilename(url, 'video'), timestamp: Date.now() }); } } } return response; }; } getDetectedMedia() { return { images: Array.from(this.detectedMedia.images.values()), videos: Array.from(this.detectedMedia.videos.values()) }; } } // ============================================ // DOWNLOAD MANAGER // ============================================ class DownloadManager { constructor() { this.downloads = new Map(); this.activeDownloads = 0; this.maxConcurrent = 10; // Maximum concurrent downloads for speed } async download(mediaItem) { const downloadId = `download_${Date.now()}_${Math.random()}`; const downloadInfo = { id: downloadId, url: mediaItem.url, filename: mediaItem.filename, status: 'pending', progress: 0, size: 0, downloadedSize: 0, startTime: Date.now(), error: null }; this.downloads.set(downloadId, downloadInfo); this.notifyUpdate(downloadId); try { await this.performDownload(downloadId, mediaItem); } catch (error) { console.error('MediaGrab Pro: Download failed', error); downloadInfo.status = 'failed'; downloadInfo.error = error.message; this.notifyUpdate(downloadId); } return downloadId; } async performDownload(downloadId, mediaItem) { const downloadInfo = this.downloads.get(downloadId); downloadInfo.status = 'downloading'; this.activeDownloads++; this.notifyUpdate(downloadId); return new Promise((resolve, reject) => { GM.xmlhttpRequest({ method: 'GET', url: mediaItem.url, responseType: 'blob', onprogress: (progress) => { if (progress.lengthComputable) { downloadInfo.progress = (progress.loaded / progress.total) * 100; downloadInfo.size = progress.total; downloadInfo.downloadedSize = progress.loaded; this.notifyUpdate(downloadId); } }, onload: (response) => { try { const blob = response.response; const url = URL.createObjectURL(blob); // Create download link const a = document.createElement('a'); a.href = url; a.download = mediaItem.filename; document.body.appendChild(a); a.click(); document.body.removeChild(a); // Cleanup setTimeout(() => URL.revokeObjectURL(url), 100); downloadInfo.status = 'completed'; downloadInfo.progress = 100; this.activeDownloads--; this.notifyUpdate(downloadId); console.log(`MediaGrab Pro: Downloaded ${mediaItem.filename}`); resolve(); } catch (error) { reject(error); } }, onerror: () => { downloadInfo.status = 'failed'; downloadInfo.error = 'Network error'; this.activeDownloads--; this.notifyUpdate(downloadId); reject(new Error('Network error')); }, ontimeout: () => { downloadInfo.status = 'failed'; downloadInfo.error = 'Timeout'; this.activeDownloads--; this.notifyUpdate(downloadId); reject(new Error('Timeout')); } }); }); } async downloadBatch(mediaItems) { console.log(`MediaGrab Pro: Starting batch download of ${mediaItems.length} items`); const downloadPromises = mediaItems.map(item => this.download(item)); return Promise.allSettled(downloadPromises); } notifyUpdate(downloadId) { const event = new CustomEvent('mediagrab-download-update', { detail: { downloadId: downloadId, download: this.downloads.get(downloadId) } }); window.dispatchEvent(event); } getDownloads() { return Array.from(this.downloads.values()); } clearCompleted() { for (const [id, download] of this.downloads.entries()) { if (download.status === 'completed') { this.downloads.delete(id); } } } } // ============================================ // TOOLBAR UI // ============================================ class ToolbarUI { constructor(mediaDetector, downloadManager) { this.mediaDetector = mediaDetector; this.downloadManager = downloadManager; this.isOpen = false; this.currentTab = 'images'; this.panel = null; this.selectedImages = new Set(); this.selectedVideos = new Set(); } init() { this.createToggleButton(); this.createPanel(); this.setupEventListeners(); console.log('MediaGrab Pro: Toolbar UI initialized'); } createToggleButton() { const button = document.createElement('button'); button.id = 'mediagrab-toggle-btn'; button.innerHTML = '📥'; button.title = 'MediaGrab Pro'; const style = document.createElement('style'); style.textContent = ` #mediagrab-toggle-btn { position: fixed; top: 10px; right: 10px; width: 50px; height: 50px; background: linear-gradient(135deg, #9b59b6 0%, #e91e63 100%); border: none; border-radius: 10px; color: white; font-size: 24px; cursor: pointer; z-index: 999999; box-shadow: 0 2px 10px rgba(0,0,0,0.3); transition: all 0.3s ease; } #mediagrab-toggle-btn:hover { transform: scale(1.1); box-shadow: 0 4px 15px rgba(0,0,0,0.4); } `; document.head.appendChild(style); document.body.appendChild(button); button.addEventListener('click', () => this.togglePanel()); } createPanel() { const panel = document.createElement('div'); panel.id = 'mediagrab-panel'; panel.innerHTML = `

MediaGrab Pro

`; this.addStyles(); document.body.appendChild(panel); this.panel = panel; } addStyles() { const style = document.createElement('style'); style.textContent = ` #mediagrab-panel { position: fixed; top: 0; right: -450px; width: 450px; height: 100vh; background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%); box-shadow: -5px 0 20px rgba(0,0,0,0.3); z-index: 999998; transition: right 0.3s ease; display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } #mediagrab-panel.open { right: 0; } .mediagrab-header { background: linear-gradient(135deg, #9b59b6 0%, #e91e63 50%, #89b5f5 100%); color: white; padding: 20px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 10px rgba(0,0,0,0.2); } .mediagrab-header h2 { margin: 0; font-size: 24px; font-weight: 600; } .mediagrab-close-btn { background: rgba(255,255,255,0.2); border: none; color: white; width: 35px; height: 35px; border-radius: 50%; font-size: 20px; cursor: pointer; transition: all 0.2s; } .mediagrab-close-btn:hover { background: rgba(255,255,255,0.3); transform: rotate(90deg); } .mediagrab-tabs { display: flex; background: white; border-bottom: 2px solid #dee2e6; } .mediagrab-tab { flex: 1; padding: 15px 10px; background: white; border: none; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 5px; transition: all 0.2s; position: relative; } .mediagrab-tab:hover { background: #f8f9fa; } .mediagrab-tab.active { background: linear-gradient(135deg, #9b59b6 0%, #e91e63 100%); color: white; } .mediagrab-tab .tab-icon { font-size: 24px; } .mediagrab-tab .tab-label { font-size: 12px; font-weight: 500; } .mediagrab-tab .tab-count { position: absolute; top: 5px; right: 5px; background: #e91e63; color: white; border-radius: 10px; padding: 2px 6px; font-size: 10px; font-weight: bold; } .mediagrab-tab.active .tab-count { background: rgba(255,255,255,0.3); } .mediagrab-content { flex: 1; overflow-y: auto; padding: 15px; } .mediagrab-tab-content { display: none; } .mediagrab-tab-content.active { display: block; } .mediagrab-actions { display: flex; gap: 10px; margin-bottom: 15px; } .mediagrab-btn { flex: 1; padding: 12px 20px; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; } .mediagrab-btn.primary { background: linear-gradient(135deg, #9b59b6 0%, #e91e63 100%); color: white; } .mediagrab-btn.primary:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(155, 89, 182, 0.4); } .mediagrab-btn.secondary { background: #89b5f5; color: white; } .mediagrab-btn.secondary:hover { background: #6fa3f3; transform: translateY(-2px); } .mediagrab-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; } .mediagrab-media-item { position: relative; aspect-ratio: 1; border-radius: 8px; overflow: hidden; cursor: pointer; transition: all 0.2s; background: white; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .mediagrab-media-item.selected { box-shadow: 0 0 0 3px #e91e63; transform: scale(0.95); } .mediagrab-media-item:hover { transform: scale(1.05); box-shadow: 0 4px 16px rgba(0,0,0,0.2); } .mediagrab-media-item.selected:hover { transform: scale(0.95); } .mediagrab-media-item img { width: 100%; height: 100%; object-fit: cover; } .mediagrab-media-item .download-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(155, 89, 182, 0.9); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.2s; } .mediagrab-media-item:hover .download-overlay { opacity: 1; } .mediagrab-media-item .download-overlay span { color: white; font-size: 32px; } .mediagrab-media-item .select-checkbox { position: absolute; top: 8px; left: 8px; width: 24px; height: 24px; background: white; border: 2px solid #9b59b6; border-radius: 4px; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; transition: all 0.2s; } .mediagrab-media-item .select-checkbox:hover { background: #f8f9fa; transform: scale(1.1); } .mediagrab-media-item.selected .select-checkbox { background: #e91e63; border-color: #e91e63; } .mediagrab-media-item.selected .select-checkbox::after { content: '✓'; color: white; font-size: 16px; font-weight: bold; } .mediagrab-media-list { display: flex; flex-direction: column; gap: 10px; } .mediagrab-video-item { background: white; border-radius: 8px; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.2s; position: relative; } .mediagrab-video-item.selected { box-shadow: 0 0 0 3px #e91e63; background: #fff5f8; } .mediagrab-video-item:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.2); } .mediagrab-video-item.selected:hover { transform: scale(0.95); } .mediagrab-video-item .video-info { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .mediagrab-video-item .video-select-checkbox { width: 24px; height: 24px; background: white; border: 2px solid #9b59b6; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.2s; } .mediagrab-video-item .video-select-checkbox:hover { background: #f8f9fa; transform: scale(1.1); } .mediagrab-video-item.selected .video-select-checkbox { background: #e91e63; border-color: #e91e63; } .mediagrab-video-item.selected .video-select-checkbox::after { content: '✓'; color: white; font-size: 16px; font-weight: bold; } .mediagrab-video-item .video-icon { font-size: 32px; flex-shrink: 0; } .mediagrab-video-item .video-name { flex: 1; font-size: 14px; font-weight: 500; color: #333; word-break: break-all; } .mediagrab-video-item .video-download-btn { background: linear-gradient(135deg, #9b59b6 0%, #e91e63 100%); color: white; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; font-weight: 600; transition: all 0.2s; } .mediagrab-video-item .video-download-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(155, 89, 182, 0.4); } .mediagrab-downloads-list { display: flex; flex-direction: column; gap: 10px; } .mediagrab-download-item { background: white; border-radius: 8px; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .mediagrab-download-item .download-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .mediagrab-download-item .download-name { font-size: 14px; font-weight: 500; color: #333; word-break: break-all; } .mediagrab-download-item .download-status { padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; text-transform: uppercase; } .mediagrab-download-item .download-status.completed { background: #d4edda; color: #155724; } .mediagrab-download-item .download-status.downloading { background: #cce5ff; color: #004085; } .mediagrab-download-item .download-status.failed { background: #f8d7da; color: #721c24; } .mediagrab-download-item .download-progress { width: 100%; height: 6px; background: #e9ecef; border-radius: 3px; overflow: hidden; margin-top: 8px; } .mediagrab-download-item .download-progress-bar { height: 100%; background: linear-gradient(90deg, #9b59b6 0%, #e91e63 100%); transition: width 0.3s ease; } .mediagrab-download-item .download-info { display: flex; justify-content: space-between; margin-top: 8px; font-size: 12px; color: #6c757d; } .mediagrab-empty-state { text-align: center; padding: 40px 20px; color: #6c757d; } .mediagrab-empty-state .empty-icon { font-size: 64px; margin-bottom: 15px; } .mediagrab-empty-state .empty-text { font-size: 16px; font-weight: 500; } /* Scrollbar styling */ .mediagrab-content::-webkit-scrollbar { width: 8px; } .mediagrab-content::-webkit-scrollbar-track { background: #f1f1f1; } .mediagrab-content::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #9b59b6 0%, #e91e63 100%); border-radius: 4px; } .mediagrab-content::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #8e44ad 0%, #c2185b 100%); } `; document.head.appendChild(style); } setupEventListeners() { // Close button this.panel.querySelector('.mediagrab-close-btn').addEventListener('click', () => { this.togglePanel(); }); // Tab switching this.panel.querySelectorAll('.mediagrab-tab').forEach(tab => { tab.addEventListener('click', () => { const tabName = tab.dataset.tab; this.switchTab(tabName); }); }); // Action buttons document.getElementById('download-all-images').addEventListener('click', () => { this.downloadAllImages(); }); document.getElementById('download-selected-images').addEventListener('click', () => { this.downloadSelectedImages(); }); document.getElementById('download-all-videos').addEventListener('click', () => { this.downloadAllVideos(); }); document.getElementById('download-selected-videos').addEventListener('click', () => { this.downloadSelectedVideos(); }); document.getElementById('refresh-images').addEventListener('click', () => { this.refreshMedia(); }); document.getElementById('refresh-videos').addEventListener('click', () => { this.refreshMedia(); }); document.getElementById('clear-completed').addEventListener('click', () => { this.downloadManager.clearCompleted(); this.updateDownloadsTab(); }); // Listen for download updates window.addEventListener('mediagrab-download-update', () => { this.updateDownloadsTab(); }); // Auto-refresh media periodically setInterval(() => { if (this.isOpen) { this.updateMediaCounts(); } }, 3000); } togglePanel() { this.isOpen = !this.isOpen; this.panel.classList.toggle('open', this.isOpen); if (this.isOpen) { this.refreshMedia(); } } switchTab(tabName) { this.currentTab = tabName; // Update tab buttons this.panel.querySelectorAll('.mediagrab-tab').forEach(tab => { tab.classList.toggle('active', tab.dataset.tab === tabName); }); // Update tab content this.panel.querySelectorAll('.mediagrab-tab-content').forEach(content => { content.classList.toggle('active', content.id === `${tabName}-content`); }); // Refresh content if (tabName === 'images') { this.updateImagesTab(); } else if (tabName === 'videos') { this.updateVideosTab(); } else if (tabName === 'downloads') { this.updateDownloadsTab(); } } refreshMedia() { this.mediaDetector.scanPage(); this.updateMediaCounts(); if (this.currentTab === 'images') { this.updateImagesTab(); } else if (this.currentTab === 'videos') { this.updateVideosTab(); } } updateMediaCounts() { const media = this.mediaDetector.getDetectedMedia(); document.getElementById('images-count').textContent = media.images.length; document.getElementById('videos-count').textContent = media.videos.length; document.getElementById('downloads-count').textContent = this.downloadManager.getDownloads().length; } updateImagesTab() { const media = this.mediaDetector.getDetectedMedia(); const grid = document.getElementById('images-grid'); if (media.images.length === 0) { grid.innerHTML = `

🖼️

No images detected on this page

`; return; } grid.innerHTML = media.images.map(img => `

⬇️

`).join(''); // Add click handlers for checkboxes grid.querySelectorAll('.select-checkbox').forEach(checkbox => { checkbox.addEventListener('click', (e) => { e.stopPropagation(); const url = checkbox.dataset.url; const item = checkbox.closest('.mediagrab-media-item'); if (this.selectedImages.has(url)) { this.selectedImages.delete(url); item.classList.remove('selected'); } else { this.selectedImages.add(url); item.classList.add('selected'); } this.updateSelectionUI('images'); }); }); // Add click handlers for download overlay grid.querySelectorAll('.mediagrab-media-item').forEach(item => { item.addEventListener('click', (e) => { if (e.target.classList.contains('select-checkbox')) return; const url = item.dataset.url; const filename = item.dataset.filename; this.downloadManager.download({ url, filename, type: 'image' }); }); }); this.updateSelectionUI('images'); } updateVideosTab() { const media = this.mediaDetector.getDetectedMedia(); const list = document.getElementById('videos-list'); if (media.videos.length === 0) { list.innerHTML = `

🎬

No videos detected on this page

`; return; } list.innerHTML = media.videos.map(video => `

🎬

${video.filename}

`).join(''); // Add click handlers for checkboxes list.querySelectorAll('.video-select-checkbox').forEach(checkbox => { checkbox.addEventListener('click', (e) => { e.stopPropagation(); const url = checkbox.dataset.url; const item = checkbox.closest('.mediagrab-video-item'); if (this.selectedVideos.has(url)) { this.selectedVideos.delete(url); item.classList.remove('selected'); } else { this.selectedVideos.add(url); item.classList.add('selected'); } this.updateSelectionUI('videos'); }); }); // Add click handlers for download buttons list.querySelectorAll('.video-download-btn').forEach(btn => { btn.addEventListener('click', () => { const url = btn.dataset.url; const filename = btn.dataset.filename; this.downloadManager.download({ url, filename, type: 'video' }); }); }); this.updateSelectionUI('videos'); } updateSelectionUI(type) { if (type === 'images') { const count = this.selectedImages.size; const selectedBtn = document.getElementById('download-selected-images'); const countSpan = document.getElementById('selected-images-count'); if (count > 0) { selectedBtn.style.display = 'block'; countSpan.textContent = count; } else { selectedBtn.style.display = 'none'; } } else if (type === 'videos') { const count = this.selectedVideos.size; const selectedBtn = document.getElementById('download-selected-videos'); const countSpan = document.getElementById('selected-videos-count'); if (count > 0) { selectedBtn.style.display = 'block'; countSpan.textContent = count; } else { selectedBtn.style.display = 'none'; } } } async downloadSelectedImages() { if (this.selectedImages.size === 0) { alert('No images selected'); return; } const media = this.mediaDetector.getDetectedMedia(); const selectedMedia = media.images.filter(img => this.selectedImages.has(img.url)); console.log(`MediaGrab Pro: Downloading ${selectedMedia.length} selected images`); await this.downloadManager.downloadBatch(selectedMedia); this.selectedImages.clear(); this.updateImagesTab(); this.switchTab('downloads'); } async downloadSelectedVideos() { if (this.selectedVideos.size === 0) { alert('No videos selected'); return; } const media = this.mediaDetector.getDetectedMedia(); const selectedMedia = media.videos.filter(video => this.selectedVideos.has(video.url)); console.log(`MediaGrab Pro: Downloading ${selectedMedia.length} selected videos`); await this.downloadManager.downloadBatch(selectedMedia); this.selectedVideos.clear(); this.updateVideosTab(); this.switchTab('downloads'); } updateDownloadsTab() { const downloads = this.downloadManager.getDownloads(); const list = document.getElementById('downloads-list'); if (downloads.length === 0) { list.innerHTML = `

📥

No downloads yet

`; return; } list.innerHTML = downloads.map(download => `

${download.filename}

${download.status}

${download.status === 'downloading' ? `

${Math.round(download.progress)}% ${formatFileSize(download.downloadedSize)} / ${formatFileSize(download.size)}

` : ''} ${download.status === 'failed' ? `

${download.error}

` : ''}

`).join(''); this.updateMediaCounts(); } async downloadAllImages() { const media = this.mediaDetector.getDetectedMedia(); if (media.images.length === 0) { alert('No images to download'); return; } console.log(`MediaGrab Pro: Downloading ${media.images.length} images`); await this.downloadManager.downloadBatch(media.images); this.switchTab('downloads'); } async downloadAllVideos() { const media = this.mediaDetector.getDetectedMedia(); if (media.videos.length === 0) { alert('No videos to download'); return; } console.log(`MediaGrab Pro: Downloading ${media.videos.length} videos`); await this.downloadManager.downloadBatch(media.videos); this.switchTab('downloads'); } } // ============================================ // INITIALIZATION // ============================================ function init() { console.log('MediaGrab Pro: Starting initialization'); // Wait for page to be ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); return; } // Initialize components const mediaDetector = new MediaDetector(); const downloadManager = new DownloadManager(); const toolbarUI = new ToolbarUI(mediaDetector, downloadManager); // Start the extension setTimeout(() => { mediaDetector.init(); toolbarUI.init(); console.log('MediaGrab Pro: Fully initialized and ready'); }, 1000); } // Start the extension init(); })();

MediaGrab Pro - Universal Media Downloader

About