Greasy Fork is available in English.

Greasyfork - Add notes to the script

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

Pada tanggal 21 September 2020. Lihat %(latest_version_link).

  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.1
  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=850079
  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. if (typeof(Note_Obj) !== 'function') {
  49. alert('Note_Obj.js was not loaded successfully!');
  50. }
  51. const GF_ICON = {
  52. 'NOTE_BLACK': 'url(data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBhcmlhLWxhYmVsbGVkYnk9Im5ld0ljb25UaXRsZSIgc3Ryb2tlPSJyZ2IoMzgsIDM4LCAzOCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgZmlsbD0ibm9uZSIgY29sb3I9InJnYigzOCwgMzgsIDM4KSI+IDx0aXRsZSBpZD0ibmV3SWNvblRpdGxlIj5OZXc8L3RpdGxlPiA8cGF0aCBkPSJNMTkgMTRWMjJIMi45OTk5N1Y0SDEzIi8+IDxwYXRoIGQ9Ik0xNy40NjA4IDQuMDM5MjFDMTguMjQxOCAzLjI1ODE3IDE5LjUwODIgMy4yNTgxNiAyMC4yODkyIDQuMDM5MjFMMjAuOTYwOCA0LjcxMDc5QzIxLjc0MTggNS40OTE4NCAyMS43NDE4IDYuNzU4MTcgMjAuOTYwOCA3LjUzOTIxTDExLjU4NTggMTYuOTE0MkMxMS4yMTA3IDE3LjI4OTMgMTAuNzAyIDE3LjUgMTAuMTcxNiAxNy41TDcuNSAxNy41TDcuNSAxNC44Mjg0QzcuNSAxNC4yOTggNy43MTA3MSAxMy43ODkzIDguMDg1NzkgMTMuNDE0MkwxNy40NjA4IDQuMDM5MjFaIi8+IDxwYXRoIGQ9Ik0xNi4yNSA1LjI1TDE5Ljc1IDguNzUiLz4gPC9zdmc+)'
  53. };
  54. const GF_STYLE = `
  55. .note-obj-gf-note-btn {
  56. background-image: ${GF_ICON.NOTE_BLACK};
  57. background-repeat: no-repeat;
  58. background-position: center;
  59. cursor: pointer;
  60. vertical-align: top;
  61. }
  62. .note-obj-gf-info-note-btn {
  63. background-size: 32px auto;
  64. width: 32px;
  65. height: 32px;
  66. margin-left: 20px;
  67. display: inline-block;
  68. }
  69. .note-obj-gf-library-note-btn {
  70. background-size: 24px auto;
  71. width: 24px;
  72. height: 24px;
  73. margin-left: 20px;
  74. display: inline-block;
  75. }
  76. .note-obj-gf-list-note-btn {
  77. background-size: 24px auto;
  78. width: 24px;
  79. height: 24px;
  80. margin-left: 10px;
  81. display: none;
  82. }
  83. .note-obj-gf-ts-note-btn {
  84. background-size: 16px auto;
  85. width: 16px;
  86. height: 16px;
  87. margin-left: 10px;
  88. display: none;
  89. vertical-align: sub;
  90. }
  91. ol.script-list li:hover .note-obj-gf-list-note-btn,
  92. #script-table tbody tr:hover .note-obj-gf-ts-note-btn {
  93. display: inline-block;
  94. }
  95. .note-obj-gf-note-tag,
  96. .note-obj-gf-ts-note-tag {
  97. background-color: #3c81df;
  98. color: #fff;
  99. display: inline-block;
  100. align-items: center;
  101. white-space: nowrap;
  102. border-radius: 50px;
  103. padding: 1px 10px;
  104. line-height: 1em;
  105. }
  106. .note-obj-gf-list-note-tag {
  107. text-decoration: none;
  108. }
  109. `;
  110. function change_Event(note_obj, id = null) {
  111. let pathname = location.pathname;
  112. if (/^\/[\w-]+\/scripts\/\d+-/i.test(pathname)) {
  113. let script_id = /^\/[\w-]+\/scripts\/(\d+)-/i.exec(pathname)[1];
  114. let ele = document.querySelector('#script-info h2');
  115. ele && (! id || id == script_id) && note_obj.handler(script_id, ele, null, {
  116. 'add': 'span',
  117. 'class': 'note-obj-gf-note-tag'
  118. });
  119. } else if (/^\/[\w-]+\/scripts/i.test(pathname) || /^\/[\w-]+\/users\/\d+/i.test(pathname)) {
  120. let browse_list = document.querySelectorAll('ol.script-list li');
  121. for (let ele of browse_list) {
  122. let script_id = ele.getAttribute('data-script-id');
  123. if (script_id) {
  124. let header = ele.querySelector('article > h2 > a');
  125. header && (! id || id == script_id) && note_obj.handler(script_id, header, null, {
  126. 'add': 'span',
  127. 'class': ['note-obj-gf-note-tag', 'note-obj-gf-list-note-tag']
  128. });
  129. }
  130. }
  131. document.querySelectorAll('#script-table tbody tr').forEach(item => {
  132. let script_title = item.querySelector('.thetitle a');
  133. if (script_title) {
  134. let script_id = script_title.href.match(/\d+$/) && script_title.href.match(/\d+$/)[0];
  135. (! id || id == script_id) && note_obj.handler(script_id, script_title, null, {
  136. 'add': 'span',
  137. 'class': 'note-obj-gf-ts-note-tag'
  138. });
  139. }
  140. });
  141. }
  142. }
  143. function init_Script(note_obj) {
  144. let browse_list = document.querySelectorAll('ol.script-list li');
  145. for (let ele of browse_list) {
  146. let script_id = ele.getAttribute('data-script-id');
  147. if (script_id) {
  148. let description = ele.querySelector('.description');
  149. let script_name = (ele.querySelector('article > h2 > a') && ele.querySelector('article > h2 > a').textContent) || '';
  150. 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']));
  151. let header = ele.querySelector('article > h2 > a');
  152. header && note_obj.judgeUsers(script_id) && note_obj.handler(script_id, header, null, {
  153. 'add': 'span',
  154. 'class': ['note-obj-gf-note-tag', 'note-obj-gf-list-note-tag']
  155. }, script_name);
  156. }
  157. }
  158. }
  159. function init_TS(note_obj) {
  160. document.querySelectorAll('#script-table tbody tr').forEach(item => {
  161. let script_title = item.querySelector('.thetitle a');
  162. if (script_title) {
  163. let script_id = script_title.href.match(/\d+$/) && script_title.href.match(/\d+$/)[0];
  164. let thetitle = item.querySelector('.thetitle');
  165. script_id && thetitle.appendChild(note_obj.createNoteBtn(script_id, script_title.textContent, ['note-obj-gf-note-btn', 'note-obj-gf-ts-note-btn']));
  166. note_obj.judgeUsers(script_id) && note_obj.handler(script_id, script_title, null, {
  167. 'add': 'span',
  168. 'class': 'note-obj-gf-ts-note-tag'
  169. }, script_title.textContent);
  170. }
  171. });
  172. }
  173. async function init() {
  174. let old_config = await Note_Obj.GM.getValue('greasyfork_config', null);
  175. if (old_config && old_config.scripts_array) {
  176. for (let item of old_config.scripts_array) {
  177. Note_Obj.GM.setValue(item.id, {
  178. 'tag': item.tag
  179. });
  180. }
  181. await Note_Obj.GM.deleteValue('greasyfork_config');
  182. }
  183. let note_obj = new Note_Obj('myGreasyForkNote');
  184. await note_obj.init({
  185. 'style': GF_STYLE,
  186. 'changeEvent': change_Event,
  187. 'script': {
  188. 'author': {
  189. 'name': 'pana',
  190. 'homepage': 'https://www.sailboatweb.com/'
  191. },
  192. 'address': 'https://greatest.deepsurf.us/scripts/404275',
  193. 'updated': '2020-9-21'
  194. },
  195. 'itemClick': key => 'https://greatest.deepsurf.us/scripts/' + key,
  196. 'type': 'script'
  197. });
  198. let pathname = location.pathname;
  199. if (/^\/[\w-]+\/scripts\/\d+-/i.test(pathname)) {
  200. let script_id = /^\/[\w-]+\/scripts\/(\d+)-/i.exec(pathname)[1];
  201. let install_help_link = document.querySelector('#install-area .install-help-link:last-child');
  202. let suggestion = document.querySelector('#script-feedback-suggestion');
  203. let script_name = (document.querySelector('header h2') && document.querySelector('header h2').textContent) || '';
  204. if (install_help_link) {
  205. install_help_link.after(note_obj.createNoteBtn(script_id, script_name, ['note-obj-gf-note-btn', 'note-obj-gf-info-note-btn']));
  206. } else if (suggestion) {
  207. suggestion.appendChild(note_obj.createNoteBtn(script_id, script_name, ['note-obj-gf-note-btn', 'note-obj-gf-library-note-btn']));
  208. }
  209. let ele = document.querySelector('#script-info h2');
  210. ele && note_obj.judgeUsers(script_id) && note_obj.handler(script_id, ele, null, {
  211. 'add': 'span',
  212. 'class': 'note-obj-gf-note-tag'
  213. }, script_name);
  214. } else if (/^\/[\w-]+\/scripts/i.test(pathname) || /^\/[\w-]+\/users\/\d+/i.test(pathname)) {
  215. init_Script(note_obj);
  216. let browse_script_list = document.querySelector('#browse-script-list');
  217. if (browse_script_list) {
  218. let script_observer = new MutationObserver(() => {
  219. init_Script(note_obj);
  220. });
  221. script_observer.observe(browse_script_list, {
  222. 'childList': true
  223. });
  224. }
  225. init_TS(note_obj);
  226. let ts_tbody = document.querySelector('#script-table tbody');
  227. if (ts_tbody) {
  228. let observer = new MutationObserver(() => {
  229. init_TS(note_obj);
  230. });
  231. observer.observe(ts_tbody, {
  232. 'childList': true
  233. });
  234. }
  235. }
  236. }
  237. init();
  238. })();