☰

MyDealz Comment Viewer

Zeigt die letzten Kommentare eines Benutzers an

This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greatest.deepsurf.us/scripts/528796/1586409/MyDealz%20Comment%20Viewer.js 

  1. // ==UserScript==
  2. // @name         MyDealz Comment Viewer
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.5
  5. // @description  Zeigt die letzten Kommentare eines Benutzers an
  6. // @author       MD928835
  7. // @license      MIT
  8. // ==/UserScript==
  9.  
  10. (function() {
  11.     'use strict';
  12.  
  13.     // Globale Funktion definieren
  14.     window.viewUserComments = async function(username) {
  15.         // SessionStorage für Kommentare leeren
  16.         sessionStorage.removeItem('mydealz_comments');
  17.  
  18.         const fetchDealTitle = async (threadId) => {
  19.             const query = `
  20.             query getThread($filter: IDFilter!) {
  21.                 thread(threadId: $filter) {
  22.                     title
  23.                 }
  24.             }`;
  25.  
  26.             try {
  27.                 const response = await fetch("https://www.mydealz.de/graphql", {
  28.                     method: 'POST',
  29.                     headers: {
  30.                         'Content-Type': 'application/json'
  31.                     },
  32.                     body: JSON.stringify({
  33.                         query,
  34.                         variables: { filter: { eq: threadId } }
  35.                     })
  36.                 });
  37.  
  38.                 const result = await response.json();
  39.                 return result.data.thread.title || "Titel nicht verfügbar";
  40.             } catch (error) {
  41.                 console.error(`Fehler beim Abrufen des Titels für threadId ${threadId}:`, error);
  42.                 return "Titel nicht verfügbar";
  43.             }
  44.         };
  45.  
  46.         try {
  47.             // Profilseite abrufen
  48.             const response = await fetch(`https://www.mydealz.de/profile/${username}?page=1`);
  49.             if (!response.ok) throw new Error(`HTTP Fehler! Status: ${response.status}`);
  50.             const html = await response.text();
  51.  
  52.             // Kommentar- und Thread-IDs extrahieren
  53.             const pattern = /href=https:\/\/www\.mydealz\.de\/.*?-(\d+)#(?:comment|reply)-(\d+)/g;
  54.             const matches_raw = [...html.matchAll(pattern)];
  55.             const ids = matches_raw.map(match => ({
  56.                 threadId: match[1],
  57.                 commentId: match[2],
  58.                 url: match[0].replace('href=', '')
  59.             }));
  60.  
  61.             // Mutable und isMuted Status abfragen
  62.             const query = `query userProfile($username: String) {
  63.                 user(username: $username) {
  64.                     mutable isMuted
  65.                 }
  66.             }`;
  67.             
  68.             const userDataResponse = await fetch('/graphql', {
  69.                 method: 'POST',
  70.                 headers: {
  71.                     'Content-Type': 'application/json'
  72.                 },
  73.                 body: JSON.stringify({
  74.                     query,
  75.                     variables: { username }
  76.                 })
  77.             });
  78.             
  79.             const userData = await userDataResponse.json();
  80.             const { mutable, isMuted } = userData.data.user;
  81.  
  82.  
  83.             // Parallelisierte Anfragen für Kommentare und Titel
  84.             const fetchPromises = ids.map(async ({ threadId, commentId, url }) => {
  85.                 const commentQuery = `
  86.                 query comment($id: ID!) {
  87.                     comment(id: $id) {
  88.                         preparedHtmlContent
  89.                         createdAt
  90.                         createdAtTs
  91.                     }
  92.                 }`;
  93.  
  94.                 try {
  95.                     const [commentResponse, title] = await Promise.all([
  96.                         fetch("https://www.mydealz.de/graphql", {
  97.                             method: 'POST',
  98.                             headers: {
  99.                                 'Content-Type': 'application/json'
  100.                             },
  101.                             body: JSON.stringify({
  102.                                 query: commentQuery,
  103.                                 variables: { id: commentId }
  104.                             })
  105.                         }).then(res => res.json()),
  106.                         fetchDealTitle(threadId)
  107.                     ]);
  108.  
  109.                     const commentData = commentResponse?.data?.comment;
  110.                     if (commentData) {
  111.                         const comment = commentData.preparedHtmlContent.replace(/<img[^>]*>/g, '');
  112.                         const date = new Date(commentData.createdAtTs * 1000)
  113.                             .toLocaleString('de-DE', {
  114.                                 day: '2-digit',
  115.                                 month: '2-digit',
  116.                                 year: '2-digit',
  117.                                 hour: '2-digit',
  118.                                 minute: '2-digit'
  119.                             })
  120.                             .replace(',', '');
  121.  
  122.                         return {
  123.                             html: `<div class="comment-card" style="background-color:white;padding:1rem;margin:0.75rem 0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);"><span title="${date}">${commentData.createdAt}</span> <b>${title}</b><br>${comment}<br><svg width="15px" height="16px" class="icon icon--comment" style="vertical-align: middle"><use xlink:href="/assets/img/ico_632f5.svg#comment"></use></svg> <a href='${url}' target='_blank'>Zum Kommentar</a></div>`,
  124.                             title,
  125.                             comment,
  126.                             dealId: threadId,
  127.                             commentId
  128.                         };
  129.                     }
  130.                 } catch (error) {
  131.                     console.error(`Fehler bei der Verarbeitung von commentId ${commentId}:`, error);
  132.                     return null;
  133.                 }
  134.             });
  135.  
  136.             const pageResults = (await Promise.all(fetchPromises)).filter(r => r);
  137.  
  138.             // Ergebnisse sicher in sessionStorage speichern
  139.             sessionStorage.setItem('mydealz_comments', JSON.stringify(pageResults));
  140.  
  141.             // Popup anzeigen
  142.             const resultWindow = window.open("", "Results", "width=1000,height=700,location=no,menubar=no,toolbar=no,status=no,titlebar=no");
  143.             if (resultWindow) {
  144.                 resultWindow.document.write(`
  145. <html>
  146. <head>
  147.   <title>${username}s letzte Kommentare</title>
  148.   <style>
  149.     body { margin: 0; padding: 0; background: #00a000; font-family: Arial, sans-serif; }
  150.     .header { background: #00a000; height: 56px; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; position: relative; }
  151.     .logo { height: 40px; position: absolute; left: 20px; }
  152.     .sort-options { text-align: center; padding: 10px; }
  153.     .comments-container { margin: 20px; }
  154.     .comment-card { background-color: white; padding: 1rem; margin: 0.75rem 0; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
  155.   </style>
  156.   <script>
  157.     function sortComments(type) {
  158.       let comments = JSON.parse(sessionStorage.getItem('mydealz_comments'));
  159.       if (type === 'all') {
  160.         comments.sort((a, b) => b.commentId - a.commentId);
  161.       } else {
  162.         comments.sort((a, b) => b.dealId === a.dealId ? b.commentId - a.commentId : b.dealId - a.dealId);
  163.       }
  164.       document.getElementById('comments-container').innerHTML = comments.map(r => r.html).join('');
  165.     }
  166.   </script>
  167. </head>
  168. <body>
  169.   <div class="header">
  170.     <img src="https://www.mydealz.de/assets/img/logo/default-light_d4b86.svg" class="logo">
  171.     <a href="https://www.mydealz.de/profile/${username}" style="color:white;text-decoration:none" target="_blank">${username}s letzte ${pageResults.length} Kommentare</a>
  172.   </div>
  173.  
  174.   <div class="sort-options">
  175.     Kommentare sortieren nach
  176.     <label><input type="radio" name="sort" checked onclick="sortComments('all')"> alle chronologisch</label>
  177.     <label><input type="radio" name="sort" onclick="sortComments('deal')"> beitragschronologisch</label>
  178.   </div>
  179.  
  180.   <div id="comments-container" class="comments-container">
  181.     ${pageResults.map(r => r.html).join('')}
  182.   </div>
  183.  
  184.   <script>
  185. // Mute-Funktionalität
  186. let mutable = ${mutable};
  187. let isMuted = ${isMuted};
  188. const username = "${username}";
  189. const muteBtn = document.getElementById('muteBtn');
  190. const muteText = document.getElementById('muteText');
  191. const muteIcon = document.getElementById('muteIcon');
  192. muteBtn.addEventListener('click', function() {
  193. const endpoint = isMuted ? "/profile/" + username + "/unmute" : "/profile/" + username + "/mute";
  194.  
  195. fetch(endpoint, {
  196.   method: 'POST',
  197.   headers: {
  198.     'X-Request-Type': 'application/vnd.pepper.v1+json',
  199.     'X-Requested-With': 'XMLHttpRequest',
  200.     'X-Pepper-Txn': 'user.profile.overview',
  201.     'X-XSRF-TOKEN': document.cookie.split('xsrf_t=')[1]?.split(';')[0]?.replace(/"/g, '')
  202.   }
  203. })
  204. .then(response => response.json())
  205. .then(data => {
  206.   if (data.status === 'success') {
  207.     isMuted = !isMuted;
  208.     muteText.textContent = username + ' ' + (isMuted ? 'nicht mehr stumm schalten' : 'stumm schalten');
  209.     muteIcon.setAttribute('xlink:href', '/assets/img/ico_632f5.svg#' + (isMuted ? 'mute' : 'unmute'));
  210.   }
  211. })
  212. .catch(error => console.error('Fehler:', error));
  213. });
  214. </script>
  215. </body>
  216. </html>`);
  217.                 resultWindow.document.close();
  218.                 resultWindow.focus();
  219.             } else {
  220.                 alert("Popup blockiert!");
  221.             }
  222.         } catch (error) {
  223.             console.error("Fehler:", error);
  224.             alert(`Fehler: ${error.message}`);
  225.         }
  226.     };
  227. })();
  228.