Feat: Update for new quickstock page AND add ability to sort

quickStockPricer.js

@@ -1,55 +1,35 @@
 // ==UserScript==
-// @name         Neopets: Quick Stock Pricer
+// @name         Neopets: Quick Stock Pricer (Sortable)
 // @namespace    https://github.com/saahphire/NeopetsUserscripts
-// @version      1.4.0
-// @description  Adds itemDB prices to your Quick Stock page. Updated for the API changes and the new Quick Stock!
-// @author       saahphire
-// @homepageURL  https://github.com/saahphire/NeopetsUserscripts
-// @homepage     https://github.com/saahphire/NeopetsUserscripts
-// @downloadURL  https://github.com/saahphire/NeopetsUserscripts/blob/main/quickStockPricer.js
-// @updateURL    https://github.com/saahphire/NeopetsUserscripts/blob/main/quickStockPricer.js
+// @version      1.4.2
+// @description  Adds itemDB prices to your Quick Stock page. Updated to bypass third-party cookie blocking and adds sorting.
+// @author       saahphire (modded by valkyrie1248)
 // @match        *://*.neopets.com/quickstock.phtml*
 // @icon         https://www.google.com/s2/favicons?sz=64&domain=neopets.com
 // @license      Unlicense
-// @require      https://update.greasyfork.org/scripts/567036/1759045/itemDB%20Fetch%20Lib.js
+// @grant        GM_xmlhttpRequest
+// @connect      itemdb.com.br
 // ==/UserScript==
 
