☰

Greasyfork - Add notes to the script

Add a note(alias/tag) for scripts to help identify and search

As of 17.09.2020. See ბოლო ვერსია.

  1. // ==UserScript==
  2. // @name                Greasyfork - Add notes to the script
  3. // @name:en             Greasyfork - Add notes(aliases/tags) to the script
  4. // @name:zh-CN          Greasyfork - 为脚本添加备注(别名/标签)
  5. // @name:zh-TW          Greasyfork - 為腳本新增備註(別名/標籤)
  6. // @name:ja             Greasyfork - スクリプトにメモを追加する(エイリアス/タグ)
  7. // @name:ko             Greasyfork - 스크립트에 메모 추가 (별칭/태그)
  8. // @name:fr             Greasyfork - Ajouter des notes (alias/tag) au script
  9. // @namespace           https://greatest.deepsurf.us/zh-CN/users/193133-pana
  10. // @homepage            https://www.sailboatweb.com
  11. // @icon                data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBhcmlhLWxhYmVsbGVkYnk9Im5ld0ljb25UaXRsZSIgc3Ryb2tlPSJyZ2JhKDI5LDE2MSwyNDIsMS4wMCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgZmlsbD0ibm9uZSIgY29sb3I9InJnYmEoMjksMTYxLDI0MiwxLjAwKSI+IDx0aXRsZSBpZD0ibmV3SWNvblRpdGxlIj5OZXc8L3RpdGxlPiA8cGF0aCBkPSJNMTkgMTRWMjJIMi45OTk5N1Y0SDEzIi8+IDxwYXRoIGQ9Ik0xNy40NjA4IDQuMDM5MjFDMTguMjQxOCAzLjI1ODE3IDE5LjUwODIgMy4yNTgxNiAyMC4yODkyIDQuMDM5MjFMMjAuOTYwOCA0LjcxMDc5QzIxLjc0MTggNS40OTE4NCAyMS43NDE4IDYuNzU4MTcgMjAuOTYwOCA3LjUzOTIxTDExLjU4NTggMTYuOTE0MkMxMS4yMTA3IDE3LjI4OTMgMTAuNzAyIDE3LjUgMTAuMTcxNiAxNy41TDcuNSAxNy41TDcuNSAxNC44Mjg0QzcuNSAxNC4yOTggNy43MTA3MSAxMy43ODkzIDguMDg1NzkgMTMuNDE0MkwxNy40NjA4IDQuMDM5MjFaIi8+IDxwYXRoIGQ9Ik0xNi4yNSA1LjI1TDE5Ljc1IDguNzUiLz4gPC9zdmc+
  12. // @version             2.1.0
  13. // @description         Add a note(alias/tag) for scripts to help identify and search
  14. // @description:en      Add a note(alias/tag) for scripts to help identify and search
  15. // @description:zh-CN   为脚本添加备注(别名/标签)功能，以帮助识别和搜索
  16. // @description:zh-TW   為腳本新增備註(別名/標籤)功能，以幫助識別和搜尋
  17. // @description:ja      識別と検索に役立つコメント(エイリアス/タグ)関数をスクリプトに追加
  18. // @description:ko      식별 및 검색을 돕기 위해 스크립트에 주석 (별칭/태그) 기능 추가
  19. // @description:fr      Ajouter une fonction de commentaire (alias/tag) au script pour aider à identifier et rechercher
  20. // @author              pana
  21. // @license             GNU General Public License v3.0 or later
  22. // @compatible          chrome
  23. // @compatible          firefox
  24. // @include             http*://*greatest.deepsurf.us/*
  25. // @include             http*://*sleazyfork.org/*
  26. // @require             https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js
  27. // @require             https://greatest.deepsurf.us/scripts/408454-note-obj/code/Note_Obj.js?version=848152
  28. // @grant               GM_info
  29. // @grant               GM.info
  30. // @grant               GM_getValue
  31. // @grant               GM.getValue
  32. // @grant               GM_setValue
  33. // @grant               GM.setValue
  34. // @grant               GM_deleteValue
  35. // @grant               GM.deleteValue
  36. // @grant               GM_listValues
  37. // @grant               GM.listValues
  38. // @grant               GM_openInTab
  39. // @grant               GM.openInTab
  40. // @grant               GM_registerMenuCommand
  41. // @grant               GM_unregisterMenuCommand
  42. // @grant               GM_addValueChangeListener
  43. // @grant               GM_removeValueChangeListener
  44. // ==/UserScript==
  45.  
  46. (async function() {
  47.     'use strict';
  48.     const GF_ICON = {
  49.         'NOTE_BLACK': 'url(data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBhcmlhLWxhYmVsbGVkYnk9Im5ld0ljb25UaXRsZSIgc3Ryb2tlPSJyZ2IoMzgsIDM4LCAzOCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgZmlsbD0ibm9uZSIgY29sb3I9InJnYigzOCwgMzgsIDM4KSI+IDx0aXRsZSBpZD0ibmV3SWNvblRpdGxlIj5OZXc8L3RpdGxlPiA8cGF0aCBkPSJNMTkgMTRWMjJIMi45OTk5N1Y0SDEzIi8+IDxwYXRoIGQ9Ik0xNy40NjA4IDQuMDM5MjFDMTguMjQxOCAzLjI1ODE3IDE5LjUwODIgMy4yNTgxNiAyMC4yODkyIDQuMDM5MjFMMjAuOTYwOCA0LjcxMDc5QzIxLjc0MTggNS40OTE4NCAyMS43NDE4IDYuNzU4MTcgMjAuOTYwOCA3LjUzOTIxTDExLjU4NTggMTYuOTE0MkMxMS4yMTA3IDE3LjI4OTMgMTAuNzAyIDE3LjUgMTAuMTcxNiAxNy41TDcuNSAxNy41TDcuNSAxNC44Mjg0QzcuNSAxNC4yOTggNy43MTA3MSAxMy43ODkzIDguMDg1NzkgMTMuNDE0MkwxNy40NjA4IDQuMDM5MjFaIi8+IDxwYXRoIGQ9Ik0xNi4yNSA1LjI1TDE5Ljc1IDguNzUiLz4gPC9zdmc+)'
  50.     };
  51.     const GF_STYLE = `
  52.         .note-obj-gf-note-btn {
  53.             background-image: ${GF_ICON.NOTE_BLACK};
  54.             background-repeat: no-repeat;
  55.             background-position: center;
  56.             cursor: pointer;
  57.             vertical-align: top;
  58.         }
  59.         .note-obj-gf-info-note-btn {
  60.             background-size: 32px auto;
  61.             width: 32px;
  62.             height: 32px;
  63.             margin-left: 20px;
  64.             display: inline-block;
  65.         }
  66.         .note-obj-gf-library-note-btn {
  67.             background-size: 24px auto;
  68.             width: 24px;
  69.             height: 24px;
  70.             margin-left: 20px;
  71.             display: inline-block;
  72.         }
  73.         .note-obj-gf-list-note-btn {
  74.             background-size: 24px auto;
  75.             width: 24px;
  76.             height: 24px;
  77.             margin-left: 10px;
  78.             display: none;
  79.         }
  80.         .note-obj-gf-ts-note-btn {
  81.             background-size: 16px auto;
  82.             width: 16px;
  83.             height: 16px;
  84.             margin-left: 10px;
  85.             display: none;
  86.             vertical-align: sub;
  87.         }
  88.         ol.script-list li:hover .note-obj-gf-list-note-btn,
  89.         #script-table tbody tr:hover .note-obj-gf-ts-note-btn {
  90.             display: inline-block;
  91.         }
  92.         .note-obj-gf-note-tag,
  93.         .note-obj-gf-ts-note-tag {
  94.             background-color: #3c81df;
  95.             color: #fff;
  96.             display: inline-block;
  97.             align-items: center;
  98.             white-space: nowrap;
  99.             border-radius: 50px;
  100.             padding: 1px 10px;
  101.             line-height: 1em;
  102.         }
  103.         .note-obj-gf-list-note-tag {
  104.             text-decoration: none;
  105.         }
  106.     `;
  107.     function change_Event(note_obj, id = null) {
  108.         let pathname = location.pathname;
  109.         if (/^\/[\w-]+\/scripts\/\d+-/i.test(pathname)) {
  110.             let script_id = /^\/[\w-]+\/scripts\/(\d+)-/i.exec(pathname)[1];
  111.             let ele = document.querySelector('#script-info h2');
  112.             ele && (! id || id == script_id) && note_obj.handler(script_id, ele, null, {
  113.                 'add': 'span',
  114.                 'class': 'note-obj-gf-note-tag'
  115.             });
  116.         } else if (/^\/[\w-]+\/scripts/i.test(pathname) || /^\/[\w-]+\/users\/\d+/i.test(pathname)) {
  117.             let browse_list = document.querySelectorAll('ol.script-list li');
  118.             for (let ele of browse_list) {
  119.                 let script_id = ele.getAttribute('data-script-id');
  120.                 if (script_id) {
  121.                     let header = ele.querySelector('article > h2 > a');
  122.                     header && (! id || id == script_id) && note_obj.handler(script_id, header, null, {
  123.                         'add': 'span',
  124.                         'class': ['note-obj-gf-note-tag', 'note-obj-gf-list-note-tag']
  125.                     });
  126.                 }
  127.             }
  128.             document.querySelectorAll('#script-table tbody tr').forEach(item => {
  129.                 let script_title = item.querySelector('.thetitle a');
  130.                 if (script_title) {
  131.                     let script_id = script_title.href.match(/\d+$/) && script_title.href.match(/\d+$/)[0];
  132.                     (! id || id == script_id) && note_obj.handler(script_id, script_title, null, {
  133.                         'add': 'span',
  134.                         'class': 'note-obj-gf-ts-note-tag'
  135.                     });
  136.                 }
  137.             });
  138.         }
  139.     }
  140.     function init_Script(note_obj) {
  141.         let browse_list = document.querySelectorAll('ol.script-list li');
  142.         for (let ele of browse_list) {
  143.             let script_id = ele.getAttribute('data-script-id');
  144.             if (script_id) {
  145.                 let description = ele.querySelector('.description');
  146.                 let script_name = (ele.querySelector('article > h2 > a') && ele.querySelector('article > h2 > a').textContent) || '';
  147.                 description && ! description.parentNode.querySelector('.note-obj-add-note-btn') && description.before(note_obj.createNoteBtn(script_id, script_name, ['note-obj-gf-note-btn', 'note-obj-gf-list-note-btn']));
  148.                 let header = ele.querySelector('article > h2 > a');
  149.                 header && note_obj.judgeUsers(script_id) && note_obj.handler(script_id, header, null, {
  150.                     'add': 'span',
  151.                     'class': ['note-obj-gf-note-tag', 'note-obj-gf-list-note-tag']
  152.                 }, script_name);
  153.             }
  154.         }
  155.     }
  156.     function init_TS(note_obj) {
  157.         document.querySelectorAll('#script-table tbody tr').forEach(item => {
  158.             let script_title = item.querySelector('.thetitle a');
  159.             if (script_title) {
  160.                 let script_id = script_title.href.match(/\d+$/) && script_title.href.match(/\d+$/)[0];
  161.                 let thetitle = item.querySelector('.thetitle');
  162.                 script_id && thetitle.appendChild(note_obj.createNoteBtn(script_id, script_title.textContent, ['note-obj-gf-note-btn', 'note-obj-gf-ts-note-btn'])); 
  163.                 note_obj.judgeUsers(script_id) && note_obj.handler(script_id, script_title, null, {
  164.                     'add': 'span',
  165.                     'class': 'note-obj-gf-ts-note-tag'
  166.                 }, script_title.textContent);                                       
  167.             }
  168.         });
  169.     }
  170.     async function init() {
  171.         let old_config = await Note_Obj.GM.getValue('greasyfork_config', null);
  172.         if (old_config && old_config.scripts_array) {
  173.             for (let item of old_config.scripts_array) {
  174.                 Note_Obj.GM.setValue(item.id, {
  175.                     'tag': item.tag
  176.                 });
  177.             }
  178.             await Note_Obj.GM.deleteValue('greasyfork_config');
  179.         }
  180.         let note_obj = new Note_Obj('myGreasyForkNote');
  181.         await note_obj.init({
  182.             'style': GF_STYLE,
  183.             'changeEvent': change_Event,
  184.             'script': {
  185.                 'author': {
  186.                     'name': 'pana',
  187.                     'homepage': 'https://www.sailboatweb.com/'
  188.                 },
  189.                 'address': 'https://greatest.deepsurf.us/scripts/404275',
  190.                 'updated': '2020-9-17'
  191.             },
  192.             'itemClick': key => 'https://greatest.deepsurf.us/scripts/' + key,
  193.             'type': 'script'
  194.         });
  195.         let pathname = location.pathname;
  196.         if (/^\/[\w-]+\/scripts\/\d+-/i.test(pathname)) {
  197.             let script_id = /^\/[\w-]+\/scripts\/(\d+)-/i.exec(pathname)[1];
  198.             let install_help_link = document.querySelector('#install-area .install-help-link:last-child');
  199.             let suggestion = document.querySelector('#script-feedback-suggestion');
  200.             let script_name = (document.querySelector('header h2') && document.querySelector('header h2').textContent) || '';
  201.             if (install_help_link) {
  202.                 install_help_link.after(note_obj.createNoteBtn(script_id, script_name, ['note-obj-gf-note-btn', 'note-obj-gf-info-note-btn']));
  203.             } else if (suggestion) {
  204.                 suggestion.appendChild(note_obj.createNoteBtn(script_id, script_name, ['note-obj-gf-note-btn', 'note-obj-gf-library-note-btn']));
  205.             }
  206.             let ele = document.querySelector('#script-info h2');
  207.             ele && note_obj.judgeUsers(script_id) && note_obj.handler(script_id, ele, null, {
  208.                 'add': 'span',
  209.                 'class': 'note-obj-gf-note-tag'
  210.             }, script_name);
  211.         } else if (/^\/[\w-]+\/scripts/i.test(pathname) || /^\/[\w-]+\/users\/\d+/i.test(pathname)) {
  212.             init_Script(note_obj);
  213.             let browse_script_list = document.querySelector('#browse-script-list');
  214.             if (browse_script_list) {
  215.                 let script_observer = new MutationObserver(() => {
  216.                     init_Script(note_obj);
  217.                 });
  218.                 script_observer.observe(browse_script_list, {
  219.                     'childList': true
  220.                 });
  221.             }
  222.             init_TS(note_obj);
  223.             let ts_tbody = document.querySelector('#script-table tbody');
  224.             if (ts_tbody) {
  225.                 let observer = new MutationObserver(() => {
  226.                     init_TS(note_obj);
  227.                 });
  228.                 observer.observe(ts_tbody, {
  229.                     'childList': true
  230.                 });
  231.             }
  232.         }
  233.     }
  234.     init();
  235. })();