☰

pixiv_sort_by_popularity

non premium menber use "Sort by popularity"

当前为 2021-01-02 提交的版本，查看 最新版本。

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