Analysiert die Kategorien der Deals eines Users für das Verrückter Wissenschaftler Badge
// ==UserScript==
// @name Mydealz Kategorieanalyse
// @description Analysiert die Kategorien der Deals eines Users für das Verrückter Wissenschaftler Badge
// @namespace Tampermonkey Scripts
// @match https://www.mydealz.de/profile/*/deals*
// @grant GM_xmlhttpRequest
// @author MD928835
// @license MIT
// @version 1.0
// ==/UserScript==
(async function() {
'use strict';
let kategorien = [];
let gefundeneKategorien = new Set();
let kategorieZaehler = new Map();
let analyseLaeuft = false;
let gesamtDeals = 0;
let logData = []; // Log-Daten sammeln
let username = ''; // Username für Dateiname
// GraphQL Query für Thread-Daten
const THREAD_QUERY = `query getThread($filter: IDFilter!) {
thread(threadId: $filter) {
title
mainGroup {
threadGroupId
threadGroupName
}
}
}`;
// Popup Template mit Overlay (10% breiter: 660px statt 600px)
const popupTemplate = `
<div class="modal-backdrop" style="
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.5); z-index: 9998;"></div>
<section role="dialog" class="popover popover--default zIndex--modal popover--layout-modal popover--visible"
style="
position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
width: 660px; z-index: 9999;">
<div class="popover-content flex--inline popover-content--expand">
<div class="flex flex--dir-col height--min-100 width--all-12">
<header class="popover-space flex boxAlign-ai--all-fs color--text-TranslucentPrimary">
<strong class="size--all-l text--b">Wie verrückt bist Du?</strong>
<button type="button" class="space--ml-a button button--shape-circle button--type-tertiary button--mode-default button--size-s button--square" id="closeBtn">
<span class="flex--inline boxAlign-ai--all-c">
<svg width="16" height="16" class="icon icon--cross">
<use xlink:href="/assets/img/ico_707ed.svg#cross"></use>
</svg>
</span>
</button>
</header>
<div class="popover-body overflow--scrollY overscroll--containY color--text-TranslucentPrimary popover-space">
<div id="progressContainer" style="margin-bottom: 20px;">
<div style="display: flex; justify-content: space-between; margin-bottom: 8px;">
<span>Kategorien-Abdeckung:</span>
<span id="progressText">0%</span>
</div>
<div style="width: 100%; height: 8px; background-color: #e9eaed; border-radius: 4px; overflow: hidden;">
<div id="progressBar" style="height: 100%; background-color: #ff6900; width: 0%; transition: width 0.3s ease;"></div>
</div>
</div>
<form id="categoryForm">
<!-- Kategorien werden dynamisch eingefügt -->
</form>
</div>
<footer class="popover-space flex boxAlign-jc--all-fe">
<span id="progressInfo" style="margin-right: auto; align-self: center; color: #666;"></span>
<button type="button" class="button button--type-primary button--mode-brand" id="downloadBtn" style="display: none;">
Dealliste herunterladen
</button>
</footer>
</div>
</div>
</section>`;
// Initiales HTML fetchen
function fetchInitialHtml(url = window.location.href) {
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: "GET",
url: url,
onload: function(response) {
if (response.status >= 200 && response.status < 300) {
try {
const parser = new DOMParser();
const doc = parser.parseFromString(response.responseText, 'text/html');
resolve(doc);
} catch (e) {
reject(e);
}
} else {
reject(new Error(`HTTP Status ${response.status}`));
}
},
onerror: function(error) {
reject(error);
}
});
});
}
// Seitenzahl aus Button-Text ermitteln
function pageNum(sel) {
const el = document.querySelector(sel);
if (!el) return null;
const m = el.textContent.match(/\d+/);
return m ? parseInt(m[0], 10) : null;
}
// Username aus URL extrahieren
function getUsernameFromUrl() {
const match = window.location.pathname.match(/\/profile\/([^\/]+)/);
return match ? match[1] : 'unknown_user';
}
// GraphQL-Anfrage für Thread-Daten
async function fetchThreadData(threadId) {
try {
const response = await fetch('https://www.mydealz.de/graphql', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
query: THREAD_QUERY,
variables: { filter: { eq: threadId } }
})
});
const result = await response.json();
return result.data?.thread || null;
} catch (error) {
console.error(`Fehler beim Abrufen der Thread-Daten für ${threadId}:`, error);
return null;
}
}
// Log-Eintrag hinzufügen (nur sammeln, nicht herunterladen)
function addLogEntry(entry) {
logData.push(entry);
console.log(entry); // Für Live-Debug in Console
}
// Finale Datei herunterladen
function downloadDebugFile() {
const logContent = logData.join('\n');
const blob = new Blob([logContent], { type: 'text/plain;charset=utf-8;' });
const link = document.createElement('a');
const url = URL.createObjectURL(blob);
link.setAttribute('href', url);
link.setAttribute('download', `deals_von_${username}.txt`);
link.style.visibility = 'hidden';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
URL.revokeObjectURL(url);
console.log(`Dealliste heruntergeladen: deals_von_${username}.txt`);
}
async function fetchKategorien() {
const query = `
query siteNavigationMenu {
groups: groups(default: {is: true}) {
threadGroupId
threadGroupName
threadGroupUrlName
}
}`;
try {
const response = await fetch('https://www.mydealz.de/graphql', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ query })
});
const data = await response.json();
return data.data.groups.map(group => ({
id: group.threadGroupId,
name: group.threadGroupName,
url: group.threadGroupUrlName
}));
} catch (error) {
console.error('Fehler beim Laden der Kategorien:', error);
return [];
}
}
// Button auf der Dealübersichtsseite hinzufügen
function addAnalyzeButton() {
// Prüfe ob wir auf einer User-Deals-Seite sind
if (!window.location.pathname.match(/\/profile\/[^\/]+\/deals/)) {
return;
}
// Prüfe ob Button bereits existiert
if (document.querySelector('#kategorieanalyse-btn')) {
return;
}
// Finde einen geeigneten Container (z.B. oberhalb der Deal-Liste)
const container = document.querySelector('.userProfile-deals') ||
document.querySelector('.thread-list') ||
document.querySelector('main');
if (!container) return;
// Erstelle Button
const analyzeButton = document.createElement('button');
analyzeButton.id = 'kategorieanalyse-btn';
analyzeButton.className = 'button button--type-primary button--mode-brand';
analyzeButton.style.cssText = `
margin: 20px 0;
padding: 12px 24px;
font-size: 16px;
font-weight: bold;
`;
analyzeButton.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 8px;">
<path d="M9 11H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2h-4"/>
<polyline points="9,11 12,14 15,11"/>
<path d="M12 14V3"/>
</svg>
Kategorieanalyse starten
`;
// Event Listener
analyzeButton.addEventListener('click', (e) => {
e.preventDefault();
showAnalyzeDialog();
});
// Button einfügen (am Anfang des Containers)
container.insertBefore(analyzeButton, container.firstChild);
}
function renderCategories(categories) {
// KORRIGIERTE Filterung: Pseudo-Kategorien (ID ≥ 800000) ausschließen
const normalCats = categories
.filter(cat => cat.name !== 'Freebies' &&
categories.indexOf(cat) < categories.findIndex(c => c.name === 'Freebies') &&
parseInt(cat.id) < 800000) // Pseudo-Kategorien ausschließen
.sort((a, b) => a.name.localeCompare(b.name));
const half = Math.ceil(normalCats.length / 2);
const leftColumn = normalCats.slice(0, half);
const rightColumn = normalCats.slice(half);
return `
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 0 10px;">
<div>${leftColumn.map(cat => renderItem(cat)).join('')}</div>
<div>${rightColumn.map(cat => renderItem(cat)).join('')}</div>
</div>
`;
}
function renderItem(cat) {
const isFound = gefundeneKategorien.has(parseInt(cat.id));
const dealCount = kategorieZaehler.get(parseInt(cat.id)) || 0;
const percentage = gesamtDeals > 0 ? Math.round((dealCount / gesamtDeals) * 100) : 0;
const textStyle = isFound ? 'text-decoration: line-through; color: #999;' : '';
const countText = isFound ? ` (${dealCount} | ${percentage}%)` : '';
return `
<div class="category-item" style="margin-bottom: 12px;">
<label style="display: flex; align-items: center; ${textStyle}">
<input type="checkbox"
style="margin-right: 8px; width: 16px; height: 16px;"
name="category"
value="${cat.id}"
data-name="${cat.name}"
data-url="${cat.url}"
${isFound ? 'checked' : ''}
disabled>
<span>${cat.name}${countText}</span>
</label>
</div>`;
}
function updateProgress() {
const checkedCheckboxes = document.querySelectorAll('input[name="category"]:checked').length;
const availableCheckboxes = document.querySelectorAll('input[name="category"]').length;
const percentage = availableCheckboxes > 0 ? Math.round((checkedCheckboxes / availableCheckboxes) * 100) : 0;
// Debug-Ausgabe für Kontrolle
console.log(`Progress Debug: ${checkedCheckboxes}/${availableCheckboxes} Checkboxen angehakt = ${percentage}%`);
console.log('Gefundene Kategorien (Set):', gefundeneKategorien.size);
console.log('Angehakte Checkboxen (DOM):', checkedCheckboxes);
const progressBar = document.getElementById('progressBar');
const progressText = document.getElementById('progressText');
if (progressBar && progressText) {
progressBar.style.width = percentage + '%';
progressText.textContent = `${percentage}% (${checkedCheckboxes}/${availableCheckboxes})`;
// NUR bei echter 100%-Abdeckung UND abgeschlossener Analyse
// WICHTIG: Prüfe die REALEN DOM-Werte, nicht die theoretischen!
if (checkedCheckboxes >= availableCheckboxes && checkedCheckboxes > 0 && !analyseLaeuft) {
progressText.textContent = '100% - Du bist komplett verrückt!';
progressBar.style.backgroundColor = '#28a745';
}
}
}
function updateAnalyzeButton(currentPage, maxPage) {
const progressInfo = document.getElementById('progressInfo');
if (analyseLaeuft) {
if (progressInfo) {
progressInfo.textContent = `Analysiere Dealseite ${currentPage} / ${maxPage}`;
}
} else {
if (progressInfo) {
progressInfo.textContent = '';
}
}
}
// Nur Checkmark sofort setzen, keine komplette Neuzeichnung
function setCheckmarkForCategory(categoryId) {
const checkbox = document.querySelector(`input[name="category"][value="${categoryId}"]`);
if (checkbox && !checkbox.checked) {
checkbox.checked = true;
checkbox.disabled = true;
// Auch das Label visuell aktualisieren
const label = checkbox.closest('label');
if (label) {
label.style.textDecoration = 'line-through';
label.style.color = '#999';
}
console.log(`Checkmark gesetzt für Kategorie ${categoryId}`);
}
}
// Analysiert eine Seite per Fetch und GraphQL
async function analyzePageByFetch(pageNum) {
const currentUrl = new URL(window.location.href);
const baseUrl = `${currentUrl.origin}${currentUrl.pathname}`;
const fetchUrl = `${baseUrl}?page=${pageNum}`;
try {
console.log(`Lade Seite ${pageNum} per Fetch: ${fetchUrl}`);
const doc = await fetchInitialHtml(fetchUrl);
const threads = doc.querySelectorAll('article.thread');
console.log(`Seite ${pageNum}: ${threads.length} Threads im initialen HTML gefunden`);
for (let index = 0; index < threads.length; index++) {
// Prüfe ob Analyse abgebrochen wurde
if (!analyseLaeuft) {
console.log('Analyse wurde abgebrochen');
return;
}
const article = threads[index];
const threadId = article.id; // "thread_2584326"
if (!threadId) {
console.warn(`Thread #${index}: Keine ID gefunden`);
continue;
}
// WICHTIG: Nur die numerische ID extrahieren
const numericThreadId = threadId.replace('thread_', ''); // "2584326"
try {
console.log(`Thread #${index}: Lade Daten für ${numericThreadId}`);
// GraphQL-Anfrage mit numerischer ID
const threadData = await fetchThreadData(numericThreadId);
if (!threadData) {
console.warn(`Thread #${index}: Keine Daten für ${numericThreadId} erhalten`);
continue;
}
if (!threadData.mainGroup?.threadGroupId) {
console.warn(`Thread #${index}: Keine Kategorie für ${numericThreadId} gefunden`);
continue;
}
const groupId = parseInt(threadData.mainGroup.threadGroupId);
const groupName = threadData.mainGroup.threadGroupName;
const title = threadData.title || 'Unbekannter Titel';
const dealUrl = `https://www.mydealz.de/${numericThreadId}`;
// Log-Eintrag: CSV-Zeile mit Titel
const logEntry = `${groupId},"${groupName}","${dealUrl}","${title}"`;
addLogEntry(logEntry);
// Zähle Deals pro Kategorie
kategorieZaehler.set(groupId, (kategorieZaehler.get(groupId) || 0) + 1);
gesamtDeals++;
// Neue Kategorie gefunden
if (!gefundeneKategorien.has(groupId)) {
gefundeneKategorien.add(groupId);
console.log(`NEUE Kategorie gefunden: ${groupName} (ID: ${groupId})`);
// SOFORT Checkmark setzen
setCheckmarkForCategory(groupId);
updateProgress();
}
console.log(`Thread #${index} verarbeitet: ${title} -> ${groupName}`);
// Kurze Pause zwischen GraphQL-Anfragen
await new Promise(resolve => setTimeout(resolve, 100));
} catch (error) {
console.error(`Fehler bei Thread #${index} (${numericThreadId}):`, error);
}
}
} catch (error) {
console.error(`Fehler beim Laden von Seite ${pageNum}:`, error);
}
}
async function analyzeUserDeals() {
if (analyseLaeuft) {
// Analyse abbrechen durch Reload
window.location.reload();
return;
}
analyseLaeuft = true;
// Username aus URL extrahieren
username = getUsernameFromUrl();
// Reset der Zähler
gefundeneKategorien.clear();
kategorieZaehler.clear();
gesamtDeals = 0;
logData = ['KategorieID,Kategoriename,Deal-URL,Deal-Titel']; // CSV-Header mit Titel
const downloadBtn = document.getElementById('downloadBtn');
const progressInfo = document.getElementById('progressInfo');
if (downloadBtn) {
downloadBtn.style.display = 'none';
}
if (progressInfo) {
progressInfo.textContent = 'Starte Analyse...';
}
try {
// Maximale Seitenzahl aus der LIVE-Seite ermitteln
const maxPage = pageNum('button[aria-label="Letzte Seite"]') || 1;
console.log(`Starte GraphQL-basierte Analyse von ${maxPage} Seiten für User: ${username}`);
// ALLE Seiten analysieren - KEIN vorzeitiger Abbruch bei 100%
for (let currentPage = 1; currentPage <= maxPage; currentPage++) {
// Prüfe ob Analyse abgebrochen wurde
if (!analyseLaeuft) {
console.log('Analyse wurde abgebrochen');
return;
}
console.log(`Analysiere Seite ${currentPage}/${maxPage}`);
updateAnalyzeButton(currentPage, maxPage);
await analyzePageByFetch(currentPage);
// Kurze Pause zwischen Seiten
await new Promise(resolve => setTimeout(resolve, 500));
}
} catch (error) {
console.error('Fehler bei der Analyse:', error);
} finally {
analyseLaeuft = false;
// NUR Download-Button anzeigen
if (downloadBtn) {
downloadBtn.style.display = 'inline-block';
downloadBtn.onclick = downloadDebugFile;
}
if (progressInfo) {
progressInfo.textContent = 'Analyse abgeschlossen';
}
// Debug: Finale Ausgabe
console.log('=== ANALYSE ABGESCHLOSSEN ===');
console.log(`Gefundene Kategorien: ${gefundeneKategorien.size}`);
console.log(`Gesamt Deals: ${gesamtDeals}`);
console.log('Kategorie-Zähler:', Object.fromEntries(kategorieZaehler));
// WICHTIG: NUR die Texte aktualisieren, NICHT das HTML überschreiben
setTimeout(() => {
gefundeneKategorien.forEach(categoryId => {
const checkbox = document.querySelector(`input[name="category"][value="${categoryId}"]`);
if (checkbox) {
// Sicherstellen, dass Checkbox gesetzt ist
checkbox.checked = true;
checkbox.disabled = true;
const label = checkbox.closest('label');
const span = label.querySelector('span');
const dealCount = kategorieZaehler.get(categoryId) || 0;
const percentage = gesamtDeals > 0 ? Math.round((dealCount / gesamtDeals) * 100) : 0;
// Nur den Text aktualisieren
const categoryName = checkbox.dataset.name;
span.textContent = `${categoryName} (${dealCount} | ${percentage}%)`;
// Formatierung explizit setzen
label.style.textDecoration = 'line-through';
label.style.color = '#999';
console.log(`Finale Aktualisierung für Kategorie ${categoryName}: ${dealCount} Deals (${percentage}%)`);
}
});
updateProgress(); // Finale Aktualisierung mit korrekter Zählung
}, 100);
}
}
function updateCategoryDisplay() {
const form = document.getElementById('categoryForm');
if (form && kategorien.length > 0) {
form.innerHTML = renderCategories(kategorien);
console.log(`Popup initial aktualisiert: ${kategorien.length} Kategorien geladen`);
}
}
function closePopup() {
if (analyseLaeuft) {
// Analyse abbrechen durch Reload
window.location.reload();
return;
}
const popup = document.querySelector('.popover');
if (popup) popup.remove();
const overlay = document.querySelector('.modal-backdrop');
if (overlay) overlay.remove();
addAnalyzeButton();
}
function showAnalyzeDialog(event) {
if (event) {
event.preventDefault();
event.stopPropagation();
}
const existingPopup = document.querySelector('.popover');
if (existingPopup) {
existingPopup.remove();
const existingOverlay = document.querySelector('.modal-backdrop');
if (existingOverlay) existingOverlay.remove();
}
document.body.insertAdjacentHTML('beforeend', popupTemplate);
initializePopup();
}
function initializePopup() {
const form = document.getElementById('categoryForm');
fetchKategorien().then(categories => {
kategorien = categories;
form.innerHTML = renderCategories(categories);
updateProgress();
});
const closeBtnOld = document.getElementById('closeBtn');
const closeBtn = closeBtnOld.cloneNode(true);
closeBtnOld.parentNode.replaceChild(closeBtn, closeBtnOld);
const downloadBtnOld = document.getElementById('downloadBtn');
const downloadBtn = downloadBtnOld.cloneNode(true);
downloadBtnOld.parentNode.replaceChild(downloadBtn, downloadBtnOld);
closeBtn.addEventListener('click', () => closePopup());
// Starte Analyse automatisch
analyzeUserDeals();
}
function init() {
// Button auf Deal-Übersichtsseite hinzufügen
addAnalyzeButton();
// Observer für dynamische Inhalte
const observer = new MutationObserver(() => {
addAnalyzeButton();
});
observer.observe(document.body, {
childList: true,
subtree: true
});
}
init();
})();