M_Viper/TG-Video-Downloader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Compare commits

base: M_Viper:1.4
Branches Tags
M_Viper:main
M_Viper:1.5 M_Viper:1.4
...
compare: M_Viper:main
Branches Tags
M_Viper:main
M_Viper:1.5 M_Viper:1.4

4 Commits
1.4 ... main

Author SHA1 Message Date
M_Viper
7f7a59f54f inject.js aktualisiert 2025-12-21 15:19:03 +00:00
M_Viper
a89785a5c8 content_tg.js aktualisiert 2025-12-21 15:18:49 +00:00
M_Viper
53dfbbddaa manifest.json aktualisiert 2025-12-21 15:18:27 +00:00
M_Viper
8e640efa37 background.js aktualisiert 2025-12-21 15:18:10 +00:00
4 changed files with 1214 additions and 875 deletions
Expand all files Collapse all files

193
background.js
View File

@@ -1,99 +1,96 @@
// background.js
// Service worker / background script: startet chrome.downloads.download und sendet Fortschritte an die Content-Tab.
const downloadsMap = new Map(); // downloadId -> { tabId, filename }
chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
if (!msg || !msg.action) {
sendResponse({ status: "unknown" });
return;
}
if (msg.action === "videoProgressCompleted") {
console.log('Video completed:', msg.videoId, 'name:', msg.name);
sendResponse({ status: "success" });
return;
}
if (msg.action === "startBackgroundDownload") {
const url = msg.url;
let filename = msg.filename || ('download_' + Date.now());
if (!url) {
sendResponse({ status: "error", message: "No URL provided" });
return;
}
try {
chrome.downloads.download(
{
url: url,
filename: filename,
conflictAction: "uniquify",
saveAs: false
},
downloadId => {
if (chrome.runtime.lastError) {
console.error('chrome.downloads.download error:', chrome.runtime.lastError.message);
sendResponse({ status: "error", message: chrome.runtime.lastError.message });
} else {
const tabId = (sender && sender.tab && sender.tab.id) ? sender.tab.id : null;
downloadsMap.set(downloadId, { tabId, filename });
sendResponse({ status: "started", downloadId });
}
}
);
return true;
} catch (e) {
console.error('Exception starting download', e);
sendResponse({ status: "error", message: String(e) });
return;
}
}
sendResponse({ status: "ok" });
});
// Listen for download changes and forward progress/state to the tab
chrome.downloads.onChanged.addListener(delta => {
const info = downloadsMap.get(delta.id);
if (!info || !info.tabId) return;
if (delta.bytesReceived) {
chrome.downloads.search({ id: delta.id }, items => {
const item = items && items[0];
if (!item) return;
const received = item.bytesReceived || 0;
const total = item.totalBytes || 0;
const percent = total > 0 ? Math.round(100 * received / total) : null;
chrome.tabs.sendMessage(info.tabId, {
action: 'downloadProgress',
downloadId: delta.id,
bytesReceived: received,
totalBytes: total,
percent
}, () => { /* ignore response */ });
});
}
if (delta.state && delta.state.current === 'complete') {
chrome.tabs.sendMessage(info.tabId, {
action: 'downloadComplete',
downloadId: delta.id,
filename: info.filename
}, () => { /* ignore response */ });
downloadsMap.delete(delta.id);
}
if (delta.state && delta.state.current === 'interrupted') {
chrome.tabs.sendMessage(info.tabId, {
action: 'downloadFailed',
downloadId: delta.id,
filename: info.filename,
reason: delta.state && delta.state.current
}, () => { /* ignore response */ });
downloadsMap.delete(delta.id);
}
const downloadsMap = new Map(); // downloadId -> { tabId, filename }
chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
if (!msg || !msg.action) {
sendResponse({ status: "unknown" });
return;
}
if (msg.action === "videoProgressCompleted") {
console.log('Video completed:', msg.videoId, 'name:', msg.name);
sendResponse({ status: "success" });
return;
}
if (msg.action === "startBackgroundDownload") {
const url = msg.url;
let filename = msg.filename || ('download_' + Date.now());
if (!url) {
sendResponse({ status: "error", message: "No URL provided" });
return;
}
try {
chrome.downloads.download(
{
url: url,
filename: filename,
conflictAction: "uniquify",
saveAs: false
},
downloadId => {
if (chrome.runtime.lastError) {
console.error('chrome.downloads.download error:', chrome.runtime.lastError.message);
sendResponse({ status: "error", message: chrome.runtime.lastError.message });
} else {
const tabId = (sender && sender.tab && sender.tab.id) ? sender.tab.id : null;
downloadsMap.set(downloadId, { tabId, filename });
sendResponse({ status: "started", downloadId });
}
}
);
return true;
} catch (e) {
console.error('Exception starting download', e);
sendResponse({ status: "error", message: String(e) });
return;
}
}
sendResponse({ status: "ok" });
});
// Listen for download changes and forward progress/state to the tab
chrome.downloads.onChanged.addListener(delta => {
const info = downloadsMap.get(delta.id);
if (!info || !info.tabId) return;
if (delta.bytesReceived) {
chrome.downloads.search({ id: delta.id }, items => {
const item = items && items[0];
if (!item) return;
const received = item.bytesReceived || 0;
const total = item.totalBytes || 0;
const percent = total > 0 ? Math.round(100 * received / total) : null;
chrome.tabs.sendMessage(info.tabId, {
action: 'downloadProgress',
downloadId: delta.id,
bytesReceived: received,
totalBytes: total,
percent
}, () => { /* ignore response */ });
});
}
if (delta.state && delta.state.current === 'complete') {
chrome.tabs.sendMessage(info.tabId, {
action: 'downloadComplete',
downloadId: delta.id,
filename: info.filename
}, () => { /* ignore response */ });
downloadsMap.delete(delta.id);
}
if (delta.state && delta.state.current === 'interrupted') {
chrome.tabs.sendMessage(info.tabId, {
action: 'downloadFailed',
downloadId: delta.id,
filename: info.filename,
reason: delta.state && delta.state.current
}, () => { /* ignore response */ });
downloadsMap.delete(delta.id);
}
});

892
content_tg.js
View File

