☰

Listography Easy Copy Permalink

Adds a button to copy list permalinks to clipboard

  1. // ==UserScript==
  2. // @name        Listography Easy Copy Permalink
  3. // @description Adds a button to copy list permalinks to clipboard
  4. // @version     1.0.0
  5. // @author      petracoding
  6. // @namespace   petracoding
  7. // @grant       none
  8. // @include     https://listography.com/*
  9. // @include     http://listography.com/*
  10. // ==/UserScript==
  11.  
  12. // Early Return
  13. if (!document.querySelector(".about")) return;
  14.  
  15. // Get User Id from avatar image
  16. const userId = document.querySelector(".about img").getAttribute("src").replace("/action/user-image?uid=", "");
  17.  
  18. // Get all listboxes and add buttons
  19. const listboxes = document.querySelectorAll(".listbox");
  20. [...listboxes].forEach(listbox => {
  21.   const listId = listbox.getAttribute("id").replace("listbox-", "");
  22.   const permalink = "https://listography.com/action/list?uid=" + userId + "&lid=" + listId;
  23.   
  24.   const datesEl = listbox.querySelector(".dates");
  25.   const copyBtn = document.createElement("button");
  26.   
  27.   copyBtn.innerHTML = "copy link";
  28.   copyBtn.setAttribute("class", "copy-permalink-btn");
  29.   copyBtn.setAttribute("title", permalink);
  30.   copyBtn.setAttribute("style", `
  31. 		background: none;
  32.     border: none;
  33.     font-size: 1em;
  34.     color: inherit;
  35.     font-weight: bold;
  36.     display: block;
  37.     padding: 0;
  38.     cursor: pointer;
  39. 	`);
  40.   datesEl.appendChild(copyBtn);
  41. });
  42.  
  43. // Add event listeners to the new buttons
  44. const btns = document.querySelectorAll(".copy-permalink-btn");
  45. [...btns].forEach(btn => {
  46.   btn.addEventListener("click", () => {
  47.     navigator.clipboard.writeText(btn.getAttribute("title"));
  48.     btn.innerHTML = "copied!";
  49.     
  50.     setTimeout(function(){
  51.     	btn.innerHTML = "copy link";
  52.     }, 1000);
  53.   });
  54. });