☰

Items Page Flower and Plushie Filter and Sort (PDA Optimized)

Grey out irrelevant flowers, move them to the bottom of the list, reorder flowers by quantity, and sort plushies by quantity on Torn's items page.

  1. // ==UserScript==
  2. // @name         Items Page Flower and Plushie Filter and Sort (PDA Optimized)
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.4
  5. // @description  Grey out irrelevant flowers, move them to the bottom of the list, reorder flowers by quantity, and sort plushies by quantity on Torn's items page.
  6. // @match        https://www.torn.com/item.php*
  7. // @grant        none
  8. // @license MIT
  9. // ==/UserScript==
  10.  
  11. (function () {
  12.     'use strict';
  13.  
  14.     // List of irrelevant flowers
  15.     const irrelevantFlowers = [
  16.         "Bunch of Carnations",
  17.         "Bunch of Flowers",
  18.         "Daffodil",
  19.         "Bunch of Black Roses",
  20.         "Dozen Roses",
  21.         "Funeral Wreath",
  22.         "Single Red Rose",
  23.     ];
  24.  
  25.     function processItems() {
  26.         // Handle Flowers
  27.         const flowerItems = Array.from(document.querySelectorAll('#flowers-items > li'));
  28.         if (flowerItems.length) {
  29.             const relevantFlowers = [];
  30.             const irrelevantFlowersList = [];
  31.  
  32.             flowerItems.forEach((item) => {
  33.                 const itemName = item.querySelector('.name-wrap .name')?.textContent.trim();
  34.                 const qtyElement = item.querySelector('.item-amount.qty');
  35.                 const qty = parseInt(qtyElement?.textContent.replace(/[^0-9]/g, '') || 0, 10);
  36.  
  37.                 if (!itemName) return;
  38.  
  39.                 if (irrelevantFlowers.includes(itemName)) {
  40.                     // Grey out irrelevant flowers
  41.                     item.style.opacity = "0.5";
  42.                     item.style.backgroundColor = "#f9f9f9";
  43.                     irrelevantFlowersList.push(item);
  44.                 } else {
  45.                     relevantFlowers.push({ element: item, quantity: qty });
  46.                 }
  47.             });
  48.  
  49.             // Sort relevant flowers by quantity (ascending)
  50.             relevantFlowers.sort((a, b) => a.quantity - b.quantity);
  51.  
  52.             // Append items back to the DOM
  53.             const flowerList = document.querySelector('#flowers-items');
  54.             if (flowerList) {
  55.                 relevantFlowers.forEach(({ element }) => flowerList.appendChild(element));
  56.                 irrelevantFlowersList.forEach((item) => flowerList.appendChild(item));
  57.             }
  58.         }
  59.  
  60.         // Handle Plushies
  61.         const plushieItems = Array.from(document.querySelectorAll('#plushies-items > li'));
  62.         if (plushieItems.length) {
  63.             const plushies = plushieItems.map((item) => {
  64.                 const qtyElement = item.querySelector('.item-amount.qty');
  65.                 const qty = parseInt(qtyElement?.textContent.replace(/[^0-9]/g, '') || 0, 10);
  66.                 return { element: item, quantity: qty };
  67.             });
  68.  
  69.             // Sort plushies by quantity (ascending)
  70.             plushies.sort((a, b) => a.quantity - b.quantity);
  71.  
  72.             // Append sorted plushies back to the DOM
  73.             const plushieList = document.querySelector('#plushies-items');
  74.             if (plushieList) {
  75.                 plushies.forEach(({ element }) => plushieList.appendChild(element));
  76.             }
  77.         }
  78.     }
  79.  
  80.     // Throttled observer callback for DOM changes
  81.     const throttle = (callback, delay) => {
  82.         let lastCall = 0;
  83.         return (...args) => {
  84.             const now = Date.now();
  85.             if (now - lastCall >= delay) {
  86.                 lastCall = now;
  87.                 callback(...args);
  88.             }
  89.         };
  90.     };
  91.  
  92.     // Set up a MutationObserver for dynamic content updates
  93.     const observer = new MutationObserver(
  94.         throttle(() => {
  95.             processItems();
  96.         }, 500)
  97.     );
  98.  
  99.     // Observe the list containers for changes
  100.     const flowerTargetNode = document.querySelector('#flowers-items');
  101.     const plushieTargetNode = document.querySelector('#plushies-items');
  102.  
  103.     if (flowerTargetNode) {
  104.         observer.observe(flowerTargetNode, { childList: true, subtree: true });
  105.     }
  106.     if (plushieTargetNode) {
  107.         observer.observe(plushieTargetNode, { childList: true, subtree: true });
  108.     }
  109.  
  110.     // Initial run
  111.     processItems();
  112. })();