@@ -1,357 +1,537 @@
// Topic-Übersicht erkennen (keine Buttons dort)
function isInTopicList() {
return document.querySelector('.topics-list, .topic-list, .forums-list, .chat-list .topic') !== null ||
document.body.classList.contains('topics-mode');
}
// Kleine Helfer-Funktion: freundlich sanitisieren (erhalte Leerzeichen, Klammern, Punkte)
function sanitizeFriendly(name) {
if (!name) return 'Telegram';
return name.toString().replace(/[\/\\\?\%\*\:\|\"\<\>]/g, "_").trim();
}
// Extrahiere den Original-Dateinamen aus Telegram-Metadaten
function extractTelegramFilename(video) {
try {
const videoUrl = video.currentSrc || video.src;
console.log('=== FILENAME EXTRACTION ===');
console.log('Video URL:', videoUrl);
// 1. Suche die Message, die das Video enthält
const messageContainer = video.closest('.message, .Message, .bubble, .media-container');
if (!messageContainer) {
console.warn('No message container found');
return 'telegram_video_' + Date.now();
}
console.log('Message container found');
// === PRIORITÄT 1: VERBESSERTES ALBUM/SERIEN-HANDLING ===
const albumContainer = messageContainer.querySelector('.Album');
if (albumContainer) {
console.log('Album erkannt → verbessertes Serien-Naming');
const videoContainer = video.closest('.album-item-select-wrapper');
if (videoContainer) {
const allVideoContainers = albumContainer.querySelectorAll('.album-item-select-wrapper');
let videoIndex = -1;
for (let i = 0; i < allVideoContainers.length; i++) {
if (allVideoContainers[i] === videoContainer) {
videoIndex = i;
break;
}
}
console.log('Video index in album:', videoIndex);
if (videoIndex >= 0) {
const textContent = messageContainer.querySelector('.text-content.clearfix.with-meta, .text-content');
if (textContent) {
const lines = textContent.innerText.split('\n')
.map(l => l.trim())
.filter(l => l.length > 0);
console.log('Album text lines:', lines);
const seriesTitle = lines[0] || 'Unknown Series';
// Direkter Match: SxxExx - Titel
const episodeLines = lines.filter(line => /^S\d{2}E\d{2}\s*-/.test(line));
if (episodeLines.length > videoIndex && episodeLines[videoIndex]) {
const line = episodeLines[videoIndex];
const match = line.match(/^(S\d{2}E\d{2})\s*-\s*(.+)$/);
if (match) {
const code = match[1];
const title = match[2].trim();
const finalName = `${sanitizeFriendly(seriesTitle)} - ${code} - ${sanitizeFriendly(title)}`;
console.log('Perfekter Serien-Dateiname:', finalName);
return finalName;
}
}
// Fallback: Zeile nach Serientitel als Episodentitel
if (lines.length > videoIndex + 1) {
const episodeTitle = lines[videoIndex + 1];
if (episodeTitle.length > 5) {
const finalName = `${sanitizeFriendly(seriesTitle)} - ${sanitizeFriendly(episodeTitle)}`;
console.log('Serien-Fallback-Dateiname:', finalName);
return finalName;
}
}
return sanitizeFriendly(seriesTitle + ' - Episode ' + (videoIndex + 1));
}
}
}
}
// 2. Einzelvideo: Erste Zeile aus .text-content
const textContent = messageContainer.querySelector('.text-content, .text-content.clearfix');
if (textContent) {
const fullText = textContent.innerText || textContent.textContent;
const firstLine = fullText.split('\n')[0].trim();
if (firstLine.length > 5 &&
!firstLine.startsWith('@') &&
!firstLine.startsWith('#') &&
!firstLine.includes('⬇') &&
!firstLine.match(/^\d{2}:\d{2}:\d{2}$/)) {
console.log('Found filename from .text-content:', firstLine);
return sanitizeFriendly(firstLine);
}
}
// 3. Weitere Titel-Selektoren
const titleSelectors = [
'.media-caption-text',
'.media-caption',
'.message-title',
'.video-title',
'.document-name',
'.file-name',
'.name',
'.title:not(.peer-title):not(.top-bar)',
'[class*="caption"]',
'[class*="title"]:not([class*="peer"]):not([class*="top"])'
];
for (const selector of titleSelectors) {
const element = messageContainer.querySelector(selector);
if (element) {
const text = element.innerText?.trim() || element.textContent?.trim();
if (text && text.length > 0 && text.length < 300) {
if (!text.includes('⬇') &&
!text.toLowerCase().includes('download') &&
!text.match(/^\d{2}:\d{2}:\d{2}$/)) {
console.log('Found filename from selector', selector, ':', text);
return sanitizeFriendly(text);
}
}
}
}
// 4. Textblöcke, Text-Nodes, React Props usw. (wie in deinem Original)
const allTextElements = messageContainer.querySelectorAll('div, span, p');
for (const el of allTextElements) {
const text = Array.from(el.childNodes)
.filter(node => node.nodeType === Node.TEXT_NODE)
.map(node => node.textContent.trim())
.join(' ')
.trim();
if (text.length > 5 && text.length < 200) {
if (!text.startsWith('@') &&
!text.startsWith('#') &&
!text.includes('⬇') &&
!text.match(/^\d{2}:\d{2}:\d{2}$/) &&
/[A-Z]/.test(text)) {
console.log('Found potential filename from text element:', text);
return sanitizeFriendly(text);
}
}
}
const walker = document.createTreeWalker(
messageContainer,
NodeFilter.SHOW_TEXT,
{
acceptNode: function(node) {
const text = node.textContent.trim();
if (text.length < 5 ||
text.match(/^\d{2}:\d{2}:\d{2}$/) ||
text.startsWith('@') ||
text.startsWith('#') ||
text.includes('⬇')) {
return NodeFilter.FILTER_REJECT;
}
return NodeFilter.FILTER_ACCEPT;
}
},
false
);
let foundTexts = [];
let node;
while (node = walker.nextNode()) {
const text = node.textContent.trim();
if (text.length > 0) foundTexts.push(text);
}
for (const text of foundTexts) {
if (text.length > 5 && text.length < 200 && /[A-Z]/.test(text)) {
console.log('Using text node as filename:', text);
return sanitizeFriendly(text);
}
}
const reactKeys = Object.keys(messageContainer).filter(k => k.startsWith('__react'));
for (const key of reactKeys) {
try {
const fiber = messageContainer[key];
const filename = searchReactTree(fiber, ['fileName', 'file_name', 'name', 'title', 'caption']);
if (filename && typeof filename === 'string' && filename.length > 3) {
console.log('Found filename in React props:', filename);
return sanitizeFriendly(filename);
}
} catch (e) {}
}
const match = videoUrl.match(/document(\d+)/);
if (match) {
console.warn('Using document ID as fallback');
return 'telegram_doc_' + match[1];
}
console.warn('Could not extract filename, using timestamp fallback');
return 'telegram_video_' + Date.now();
} catch (err) {
console.error('Error extracting filename:', err);
return 'telegram_video_' + Date.now();
}
}
// Durchsuche React Fiber Tree
function searchReactTree(node, keys, depth = 0, maxDepth = 15) {
if (depth > maxDepth || !node || typeof node !== 'object') return null;
try {
for (const key of keys) {
if (node[key]) {
const val = node[key];
if (typeof val === 'string' && val.length > 0) return val;
if (typeof val === 'object' && val.name) return val.name;
}
}
if (node.memoizedProps) {
for (const key of keys) {
if (node.memoizedProps[key]) {
const val = node.memoizedProps[key];
if (typeof val === 'string' && val.length > 0) return val;
}
}
}
if (node.child) {
const result = searchReactTree(node.child, keys, depth + 1, maxDepth);
if (result) return result;
}
} catch (e) {}
return null;
}
// Download auslösen – OHNE .mp4 anhängen (für maximale Geschwindigkeit!)
function fallbackToInjectDownload(videoUrl, autoName) {
const event = new CustomEvent('downloadRequested', {
detail: {
url: videoUrl,
name: autoName, // Kein .mp4 hier → schneller Chunk-Download!
version: location.pathname,
}
});
document.dispatchEvent(event);
}
// Download-Button hinzufügen
function addVideoDownloadButton(video) {
if (isInTopicList()) return;
if (!video || video.tagName !== "VIDEO" ||
video.classList.contains("sticker-media") ||
video.classList.contains("media-sticker")) return;
if (!video.currentSrc && !video.src) return;
let container = video.closest('.media-inner') || video.parentElement || video.closest('div') || video;
if (!container || container.querySelector('.tg-video-btn')) return;
const computed = window.getComputedStyle(container);
if (computed.position === 'static') container.style.position = 'relative';
const btn = document.createElement('button');
btn.className = 'tg-video-btn';
btn.innerText = '⬇ DOWNLOAD';
btn.title = 'Video herunterladen';
btn.style.cssText = `
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 100000 !important;
background: #e63946 !important;
color: white !important;
border: none !important;
border-radius: 8px !important;
padding: 8px 12px !important;
font-size: 14px !important;
font-weight: bold !important;
cursor: pointer !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.6) !important;
`;
btn.addEventListener('click', (e) => {
e.stopPropagation();
e.preventDefault();
const videoUrl = video.currentSrc || video.src;
if (!videoUrl) {
alert('Video-URL nicht verfügbar. Bitte das Video einmal kurz abspielen.');
return;
}
const autoName = extractTelegramFilename(video);
console.log('=== DOWNLOAD INFO ===');
console.log('Final filename (ohne .mp4):', autoName);
fallbackToInjectDownload(videoUrl, autoName);
});
container.appendChild(btn);
}
// Alle Videos verarbeiten
function processVideos() {
if (isInTopicList()) return;
document.querySelectorAll('video:not([data-tg-video])').forEach(video => {
try {
video.dataset.tgVideo = 'true';
addVideoDownloadButton(video);
} catch (err) {
console.error('Error processing video element', err);
}
});
}
const observer = new MutationObserver(processVideos);
observer.observe(document.body, { childList: true, subtree: true });
setInterval(processVideos, 1200);
processVideos();
// Completed-Event weiterleiten
document.addEventListener('telDownloaderCompleted', (e) => {
try {
const detail = e.detail || {};
const extId = detail.extensionId || chrome.runtime.id;
chrome.runtime.sendMessage(extId, {
action: detail.action || 'videoProgressCompleted',
videoId: detail.videoId,
clientId: detail.clientId,
name: detail.name,
version: detail.version,
locale: detail.locale
}, (res) => {
if (chrome.runtime.lastError) {
console.error('Error sending message to background:', chrome.runtime.lastError.message);
}
});
} catch (err) {
console.error('Failed to forward telDownloaderCompleted to extension:', err);
}
});
// inject.js laden
const script = document.createElement('script');
script.src = chrome.runtime.getURL('inject.js');
script.setAttribute('data-extension-id', chrome.runtime.id);
// Topic-Übersicht erkennen (keine Buttons dort)
function isInTopicList() {
return document.querySelector('.topics-list, .topic-list, .forums-list, .chat-list .topic') !== null ||
document.body.classList.contains('topics-mode');
}
// Kleine Helfer-Funktion: freundlich sanitisieren (erhalte Leerzeichen, Klammern, Punkte)
function sanitizeFriendly(name) {
if (!name) return 'Telegram';
return name.toString().replace(/[\/\\\?\%\*\:\|\"\<\>]/g, "_").trim();
}
// Extrahiere den Original-Dateinamen aus Telegram-Metadaten
function extractTelegramFilename(element) {
try {
const elementUrl = element.currentSrc || element.src;
console.log('=== FILENAME EXTRACTION ===');
console.log('Element URL:', elementUrl);
// 1. Suche die Message, die das Element enthält
const messageContainer = element.closest('.message, .Message, .bubble, .media-container');
if (!messageContainer) {
console.warn('No message container found');
return 'telegram_media_' + Date.now();
}
console.log('Message container found');
// 2. Zuerst: Suche nach .text-content (funktioniert für einzelne Medien)
const textContent = messageContainer.querySelector('.text-content, .text-content.clearfix');
if (textContent) {
const fullText = textContent.innerText || textContent.textContent;
const firstLine = fullText.split('\n')[0].trim();
if (firstLine.length > 5 &&
!firstLine.startsWith('@') &&
!firstLine.startsWith('#') &&
!firstLine.includes('⬇') &&
!firstLine.match(/^\d{2}:\d{2}:\d{2}$/)) {
console.log('Found filename from .text-content:', firstLine);
return sanitizeFriendly(firstLine);
}
}
// 3. Bei Alben/Serien
const albumContainer = messageContainer.querySelector('.album, .Album, [class*="album"]');
if (albumContainer) {
console.log('Album/Series detected');
let elementContainer = element.closest('.album-item-select-wrapper, .album-item, .media-item');
if (elementContainer) {
const allContainers = albumContainer.querySelectorAll('.album-item-select-wrapper, .album-item');
let elementIndex = -1;
for (let i = 0; i < allContainers.length; i++) {
if (allContainers[i] === elementContainer || allContainers[i].contains(element)) {
elementIndex = i;
break;
}
}
console.log('Element index in album:', elementIndex);
const contentInner = messageContainer.querySelector('.content-inner, .text, .message-text');
if (contentInner && elementIndex >= 0) {
const fullText = contentInner.innerText || contentInner.textContent;
const episodePattern = /S\d{2}E\d{2}\s*-\s*[^\n]+/gi;
const episodes = fullText.match(episodePattern);
if (episodes && episodes[elementIndex]) {
const episodeName = episodes[elementIndex].trim();
console.log('Found episode name for index', elementIndex, ':', episodeName);
return sanitizeFriendly(episodeName);
}
const lines = fullText.split('\n').map(l => l.trim()).filter(l => l.length > 5);
const episodeLines = lines.filter(line =>
/S\d{2}E\d{2}/.test(line) ||
(line.includes('-') && line.length > 10 && line.length < 150)
);
if (episodeLines[elementIndex]) {
console.log('Found episode from lines:', episodeLines[elementIndex]);
return sanitizeFriendly(episodeLines[elementIndex]);
}
}
}
}
// 4. Weitere Selektoren
const titleSelectors = [
'.media-caption-text',
'.media-caption',
'.message-title',
'.video-title',
'.document-name',
'.file-name',
'.name',
'.title:not(.peer-title):not(.top-bar)'
];
for (const selector of titleSelectors) {
const el = messageContainer.querySelector(selector);
if (el) {
const text = el.innerText?.trim() || el.textContent?.trim();
if (text && text.length > 0 && text.length < 300) {
if (!text.includes('⬇') &&
!text.toLowerCase().includes('download') &&
!text.match(/^\d{2}:\d{2}:\d{2}$/)) {
console.log('Found filename from selector', selector, ':', text);
return sanitizeFriendly(text);
}
}
}
}
// 5. Fallbacks
const match = elementUrl?.match(/document(\d+)/);
if (match) {
console.warn('Using document ID as fallback');
return 'telegram_doc_' + match[1];
}
console.warn('Could not extract filename, using timestamp fallback');
return 'telegram_media_' + Date.now();
} catch (err) {
console.error('Error extracting filename:', err);
return 'telegram_media_' + Date.now();
}
}
// Video-Button
function addVideoDownloadButton(video) {
if (isInTopicList()) return;
if (!video || video.tagName !== "VIDEO" ||
video.classList.contains("sticker-media") ||
video.classList.contains("media-sticker")) return;
if (!video.currentSrc && !video.src) return;
let container = video.parentElement || video.closest('div') || video;
if (!container || container.querySelector('.tg-video-btn')) return;
const computed = window.getComputedStyle(container);
if (computed.position === 'static') container.style.position = 'relative';
const btn = document.createElement('button');
btn.className = 'tg-video-btn';
btn.innerText = '⬇ Download';
btn.title = 'Video herunterladen';
btn.style.cssText = `
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 100000 !important;
background: #e63946 !important;
color: white !important;
border: none !important;
border-radius: 8px !important;
padding: 8px 12px !important;
font-size: 14px !important;
font-weight: bold !important;
cursor: pointer !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.6) !important;
`;
btn.addEventListener('click', (e) => {
e.stopPropagation();
e.preventDefault();
const videoUrl = video.currentSrc || video.src;
if (!videoUrl) {
alert('Video-URL nicht verfügbar.');
return;
}
const autoName = extractTelegramFilename(video);
console.log('=== VIDEO DOWNLOAD ===', autoName);
const event = new CustomEvent('downloadRequested', {
detail: { url: videoUrl, name: autoName, version: location.pathname }
});
document.dispatchEvent(event);
});
container.appendChild(btn);
}
// Bild-Button
function addImageDownloadButton(img) {
if (isInTopicList()) return;
if (!img || img.tagName !== "IMG") return;
if (img.classList.contains('emoji') || img.classList.contains('thumbnail') ||
img.width < 100 || img.height < 100) return;
let container = img.closest('.media-inner') || img.closest('.Message') || img.parentElement;
if (!container || container.querySelector('.tg-img-btn')) return;
if (window.getComputedStyle(container).position === 'static') {
container.style.position = 'relative';
}
const btn = document.createElement('button');
btn.className = 'tg-img-btn';
btn.innerText = '⬇';
btn.title = 'Bild herunterladen';
btn.style.cssText = `
position: absolute !important;
top: 5px !important;
left: 5px !important;
z-index: 999999 !important;
background: rgba(42, 157, 143, 0.95) !important;
color: white !important;
border: 2px solid white !important;
border-radius: 50% !important;
width: 44px !important;
height: 44px !important;
font-size: 22px !important;
cursor: pointer !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
pointer-events: auto !important;
`;
btn.onmouseenter = () => btn.style.transform = 'scale(1.15)';
btn.onmouseleave = () => btn.style.transform = 'scale(1)';
btn.addEventListener('click', (e) => {
e.stopPropagation();
e.preventDefault();
const imgUrl = img.src || img.currentSrc;
if (!imgUrl || imgUrl.startsWith('data:')) {
alert('Bild-URL nicht verfügbar.');
return;
}
const autoName = extractTelegramFilename(img) || 'telegram_image';
console.log('=== IMAGE DOWNLOAD ===', autoName);
const event = new CustomEvent('imageDownloadRequested', {
detail: { url: imgUrl, name: autoName }
});
document.dispatchEvent(event);
});
container.appendChild(btn);
console.log('✅ Image button added');
}
// Audio-Button
function addAudioDownloadButton(audioContainer) {
if (isInTopicList()) return;
if (!audioContainer || audioContainer.querySelector('.tg-audio-btn')) return;
const audio = audioContainer.querySelector('audio');
if (!audio) return;
if (window.getComputedStyle(audioContainer).position === 'static') {
audioContainer.style.position = 'relative';
}
const btn = document.createElement('button');
btn.className = 'tg-audio-btn';
btn.innerText = '⬇ Download';
btn.title = 'Audio herunterladen';
btn.style.cssText = `
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 999999 !important;
background: rgba(244, 162, 97, 0.95) !important;
color: white !important;
border: 2px solid white !important;
border-radius: 50% !important;
width: 40px !important;
height: 40px !important;
font-size: 20px !important;
cursor: pointer !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
pointer-events: auto !important;
`;
btn.onmouseenter = () => btn.style.transform = 'scale(1.15)';
btn.onmouseleave = () => btn.style.transform = 'scale(1)';
btn.addEventListener('click', (e) => {
e.stopPropagation();
e.preventDefault();
const audioUrl = audio.currentSrc || audio.src;
if (!audioUrl) {
alert('Audio-URL nicht verfügbar.');
return;
}
const autoName = extractTelegramFilename(audioContainer) || 'telegram_audio';
console.log('=== AUDIO DOWNLOAD ===', autoName);
const event = new CustomEvent('audioDownloadRequested', {
detail: { url: audioUrl, name: autoName }
});
document.dispatchEvent(event);
});
audioContainer.appendChild(btn);
console.log('✅ Audio button added');
}
// Document-Button (für .mp3, .zip, .pdf, etc.)
function addDocumentDownloadButton(docContainer) {
if (isInTopicList()) return;
if (!docContainer || docContainer.querySelector('.tg-doc-btn')) return;
// Suche nach dem Dateinamen - verschiedene mögliche Selektoren
const docNameEl = docContainer.querySelector('.file-title, .document-name, .file-name');
const docName = docNameEl?.innerText?.trim() || docNameEl?.title || '';
// Suche nach File-Extension
const extEl = docContainer.querySelector('.file-ext');
const fileExt = extEl?.innerText?.trim()?.toLowerCase() || '';
// Wenn kein Name gefunden wurde, ignoriere
if (!docName && !fileExt) return;
// Prüfe Dateityp basierend auf Extension oder Name
const isAudio = /\.(mp3|ogg|wav|m4a|flac|aac|opus)$/i.test(docName) ||
['mp3', 'ogg', 'wav', 'm4a', 'flac', 'aac', 'opus'].includes(fileExt);
const isArchive = /\.(zip|rar|7z|tar|gz)$/i.test(docName) ||
['zip', 'rar', '7z', 'tar', 'gz'].includes(fileExt);
const isDocument = /\.(pdf|doc|docx|txt|xlsx|xls|ppt)$/i.test(docName) ||
['pdf', 'doc', 'docx', 'txt', 'xlsx', 'xls', 'ppt'].includes(fileExt);
if (window.getComputedStyle(docContainer).position === 'static') {
docContainer.style.position = 'relative';
}
// Icon und Farbe basierend auf Dateityp
let icon = '⬇';
let bgColor = 'rgba(168, 85, 247, 0.95)';
let title = 'Datei herunterladen';
if (isAudio) {
icon = '⬇';
bgColor = 'rgba(244, 162, 97, 0.95)';
title = 'Audio herunterladen';
} else if (isArchive) {
icon = '⬇';
bgColor = 'rgba(59, 130, 246, 0.95)';
title = 'Archiv herunterladen';
} else if (isDocument) {
icon = '⬇';
bgColor = 'rgba(168, 85, 247, 0.95)';
title = 'Dokument herunterladen';
}
const btn = document.createElement('button');
btn.className = 'tg-doc-btn';
btn.innerText = icon;
btn.title = title + (docName ? ': ' + docName : '');
btn.style.cssText = `
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 999999 !important;
background: ${bgColor} !important;
color: white !important;
border: 2px solid white !important;
border-radius: 50% !important;
width: 40px !important;
height: 40px !important;
font-size: 20px !important;
cursor: pointer !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
pointer-events: auto !important;
`;
btn.onmouseenter = () => btn.style.transform = 'scale(1.15)';
btn.onmouseleave = () => btn.style.transform = 'scale(1)';
btn.addEventListener('click', (e) => {
e.stopPropagation();
e.preventDefault();
// Versuche Download-URL zu finden
let downloadUrl = null;
// Methode 1: Suche nach data-doc-id im File-Element oder Container
const fileEl = docContainer.querySelector('.File');
const docId = fileEl?.dataset?.docId ||
docContainer.dataset?.docId ||
docContainer.closest('[data-doc-id]')?.dataset?.docId;
if (docId) {
// Konstruiere die Telegram progressive URL
downloadUrl = `${location.origin}/a/progressive/document${docId}`;
}
// Methode 2: Suche nach existierendem Download-Link
if (!downloadUrl) {
const downloadLink = docContainer.querySelector('a[href*="document"], a[download]');
if (downloadLink) {
downloadUrl = downloadLink.href;
}
}
// Methode 3: Suche im parent Message nach document-ID
if (!downloadUrl) {
const message = docContainer.closest('.Message');
const messageId = message?.id?.replace('message-', '');
if (messageId) {
// Versuche document-ID aus verschiedenen Quellen
const allDataIds = message.querySelectorAll('[data-doc-id]');
if (allDataIds.length > 0) {
const firstDocId = allDataIds[0].dataset.docId;
downloadUrl = `${location.origin}/a/progressive/document${firstDocId}`;
}
}
}
if (!downloadUrl) {
alert('Download-URL nicht gefunden. Bitte klicke zuerst auf die Datei um sie zu laden.');
return;
}
const finalName = docName || 'telegram_file';
console.log('=== DOCUMENT DOWNLOAD ===');
console.log('Name:', finalName);
console.log('URL:', downloadUrl);
const eventName = isAudio ? 'audioDownloadRequested' : 'documentDownloadRequested';
const event = new CustomEvent(eventName, {
detail: { url: downloadUrl, name: finalName }
});
document.dispatchEvent(event);
});
docContainer.appendChild(btn);
console.log('✅ Document button added:', docName || fileExt);
}
// Alle Medien verarbeiten
function processMedia() {
if (isInTopicList()) return;
// Videos
document.querySelectorAll('video:not([data-tg-video])').forEach(video => {
try {
video.dataset.tgVideo = 'true';
addVideoDownloadButton(video);
} catch (err) {
console.error('Error processing video', err);
}
});
// Bilder
document.querySelectorAll('img.full-media').forEach(img => {
try {
const container = img.closest('.media-inner, .Message') || img.parentElement;
if (container && !container.querySelector('.tg-img-btn')) {
addImageDownloadButton(img);
}
} catch (err) {
console.error('Error processing image', err);
}
});
// Audio mit <audio> Element
document.querySelectorAll('.Audio, .audio').forEach(container => {
try {
if (!container.querySelector('.tg-audio-btn')) {
const audio = container.querySelector('audio');
if (audio) addAudioDownloadButton(container);
}
} catch (err) {
console.error('Error processing audio', err);
}
});
// Documents (.mp3, .zip, .pdf, etc.) - erkennbar an .document Container MIT .File Element
document.querySelectorAll('.document, .Document').forEach(container => {
try {
// Prüfe ob es ein .File Element gibt (das ist der Indikator für Documents)
const fileEl = container.querySelector('.File');
const fileTitle = container.querySelector('.file-title');
if ((fileEl || fileTitle) && !container.querySelector('.tg-doc-btn')) {
addDocumentDownloadButton(container);
}
} catch (err) {
console.error('Error processing document', err);
}
});
}
const observer = new MutationObserver(processMedia);
observer.observe(document.body, { childList: true, subtree: true });
setInterval(processMedia, 1200);
processMedia();
console.log('✅ TG Downloader loaded - Video, Image & Audio support enabled');
// Event-Weiterleitung
document.addEventListener('telDownloaderCompleted', (e) => {
try {
const detail = e.detail || {};
chrome.runtime.sendMessage(detail.extensionId || chrome.runtime.id, {
action: detail.action || 'videoProgressCompleted',
videoId: detail.videoId,
clientId: detail.clientId,
name: detail.name,
version: detail.version,
locale: detail.locale
}, () => {
if (chrome.runtime.lastError) {
console.error('Error sending message:', chrome.runtime.lastError.message);
}
});
} catch (err) {
console.error('Failed to forward event:', err);
}
});
// inject.js laden
const script = document.createElement('script');
script.src = chrome.runtime.getURL('inject.js');
script.setAttribute('data-extension-id', chrome.runtime.id);
(document.head || document.documentElement).appendChild(script);

952
inject.js
View File

@@ -1,396 +1,558 @@
(function () {
const scriptElement = document.currentScript;
const extensionId = scriptElement ? scriptElement.getAttribute("data-extension-id") : null;
console.log('inject.js running, extensionId=', extensionId);
// Empfang von "downloadRequested" (kommt vom content script)
document.addEventListener("downloadRequested", function(e) {
try {
let t = e.detail.url;
let l = e.detail.name;
let r = e.detail.version;
let o = e.detail.clientId;
let n = e.detail.locale;
tel_download_video(t, l, r, o, n);
} catch (err) {
console.error('Error in downloadRequested handler', err);
}
});
document.addEventListener("imageDownloadRequested", function(e) {
try {
let t = e.detail.url;
let l = e.detail.name;
tel_download_image(t, l);
} catch (err) {
console.error('Error in imageDownloadRequested handler', err);
}
});
// Hilfsfunktion: progress-bar-container
function ensureProgressContainer() {
let container = document.getElementById("tel-downloader-progress-bar-container");
if (!container) {
container = document.createElement("div");
container.id = "tel-downloader-progress-bar-container";
container.style.position = "fixed";
container.style.bottom = "0";
container.style.right = "0";
container.style.display = "flex";
container.style.flexDirection = "column";
container.style.gap = "0.4rem";
container.style.padding = "0.4rem";
container.style.zIndex = "1600";
document.body.appendChild(container);
}
return container;
}
const createProgressBar = (id, filename) => {
const dark = document.querySelector("html")?.classList?.contains("night") ||
document.querySelector("html")?.classList?.contains("theme-dark");
const container = ensureProgressContainer();
container.style.zIndex = location.pathname.startsWith("/k/") ? "4" : "1600";
const n = document.createElement("div");
n.id = "tel-downloader-progress-" + id;
n.style.width = "20rem";
n.style.marginTop = "0.4rem";
n.style.padding = "0.6rem";
n.style.backgroundColor = dark ? "rgba(0,0,0,0.6)" : "rgba(0,0,0,0.3)";
n.style.borderRadius = "8px";
n.style.boxShadow = "0 4px 12px rgba(0,0,0,0.2)";
n.style.color = "white";
n.style.fontFamily = "sans-serif";
const s = document.createElement("div");
s.style.display = "flex";
s.style.justifyContent = "space-between";
s.style.alignItems = "center";
const i = document.createElement("p");
i.className = "filename";
i.style.margin = 0;
i.style.color = "white";
i.style.fontSize = "0.9rem";
i.style.overflow = "hidden";
i.style.textOverflow = "ellipsis";
i.style.whiteSpace = "nowrap";
i.innerText = filename || "video";
const d = document.createElement("div");
d.style.cursor = "pointer";
d.style.fontSize = "1.2rem";
d.style.color = dark ? "#8a8a8a" : "white";
d.innerHTML = "×";
d.onclick = function() {
if (n.parentElement) n.parentElement.removeChild(n);
};
const a = document.createElement("div");
a.className = "progress";
a.style.backgroundColor = "#e2e2e2";
a.style.position = "relative";
a.style.width = "100%";
a.style.height = "1.6rem";
a.style.borderRadius = "2rem";
a.style.overflow = "hidden";
a.style.marginTop = "0.6rem";
const c = document.createElement("p");
c.style.position = "absolute";
c.style.zIndex = 5;
c.style.left = "50%";
c.style.top = "50%";
c.style.transform = "translate(-50%, -50%)";
c.style.margin = 0;
c.style.color = "black";
c.style.fontSize = "0.85rem";
c.innerText = "0%";
const p = document.createElement("div");
p.style.position = "absolute";
p.style.height = "100%";
p.style.width = "0%";
p.style.backgroundColor = "#3390ec";
p.style.left = "0";
p.style.top = "0";
a.appendChild(c);
a.appendChild(p);
s.appendChild(i);
s.appendChild(d);
n.appendChild(s);
n.appendChild(a);
container.appendChild(n);
};
const updateProgress = (id, filename, percent) => {
let r = document.getElementById("tel-downloader-progress-" + id);
if (!r) return;
const fname = filename || r.querySelector("p.filename")?.innerText || "video";
r.querySelector("p.filename").innerText = fname;
const prog = r.querySelector("div.progress");
if (!prog) return;
const txt = prog.querySelector("p");
const bar = prog.querySelector("div");
if (txt) txt.innerText = (percent || 0) + "%";
if (bar) bar.style.width = (percent || 0) + "%";
};
const completeProgress = (id, clientId, filename, version, locale) => {
let n = document.getElementById("tel-downloader-progress-" + id);
if (!n) return;
let prog = n.querySelector("div.progress");
if (prog) {
let txt = prog.querySelector("p");
if (txt) txt.innerText = "Completed";
let bar = prog.querySelector("div");
if (bar) {
bar.style.backgroundColor = "#40DCA5";
bar.style.width = "100%";
}
}
document.dispatchEvent(new CustomEvent('telDownloaderCompleted', {
detail: {
extensionId: extensionId,
action: "videoProgressCompleted",
videoId: id,
clientId: clientId,
name: filename,
version: version,
locale: locale
}
}));
};
const AbortProgress = id => {
let t = document.getElementById("tel-downloader-progress-" + id);
if (!t) return;
let prog = t.querySelector("div.progress");
let txt = prog?.querySelector("p");
if (txt) {
txt.innerText = "Download failed. Try again";
txt.style.fontSize = "12px";
}
let bar = prog?.querySelector("div");
if (bar) {
bar.style.backgroundColor = "#D16666";
bar.style.width = "100%";
}
};
// Filename helper
function sanitizeFilenamePreserveFriendly(name) {
if (!name) return 'video';
return name.toString().replace(/[\/\\\?\%\*\:\|\"\<\>]/g, "_").trim();
}
// Download-Funktion mit automatischem Dateinamen - OPTIMIERT FÜR GESCHWINDIGKEIT
function tel_download_video(e, t, l, r, o) {
if (!e) {
console.error('No url provided to tel_download_video');
return;
}
let baseName = sanitizeFilenamePreserveFriendly(t || 'video');
const hasExt = /\.\w{1,5}$/.test(baseName);
const id = (Math.random() + 1).toString(36).substring(2, 10) + "_" + Date.now().toString();
const finishDownload = (blob, finalName) => {
try {
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
document.body.appendChild(link);
link.href = url;
link.download = finalName;
link.click();
document.body.removeChild(link);
setTimeout(() => URL.revokeObjectURL(url), 2000);
} catch (err) {
console.error('Error finishing download', err);
AbortProgress(id);
}
};
createProgressBar(id, baseName + (hasExt ? '' : '.mp4'));
updateProgress(id, baseName + (hasExt ? '' : '.mp4'), 0);
// GESCHWINDIGKEITS-OPTIMIERUNG: Größere Chunks + parallele Downloads
const chunkSize = 10 * 1024 * 1024; // 10MB chunks (statt 1MB)
const maxParallel = 3; // 3 parallele Downloads
let chunks = [];
let totalSize = null;
let detectedExt = "mp4";
let activeDownloads = 0;
let downloadComplete = false;
// Zuerst: Hole die Gesamtgröße
fetch(e, {
method: "HEAD",
credentials: "include"
}).then(res => {
const contentLength = res.headers.get("Content-Length");
const contentType = res.headers.get("Content-Type") || "";
const mime = contentType.split(";")[0] || "";
if (mime.startsWith("video/")) {
detectedExt = mime.split("/")[1] || detectedExt;
}
if (contentLength) {
totalSize = parseInt(contentLength, 10);
console.log('Total file size:', (totalSize / 1024 / 1024).toFixed(2), 'MB');
// Berechne wie viele Chunks wir brauchen
const numChunks = Math.ceil(totalSize / chunkSize);
chunks = new Array(numChunks).fill(null);
// Starte parallele Downloads
for (let i = 0; i < Math.min(maxParallel, numChunks); i++) {
downloadChunk(i);
}
} else {
// Fallback: sequentieller Download ohne Größeninfo
sequentialDownload();
}
}).catch(err => {
console.warn('HEAD request failed, using sequential download');
sequentialDownload();
});
function downloadChunk(chunkIndex) {
if (downloadComplete || chunkIndex >= chunks.length) return;
activeDownloads++;
const start = chunkIndex * chunkSize;
const end = Math.min(start + chunkSize - 1, totalSize - 1);
fetch(e, {
method: "GET",
headers: { Range: `bytes=${start}-${end}` },
credentials: "include"
}).then(res => {
if (![200, 206].includes(res.status)) {
throw Error("Non 200/206 response: " + res.status);
}
return res.blob();
}).then(blob => {
chunks[chunkIndex] = blob;
activeDownloads--;
// Update Progress
const downloaded = chunks.filter(c => c !== null).length;
const percent = Math.round(100 * downloaded / chunks.length);
updateProgress(id, baseName + (hasExt ? "" : "." + detectedExt), percent);
// Check ob fertig
if (chunks.every(c => c !== null)) {
downloadComplete = true;
const finalName = hasExt ? baseName : (baseName + "." + detectedExt);
const merged = new Blob(chunks, { type: "video/" + detectedExt });
finishDownload(merged, finalName);
completeProgress(id, r, finalName, l, o);
} else {
// Starte nächsten Chunk
const nextChunk = chunks.findIndex(c => c === null);
if (nextChunk !== -1) {
downloadChunk(nextChunk);
}
}
}).catch(err => {
console.error('Chunk download error:', err);
activeDownloads--;
// Retry nach kurzer Pause
setTimeout(() => downloadChunk(chunkIndex), 500);
});
}
function sequentialDownload() {
// Fallback: Sequentieller Download für Server ohne Range-Support
let blobs = [], s = 0;
const rangedFetch = () => {
fetch(e, {
method: "GET",
headers: { Range: `bytes=${s}-` },
credentials: "include"
}).then(res2 => {
if (![200, 206].includes(res2.status)) {
throw Error("Non 200/206 response: " + res2.status);
}
const contentType2 = res2.headers.get("Content-Type") || "";
const mime2 = contentType2.split(";")[0] || "";
if (mime2.startsWith("video/")) {
detectedExt = mime2.split("/")[1] || detectedExt;
}
const cr = res2.headers.get("Content-Range");
if (cr) {
const match = cr.match(/^bytes (\d+)-(\d+)\/(\d+)$/);
if (match) {
const start = parseInt(match[1], 10);
const end = parseInt(match[2], 10);
const total = parseInt(match[3], 10);
s = end + 1;
totalSize = total;
const percent = Math.min(100, Math.round(100 * s / totalSize));
updateProgress(id, baseName + (hasExt ? "" : "." + detectedExt), percent);
}
} else if (res2.status === 200) {
const contentLength = res2.headers.get("Content-Length");
if (contentLength) {
totalSize = parseInt(contentLength, 10);
}
}
return res2.blob();
}).then(chunkBlob => {
blobs.push(chunkBlob);
if (totalSize && s >= totalSize) {
const finalName = hasExt ? baseName : (baseName + "." + detectedExt);
const merged = new Blob(blobs, { type: "video/" + detectedExt });
finishDownload(merged, finalName);
completeProgress(id, r, finalName, l, o);
} else {
setTimeout(rangedFetch, 10);
}
}).catch(err2 => {
console.error('Sequential download error', err2);
AbortProgress(id);
});
};
rangedFetch();
}
}
const tel_download_image = (src, suggestedName) => {
try {
const safe = sanitizeFilenamePreserveFriendly(suggestedName || 'image') + "_" + Date.now() + ".jpg";
const a = document.createElement("a");
document.body.appendChild(a);
a.href = src;
a.download = safe;
a.click();
document.body.removeChild(a);
} catch (err) {
console.error('tel_download_image error', err);
}
};
window.telDownloader = {
startVideo: tel_download_video,
startImage: tel_download_image
};
(function () {
const scriptElement = document.currentScript;
const extensionId = scriptElement ? scriptElement.getAttribute("data-extension-id") : null;
console.log('inject.js running, extensionId=', extensionId);
// Empfang von "downloadRequested" (kommt vom content script)
document.addEventListener("downloadRequested", function(e) {
try {
let t = e.detail.url;
let l = e.detail.name;
let r = e.detail.version;
let o = e.detail.clientId;
let n = e.detail.locale;
tel_download_video(t, l, r, o, n);
} catch (err) {
console.error('Error in downloadRequested handler', err);
}
});
document.addEventListener("imageDownloadRequested", function(e) {
try {
let t = e.detail.url;
let l = e.detail.name;
tel_download_image(t, l);
} catch (err) {
console.error('Error in imageDownloadRequested handler', err);
}
});
document.addEventListener("audioDownloadRequested", function(e) {
try {
let t = e.detail.url;
let l = e.detail.name;
tel_download_audio(t, l);
} catch (err) {
console.error('Error in audioDownloadRequested handler', err);
}
});
document.addEventListener("documentDownloadRequested", function(e) {
try {
let t = e.detail.url;
let l = e.detail.name;
tel_download_document(t, l);
} catch (err) {
console.error('Error in documentDownloadRequested handler', err);
}
});
// Hilfsfunktion: progress-bar-container
function ensureProgressContainer() {
let container = document.getElementById("tel-downloader-progress-bar-container");
if (!container) {
container = document.createElement("div");
container.id = "tel-downloader-progress-bar-container";
container.style.position = "fixed";
container.style.bottom = "0";
container.style.right = "0";
container.style.display = "flex";
container.style.flexDirection = "column";
container.style.gap = "0.4rem";
container.style.padding = "0.4rem";
container.style.zIndex = "1600";
document.body.appendChild(container);
}
return container;
}
const createProgressBar = (id, filename) => {
const dark = document.querySelector("html")?.classList?.contains("night") ||
document.querySelector("html")?.classList?.contains("theme-dark");
const container = ensureProgressContainer();
container.style.zIndex = location.pathname.startsWith("/k/") ? "4" : "1600";
const n = document.createElement("div");
n.id = "tel-downloader-progress-" + id;
n.style.width = "20rem";
n.style.marginTop = "0.4rem";
n.style.padding = "0.6rem";
n.style.backgroundColor = dark ? "rgba(0,0,0,0.6)" : "rgba(0,0,0,0.3)";
n.style.borderRadius = "8px";
n.style.boxShadow = "0 4px 12px rgba(0,0,0,0.2)";
n.style.color = "white";
n.style.fontFamily = "sans-serif";
const s = document.createElement("div");
s.style.display = "flex";
s.style.justifyContent = "space-between";
s.style.alignItems = "center";
const i = document.createElement("p");
i.className = "filename";
i.style.margin = 0;
i.style.color = "white";
i.style.fontSize = "0.9rem";
i.style.overflow = "hidden";
i.style.textOverflow = "ellipsis";
i.style.whiteSpace = "nowrap";
i.innerText = filename || "video";
const d = document.createElement("div");
d.style.cursor = "pointer";
d.style.fontSize = "1.2rem";
d.style.color = dark ? "#8a8a8a" : "white";
d.innerHTML = "×";
d.onclick = function() {
if (n.parentElement) n.parentElement.removeChild(n);
};
const a = document.createElement("div");
a.className = "progress";
a.style.backgroundColor = "#e2e2e2";
a.style.position = "relative";
a.style.width = "100%";
a.style.height = "1.6rem";
a.style.borderRadius = "2rem";
a.style.overflow = "hidden";
a.style.marginTop = "0.6rem";
const c = document.createElement("p");
c.style.position = "absolute";
c.style.zIndex = 5;
c.style.left = "50%";
c.style.top = "50%";
c.style.transform = "translate(-50%, -50%)";
c.style.margin = 0;
c.style.color = "black";
c.style.fontSize = "0.85rem";
c.innerText = "0%";
const p = document.createElement("div");
p.style.position = "absolute";
p.style.height = "100%";
p.style.width = "0%";
p.style.backgroundColor = "#3390ec";
p.style.left = "0";
p.style.top = "0";
a.appendChild(c);
a.appendChild(p);
s.appendChild(i);
s.appendChild(d);
n.appendChild(s);
n.appendChild(a);
container.appendChild(n);
};
const updateProgress = (id, filename, percent) => {
let r = document.getElementById("tel-downloader-progress-" + id);
if (!r) return;
const fname = filename || r.querySelector("p.filename")?.innerText || "video";
r.querySelector("p.filename").innerText = fname;
const prog = r.querySelector("div.progress");
if (!prog) return;
const txt = prog.querySelector("p");
const bar = prog.querySelector("div");
if (txt) txt.innerText = (percent || 0) + "%";
if (bar) bar.style.width = (percent || 0) + "%";
};
const completeProgress = (id, clientId, filename, version, locale) => {
let n = document.getElementById("tel-downloader-progress-" + id);
if (!n) return;
let prog = n.querySelector("div.progress");
if (prog) {
let txt = prog.querySelector("p");
if (txt) txt.innerText = "Completed";
let bar = prog.querySelector("div");
if (bar) {
bar.style.backgroundColor = "#40DCA5";
bar.style.width = "100%";
}
}
document.dispatchEvent(new CustomEvent('telDownloaderCompleted', {
detail: {
extensionId: extensionId,
action: "videoProgressCompleted",
videoId: id,
clientId: clientId,
name: filename,
version: version,
locale: locale
}
}));
};
const AbortProgress = id => {
let t = document.getElementById("tel-downloader-progress-" + id);
if (!t) return;
let prog = t.querySelector("div.progress");
let txt = prog?.querySelector("p");
if (txt) {
txt.innerText = "Download failed. Try again";
txt.style.fontSize = "12px";
}
let bar = prog?.querySelector("div");
if (bar) {
bar.style.backgroundColor = "#D16666";
bar.style.width = "100%";
}
};
// Filename helper
function sanitizeFilenamePreserveFriendly(name) {
if (!name) return 'video';
return name.toString().replace(/[\/\\\?\%\*\:\|\"\<\>]/g, "_").trim();
}
// Download-Funktion mit automatischem Dateinamen - OPTIMIERT FÜR GESCHWINDIGKEIT
function tel_download_video(e, t, l, r, o) {
if (!e) {
console.error('No url provided to tel_download_video');
return;
}
let baseName = sanitizeFilenamePreserveFriendly(t || 'video');
const hasExt = /\.\w{1,5}$/.test(baseName);
const id = (Math.random() + 1).toString(36).substring(2, 10) + "_" + Date.now().toString();
const finishDownload = (blob, finalName) => {
try {
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
document.body.appendChild(link);
link.href = url;
link.download = finalName;
link.click();
document.body.removeChild(link);
setTimeout(() => URL.revokeObjectURL(url), 2000);
} catch (err) {
console.error('Error finishing download', err);
AbortProgress(id);
}
};
createProgressBar(id, baseName + (hasExt ? '' : '.mp4'));
updateProgress(id, baseName + (hasExt ? '' : '.mp4'), 0);
// GESCHWINDIGKEITS-OPTIMIERUNG: Größere Chunks + parallele Downloads
const chunkSize = 10 * 1024 * 1024; // 10MB chunks (statt 1MB)
const maxParallel = 3; // 3 parallele Downloads
let chunks = [];
let totalSize = null;
let detectedExt = "mp4";
let activeDownloads = 0;
let downloadComplete = false;
// Zuerst: Hole die Gesamtgröße
fetch(e, {
method: "HEAD",
credentials: "include"
}).then(res => {
const contentLength = res.headers.get("Content-Length");
const contentType = res.headers.get("Content-Type") || "";
const mime = contentType.split(";")[0] || "";
if (mime.startsWith("video/")) {
detectedExt = mime.split("/")[1] || detectedExt;
}
if (contentLength) {
totalSize = parseInt(contentLength, 10);
console.log('Total file size:', (totalSize / 1024 / 1024).toFixed(2), 'MB');
// Berechne wie viele Chunks wir brauchen
const numChunks = Math.ceil(totalSize / chunkSize);
chunks = new Array(numChunks).fill(null);
// Starte parallele Downloads
for (let i = 0; i < Math.min(maxParallel, numChunks); i++) {
downloadChunk(i);
}
} else {
// Fallback: sequentieller Download ohne Größeninfo
sequentialDownload();
}
}).catch(err => {
console.warn('HEAD request failed, using sequential download');
sequentialDownload();
});
function downloadChunk(chunkIndex) {
if (downloadComplete || chunkIndex >= chunks.length) return;
activeDownloads++;
const start = chunkIndex * chunkSize;
const end = Math.min(start + chunkSize - 1, totalSize - 1);
fetch(e, {
method: "GET",
headers: { Range: `bytes=${start}-${end}` },
credentials: "include"
}).then(res => {
if (![200, 206].includes(res.status)) {
throw Error("Non 200/206 response: " + res.status);
}
return res.blob();
}).then(blob => {
chunks[chunkIndex] = blob;
activeDownloads--;
// Update Progress
const downloaded = chunks.filter(c => c !== null).length;
const percent = Math.round(100 * downloaded / chunks.length);
updateProgress(id, baseName + (hasExt ? "" : "." + detectedExt), percent);
// Check ob fertig
if (chunks.every(c => c !== null)) {
downloadComplete = true;
const finalName = hasExt ? baseName : (baseName + "." + detectedExt);
const merged = new Blob(chunks, { type: "video/" + detectedExt });
finishDownload(merged, finalName);
completeProgress(id, r, finalName, l, o);
} else {
// Starte nächsten Chunk
const nextChunk = chunks.findIndex(c => c === null);
if (nextChunk !== -1) {
downloadChunk(nextChunk);
}
}
}).catch(err => {
console.error('Chunk download error:', err);
activeDownloads--;
// Retry nach kurzer Pause
setTimeout(() => downloadChunk(chunkIndex), 500);
});
}
function sequentialDownload() {
// Fallback: Sequentieller Download für Server ohne Range-Support
let blobs = [], s = 0;
const rangedFetch = () => {
fetch(e, {
method: "GET",
headers: { Range: `bytes=${s}-` },
credentials: "include"
}).then(res2 => {
if (![200, 206].includes(res2.status)) {
throw Error("Non 200/206 response: " + res2.status);
}
const contentType2 = res2.headers.get("Content-Type") || "";
const mime2 = contentType2.split(";")[0] || "";
if (mime2.startsWith("video/")) {
detectedExt = mime2.split("/")[1] || detectedExt;
}
const cr = res2.headers.get("Content-Range");
if (cr) {
const match = cr.match(/^bytes (\d+)-(\d+)\/(\d+)$/);
if (match) {
const start = parseInt(match[1], 10);
const end = parseInt(match[2], 10);
const total = parseInt(match[3], 10);
s = end + 1;
totalSize = total;
const percent = Math.min(100, Math.round(100 * s / totalSize));
updateProgress(id, baseName + (hasExt ? "" : "." + detectedExt), percent);
}
} else if (res2.status === 200) {
const contentLength = res2.headers.get("Content-Length");
if (contentLength) {
totalSize = parseInt(contentLength, 10);
}
}
return res2.blob();
}).then(chunkBlob => {
blobs.push(chunkBlob);
if (totalSize && s >= totalSize) {
const finalName = hasExt ? baseName : (baseName + "." + detectedExt);
const merged = new Blob(blobs, { type: "video/" + detectedExt });
finishDownload(merged, finalName);
completeProgress(id, r, finalName, l, o);
} else {
setTimeout(rangedFetch, 10);
}
}).catch(err2 => {
console.error('Sequential download error', err2);
AbortProgress(id);
});
};
rangedFetch();
}
}
const tel_download_image = (src, suggestedName) => {
try {
console.log('=== IMAGE DOWNLOAD START ===');
console.log('Image URL:', src);
console.log('Suggested name:', suggestedName);
const baseName = sanitizeFilenamePreserveFriendly(suggestedName || 'telegram_image');
const hasExt = /\.(jpg|jpeg|png|gif|webp)$/i.test(baseName);
const finalName = hasExt ? baseName : (baseName + '.jpg');
fetch(src, {
method: "GET",
credentials: "include"
}).then(res => {
if (!res.ok) throw new Error("Fetch failed: " + res.status);
// Detect image type
const contentType = res.headers.get("Content-Type") || "";
let ext = "jpg";
if (contentType.includes("png")) ext = "png";
else if (contentType.includes("gif")) ext = "gif";
else if (contentType.includes("webp")) ext = "webp";
const finalNameWithExt = hasExt ? baseName : (baseName + '.' + ext);
return res.blob().then(blob => {
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
document.body.appendChild(a);
a.href = url;
a.download = finalNameWithExt;
a.click();
document.body.removeChild(a);
setTimeout(() => URL.revokeObjectURL(url), 2000);
console.log('Image downloaded:', finalNameWithExt);
});
}).catch(err => {
console.error('Image download error:', err);
alert('Bild-Download fehlgeschlagen. Versuche es erneut.');
});
} catch (err) {
console.error('tel_download_image error', err);
}
};
const tel_download_audio = (src, suggestedName) => {
try {
console.log('=== AUDIO DOWNLOAD START ===');
console.log('Audio URL:', src);
console.log('Suggested name:', suggestedName);
const baseName = sanitizeFilenamePreserveFriendly(suggestedName || 'telegram_audio');
const hasExt = /\.(mp3|ogg|wav|m4a|opus)$/i.test(baseName);
const id = (Math.random() + 1).toString(36).substring(2, 10) + "_" + Date.now().toString();
createProgressBar(id, baseName + (hasExt ? '' : '.mp3'));
updateProgress(id, baseName + (hasExt ? '' : '.mp3'), 0);
fetch(src, {
method: "GET",
credentials: "include"
}).then(res => {
if (!res.ok) throw new Error("Fetch failed: " + res.status);
const contentType = res.headers.get("Content-Type") || "";
let ext = "mp3";
if (contentType.includes("ogg")) ext = "ogg";
else if (contentType.includes("wav")) ext = "wav";
else if (contentType.includes("m4a")) ext = "m4a";
else if (contentType.includes("opus")) ext = "opus";
const finalName = hasExt ? baseName : (baseName + '.' + ext);
return res.blob().then(blob => {
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
document.body.appendChild(a);
a.href = url;
a.download = finalName;
a.click();
document.body.removeChild(a);
setTimeout(() => URL.revokeObjectURL(url), 2000);
updateProgress(id, finalName, 100);
completeProgress(id, null, finalName, null, null);
console.log('Audio downloaded:', finalName);
});
}).catch(err => {
console.error('Audio download error:', err);
AbortProgress(id);
});
} catch (err) {
console.error('tel_download_audio error', err);
}
};
const tel_download_document = (src, suggestedName) => {
try {
console.log('=== DOCUMENT DOWNLOAD START ===');
console.log('Document URL:', src);
console.log('Suggested name:', suggestedName);
const baseName = sanitizeFilenamePreserveFriendly(suggestedName || 'telegram_file');
const hasExt = /\.\w{2,5}$/i.test(baseName);
const id = (Math.random() + 1).toString(36).substring(2, 10) + "_" + Date.now().toString();
createProgressBar(id, baseName);
updateProgress(id, baseName, 0);
fetch(src, {
method: "GET",
credentials: "include"
}).then(res => {
if (!res.ok) throw new Error("Fetch failed: " + res.status);
const contentType = res.headers.get("Content-Type") || "";
let ext = "";
// Erkenne Extension aus Content-Type
if (contentType.includes("zip")) ext = "zip";
else if (contentType.includes("rar")) ext = "rar";
else if (contentType.includes("pdf")) ext = "pdf";
else if (contentType.includes("msword")) ext = "doc";
else if (contentType.includes("spreadsheet")) ext = "xlsx";
else if (contentType.includes("audio/mpeg")) ext = "mp3";
else if (contentType.includes("audio/")) ext = "mp3";
const finalName = hasExt ? baseName : (baseName + (ext ? '.' + ext : ''));
return res.blob().then(blob => {
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
document.body.appendChild(a);
a.href = url;
a.download = finalName;
a.click();
document.body.removeChild(a);
setTimeout(() => URL.revokeObjectURL(url), 2000);
updateProgress(id, finalName, 100);
completeProgress(id, null, finalName, null, null);
console.log('Document downloaded:', finalName);
});
}).catch(err => {
console.error('Document download error:', err);
AbortProgress(id);
});
} catch (err) {
console.error('tel_download_document error', err);
}
};
window.telDownloader = {
startVideo: tel_download_video,
startImage: tel_download_image,
startAudio: tel_download_audio,
startDocument: tel_download_document
};
})();

52
manifest.json
View File

@@ -1,27 +1,27 @@
{
"manifest_version": 3,
"name": "TG Downloader - Free & Unlimited",
"version": "1.4",
"description": "Download Videos & Bilder aus Telegram Web.",
"permissions": ["storage", "downloads"],
"host_permissions": ["https://web.telegram.org/*"],
"icons": {
"128": "icon.png"
},
"background": {
"service_worker": "background.js"
},
"content_scripts": [
{
"matches": ["https://web.telegram.org/*"],
"js": ["content_tg.js"],
"run_at": "document_end"
}
],
"web_accessible_resources": [
{
"resources": ["inject.js"],
"matches": ["https://web.telegram.org/*"]
}
]
{
"manifest_version": 3,
"name": "TG Downloader - Free & Unlimited",
"version": "1.5",
"description": "Download Videos & Bilder aus Telegram Web.",
"permissions": ["storage", "downloads"],
"host_permissions": ["https://web.telegram.org/*"],
"icons": {
"128": "icon.png"
},
"background": {
"service_worker": "background.js"
},
"content_scripts": [
{
"matches": ["https://web.telegram.org/*"],
"js": ["content_tg.js"],
"run_at": "document_end"
}
],
"web_accessible_resources": [
{
"resources": ["inject.js"],
"matches": ["https://web.telegram.org/*"]
}
]
}