☰

pixiv_sort_by_popularity

non premium menber use "Sort by popularity"

  1. // ==UserScript==
  2. // @name        pixiv_sort_by_popularity
  3. // @name:zh-CN        pixiv_sort_by_popularity
  4. // @name:zh-TW        pixiv_sort_by_popularity
  5. // @name:ja        pixiv_sort_by_popularity
  6. // @name:ru        pixiv_sort_by_popularity
  7. // @name:kr        pixiv_sort_by_popularity
  8. // @namespace   pixiv_sort_by_popularity
  9. // @supportURL  https://github.com/zhuzemin
  10. // @description non premium menber use "Sort by popularity"
  11. // @description:zh-CN non premium menber use "Sort by popularity"
  12. // @description:zh-TW non premium menber use "Sort by popularity"
  13. // @description:ja non premium menber use "Sort by popularity"
  14. // @description:ru non premium menber use "Sort by popularity"
  15. // @description:kr non premium menber use "Sort by popularity"
  16. // @include     https://www.pixiv.net/*/tags/*
  17. // @include     https://www.pixiv.net/tags/*
  18. // @version     1.28
  19. // @run-at      document-end
  20. // @author      zhuzemin
  21. // @license     Mozilla Public License 2.0; http://www.mozilla.org/MPL/2.0/
  22. // @license     CC Attribution-ShareAlike 4.0 International; http://creativecommons.org/licenses/by-sa/4.0/
  23. // @grant       GM_xmlhttpRequest
  24. // @grant         GM_registerMenuCommand
  25. // @grant         GM_setValue
  26. // @grant         GM_getValue
  27. // @connect-src workers.dev
  28. // ==/UserScript==
  29.  
  30.  
  31. //this userscript desire for free member use "Sort by popularity"
  32.  
  33.  
  34. //config
  35. let config = {
  36.     'debug': false,
  37.     api: {
  38.         'base': 'https://proud-surf-e590.zhuzemin.workers.dev',
  39.         //pixiv search request through this url will use premium user.
  40.         'ajax': '/ajax',
  41.         //get premium users number
  42.         'userNum': '/userNum',
  43.         //share cookie
  44.         'share': '/share',
  45.         'guides': 'https://zhuzemin.github.io/pixiv_sort_by_popularity',
  46.         'bookmark': 'https://www.pixiv.net/bookmark.php?rest=show&p=',
  47.     },
  48.     'elem': {
  49.         'nav': null,
  50.         'btn': null,
  51.         'div': null,
  52.         'span': null,
  53.         'select': null,
  54.     },
  55.     'firstInsert': true,
  56.     'bookmarkSupport': GM_getValue('bookmarkSupport') || 0, //support bookmark in search result page, but loading will slower.
  57.     'illustId_list': [],
  58. }
  59. config.api.ajax = config.api.base + config.api.ajax;
  60. config.api.userNum = config.api.base + config.api.userNum;
  61. config.api.share = config.api.base + config.api.share;
  62. let debug = config.debug ? console.log.bind(console) : function () {
  63. };
  64.  
  65.  
  66. // prepare UserPrefs
  67. setUserPref(
  68.     'bookmarkSupport',
  69.     config.bookmarkSupport,
  70.     'bookmark support',
  71.     `support bookmark in search result page, but loading will slower. 1|0`,
  72. );
  73.  
  74.  
  75. // prepare UserPrefs
  76. setUserPref(
  77.     'shareCookie',
  78.     'PHPSESSID=***_******, 30',
  79.     'Share my cookie',
  80.     `This script depend pixiv premium user share his cookie, for keep script working need at least one user register pixiv premium and share his cookie.\n 
  81.     cookie will save in remote server, use to forward sort request , only i can access that server, 
  82.     and server is runing in a long history free host, unless pixiv fix this bug, script will working very long time.
  83.     because security strategy of browser, userscript can't get cookie automaticatlly,\n
  84.     here is a guides to teach you get cookie, than you can come back fill those parameters below.
  85.     *Guides----> `+ config.api.guides + `
  86.     *Second parameter is how many days you want cookie be share.`,
  87.     shareCookie,
  88. );
  89.  
  90.  
  91. /**
  92.  * Obejct use for xmlHttpRequest
  93.  * @param {string} originUrl
  94.  * @param {int} page
  95.  * @param {string} order
  96.  */
  97. class requestObject {
  98.     constructor(originUrl, page = null, order = null) {
  99.         this.method = 'GET';
  100.         this.respType = 'json';
  101.         this.url = originUrl;
  102.         if (order != null) {
  103.             this.url = config.api.ajax + '/' + originUrl
  104.                 .replace(/(https:\/\/www.pixiv.net)(\/\w+)?\/tags\/([^\/]+)\/(\w+)([\?&\w=&_]+)?/,
  105.                     function (match, $1, $2, $3, $4, $5, offset, original) {
  106.                         //return '${$1}/ajax/search/${$4}/${$3}${$5}';
  107.                         return $1 + '/ajax/search/' + $4 + '/' + $3 + $5;
  108.                     })
  109.                 //.replace(/p=\d*/, 'p=' + page).replace(/order=[_\w]+/, 'order=' + order);
  110.                 .replace(/p=\d+/, '').replace(/order=[_\w]+/, '') + '&p=' + page + '&order=' + order;
  111.         }
  112.         else if (page != null) {
  113.             this.url = originUrl + page;
  114.         }
  115.         this.body = null;
  116.         this.headers = {
  117.             "Content-Type": "application/x-www-form-urlencoded",
  118.             'User-agent': window.navigator.userAgent,
  119.             'Referer': window.location.href,
  120.         };
  121.         this.package = null;
  122.     }
  123. }
  124.  
  125.  
  126. //for override fetch, I think override function sure insert to page, otherwise userscript don't have permission modified fetch in page?
  127. function addJS_Node(text) {
  128.     let scriptNode = document.createElement('script');
  129.     scriptNode.type = "text/javascript";
  130.     if (text) scriptNode.textContent = text;
  131.  
  132.     let targ = document.getElementsByTagName('head')[0] || d.body || d.documentElement;
  133.     targ.appendChild(scriptNode);
  134. }
  135.  
  136.  
  137. //override fetch
  138. function intercept(newData, newUrl, interceptEnable) {
  139.     if (config.firstInsert) {
  140.         //insert override function to page
  141.         addJS_Node(`
  142.         let newData = `+ newData + `;
  143.         let interceptEnable = `+ interceptEnable + `;
  144.         let newUrl = '`+ newUrl + `';
  145.         let debug = `+ config.debug + ` ? console.log.bind(console) : function () {
  146.         };
  147.         let constantMock = window.fetch;
  148.         window.fetch = function () {
  149.             debug('arguments: ' + arguments[0]);
  150.             debug('newUrl: ' + newUrl);
  151.             if (interceptEnable && /\\/ajax\\/search\\/artworks/.test(arguments[0])) {
  152.                 arguments[0] = newUrl;
  153.             }
  154.             return new Promise((resolve, reject) => {
  155.                 constantMock.apply(this, arguments)
  156.                     .then((response) => {
  157.                         if (interceptEnable && /\\/ajax\\/search\\/artworks/.test(response.url)) {
  158.                             let blob = new Blob([JSON.stringify(newData, null, 2)], { type: 'application/json' });
  159.                             debug('newData: ' + JSON.stringify(newData));
  160.         
  161.                             let newResponse = new Response(
  162.                                 blob, {
  163.                                 status: response.status,
  164.                                 statusText: response.statusText,
  165.                                 headers: response.headers
  166.                             });
  167.                             debug('newResponse: ' + JSON.stringify(newResponse));
  168.                             response = newResponse;
  169.                             interceptEnable = false;
  170.                         }
  171.                         resolve(response);
  172.                     })
  173.                     .catch((error) => {
  174.                         reject(response);
  175.                     })
  176.             });
  177.         }
  178.              `);
  179.         config.firstInsert = false;
  180.     }
  181.     else {
  182.         addJS_Node(`
  183.         newData = `+ newData + `;
  184.         interceptEnable = `+ interceptEnable + `;
  185.         newUrl = '`+ newUrl + `';
  186.         `);
  187.     }
  188.     //here is script end,
  189.     //in console ,log show fetch response body has been changed <--- not very sure
  190.     //and page have react ---> stay blank for ever
  191.     //my confuse is: even comment "return data" (line:93), page still return blank,
  192.     //that makes me wonder: maybe this override function miss something.
  193.     //if my terrible code can be understanding somehow,
  194.     //and knoa san have nothing else todo in leisure time,
  195.     //knoa san can you take while, look my newbie problem?
  196.     //of cource if too painful read my code, I totally understand!
  197.     //knoa san can read to here already be my greatest honor, and I'm very happy!
  198. }
  199.  
  200.  
  201. //userscript entry
  202. let init = function () {
  203.     //create button
  204.     if (window.self === window.top) {
  205.         debug("init");
  206.         let interval = setInterval(function () {
  207.             let navList = document.querySelectorAll('nav');
  208.             debug('navList.length: ' + navList.length)
  209.             if (navList.length == 2) {
  210.                 clearInterval(interval);
  211.                 config.elem.btn = document.createElement('button');
  212.                 config.elem.btn.textContent = 'Sort by popularity';
  213.                 config.elem.btn.addEventListener('click', sortByPopularity);
  214.                 config.elem.btn.disabled = true;
  215.                 config.elem.select = document.createElement('select');
  216.                 //config.elem.select.id = 'sortByPopularity';
  217.                 let optionObj = {
  218.                     'Popular with all': 'popular_d',
  219.                     'Popular (male)': 'popular_male_d',
  220.                     'Popular (female)': 'popular_female_d'
  221.                 }
  222.                 for (let key of Object.keys(optionObj)) {
  223.                     let option = document.createElement('option');
  224.                     option.innerHTML = key;
  225.                     option.value = optionObj[key];
  226.                     config.elem.select.appendChild(option);
  227.                 }
  228.                 config.elem.span = document.createElement('span');
  229.                 config.elem.span.className = 'tooltiptext';
  230.                 config.elem.div = document.createElement('div');
  231.                 config.elem.div.className = 'tooltip';
  232.                 config.elem.nav = navList[0];
  233.                 config.elem.div.appendChild(config.elem.btn);
  234.                 config.elem.div.appendChild(config.elem.select);
  235.                 config.elem.div.appendChild(config.elem.span);
  236.                 config.elem.nav.appendChild(config.elem.div);
  237.                 if (config.bookmarkSupport == 1) {
  238.                     if (unsafeWindow.dataLayer[0].login != 'yes') {
  239.                         config.elem.span.textContent = 'bookmark support need login';
  240.                         return;
  241.                     }
  242.                 }
  243.                 getPreUserNum();
  244.             }
  245.         }, 1000);
  246.         let style = document.createElement('style');
  247.         style.textContent = `
  248.         .tooltip {
  249.           position: relative;
  250.           display: inline-block;
  251.         }
  252.         
  253.         .tooltip .tooltiptext {
  254.           visibility: hidden;
  255.           width: 500px;
  256.           background-color: white;
  257.           color: black;
  258.           text-align: center;
  259.           border-radius: 3px;
  260.           padding: 5px 0;
  261.         
  262.           /* Position the tooltip */
  263.           position: absolute;
  264.           z-index: 1;
  265.         }
  266.         
  267.         .tooltip:hover .tooltiptext {
  268.           visibility: visible;
  269.         }
  270.         `;
  271.         document.querySelector('head').appendChild(style);
  272.  
  273.     }
  274.  
  275. }
  276. window.addEventListener('DOMContentLoaded', init);
  277.  
  278.  
  279. //get current search word, then use xmlHttpRequest get response(from my server)
  280. function sortByPopularity(e) {
  281.     config.elem.btn.focus();
  282.     config.elem.btn.textContent = 'Searching...'
  283.     config.elem.btn.disabled = true;
  284.     try {
  285.         let page;
  286.         //let matching=window.location.href.match(/https:\/\/www\.pixiv\.net\/(\w*\/)?tags\/(.*)\/\w*\?(order=[^\?&]*)?&?(mode=(\w\d*))?&?(p=(\d*))?/);
  287.         debug(e.target.tagName);
  288.         if (/(\d*)/.test(e.target.textContent) && (e.target.tagName.toLowerCase() == 'span' || e.target.tagName.toLowerCase() == "a")) {
  289.             page = e.target.textContent.match(/(\d*)/)[1];
  290.         }
  291.         else if (e.target.tagName.toLowerCase() == 'svg' || e.target.tagName.toLowerCase() == 'polyline') {
  292.             debug('e.target.parentElement.tagName: ' + e.target.parentElement.tagName);
  293.             if (e.target.parentElement.tagName.toLowerCase() == 'a') {
  294.                 page = e.target.parentElement.href.match(/p=(\d*)/)[1];
  295.  
  296.             }
  297.             else {
  298.                 page = e.target.parentElement.parentElement.href.match(/p=(\d*)/)[1];
  299.  
  300.             }
  301.         }
  302.         //for test
  303.         /*else if(matching[7]!=null){
  304.             page=matching[7];
  305.         }*/
  306.         else {
  307.             page = 1;
  308.         }
  309.         page = parseInt(page);
  310.         debug('page: ' + page);
  311.         //let order = document.querySelector('#sortByPopularity').value;
  312.         let order = config.elem.select.value;
  313.         debug('order: ' + order);
  314.         let obj = new requestObject(window.location.href, page, order);
  315.         obj.package = page;
  316.         debug('JSON.stringify(obj): ' + JSON.stringify(obj));
  317.         getBookmark(obj);
  318.  
  319.     }
  320.     catch (e) {
  321.         debug('[Error]: ' + e)
  322.     }
  323.  
  324. }
  325.  
  326.  
  327. function getBookmark(obj, totalPage = 1, page = 1) {
  328.     debug('config.bookmarkSupport: ' + config.bookmarkSupport);
  329.     if (config.bookmarkSupport == 1) {
  330.         let reqObj = new requestObject(config.api.bookmark, page);
  331.         reqObj.respType = 'text';
  332.         request(reqObj, function (responseDetails, package) {
  333.             if (responseDetails.responseText != null) {
  334.                 let dom = new DOMParser().parseFromString(responseDetails.responseText, "text/html");
  335.                 let count_badge = parseInt(dom.querySelector('span.count-badge').textContent.match(/(\d{1,9})/)[1]);
  336.                 if (count_badge > 0) {
  337.                     for (let elem of dom.querySelectorAll('li.image-item')) {
  338.                         let illustId = elem.querySelector('a').href.match(/(\d{1,20})/)[1];
  339.                         debug('illustId: ' + illustId);
  340.                         config.illustId_list.push(illustId);
  341.                     }
  342.                     let elm_page_list = dom.querySelector('ul.page-list');
  343.                     if (elm_page_list != null) {
  344.                         totalPage = elm_page_list.childElementCount;
  345.                         debug('totalPage: ' + totalPage);
  346.                     }
  347.                 }
  348.                 if (page != totalPage) {
  349.                     page++;
  350.                     getBookmark(obj, totalPage, page);
  351.                     debug('page: ' + page);
  352.                 }
  353.                 else {
  354.                     debug('config.illustId_list: ' + config.illustId_list);
  355.                     request(obj, replaceContent);
  356.  
  357.                 }
  358.  
  359.             }
  360.             else {
  361.                 request(obj, replaceContent);
  362.             }
  363.         });
  364.  
  365.     }
  366.     else {
  367.         debug('config.illustId_list: ' + config.illustId_list);
  368.         request(obj, replaceContent);
  369.  
  370.     }
  371. }
  372.  
  373.  
  374. function replaceContent(responseDetails, obj) {
  375.     let page = obj.package;
  376.     debug("responseDetails.response: " + JSON.stringify(responseDetails.response));
  377.     let remoteResponse = responseDetails.response;
  378.     if (config.illustId_list.length > 0) {
  379.         for (let data of remoteResponse.body.illustManga.data) {
  380.             debug('data.illustId: ' + data.id);
  381.             if (config.illustId_list.includes(data.id)) {
  382.                 debug('data.illustId: ' + data.id);
  383.                 data.bookmarkData = { "id": "123", "private": false };
  384.             }
  385.         }
  386.     }
  387.     debug("remoteResponse: " + JSON.stringify(remoteResponse));
  388.     let newData = JSON.stringify(remoteResponse, null, 2);
  389.     let interceptEnable = true;
  390.     let newUrl = obj.url.replace(config.api.ajax + '/https://www.pixiv.net', '');
  391.     intercept(newData, newUrl, interceptEnable);
  392.     //trigger fetch by click "Newest" or "Oldest"
  393.     let spanList = document.querySelectorAll('span');
  394.     for (let span of spanList) {
  395.         if (/(Newest)|(Oldest)|(按最新排序)|(按旧|舊排序)|(新しい順)|(古い順)|(최신순)|(과거순)/.test(span.textContent)) {
  396.             if (span.parentElement.tagName.toLowerCase() == 'a') {
  397.                 span.parentElement.click();
  398.                 break;
  399.             }
  400.         }
  401.     }
  402.     let interval = setInterval(function () {
  403.         let navList = document.querySelectorAll('nav');
  404.         debug('navList.length: ' + navList.length)
  405.         if (navList.length == 2) {
  406.             let nav = navList[1];
  407.             debug('nav: ' + nav.innerHTML)
  408.             nav.addEventListener('click', sortByPopularity);
  409.             for (let a of nav.querySelectorAll('a')) {
  410.                 a.addEventListener('click', function (e) { e.preventDefault(); });
  411.             }
  412.             if (page <= 7 && page > 1) {
  413.                 //nav button "1" text -> current page number
  414.                 nav.childNodes[1].childNodes[0].innerText = page;
  415.                 //nav button "1" href -> current page href
  416.                 nav.childNodes[1].href = nav.childNodes[page].href;
  417.                 //current page button text -> "1"
  418.                 nav.childNodes[page].innerText = 1;
  419.                 //current page button href -> origin nav button "1" href
  420.                 nav.childNodes[page].href = nav.childNodes[0].href;
  421.                 //switch two button positon
  422.                 nav.insertBefore(nav.childNodes[1], nav.childNodes[page]);
  423.                 nav.insertBefore(nav.childNodes[page], nav.childNodes[1]);
  424.  
  425.             }
  426.             else if (page > 7) {
  427.                 let currentPositionInNav = page % 7;
  428.                 debug("currentPositionInNav: " + currentPositionInNav);
  429.                 let buttonStartNumber = page - currentPositionInNav;
  430.                 debug("buttonStartNumber: " + buttonStartNumber);
  431.                 let navButtonCount = 1;
  432.                 //switch two button positon
  433.                 nav.insertBefore(nav.childNodes[1], nav.childNodes[currentPositionInNav + 1]);
  434.                 nav.insertBefore(nav.childNodes[currentPositionInNav + 1], nav.childNodes[1]);
  435.                 for (let i = buttonStartNumber; i <= (buttonStartNumber + 6); i++) {
  436.                     debug("navButtonCount: " + navButtonCount);
  437.                     debug("i: " + i);
  438.                     nav.childNodes[navButtonCount].childNodes[0].innerText = i;
  439.                     nav.childNodes[navButtonCount].href = nav.childNodes[8].href.replace(/p=\d*/, 'p=' + (i));
  440.                     navButtonCount++;
  441.                 }
  442.             }
  443.             if (page != 1) {
  444.                 //display previous button
  445.                 nav.childNodes[0].style = 'opacity:1!important;';
  446.                 //previous button href
  447.                 nav.childNodes[0].href = nav.childNodes[8].href.replace(/p=\d*/, 'p=' + (page - 1));
  448.                 //next button href
  449.                 nav.childNodes[8].href = nav.childNodes[8].href.replace(/p=\d*/, 'p=' + (page + 1));
  450.  
  451.             }
  452.             config.elem.btn.textContent = 'Sort by popularity';
  453.             config.elem.btn.disabled = false;
  454.             clearInterval(interval);
  455.  
  456.         }
  457.     }, 1000);
  458. }
  459.  
  460.  
  461. function request(object, func, timeout = 60000) {
  462.     GM_xmlhttpRequest({
  463.         method: object.method,
  464.         url: object.url,
  465.         headers: object.headers,
  466.         responseType: object.respType,
  467.         data: object.body,
  468.         timeout: timeout,
  469.         onload: function (responseDetails) {
  470.             debug(responseDetails);
  471.             //Dowork
  472.             func(responseDetails, object);
  473.         },
  474.         ontimeout: function (responseDetails) {
  475.             debug(responseDetails);
  476.             //Dowork
  477.             func(responseDetails);
  478.  
  479.         },
  480.         ononerror: function (responseDetails) {
  481.             debug(responseDetails);
  482.             //Dowork
  483.             func(responseDetails);
  484.  
  485.         }
  486.     });
  487. }
  488.  
  489.  
  490. //get premium users number
  491. function getPreUserNum() {
  492.     debug('getPreUserNum');
  493.     let obj = new requestObject(config.api.userNum);
  494.     obj.respType = 'json';
  495.     request(obj, function (responseDetails) {
  496.         debug('responseDetails.status: ' + responseDetails.status);
  497.         if (responseDetails.status == 200) {
  498.             let json = responseDetails.response;
  499.             let num = json.data.userNum;
  500.             debug('num: ' + num);
  501.             if (num > 0) {
  502.                 config.elem.btn.disabled = false;
  503.             }
  504.             config.elem.span.textContent = 'Current shared premium user: ' + num;
  505.         }
  506.     });
  507. }
  508.  
  509.  
  510. /**
  511.  * Create a user setting prompt
  512.  * @param {string} varName
  513.  * @param {any} defaultVal
  514.  * @param {string} menuText
  515.  * @param {string} promtText
  516.  * @param {function} func
  517.  */
  518. function setUserPref(varName, defaultVal, menuText, promtText, func = null) {
  519.     GM_registerMenuCommand(menuText, function () {
  520.         let val = prompt(promtText, GM_getValue(varName, defaultVal));
  521.         if (val === null) { return; }  // end execution if clicked CANCEL
  522.         GM_setValue(varName, val);
  523.         if (func != null) {
  524.             func(val);
  525.         }
  526.     });
  527. }
  528.  
  529.  
  530. //share cookie
  531. function shareCookie(val) {
  532.     if (/PHPSESSID=\d+_\w+,\s?\d+/.test(val)) {
  533.         if (unsafeWindow.dataLayer[0].premium == 'yes') {
  534.             let array = val.split(',');
  535.             let userId = unsafeWindow.dataLayer[0].user_id;
  536.             let cookie = array[0];
  537.             let expire = array[1].trim();
  538.             let obj = new requestObject(config.api.share);
  539.             obj.method = 'POST';
  540.             obj.respType = 'json';
  541.             obj.body = encodeURIComponent(
  542.                 JSON.stringify(
  543.                     {
  544.                         'key': 'user:' + userId,
  545.                         'value': null,
  546.                         'metadata': {
  547.                             'userId': userId,
  548.                             'cookie': cookie,
  549.                             'expire': expire,
  550.                         },
  551.                     }
  552.                 )
  553.             );
  554.             debug('obj: ' + JSON.stringify(obj));
  555.             request(obj, function (responseDetails) {
  556.                 let json = responseDetails.response;
  557.                 debug('json: ' + JSON.stringify(json));
  558.                 if (responseDetails.status == 200) {
  559.                     if (json.status == 200) {
  560.                         alert('Share success, thank you!');
  561.                     }
  562.                 }
  563.             });
  564.         }
  565.         else {
  566.             alert('You are not premium user.');
  567.         }
  568.     }
  569.     else {
  570.         alert('Parameter invalid.');
  571.     }
  572. }