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