☰

Spotify Playlist Sorter

Sorts Spotify Web Player playlists by track name.

  1. // ==UserScript==
  2. // @name         Spotify Playlist Sorter
  3. // @namespace    https://gist.github.com/GamrCorps/
  4. // @version      1.6.1
  5. // @description  Sorts Spotify Web Player playlists by track name.
  6. // @author       ZekNikZ
  7. // @match        https://open.spotify.com/*
  8. // @grant        none
  9. // ==/UserScript==
  10. var zkz_swp_d = false;
  11.  
  12. function zkz_srt() {
  13.     if (!zkz_swp_d) {
  14.         var btn1 = document.createElement('BUTTON');
  15.         btn1.appendChild(document.createTextNode('N'));
  16.         btn1.setAttribute("style", "margin-left: .5em;");
  17.         btn1.onclick = zkz_srt;
  18.         document.getElementsByClassName('now-playing-bar__right')[0].appendChild(btn1);
  19.         
  20.         var btn3 = document.createElement('BUTTON');
  21.         btn3.appendChild(document.createTextNode('A'));
  22.         btn3.setAttribute("style", "margin-left: .5em;");
  23.         btn3.onclick = zkz_srt_art;
  24.         document.getElementsByClassName('now-playing-bar__right')[0].appendChild(btn3);
  25.         
  26.         var btn2 = document.createElement('BUTTON');
  27.         btn2.appendChild(document.createTextNode('#'));
  28.         btn2.setAttribute("style", "margin-left: .5em;");
  29.         btn2.onclick = zkz_srt_num;
  30.         document.getElementsByClassName('now-playing-bar__right')[0].appendChild(btn2);
  31.         
  32.         zkz_swp_d = true;
  33.     }
  34.     
  35.     console.log('SORTING PLAYLIST BY NAME...');
  36.  
  37.     var list = document.getElementsByClassName('tracklist');
  38.  
  39.     var items = list[0].childNodes;
  40.     var itemsArr = [];
  41.     for (var i in items) {
  42.         if (items[i].nodeType == 1) { // get rid of the whitespace text nodes
  43.             itemsArr.push(items[i]);
  44.         }
  45.     }
  46.  
  47.     itemsArr.sort(function(a, b) {
  48.         var _a = a.getElementsByClassName('track-name')[0].innerHTML;
  49.         var _b = b.getElementsByClassName('track-name')[0].innerHTML;
  50.         return _a == _b ? 0 : (_a > _b ? 1 : -1);
  51.     });
  52.  
  53.     for (i = 0; i < itemsArr.length; ++i) {
  54.         list[0].appendChild(itemsArr[i]);
  55.     }
  56. }
  57.  
  58. function zkz_srt_num() {
  59.     console.log('SORTING PLAYLIST BY NUMBER...');
  60.  
  61.     var list = document.getElementsByClassName('tracklist');
  62.  
  63.     var items = list[0].childNodes;
  64.     var itemsArr = [];
  65.     for (var i in items) {
  66.         if (items[i].nodeType == 1) { // get rid of the whitespace text nodes
  67.             itemsArr.push(items[i]);
  68.         }
  69.     }
  70.  
  71.     itemsArr.sort(function(a, b) {
  72.         var _a = parseFloat(a.getElementsByClassName('position top-align')[0].innerHTML);
  73.         var _b = parseFloat(b.getElementsByClassName('position top-align')[0].innerHTML);
  74.         return _a == _b ? 0 : (_a > _b ? 1 : -1);
  75.     });
  76.  
  77.     for (i = 0; i < itemsArr.length; ++i) {
  78.         list[0].appendChild(itemsArr[i]);
  79.     }
  80. }
  81.  
  82. function zkz_srt_art() {
  83.     console.log('SORTING PLAYLIST BY ARTIST...');
  84.  
  85.     var list = document.getElementsByClassName('tracklist');
  86.  
  87.     var items = list[0].childNodes;
  88.     var itemsArr = [];
  89.     for (var i in items) {
  90.         if (items[i].nodeType == 1) { // get rid of the whitespace text nodes
  91.             itemsArr.push(items[i]);
  92.         }
  93.     }
  94.  
  95.     itemsArr.sort(function(a, b) {
  96.         var _a = a.getElementsByClassName('artists-album')[0].textContent;
  97.         var _b = b.getElementsByClassName('artists-album')[0].textContent;
  98.         return _a == _b ? 0 : (_a > _b ? 1 : -1);
  99.     });
  100.  
  101.     for (i = 0; i < itemsArr.length; ++i) {
  102.         list[0].appendChild(itemsArr[i]);
  103.     }
  104. }
  105.  
  106. (function() {
  107.     'use strict';
  108.     window.onload = zkz_srt;
  109. })();