RNDplus4free.user.js

// ==UserScript==
// @name     RNDplus4free
// @description Laden des Artikel-Textes aus dem JSON im Quelltext
// @version  0.5.12
// @match https://*.haz.de/*.html*
// @match https://*.neuepresse.de/*.html*
// @match https://*.sn-online.de/*.html*
// @match https://*.waz-online.de/*.html*
// @match https://*.dnn.de/*.html*
// @match https://*.goettinger-tageblatt.de/*.html*
// @match https://*.lvz.de/*.html*
// @match https://*.ln-online.de/*.html*
// @match https://*.kn-online.de/*.html*
// @match https://*.maz-online.de/*.html*
// @match https://*.ostsee-zeitung.de/*.html*
// @match https://*.paz-online.de/*.html*
// @match https://*.rnd.de/*.html*
// @match https://*.dewezet.de/*.html*
// @match https://*.cz.de/*.html*
// @match https://*.szlz.de/*.html*
// @match https://*.saechsische.de/*.html*
// ==/UserScript==

/* global Fusion:readonly */

// Redirect from AMP to normal site
function redirectWithoutValidAmp(currentUrl) {
    let newUrl = currentUrl.replace("outputType=valid_amp", "");
    window.location.href = newUrl;
}

function extractTextAndHeaderSrc(content) {
  const textArray = []; // Create an empty array to store extracted text and header

  // Loop through each element in the content object
  content.elements.forEach(element => {
    if (element.type === "text") {
      // If the element type is "text", create a paragraph element with a class "article-text" and push it to the textArray
      textArray.push("<p class=\"article-text\">"+element.text+"</p>");
    } else if (element.type === "header") {
      // If the element type is "header", create a paragraph element with a class "article-header" and push it to the textArray
      textArray.push("<p class=\"article-header\">"+element.text+"</p>");
    } else if (element.type === "image") {
      // If the element type is "image", create a div element with a class "Imagestyled__Container-sc-1io480m-0 fAGtfK", containing an image element with a source (src) value from the element's imageInfo object, and push it to the textArray
      textArray.push("<div data-testid=\"image\" class=\"ArticleImagestyled__ArticleImageContainer-sc-11hkcjt-0 fAGtfK\"><img src="+element.imageInfo.src+" width=\"100%\"></div>");
    }
  });

  // Return an object with the extracted text and header as a property called "text"
  return {
    text: textArray
  };
}

function removeElementByTag(tagName) {
  const elements = document.getElementsByTagName(tagName); // Get all elements with the specified tag name from the document
  const elementsArray = Array.from(elements); // Convert the HTMLCollection of elements to an array for easier manipulation
  elementsArray.forEach(singleElement => {
    singleElement.remove(); // Loop through each element in the array and remove it from the document
  });
}

function deleteElementsByTypeAndClassPart(type, classPart) {
  const elements = document.getElementsByTagName(type); // Get all elements with the specified tag type from the document
  const regex = new RegExp(classPart, 'g'); // Create a regular expression object with the specified class name part as a pattern to match

  for (let i = elements.length - 1; i >= 0; i--) {
    const element = elements[i]; // Get the current element in the loop
    const classNames = element.className.split(' '); // Split the class names of the element into an array for easier manipulation

    for (let j = classNames.length - 1; j >= 0; j--) {
      if (classNames[j].match(regex)) { // Check if any of the class names match the specified class name part using the regular expression
        element.parentNode.removeChild(element); // If a match is found, remove the element from its parent node in the document
        break; // Exit the inner loop since only one match is needed
      }
    }
  }
}

function deleteClassByPart(className, classPart) {
  const regex = new RegExp(classPart, 'g'); // Create a regular expression object with the specified class name part as a pattern to match
  const elements = document.getElementsByClassName(className); // Get all elements with the specified class name from the document

  for (let i = 0; i < elements.length; i++) { // Loop through each element with the specified class name
    const obj = elements[i]; // Get the current element in the loop
    const classNames = obj.className.split(' '); // Split the class names of the element into an array for easier manipulation
    const updatedClassNames = classNames.filter(className => !className.match(regex)); // Use the filter() method to create a new array containing only the class names that do not match the specified class name part

    obj.className = updatedClassNames.join(' '); // Join the updated class names array back into a string and set it as the new value for the element's className property, effectively removing the class names that match the specified class name part
  }
}

function updateParagraphContentWithClass(objType, className, newContent) {
  // Find the first element that matches the specified object type and has a class name that starts with the specified class name
  const paragraphElements = document.querySelectorAll(`${objType}[class^="${className}"]`);
  const paragraphElement = paragraphElements[paragraphElements.length - 1];

  if (paragraphElement) {
    // If an element is found, update its innerHTML with the new content
    paragraphElement.innerHTML = newContent;
  } else {
    // If no element is found, log an error message to the console
    console.error(`${objType} element with class "${className}" not found.`);
  }
}

// Added timeout to get around the annoying lazy loading of the website resources 
setTimeout(function() {
    // redirect to normal site if AMP
    if (window.location.href.includes("outputType=valid_amp")) {
    redirectWithoutValidAmp(window.location.href);
    }

    console.log("Waiting...");
    const extractedValues = extractTextAndHeaderSrc(Fusion.globalContent); // Call the function with Fusion.globalContent as the argument and store the returned result in extractedValues
    console.log("Extracted text: ", extractedValues.text); // Output the extracted text and header values to the console

    deleteElementsByTypeAndClassPart('span', "ArticleHeadstyled__ArticleHeadPaidIconContainer-sc-"); // Removing banner

    deleteElementsByTypeAndClassPart('div', "ArticleContentLoaderstyled__Gradient-sc-"); // Removing loading div
    deleteElementsByTypeAndClassPart('div', "Articlestyled__FullscreenPaywallScrollContainer-sc-"); // Removing ad div

    deleteElementsByTypeAndClassPart('span', "gpuuGw"); //Removing first paragraph which is visible by default

    deleteClassByPart('ArticleHeadstyled__ArticleTeaserContainer-sc-', 'fJDcrZ'); //remove class for style reasons

    const newContent = extractedValues.text.join("<br />"); // Joining content with <br />
    updateParagraphContentWithClass('div', 'Articlestyled__CenteredContentWrapper-sc-', newContent); // Updating element with content


    const styleElement = document.createElement('style'); // Create a new <style> element
    document.head.appendChild(styleElement); // Append the <style> element to the <head> of the document

    // Insert CSS rules into the style sheet of the <style> element
    styleElement.sheet.insertRule('.article-text { mix-blend-mode: difference; margin: 0px; padding-bottom: 8px; padding-top: 8px; font-family: "Source Serif Pro", Palatino, "Droid Serif", serif; font-size: 17px; letter-spacing: 0px; line-height: 26px; }', 0);
    styleElement.sheet.insertRule('.article-header { mix-blend-mode: difference; font-family: "DIN Next LT Pro", Arial, Roboto, sans-serif; font-weight: 700; letter-spacing: -0.25px; font-size: 24px; line-height: 30px; }', 0);
    styleElement.sheet.insertRule('.ArticleHeadstyled__ArticleSubHeadline-sc-tdzyy5-8 { height: 100% }', 0);

    // Fix too narrow first paragraph
    document.querySelector('.paywalledContent > p').setAttribute('style', 'height: 100%');
}, 2000);