-/*
-•:•.•:•.•:•:•:•:•:•:•:••:•.•:•.•:•:•:•:•:•:•:•:•.•:•.•:•:•:•:•:•:•:••:•.•:•.•:•.•:•:•:•:•:•:•:•:•.•:•:•.•:•.••:•.•:•.••:
-........................................................................................................................
-☆ ⠂⠄⠄⠂⠁⠁⠂⠄⠄⠂✦ ⠂⠄⠄⠂⠁⠁⠂⠄⠄⠂☆ ⠂⠄⠄⠂⠁⠁⠂⠄⠄⠂✦ ⠂⠄⠄⠂⠁⠁⠂⠄⠂⠄⠄⠂☆ ⠂⠄⠄⠂⠁⠁⠂⠄⠄⠂✦ ⠂⠄⠄⠂⠁⠁⠂⠄⠂⠄⠄⠂☆ ⠂⠄⠄⠂⠁⠁⠂⠄⠄⠂✦
-    The other Quick Stock Pricer isn't updated for itemDB's API changes yet, meaning it'll stop working soon.
-    This script adds prices to a new line in each item name, sourced by itemDB. Please keep in mind you must open itemDB
-    at least once every 24h (without logging in) or 14 days (logging in) in the same device you use this userscript in.
-    This is due to their API policies, that have changed in March 2026.
-
-    https://itemdb.com.br/contribute
-
-    ✦ ⌇ saahphire
-☆ ⠂⠄⠄⠂⠁⠁⠂⠄⠄⠂✦ ⠂⠄⠄⠂⠁⠁⠂⠄⠄⠂☆ ⠂⠄⠄⠂⠁⠁⠂⠄⠄⠂✦ ⠂⠄⠄⠂⠁⠁⠂⠄⠂⠄⠄⠂☆ ⠂⠄⠄⠂⠁⠁⠂⠄⠄⠂✦ ⠂⠄⠄⠂⠁⠁⠂⠄⠂⠄⠄⠂☆ ⠂⠄⠄⠂⠁⠁⠂⠄⠄⠂✦
-........................................................................................................................
-•:•.•:•.•:•:•:•:•:•:•:••:•.•:•.•:•:•:•:•:•:•:•:•.•:•.•:•:•:•:•:•:•:••:•.•:•.•:•.•:•:•:•:•:•:•:•:•.•:•:•.•:•.••:•.•:•.••:
-*/
-
 const getItemName = (cell) => cell.childNodes[0].childNodes[0].textContent;
 
 const addInfoToCell = (info) => {
     const p = document.createElement('p');
-    if(info.price?.value) {
+    if(info && info.price?.value) {
         p.textContent = `${info.price.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")} NP`;
         p.dataset.price = info.price.value;
         p.title = new Date(info.price.addedAt).toLocaleString();
         if(info.price.inflated) p.classList.add('saahphire-quickstockpricer-inflated');
     }
     else {
         p.textContent = 'No price found';
-        console.log('Couldn\'t find a price in', info);
+        p.dataset.price = 0; // Ensures items without prices sort to the bottom
     }
-    if(info.saleStatus) p.classList.add(`saahphire-quickstockpricer-${info.saleStatus.status}`);
+    if(info && info.saleStatus) p.classList.add(`saahphire-quickstockpricer-${info.saleStatus.status}`);
     return p;
 }
 
-const css = `<style>
+const css = `<style id="saahphire-styles">
 .saahphire-quickstockpricer-hts, .saahphire-quickstockpricer-ets, .saahphire-quickstockpricer-regular {
     margin: 0;
     &::after {
@@ -66,21 +46,108 @@ const css = `<style>
     content: "ETS";
     color: green;
 }
+.gemini-sort-btn {
+    margin-bottom: 15px;
+    padding: 8px 16px;
+    background-color: #4f46e5;
+    color: white;
+    border-radius: 6px;
+    font-weight: bold;
+    cursor: pointer;
+    border: none;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    transition: background-color 0.2s;
+}
+.gemini-sort-btn:hover {
+    background-color: #4338ca;
+}
 </style>`;
 
-const init = async () => {
+let sortDescending = true;
+
+const addSortButton = () => {
+    const table = document.querySelector('.quickstock-table');
+    if (!table || document.getElementById('gemini-sort-btn')) return;
+
+    const btn = document.createElement('button');
+    btn.id = 'gemini-sort-btn';
+    btn.className = 'gemini-sort-btn';
+    btn.innerHTML = '💰 Sort by Market Price (High to Low)';
+
+    btn.onclick = (e) => {
+        e.preventDefault(); // Prevent form submission
+        const tbody = table.querySelector('tbody');
+
+        // Grab all rows except the final submit row
+        const rows = Array.from(tbody.querySelectorAll('tr')).filter(row => row.querySelector('td.text-left'));
+
+        rows.sort((a, b) => {
+            const priceP_A = a.querySelector('p[data-price]');
+            const priceP_B = b.querySelector('p[data-price]');
+
+            const priceA = priceP_A ? parseInt(priceP_A.dataset.price, 10) : 0;
+            const priceB = priceP_B ? parseInt(priceP_B.dataset.price, 10) : 0;
+
+            return sortDescending ? priceB - priceA : priceA - priceB;
+        });
+
+        // Re-append sorted rows to the DOM
+        rows.forEach(row => tbody.appendChild(row));
+
+        sortDescending = !sortDescending;
+        btn.innerHTML = sortDescending ? '💰 Sort by Market Price (High to Low)' : '💰 Sort by Market Price (Low to High)';
+    };
+
+    // Insert the button just above the table container
+    table.parentNode.insertBefore(btn, table);
+}
+
+const init = () => {
     const cells = document.querySelectorAll('tr:not(:last-child) td.text-left:first-child');
-    const names = [...cells].map(getItemName);
-    if(!names.length) return;
-    window.postMessage('Saahphire Quick Stock Pricer here');
-    const response = await fetch(`https://itemdb.com.br/api/v1/items/many?name[]=${names.join('&name[]=')}`, {credentials: 'include'});
-    const items = await response.json();
-    cells.forEach(cell => cell.appendChild(addInfoToCell(items[getItemName(cell)])));
-    document.head.insertAdjacentHTML('beforeend', css);
+    const unassignedCells = Array.from(cells).filter(cell => !cell.querySelector('p'));
+
+    if(!unassignedCells.length) return;
+
+    const names = unassignedCells.map(getItemName);
+    const url = `https://itemdb.com.br/api/v1/items/many?name[]=${names.join('&name[]=')}`;
+
+    GM_xmlhttpRequest({
+        method: "GET",
+        url: url,
+        onload: function(response) {
+            if (response.status === 200) {
+                try {
+                    const items = JSON.parse(response.responseText);
+                    unassignedCells.forEach(cell => cell.appendChild(addInfoToCell(items[getItemName(cell)])));
+
+                    if (!document.getElementById('saahphire-styles')) {
+                        document.head.insertAdjacentHTML('beforeend', css);
+                    }
+
+                    // Inject the sort button after prices are populated
+                    addSortButton();
+
+                } catch (e) {
+                    console.error("Quick Stock Pricer: Failed to parse itemDB response.", e);
+                }
+            } else {
+                console.error("Quick Stock Pricer: itemDB API returned an error:", response.status);
+            }
+        },
+        onerror: function(err) {
+            console.error("Quick Stock Pricer: Network request failed completely.", err);
+        }
+    });
 }
 
 (function() {
     'use strict';
     const observer = new MutationObserver(init);
-    observer.observe(document.querySelector('#quickstock-app > div'), {childList: true});
+    const checkExist = setInterval(function() {
+       const appDiv = document.querySelector('#quickstock-app > div');
+       if (appDiv) {
+          clearInterval(checkExist);
+          observer.observe(appDiv, {childList: true});
+       }
+    }, 100);
 })();