JSFiddle - React, Tailwind, and code Playground

Twitter Image Trim. Just the URLs.

by MegaScience

JavaScript

var images = document.querySelectorAll('.OldMedia-photoContainer');
if (images.length > 0) {
  var list = [];
  var regularEx = /\.(jpg|jpeg|png|gif|gifv)(:[a-zA-Z]+)?$/gm;
  var subst = '.$1:large';
  for (var i = 0; i < images.length; i++)
    list.push(images[i].dataset.imageUrl.replace(regularEx, subst));
  images = document.querySelectorAll('.media-thumbnail');
  for (var i = 0; i < images.length; i++)
    list.push(images[i].dataset.url);
  var imageUrlsBox = document.getElementById('ImageURLs');
  if (imageUrlsBox === null) {
    imageUrlsBox = document.createElement('div');
    var inner = document.createElement('p');
    imageUrlsBox.id = 'ImageURLs';
    imageUrlsBox.style.backgroundColor = 'white';
    imageUrlsBox.style.border = 'black solid 1px';
    imageUrlsBox.style.overflowY = 'scroll';
    imageUrlsBox.style.position = 'absolute';
    imageUrlsBox.style.left = '10px';
    imageUrlsBox.style.bottom = '10px';
    imageUrlsBox.style.width = '300px';
    imageUrlsBox.style.height = '300px';
    imageUrlsBox.style.padding = '10px';
    imageUrlsBox.style.zIndex = '10000000000';
    imageUrlsBox.appendChild(inner);
    document.body.appendChild(imageUrlsBox);
  }
  imageUrlsBox.innerHTML = list.join("<br>");
} else {
  console.log("No Twitter images found. Consider updating code.");
}