☰

Dreamwidth: Copy links of uploaded images

adds two buttons to the dw gallery image upload page to copy links of all images at once

// ==UserScript==
// @name      Dreamwidth: Copy links of uploaded images
// @description adds two buttons to the dw gallery image upload page to copy links of all images at once
// @namespace fangirlishness
// @author    fangirlishness
// @include   https://www.dreamwidth.org/file/new
// @version   1.1
// @grant     none
// @icon      data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACqklEQVR42mNgQAOvsrJ43iXm59zxjVx9wc7n6Bkr96NXHP3nPgpOCGAgBD6llqRecw3+tF1O5/9ybqn/S9jF4HiNoPz/AzoWp3cq6Gpg1fwuMW/2ET2b/wuYhf4v45D4v0ZA/t1qPrlDqwUVdmwQUT4O5P9bxikJFFf4u05YJQZVc0Juzw4Fvf8LmARBCt4u4RBPnclgzIqsZq2IvOQ6YaV1QPwfjAWVbMASn7PLtS/Z+/5fxCL8fxmX1JGZDJJc+Ly5VlhpD8iAtSJK98ACL6MzNmySVAc5fQdM0c+CmpDbPpFbL9r5bLnqGoDi3PUCCgJAAz5AXKIcz3DVJfAf0Mn/9zMwsIAU/K/qiDmgZf5/PqMA2EsgDFTcgWzIEjbRirVCiv/XiygfYjhr6f5/HgP/XbDm+nq2y45+QE0Cs1cxaLHNV1DgOKhtMXWtsOL/NULySTADjhvZaQI1A2NG4SvDWSt3oPMFToEkzti6S24QV+1H9/dRA9v/i9lEb8P4//Pq5bbKaP9fAYxqhmuuQZ+Xckm8AknUMzAwreKXcwX5E9mAO96Rr0HpAsb/ml1qtF1OF5RW/gEDMTN+i7QmXHIJgxDfHAY+IWQDbnuF/1jKKfEckWbyO9aLKv9fySd7AiwA9PfFmQwc+7FF29eM0qSDWhb/pzOwLQA7P6ue54Kt15/FrCL/1wkphoIVvY3O5dskofZ/p7L+wq85ZVLAwGR6nVTG+zExv+68jef/GQycr1bxSIiC1L6Jz14CtPn/Cl65Yyg2nTFOYwWGxfTNUhqvj+rb/j9qYPd/vZgKUDP7epiaDymFq0ExsoRD4jQovLCmtOWcUrJLOcSi5zPwpy5mF1UBif0urnMF5sanoIBcxiHexkAK+JJVanDawqVvGbd4/1J2MSV0eQD44Q/O5FK6CQAAAABJRU5ErkJggg==
// ==/UserScript==

// helper function to flash the clicked button (visual user feedback)
function flash(elem) {
    elem.animate(
      [ { opacity: 1 },
        { opacity: 0.4 },
        { opacity: 1 } 
      ], 400);
} 

(function() {
  // find the upload button (it's invisible at first, but present) and get its parent div
  var parentElement = document.getElementsByName('upload')[0].parentElement;
  
  // define two buttons
  var copyButton = document.createElement('a');
  copyButton.textContent = 'Get All Image Codes';
  copyButton.style.cursor = 'pointer';
  copyButton.style.margin = '0px 10px 0px 10px';
  copyButton.id = 'copycodes';
  copyButton.classList.add('submit'); // doesnt submit the form, only does button styling

  var copyImageLinkOnlyButton = document.createElement('a');
  copyImageLinkOnlyButton.textContent = 'Get 800x800 Image Tags';
  copyImageLinkOnlyButton.style.cursor = 'pointer';
  copyImageLinkOnlyButton.style.margin = '0px 10px 0px 10px';
  copyImageLinkOnlyButton.id = 'copycodes';
  copyImageLinkOnlyButton.classList.add('submit'); // button styling

  //add both buttons to the right of the upload button
  parentElement.nextElementSibling.appendChild(copyButton)
  parentElement.nextElementSibling.appendChild(copyImageLinkOnlyButton);
 
  //add functionality to first button - copy the whole content of Image Code fields 
  copyButton.addEventListener('click', function () {
    flash(this);
    
    var linkElements = document.getElementsByName('generated-code'); // get all codes
    var linkText = '';

    for (const elem of linkElements) {
      linkText += elem.value + '\n\n';
    }
    // console.log(linkText);
    navigator.clipboard.writeText(linkText);
  });
  
  //add functionality to second button - copy only the image link of Image Code fields and change size to 800x800
  copyImageLinkOnlyButton.addEventListener('click', function () {
    flash(this);

    var linkElements = document.getElementsByName('generated-code'); 
    var linkText = '';
    var parser = new DOMParser();

    for (const elem of linkElements) {
      if(elem.value.length > 0) {
        var currentElement = parser.parseFromString(elem.value, 'text/xml'); // parse out img tag and change size
        var imgTag = currentElement.getElementsByTagName('img')[0];
        linkText += imgTag.outerHTML.replace('100x100', '800x800') + '\n\n';
      }
    }
    // console.log(linkText);
    navigator.clipboard.writeText(linkText);
  });

})();