Magic Userscript+ : Show Site All UserJS

Finds available userscripts for the current webpage.

  1. // ==UserScript==
  2. // @version 7.6.6
  3. // @name Magic Userscript+ : Show Site All UserJS
  4. // @name:ar Magic Userscript+: عرض جميع ملفات UserJS
  5. // @name:de Magic Userscript+ : Website anzeigen Alle UserJS
  6. // @name:es Magic Userscript+: Mostrar sitio todos los UserJS
  7. // @name:fr Magic Userscript+ : Afficher le site Tous les UserJS
  8. // @name:ja Magic Userscript+ : サイトをすべて表示 UserJS
  9. // @name:nl Magic Userscript+: Site alle UserJS tonen
  10. // @name:pl Magic Userscript+ : Pokaż witrynę Wszystkie UserJS
  11. // @name:ru Magic Userscript+: показать сайт всем UserJS
  12. // @name:zh Magic Userscript+ :显示站点所有 UserJS
  13. // @name:zh-CN Magic Userscript+ :显示站点所有 UserJS
  14. // @name:zh-TW Magic Userscript+ :显示站点所有 UserJS
  15. // @description Finds available userscripts for the current webpage.
  16. // @description:ar يبحث عن نصوص المستخدمين المتاحة لصفحة الويب الحالية.
  17. // @description:de Findet verfügbare Benutzerskripte für die aktuelle Webseite.
  18. // @description:es Busca los usercripts disponibles para la página web actual.
  19. // @description:fr Recherche les userscripts disponibles pour la page web en cours.
  20. // @description:ja 現在のウェブページで利用可能なユーザスクリプトを検索します。
  21. // @description:nl Zoekt beschikbare gebruikerscripts voor de huidige webpagina.
  22. // @description:pl Wyszukuje dostępne skrypty użytkownika dla bieżącej strony internetowej.
  23. // @description:ru Находит доступные юзерскрипты для текущей веб-страницы.
  24. // @description:zh 为当前网页查找可用的用户脚本。
  25. // @description:zh-CN 为当前网页查找可用的用户脚本。
  26. // @description:zh-TW 为当前网页查找可用的用户脚本。
  27. // @author Magic <magicoflolis@tuta.io>
  28. // @supportURL https://github.com/magicoflolis/Userscript-Plus/issues
  29. // @namespace https://github.com/magicoflolis/Userscript-Plus
  30. // @homepageURL https://github.com/magicoflolis/Userscript-Plus
  31. // @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV8TRZFKBzuIOGSoTnZREcGlVLEIFkpboVUHk0u/oElDkuLiKLgWHPxYrDq4OOvq4CoIgh8gzg5Oii5S4v+SQosYD4778e7e4+4dIDSrTLN6YoCm22Y6EZdy+VWp7xUigghhDqLMLCOZWczCd3zdI8DXuyjP8j/35xhUCxYDAhJxjBmmTbxBPLNpG5z3icOsLKvE58QTJl2Q+JHrisdvnEsuCzwzbGbT88RhYqnUxUoXs7KpEU8TR1RNp3wh57HKeYuzVq2z9j35C4MFfSXDdZqjSGAJSaQgQUEdFVRhI0qrToqFNO3Hffwjrj9FLoVcFTByLKAGDbLrB/+D391axalJLykYB3pfHOdjDOjbBVoNx/k+dpzWCSA+A1d6x19rArOfpDc6WuQICG0DF9cdTdkDLneA4SdDNmVXEmkKxSLwfkbflAeGboGBNa+39j5OH4AsdbV8AxwcAuMlyl73eXd/d2//nmn39wOjunK6jS33SAAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+gDDBAAJWyXgRAAABRPSURBVHjazVt9VNRl9v9854VhhjdBiHcUaFQEDTVCdk1IstTV0jb1LLZkJZrl4knLTnZaKjdqdXdLXcvfyoHUErPUBBEMLREJ6egJFBUUBF9WMd6R4WW+M/P5/eHMdxkYEJS0e8498MzzzPN87537PM+9n3u/An49kgFwA+AJIACAP4AxAEIA+AFwBzDEPLYJQB2AqwDOATgN4AqAywBubNu2rTk+Pl4EAJIyABAEwTQYDyn8CoIrAEQD+BOAMLPgLgAcAGDs2LGQyWSora1FYGAg6urqUFZWBgCIiYnBqVOn0NDQAAA6T0/Pm/X19ZflcvkZo9G4w2AwHAFgwG+Q5ACCg4KClixZsuT82rVrTTt27CCAHpybm8vq6moWFRXRZDKxpqaGkyZN4q0fl3zyySelsaIoMiYmhg899BD/9re/mQAUAogHEGxe8/5TaGiob0RERMrSpUuvZ2Zmmo4cOcIjR44wLy/PpgIOHjzI2tpaTp06lVqtlhUVFUxLS5MU8MQTT0hjLQqZPHkySRIAFy1aZAwNDa0C8C/z9rpvNBbAPwBctyVob3zw4EEWFBRQJpNJFvH999/3WwE5OTncs2ePZUwVgDjzWXPHB9Wd0GsACuRy+UoXFxev5cuXo7OzEyStWBBsHzGiKMJkunWGmUwmyGQy6X+lUgkAcHBw6HXxoUOHWv4dDiAFwNcAJtzpgTUQUgNYIgjCP2bNmiX7+9//jo0bN2Lz5s3IyspCUFCQJIz5xB7Q5FVVVZg9ezby8vKwYsWKgTzTFACZAFYC+BZA+6ArQKlUOouiuAZAgiAIMq1WixEjRuCjjz6Cq6srPvzwQ1RUVNze5GQyKyV1bW/atAnJycmIj49Henr6/66qLpbUdbzRaMS0adOQm5sLAN4A/g/ARADvAGgZvCNeLvdUq9VbzVcQAXDo0KHcs2cPDQYD29ramJiYSKVSedszICIigpGRkTbb9vb2nDRpEmNiYujk5MQZM2bQ3d2dbm5unDFjhtX4qKgonj59mt7e3t3XEAH82+xnDAp5AThjSxgPDw9++eWXNJlMbGpq4htvvCEdbr82r1ixgr/73e966zeaz4W7VoIzgAyZTMaoqChOnTqVarW6hxIyMzNpMBio0+m4ZMmSflnCPWCj2RKc71R4NYD1AIwODg4sKipiU1MTV69e3UNAT09Pfv311yTJxsZGLl++/J5Zwm1YNMugvhMFxAFoA0CFQsH33nuPHR0dbGtr49KlS6lSqawW8/LyYnZ2Ng0GA2/evMkXXniBCoXit6CEFrNbPiB6SalUtncVwNnZmcnJySTJlpYWvv7665TL5VaL+fj4cN++fSTJ+vp6vvzyy31agrOzc1/7eMAcFRXFIUOG2Oq7NhA/YaRcLr85bNgwuri4WE2kUqn48ccfs7OzkzqdjgkJCT0swdfXl7m5uTQajWxubuaCBQskRYWGhjIrK4uCIBAAY2JiSFJq3y2T5PTp03vrP9wfj1EA8PkjjzzC8+fPMysriz4+PlYTubi4cN26dSTJ5uZmm/vdz8+PBw4cIEnW1tbyxRdfpCAIDA4OpsFgsBo7WML3Y64287buk7x9fX07oqOj2dLSQpPJxMzMzB5KUKvV3LRpE/V6PW/evMmFCxfSzs7Oaoy/vz9/+OEHGo1GNjY2cu7cudRoNExNTeWePXuYkZHBsLAw7t+/n4IgUBAEPv/889y+fTu/+OILvvDCC5JAGRkZjIiI4OrVq/nll19aRYxdOSMjg+PHjycAJiUl8cMPP+TMmTO5Y8cOzpo1yxI7ePYV0v5rzpw51Gg0/Mtf/kKdTkeDwcCcnBx6enpaLebq6sr169dLJ7+t/a7Vann+/HmS5I0bN7hgwQK6urpy1apVLCwslLaASqViSkoKW1tbWVJSwuLiYt68eZNpaWlUKpUkyR9//JE///wzL126xOrqagYFBdncAhblZGdns66ujoWFhTx16hQ7Ozvp7+9PcxRpM5QOBlBu2cdOTk5877332NraSpPJxN27d9PLy8tqQQcHB27ZsoWiKLKlpYULFiyQrkhHR0e+++671Ov1tFB9fT1nz54tKSo6OpokOWbMGDY0NPC1116jWq2mvb09ly9fzsbGRoaHh5MkP/nkE9rb23PMmDESTnA7BVy4cIHBwcF0cXHhTz/9xH/+8580yxhsSwHx5nuT0dHRTEpKokql4sqVK9ne3k5RFLl//356eHhYLerm5sbPPvtMEvDFF1+kvb09165dy/b2dnan69ev86mnnqIgCJJwlnC366Hr7OxMk8nE2NhYkpRcYVvASW8KyM/Pl/qys7OZk5Nj8Q3ibQVFhZbBjz32GHU6HQFQqVQyOTmZOp2ORqOR6enpPZTg5OTErVu30mAwsKmpiSkpKezs7GRvdO7cOXp7e9PHx4cGg4GRkZHs7Ozkww8/LM05fvx4dnR0cNKkST0E7q8Cjh49aqUAC0gjCEJh90Aw1uw6SgqwABAWc37rrbfY0dFBURS5d+9eurm5WS3u7u7OlJQU9of0ej2fffZZOjk5UafT0dPTkydOnGBpaSmfeeYZzpkzh6dOnWJxcTG9vLwGTQGWtqOjo9EsM2Rm/lNXcKQ7kOHs7IwNGzZg48aNEEURTz31FD7++OOuwATa2tpw/vx5GAy3xyyVSiV8fX1hMplgMplw48YNvPTSS7h48SJ27NiB9PR0XL58GQsXLkRNTY3t+7oXsMXyeV9h9/z5861kdgdwvPt92tULtFxTarWaSUlJ1Ov11Ov13LVrF4cMGUKlUsl33nmHOp2uXxYgiiLnz59Pi5ttWUcmk1GhUFChUFjdKAqFwuqO79629blcLrfyVLu2zX+PW6LFUAD/7a+zoVKp+Mknn7C9vZ0Gg4Fbtmzh66+/zo6ODvaXzp07R19f3/sdI/zXLDumA2gdyJcdHByYnJxMURSp1+v7PPC6k8lk4ubNm38LIXMrgOlyM572zEAiJVEUUVBQAHd3d4wbNw4qlar/mRhBwKhRo3DlyhWcPXtWAkfvA9kBOCoHsBDAIwP9tsFgwNGjR6HRaBAZGWl14Nx2ZTs7PProo6irq0NxcfGAwdNBpEsAcOhOzSgoKIhqtZr/+c9/BnQGWKilpYVxcXE2cYO3336b77777q+9DQ4BQNmdfDk0NJS5ubm0s7Ojs7Mz169fT6PRaHPP90W//PIL4+Pje8QRmzZtYkpKyqAIGh0dzRMnTrC5uZm7du2in5+fpa8M5qzsgCaUyWRMT0+3+NbS7fDBBx+wvLyc9fX1rK2t5cmTJ/nSSy/xq6++oiiKvSqhqamJc+fO/VUQpMDAQNbW1jI9PZ0JCQksLy/nd999R3t7ewKow7fffmuqq6tjWlqapBlRFBkfH8+srCzJJe4e6lZUVEggaVlZGbVaLRUKBYOCgjhp0iRGRkbS29ubgiDQ3d2d27dv79MSampqOH/+fOke379/Pw8fPmxz24WHh9vkBx98sMf41atXs7KykgEBAQTAWbNmsba2lsHBwQRgwLx584wrVqxgdXU18/PzOXToUJJkVVUVk5KSGBcX12PShx9+WHJhAXDt2rVWgYeDgwMfe+wxenh48NVXX6W/vz/d3Ny4Z8+ePi2hsbGRs2fPplwuZ0JCAg8dOtRj7cOHD/f6/cLCwh7j09PTWVhYKDlBTk5OFEWR4eHhtKTa6yzwVFtbGydOnEiSfOutt3pFWCzRm+UunzBhAltaWjh69GgC4LJly5iXl0dBEOjm5sbg4GA6OTnxgQce4M6dO/u0hGvXrtGCSSQkJPRYWy6XS95id+6OUQJgZmam1Y8jCAJJWhRQpzArYOjJkyehVquhVt9CkH/++ederyeDwQCDwQCVSgVRFFFWVobS0lIkJCRg5cqVWLFiBdasWQMPDw9s2bIFTzzxBGpraxEXF4dly5ZBo9FgxowZkMt74hLe3t5ISUnB888/j23btvXof+ONNzB27Fibz1VWVob333/f6rOGhgZ4enrCzs4Oer0e7u7u0Ov1aGtrA4A6mUKh+K9SqcTTTz+NlpYWNDc3S0L2Ro2NjWhoaEBQUBAAQKfTYdeuXZgyZQoWL14MOzs7HDt2DFqtFjNnzsTcuXMRFhYGPz8/hIaGYvHixdi3b1+v87u5uWHz5s2IjY3t0Tds2DCEhoba5MDAwB7ji4qK4OPjg5CQEMhkMsyZMwcNDQ1obGwEgKtITEzcn5mZyaamJn7zzTfUaDQkyccff7zXk9XR0ZGFhYVctmyZ9NmQIUN45coV3rhxg/v27aNcLmd4eDibm5uZm5vLvXv3sqCggBcvXpSSKdnZ2TavTgvV1tbyySefvKski6urK8vLy1lSUsLdu3ezvr6eqampljk3YsGCBe/n5+fzzTfflCDu0tJSTpw4sc+Jly5dypycHKt9l5SUxNLSUgmalsvlXLp0KY8dO8ZPP/2U0dHRPHPmDAEwODiYPj4+zMjI6PNMuHTpUp8/Rn94+PDh/OKLL1hUVMQ1a9ZIcsrl8iV3FAxZMrm7d+9mWFjYXT2ct7e3lEfo64qMjY0d7HRbq6+v79MDDod7i7/vhv39/Zmdnd2nJVRVVXHy5MmDGg4LghBqExC5H+zv788jR4706Tpfu3aN0dHRg2UJEiAiM9fZ3PdE5vDhw5mbm9unJVRUVDAqKmow1kvpCgNagaL3WwnHjh3r0xKuXLnC3//+93ez/SRQ1AoWDwwM5PDhwwc84eTJkymKIgEwICCAw4YNs+rXaDSSlwiAo0ePpoODQ6/toKAgHjlypE9LKC8vt4LRB8g9YHFoNJqF5eXlpr/+9a8DntCS4rL46l1dz64wu+UX6w/MrdVqefz48T4tobq6mpGRkQO1BKvEiKwLrJ2/bt26ms8++wwAEBAQgGHDhsHNzQ0jRoyAp+etnKK7uztGjBgBb29vm16c0Wjs4UVaYC+S8Pf3BwD4+fkhJCQEo0aNAgD4+/sjJCQEDg4OCAwMRGVlJf785z/jxx9/7NVjDAgIQFpamuQay2Qy+Pj4YOTIkdBqtXB1dZVgOA8PD/j6+kIQhIsACmwmR11cXDZYNPX999+zsrJSMsWysjJOmTKFRUVF0rVkMeuuFvDdd99JlZ8WtmR3ANzWtKdNm0aSfPPNNxkUFMSQkBCeOHHitgfjhAkTqFarmZKSQpPJRKPRyIKCAoaEhDA0NJR5eXkcNWpUn8lRmFPHVZYS1oaGBs6ZM4djx45ldXU1q6urrdobN260qQCj0cj29naJLaixIAi0s7MjSc6cOVNKhHZty2QykuSZM2c4cuRIqlQqjho1isePH+8TaT59+jRHjx5NjUZDZ2dnhoSEMD8/n3v37uVXX33FxMREm+nx7oWSNwC8bb4i1GfPnkVGRgaMRiMqKythb29v1X7wwQdtavHChQv46KOPJKB05MiRWLVqFQBAr9dLf9vb/1fQ2b29bt06lJeXAwCuXr2KxYsXY9u2bXjooYdsIs1hYWHYu3cv5s2bh6qqKjz99NPo6OjA1KlTcfHiRSQkJLSbZbtxu1rhHACFDQ0N0Ov1MBqN0j7u2jYajbC3t7epgOvXr+Pzzz9HamoqUlNTceDAgQHDtR0dHdL/EyZMQGtrK5577jmcPHmy1+9otVps2bIFSqUSxcXF8PLywoULF/D++++jpaWl0CzbbYulGwCsysrKaureMVjwdUdHBwICAnptA8DLL78MX19feHt7IykpCYmJiaioqMCSJUtQWlraa84hIiICr732GnJychAbG4tFixbhm2++uQ5glVm2flWLn9y5c+erhw8f7uwtIdlbctJWX/f2gQMHsGHDBnR0dCA2NrZHGwBu3ryJkpISVFZWIiwsDPv378fIkSNRX1+P5557DiUlJb2uHx0dDZlMhk2bNuHSpUut5iLqkwMulHR0dPy3pWhixowZ/MMf/iCd7NOnT5fa3t7eXLx4cY/Pu0Z8ln4AfOCBBzhv3jwmJCTQz8/Pqu3r6yv5BY8//jgXLlzIRx55hDKZjF5eXlKhxMSJE3nu3Dmbh+LWrVspCAI1Gs1dFUpaSmX/fa/d5O4vTvTG48ePZ3FxsZXwlZWVluvOBODTuymVtZC7ufDYeC8VMG3atH6NHTFiBNPS0piXl8ddu3Z19QwPDGbFuLvZEsR7oQCNRmMT4e2NlUolhwwZYkl2mABsHUzhu26H9ebaW/5GWXe3FeL9qSD/k7n29p4K5+Pjc7uiimvmZ1PjHtAEc+1t271SwKFDh1hQUGAVLU6dOpX+/v7t5me5Jy9NSX4CgLkApgH4ALfe3vpVyWAwQBRFAMCUKVNgNBrxww8/VBsMhrfNHl7DHb0OdBfP1I5b7/juBCAPDg72GjdunLOXl5csMTERoaGhOH36NERRhEajQVxcHOLj4zF58mSIoojLly9Dq9UiOTkZJ06cwMqVK/Hoo4/i7NmzaGtrg4ODA1555RU8++yz0Ov1GDduHI4ePYqSkhJDfX191blz57aaTKYXzNheO+4zyZVK5YMajWahq6vrT4sWLTLl5eUxNTWVLi4uzMnJYW1tLauqqnj58mXW1dVx1qxZUqlsVlYWq6qq2Nrays2bN1OlUnH79u2sqqriwYMH+corr9DLy8uoUCiOC4Lw23p1tpdtFatSqVLHjx9fEhUV9curr77aYYHaVCoVk5KSWFRUxJiYGOr1es6bN49yuZxxcXFcv349PTw8+Mc//rHd09PzuvkXTjFjeIrBflihl/2mkMlkTgAUwi1HXiDZaPbpXVtbW39xcnKiOUByNcf6wi23X2gAgPj4eHl4ePiI4uJij5qaGv+Wlhbftra2EL1erzWZTN4k3a5everk4+ODixcvNpGs02g01wIDA6uvXr16IiIioik/P/9UZ2dnjZ+fX8OVK1dczOuZBEGQ63S6RkdHR5vRGUlPk8nUJJfLOy1tAI2CIOi7j/1/l0eTL0xHMHkAAAAASUVORK5CYII=
  32. // @license MIT
  33. // @compatible chrome
  34. // @compatible firefox
  35. // @compatible edge
  36. // @compatible opera
  37. // @compatible safari
  38. // @connect greatest.deepsurf.us
  39. // @connect sleazyfork.org
  40. // @connect github.com
  41. // @connect githubusercontent.com
  42. // @connect openuserjs.org
  43. // @grant GM_addElement
  44. // @grant GM_info
  45. // @grant GM_getValue
  46. // @grant GM_openInTab
  47. // @grant GM_setValue
  48. // @grant GM_registerMenuCommand
  49. // @grant GM_xmlhttpRequest
  50. // @grant GM.addElement
  51. // @grant GM.info
  52. // @grant GM.getValue
  53. // @grant GM.openInTab
  54. // @grant GM.setValue
  55. // @grant GM.registerMenuCommand
  56. // @grant GM.xmlHttpRequest
  57. // @match https://*/*
  58. // @noframes
  59. // @run-at document-start
  60. // ==/UserScript==
  61. (() => {
  62. 'use strict';
  63. /******************************************************************************/
  64. const inIframe = (() => {
  65. try {
  66. return window.self !== window.top;
  67. } catch (e) {
  68. return true;
  69. }
  70. })();
  71. if (inIframe) {
  72. return;
  73. }
  74. let userjs = self.userjs;
  75. /**
  76. * Skip text/plain documents, based on uBlock Origin `vapi.js` file
  77. *
  78. * [source code](https://github.com/gorhill/uBlock/blob/68962453ff6eec7ff109615a738beb8699b9844a/platform/common/vapi.js#L35)
  79. */
  80. if (
  81. (document instanceof Document ||
  82. (document instanceof XMLDocument && document.createElement('div') instanceof HTMLDivElement)) &&
  83. /^text\/html|^application\/(xhtml|xml)/.test(document.contentType || '') === true &&
  84. (self.userjs instanceof Object === false || userjs.UserJS !== true)
  85. ) {
  86. userjs = self.userjs = { UserJS: true };
  87. } else {
  88. console.error('[%cMagic Userscript+%c] %cERROR','color: rgb(29, 155, 240);','','color: rgb(249, 24, 128);', `MIME type is not a document, got "${document.contentType || ''}"`);
  89. }
  90. if (!(typeof userjs === 'object' && userjs.UserJS)) {
  91. return;
  92. }
  93. /** Native implementation exists */
  94. if (window.trustedTypes && window.trustedTypes.createPolicy) window.trustedTypes.createPolicy('default', { createHTML: (string) => string });
  95. /** [i18n directory](https://github.com/magicoflolis/Userscript-Plus/tree/master/src/_locales) */
  96. const translations = {
  97. "ar": {
  98. "createdby": "انشأ من قبل",
  99. "name": "اسم",
  100. "daily_installs": "التثبيت اليومي",
  101. "close": "يغلق",
  102. "filterA": "منقي",
  103. "max": "تحقيق أقصى قدر",
  104. "min": "تصغير",
  105. "search": "يبحث",
  106. "search_placeholder": "بحث في البرامج النصية",
  107. "install": "تثبيت",
  108. "issue": "إصدار جديد",
  109. "version_number": "الإصدار",
  110. "updated": "آخر تحديث",
  111. "total_installs": "إجمالي التثبيت",
  112. "ratings": "التقييمات",
  113. "good": "جيد",
  114. "ok": "جيد",
  115. "bad": "سيء",
  116. "created_date": "تم إنشاؤه",
  117. "redirect": "شوكة دهنية للكبار",
  118. "filter": "تصفية اللغات الأخرى",
  119. "dtime": "عرض المهلة",
  120. "save": "حفظ",
  121. "reset": "إعادة تعيين",
  122. "preview_code": "كود المعاينة",
  123. "saveFile": "احفظ الملف",
  124. "newTab": "علامة تبويب جديدة",
  125. "applies_to": "ينطبق على",
  126. "license": "الترخيص",
  127. "no_license": "لا يوجد",
  128. "antifeatures": "إعلانات",
  129. "userjs_fullscreen": "ملء الشاشة الكاملة التلقائي",
  130. "listing_none": "(لا يوجد)",
  131. "export_config": "تهيئة التصدير",
  132. "export_theme": "تصدير السمة",
  133. "import_config": "استيراد تهيئة الاستيراد",
  134. "import_theme": "استيراد النسق",
  135. "code_size": "حجم الرمز",
  136. "prmpt_css": "التثبيت كأسلوب المستخدم؟",
  137. "userjs_inject": "حقن Userscript+",
  138. "userjs_close": "إغلاق Userscript+",
  139. "userjs_sync": "Sync",
  140. "userjs_autoinject": "Inject on load",
  141. "auto_fetch": "Fetch on load",
  142. "code": "Code",
  143. "metadata": "Metadata",
  144. "preview_metadata": "Preview Metadata",
  145. "recommend_author": "Recommend Author",
  146. "recommend_other": "Recommend Others",
  147. "default_sort": "Default Sort"
  148. },
  149. "de": {
  150. "createdby": "Erstellt von",
  151. "name": "Name",
  152. "daily_installs": "Tägliche Installationen",
  153. "close": "Schließen Sie",
  154. "filterA": "Filter",
  155. "max": "Maximieren Sie",
  156. "min": "minimieren",
  157. "search": "Suche",
  158. "search_placeholder": "Suche nach Userscripts",
  159. "install": "Installieren Sie",
  160. "issue": "Neue Ausgabe",
  161. "version_number": "Version",
  162. "updated": "Zuletzt aktualisiert",
  163. "total_installs": "Installationen insgesamt",
  164. "ratings": "Bewertungen",
  165. "good": "Gut",
  166. "ok": "Okay",
  167. "bad": "Schlecht",
  168. "created_date": "Erstellt",
  169. "redirect": "Greasy Fork für Erwachsene",
  170. "filter": "Andere Sprachen herausfiltern",
  171. "dtime": "Zeitüberschreitung anzeigen",
  172. "save": "Speichern Sie",
  173. "reset": "Zurücksetzen",
  174. "preview_code": "Vorschau Code",
  175. "saveFile": "Datei speichern",
  176. "newTab": "Neue Registerkarte",
  177. "applies_to": "Gilt für",
  178. "license": "Lizenz",
  179. "no_license": "N/A",
  180. "antifeatures": "Antifeatures",
  181. "userjs_fullscreen": "Automatischer Vollbildmodus",
  182. "listing_none": "(Keine)",
  183. "export_config": "Konfig exportieren",
  184. "export_theme": "Thema exportieren",
  185. "import_config": "Konfig importieren",
  186. "import_theme": "Thema importieren",
  187. "code_size": "Code Größe",
  188. "prmpt_css": "Als UserStyle installieren?",
  189. "userjs_inject": "Userscript+ einfügen",
  190. "userjs_close": "Userscript+ schließen",
  191. "userjs_sync": "Sync",
  192. "userjs_autoinject": "Inject on load",
  193. "auto_fetch": "Fetch on load",
  194. "code": "Quelltext",
  195. "metadata": "Metadata",
  196. "preview_metadata": "Preview Metadata",
  197. "recommend_author": "Recommend Author",
  198. "recommend_other": "Recommend Others",
  199. "default_sort": "Default Sort"
  200. },
  201. "en": {
  202. "createdby": "Created by",
  203. "name": "Name",
  204. "daily_installs": "Daily Installs",
  205. "close": "Close",
  206. "filterA": "Filter",
  207. "max": "Maximize",
  208. "min": "Minimize",
  209. "search": "Search",
  210. "search_placeholder": "Search for userscripts",
  211. "install": "Install",
  212. "issue": "New Issue",
  213. "version_number": "Version",
  214. "updated": "Last Updated",
  215. "total_installs": "Total Installs",
  216. "ratings": "Ratings",
  217. "good": "Good",
  218. "ok": "Okay",
  219. "bad": "Bad",
  220. "created_date": "Created",
  221. "redirect": "Greasy Fork for adults",
  222. "filter": "Filter out other languages",
  223. "dtime": "Display Timeout",
  224. "save": "Save",
  225. "reset": "Reset",
  226. "preview_code": "Preview Code",
  227. "saveFile": "Download",
  228. "newTab": "New Tab",
  229. "applies_to": "Applies to",
  230. "license": "License",
  231. "no_license": "N/A",
  232. "antifeatures": "Antifeatures",
  233. "userjs_fullscreen": "Automatic Fullscreen",
  234. "listing_none": "(None)",
  235. "export_config": "Export Config",
  236. "export_theme": "Export Theme",
  237. "import_config": "Import Config",
  238. "import_theme": "Import Theme",
  239. "code_size": "Code Size",
  240. "prmpt_css": "Install as UserStyle?",
  241. "userjs_inject": "Inject Userscript+",
  242. "userjs_close": "Close Userscript+",
  243. "userjs_sync": "Sync",
  244. "userjs_autoinject": "Inject on load",
  245. "auto_fetch": "Fetch on load",
  246. "code": "Code",
  247. "metadata": "Metadata",
  248. "preview_metadata": "Preview Metadata",
  249. "recommend_author": "Recommend Author",
  250. "recommend_other": "Recommend Others",
  251. "default_sort": "Default Sort"
  252. },
  253. "en_GB": {
  254. "createdby": "Created by",
  255. "name": "Name",
  256. "daily_installs": "Daily Installs",
  257. "close": "Close",
  258. "filterA": "Filter",
  259. "max": "Maximize",
  260. "min": "Minimize",
  261. "search": "Search",
  262. "search_placeholder": "Search for userscripts",
  263. "install": "Install",
  264. "issue": "New Issue",
  265. "version_number": "Version",
  266. "updated": "Last Updated",
  267. "total_installs": "Total Installs",
  268. "ratings": "Ratings",
  269. "good": "Good",
  270. "ok": "Okay",
  271. "bad": "Bad",
  272. "created_date": "Created",
  273. "redirect": "Greasy Fork for adults",
  274. "filter": "Filter out other languages",
  275. "dtime": "Display Timeout",
  276. "save": "Save",
  277. "reset": "Reset",
  278. "preview_code": "Preview Code",
  279. "saveFile": "Download",
  280. "newTab": "New Tab",
  281. "applies_to": "Applies to",
  282. "license": "License",
  283. "no_license": "N/A",
  284. "antifeatures": "Antifeatures",
  285. "userjs_fullscreen": "Automatic Fullscreen",
  286. "listing_none": "(None)",
  287. "export_config": "Export Config",
  288. "export_theme": "Export Theme",
  289. "import_config": "Import Config",
  290. "import_theme": "Import Theme",
  291. "code_size": "Code Size",
  292. "prmpt_css": "Install as UserStyle?",
  293. "userjs_inject": "Inject Userscript+",
  294. "userjs_close": "Close Userscript+",
  295. "userjs_sync": "Sync",
  296. "userjs_autoinject": "Inject on load",
  297. "auto_fetch": "Fetch on load",
  298. "code": "Code",
  299. "metadata": "Metadata",
  300. "preview_metadata": "Preview Metadata",
  301. "recommend_author": "Recommend Author",
  302. "recommend_other": "Recommend Others",
  303. "default_sort": "Default Sort"
  304. },
  305. "es": {
  306. "createdby": "Creado por",
  307. "name": "Nombre",
  308. "daily_installs": "Instalaciones diarias",
  309. "close": "Ya no se muestra",
  310. "filterA": "Filtro",
  311. "max": "Maximizar",
  312. "min": "Minimizar",
  313. "search": "Busque en",
  314. "search_placeholder": "Buscar userscripts",
  315. "install": "Instalar",
  316. "issue": "Nueva edición",
  317. "version_number": "Versión",
  318. "updated": "Última actualización",
  319. "total_installs": "Total de instalaciones",
  320. "ratings": "Clasificaciones",
  321. "good": "Bueno",
  322. "ok": "Ok",
  323. "bad": "Malo",
  324. "created_date": "Creado",
  325. "redirect": "Greasy Fork para adultos",
  326. "filter": "Filtrar otros idiomas",
  327. "dtime": "Mostrar el tiempo de espera",
  328. "save": "Guardar",
  329. "reset": "Reiniciar",
  330. "preview_code": "Vista previa del código",
  331. "saveFile": "Guardar archivo",
  332. "newTab": "Guardar archivo",
  333. "applies_to": "Se aplica a",
  334. "license": "Licencia",
  335. "no_license": "Desconocida",
  336. "antifeatures": "Características indeseables",
  337. "userjs_fullscreen": "Pantalla completa automática",
  338. "listing_none": "(Ninguno)",
  339. "export_config": "Exportar configuración",
  340. "export_theme": "Exportar tema",
  341. "import_config": "Importar configuración",
  342. "import_theme": "Importar tema",
  343. "code_size": "Código Tamaño",
  344. "prmpt_css": "¿Instalar como UserStyle?",
  345. "userjs_inject": "Inyectar Userscript+",
  346. "userjs_close": "Cerrar Userscript+",
  347. "userjs_sync": "Sync",
  348. "userjs_autoinject": "Inject on load",
  349. "auto_fetch": "Fetch on load",
  350. "code": "Código",
  351. "metadata": "Metadata",
  352. "preview_metadata": "Preview Metadata",
  353. "recommend_author": "Recommend Author",
  354. "recommend_other": "Recommend Others",
  355. "default_sort": "Default Sort"
  356. },
  357. "fr": {
  358. "createdby": "Créé par",
  359. "name": "Nom",
  360. "daily_installs": "Installations quotidiennes",
  361. "close": "Ne plus montrer",
  362. "filterA": "Filtre",
  363. "max": "Maximiser",
  364. "min": "Minimiser",
  365. "search": "Recherche",
  366. "search_placeholder": "Rechercher des userscripts",
  367. "install": "Installer",
  368. "issue": "Nouveau numéro",
  369. "version_number": "Version",
  370. "updated": "Dernière mise à jour",
  371. "total_installs": "Total des installations",
  372. "ratings": "Notations",
  373. "good": "Bon",
  374. "ok": "Ok",
  375. "bad": "Mauvais",
  376. "created_date": "Créé",
  377. "redirect": "Greasy Fork pour les adultes",
  378. "filter": "Filtrer les autres langues",
  379. "dtime": "Délai d'affichage",
  380. "save": "Sauvez",
  381. "reset": "Réinitialiser",
  382. "preview_code": "Prévisualiser le code",
  383. "saveFile": "Enregistrer le fichier",
  384. "newTab": "Nouvel onglet",
  385. "applies_to": "S'applique à",
  386. "license": "Licence",
  387. "no_license": "N/A",
  388. "antifeatures": "Antifeatures",
  389. "userjs_fullscreen": "Plein écran automatique",
  390. "listing_none": "(Aucun)",
  391. "export_config": "Export Config",
  392. "export_theme": "Exporter le thème",
  393. "import_config": "Importer la configuration",
  394. "import_theme": "Importer le thème",
  395. "code_size": "Code Taille",
  396. "prmpt_css": "Installer comme UserStyle ?",
  397. "userjs_inject": "Injecter Userscript+",
  398. "userjs_close": "Fermer Userscript+",
  399. "userjs_sync": "Sync",
  400. "userjs_autoinject": "Inject on load",
  401. "auto_fetch": "Fetch on load",
  402. "code": "Code",
  403. "metadata": "Metadata",
  404. "preview_metadata": "Preview Metadata",
  405. "recommend_author": "Recommend Author",
  406. "recommend_other": "Recommend Others",
  407. "default_sort": "Default Sort"
  408. },
  409. "ja": {
  410. "createdby": "によって作成された",
  411. "name": "名前",
  412. "daily_installs": "デイリーインストール",
  413. "close": "表示されなくなりました",
  414. "filterA": "フィルター",
  415. "max": "最大化",
  416. "min": "ミニマム",
  417. "search": "検索",
  418. "search_placeholder": "ユーザースクリプトの検索",
  419. "install": "インストール",
  420. "issue": "新刊のご案内",
  421. "version_number": "バージョン",
  422. "updated": "最終更新日",
  423. "total_installs": "総インストール数",
  424. "ratings": "レーティング",
  425. "good": "グッド",
  426. "ok": "良い",
  427. "bad": "悪い",
  428. "created_date": "作成",
  429. "redirect": "大人のGreasyfork",
  430. "filter": "他の言語をフィルタリングする",
  431. "dtime": "表示タイムアウト",
  432. "save": "拯救",
  433. "reset": "リセット",
  434. "preview_code": "コードのプレビュー",
  435. "saveFile": "ファイルを保存",
  436. "newTab": "新しいタブ",
  437. "applies_to": "適用対象",
  438. "license": "ライセンス",
  439. "no_license": "不明",
  440. "antifeatures": "アンチ機能",
  441. "userjs_fullscreen": "自動フルスクリーン",
  442. "listing_none": "(なし)",
  443. "export_config": "エクスポート設定",
  444. "export_theme": "テーマのエクスポート",
  445. "import_config": "設定のインポート",
  446. "import_theme": "テーマのインポート",
  447. "code_size": "コード・サイズ",
  448. "prmpt_css": "UserStyleとしてインストールしますか?",
  449. "userjs_inject": "Userscript+ を挿入",
  450. "userjs_close": "Userscript+ を閉じる",
  451. "userjs_sync": "Sync",
  452. "userjs_autoinject": "Inject on load",
  453. "auto_fetch": "Fetch on load",
  454. "code": "コード",
  455. "metadata": "Metadata",
  456. "preview_metadata": "Preview Metadata",
  457. "recommend_author": "Recommend Author",
  458. "recommend_other": "Recommend Others",
  459. "default_sort": "Default Sort"
  460. },
  461. "nl": {
  462. "createdby": "Gemaakt door",
  463. "name": "Naam",
  464. "daily_installs": "Dagelijkse Installaties",
  465. "close": "Sluit",
  466. "filterA": "Filter",
  467. "max": "Maximaliseer",
  468. "min": "Minimaliseer",
  469. "search": "Zoek",
  470. "search_placeholder": "Zoeken naar gebruikersscripts",
  471. "install": "Installeer",
  472. "issue": "Nieuw Issue",
  473. "version_number": "Versie",
  474. "updated": "Laatste Update",
  475. "total_installs": "Totale Installaties",
  476. "ratings": "Beoordeling",
  477. "good": "Goed",
  478. "ok": "Ok",
  479. "bad": "Slecht",
  480. "created_date": "Aangemaakt",
  481. "redirect": "Greasy Fork voor volwassenen",
  482. "filter": "Filter andere talen",
  483. "dtime": "Weergave timeout",
  484. "save": "Opslaan",
  485. "reset": "Opnieuw instellen",
  486. "preview_code": "Voorbeeldcode",
  487. "saveFile": "Bestand opslaan",
  488. "newTab": "Nieuw tabblad",
  489. "applies_to": "Geldt voor",
  490. "license": "Licentie",
  491. "no_license": "N.v.t.",
  492. "antifeatures": "Functies voor eigen gewin",
  493. "userjs_fullscreen": "Automatisch volledig scherm",
  494. "listing_none": "(Geen)",
  495. "export_config": "Configuratie exporteren",
  496. "export_theme": "Thema exporteren",
  497. "import_config": "Configuratie importeren",
  498. "import_theme": "Thema importeren",
  499. "code_size": "Code Grootte",
  500. "prmpt_css": "Installeren als UserStyle?",
  501. "userjs_inject": "Injecteer Userscript+",
  502. "userjs_close": "Sluit Userscript+",
  503. "userjs_sync": "Sync",
  504. "userjs_autoinject": "Inject on load",
  505. "auto_fetch": "Fetch on load",
  506. "code": "Code",
  507. "metadata": "Metadata",
  508. "preview_metadata": "Preview Metadata",
  509. "recommend_author": "Recommend Author",
  510. "recommend_other": "Recommend Others",
  511. "default_sort": "Default Sort"
  512. },
  513. "pl": {
  514. "createdby": "Stworzony przez",
  515. "name": "Nazwa",
  516. "daily_installs": "Codzienne instalacje",
  517. "close": "Zamknij",
  518. "filterA": "Filtr",
  519. "max": "Maksymalizuj",
  520. "min": "Minimalizuj",
  521. "search": "Wyszukiwanie",
  522. "search_placeholder": "Wyszukiwanie skryptów użytkownika",
  523. "install": "Instalacja",
  524. "issue": "Nowy numer",
  525. "version_number": "Wersja",
  526. "updated": "Ostatnia aktualizacja",
  527. "total_installs": "Łączna liczba instalacji",
  528. "ratings": "Oceny",
  529. "good": "Dobry",
  530. "ok": "Ok",
  531. "bad": "Zły",
  532. "created_date": "Utworzony",
  533. "redirect": "Greasy Fork dla dorosłych",
  534. "filter": "Odfiltruj inne języki",
  535. "dtime": "Limit czasu wyświetlania",
  536. "save": "Zapisz",
  537. "reset": "Reset",
  538. "preview_code": "Kod podglądu",
  539. "saveFile": "Zapisz plik",
  540. "newTab": "Nowa karta",
  541. "applies_to": "Dotyczy",
  542. "license": "Licencja",
  543. "no_license": "N/A",
  544. "antifeatures": "Antywzorce",
  545. "userjs_fullscreen": "Automatyczny pełny ekran",
  546. "listing_none": "(Brak)",
  547. "export_config": "Konfiguracja eksportu",
  548. "export_theme": "Motyw eksportu",
  549. "import_config": "Importuj konfigurację",
  550. "import_theme": "Importuj motyw",
  551. "code_size": "Kod Rozmiar",
  552. "prmpt_css": "Zainstalować jako UserStyle?",
  553. "userjs_inject": "Wstrzyknij Userscript+",
  554. "userjs_close": "Zamknij Userscript+",
  555. "userjs_sync": "Sync",
  556. "userjs_autoinject": "Inject on load",
  557. "auto_fetch": "Fetch on load",
  558. "code": "Kod",
  559. "metadata": "Metadata",
  560. "preview_metadata": "Preview Metadata",
  561. "recommend_author": "Recommend Author",
  562. "recommend_other": "Recommend Others",
  563. "default_sort": "Default Sort"
  564. },
  565. "ru": {
  566. "createdby": "Сделано",
  567. "name": "Имя",
  568. "daily_installs": "Ежедневные установки",
  569. "close": "Больше не показывать",
  570. "filterA": "Фильтр",
  571. "max": "Максимизировать",
  572. "min": "Минимизировать",
  573. "search": "Поиск",
  574. "search_placeholder": "Поиск юзерскриптов",
  575. "install": "Установите",
  576. "issue": "Новый выпуск",
  577. "version_number": "Версия",
  578. "updated": "Последнее обновление",
  579. "total_installs": "Всего установок",
  580. "ratings": "Рейтинги",
  581. "good": "Хорошо",
  582. "ok": "Хорошо",
  583. "bad": "Плохо",
  584. "created_date": "Создано",
  585. "redirect": "Greasy Fork для взрослых",
  586. "filter": "Отфильтровать другие языки",
  587. "dtime": "Тайм-аут отображения",
  588. "save": "Сохранить",
  589. "reset": "Перезагрузить",
  590. "preview_code": "Предварительный просмотр кода",
  591. "saveFile": "Сохранить файл",
  592. "newTab": "Новая вкладка",
  593. "applies_to": "Применяется к",
  594. "license": "Лицензия",
  595. "no_license": "Недоступно",
  596. "antifeatures": "Нежелательная функциональность",
  597. "userjs_fullscreen": "Автоматический полноэкранный режим",
  598. "listing_none": "(нет)",
  599. "export_config": "Экспорт конфигурации",
  600. "export_theme": "Экспорт темы",
  601. "import_config": "Импорт конфигурации",
  602. "import_theme": "Импортировать тему",
  603. "code_size": "Код Размер",
  604. "prmpt_css": "Установить как UserStyle?",
  605. "userjs_inject": "Вставить Userscript+",
  606. "userjs_close": "Закрыть Userscript+",
  607. "userjs_sync": "Sync",
  608. "userjs_autoinject": "Inject on load",
  609. "auto_fetch": "Fetch on load",
  610. "code": "Исходный код",
  611. "metadata": "Metadata",
  612. "preview_metadata": "Preview Metadata",
  613. "recommend_author": "Recommend Author",
  614. "recommend_other": "Recommend Others",
  615. "default_sort": "Default Sort"
  616. },
  617. "zh": {
  618. "createdby": "由...制作",
  619. "name": "姓名",
  620. "daily_installs": "日常安装",
  621. "close": "不再显示",
  622. "filterA": "过滤器",
  623. "max": "最大化",
  624. "min": "最小化",
  625. "search": "搜索",
  626. "search_placeholder": "搜索用户脚本",
  627. "install": "安装",
  628. "issue": "新问题",
  629. "version_number": "版本",
  630. "updated": "最后更新",
  631. "total_installs": "总安装量",
  632. "ratings": "评级",
  633. "good": "好的",
  634. "ok": "好的",
  635. "bad": "不好",
  636. "created_date": "创建",
  637. "redirect": "大人的Greasyfork",
  638. "filter": "过滤掉其他语言",
  639. "dtime": "显示超时",
  640. "save": "拯救",
  641. "reset": "重置",
  642. "preview_code": "预览代码",
  643. "saveFile": "保存存档",
  644. "newTab": "新标签",
  645. "applies_to": "适用于",
  646. "license": "许可证",
  647. "no_license": "暂无",
  648. "antifeatures": "可能不受欢迎的功能",
  649. "userjs_fullscreen": "自动全屏",
  650. "listing_none": "(无)",
  651. "export_config": "导出配置",
  652. "export_theme": "导出主题",
  653. "import_config": "导入配置",
  654. "import_theme": "导入主题",
  655. "code_size": "代码 尺寸",
  656. "prmpt_css": "安装为用户风格?",
  657. "userjs_inject": "注入 Userscript+",
  658. "userjs_close": "关闭 Userscript+",
  659. "userjs_sync": "Sync",
  660. "userjs_autoinject": "Inject on load",
  661. "auto_fetch": "Fetch on load",
  662. "code": "代码",
  663. "metadata": "Metadata",
  664. "preview_metadata": "Preview Metadata",
  665. "recommend_author": "Recommend Author",
  666. "recommend_other": "Recommend Others",
  667. "default_sort": "Default Sort"
  668. },
  669. "zh_CN": {
  670. "createdby": "由...制作",
  671. "name": "姓名",
  672. "daily_installs": "日常安装",
  673. "close": "不再显示",
  674. "filterA": "过滤器",
  675. "max": "最大化",
  676. "min": "最小化",
  677. "search": "搜索",
  678. "search_placeholder": "搜索用户脚本",
  679. "install": "安装",
  680. "issue": "新问题",
  681. "version_number": "版本",
  682. "updated": "最后更新",
  683. "total_installs": "总安装量",
  684. "ratings": "评级",
  685. "good": "好的",
  686. "ok": "好的",
  687. "bad": "不好",
  688. "created_date": "创建",
  689. "redirect": "大人的Greasyfork",
  690. "filter": "过滤掉其他语言",
  691. "dtime": "显示超时",
  692. "save": "拯救",
  693. "reset": "重置",
  694. "preview_code": "预览代码",
  695. "saveFile": "保存存档",
  696. "newTab": "新标签",
  697. "applies_to": "适用于",
  698. "license": "许可证",
  699. "no_license": "暂无",
  700. "antifeatures": "可能不受欢迎的功能",
  701. "userjs_fullscreen": "自动全屏",
  702. "listing_none": "(无)",
  703. "export_config": "导出配置",
  704. "export_theme": "导出主题",
  705. "import_config": "导入配置",
  706. "import_theme": "导入主题",
  707. "code_size": "代码 尺寸",
  708. "prmpt_css": "安装为用户风格?",
  709. "userjs_inject": "注入 Userscript+",
  710. "userjs_close": "关闭 Userscript+",
  711. "userjs_sync": "Sync",
  712. "userjs_autoinject": "Inject on load",
  713. "auto_fetch": "Fetch on load",
  714. "code": "代码",
  715. "metadata": "Metadata",
  716. "preview_metadata": "Preview Metadata",
  717. "recommend_author": "Recommend Author",
  718. "recommend_other": "Recommend Others",
  719. "default_sort": "Default Sort"
  720. },
  721. "zh_TW": {
  722. "createdby": "由...制作",
  723. "name": "姓名",
  724. "daily_installs": "日常安装",
  725. "close": "不再显示",
  726. "filterA": "过滤器",
  727. "max": "最大化",
  728. "min": "最小化",
  729. "search": "搜索",
  730. "search_placeholder": "搜索用户脚本",
  731. "install": "安装",
  732. "issue": "新问题",
  733. "version_number": "版本",
  734. "updated": "最后更新",
  735. "total_installs": "总安装量",
  736. "ratings": "评级",
  737. "good": "好的",
  738. "ok": "好的",
  739. "bad": "不好",
  740. "created_date": "创建",
  741. "redirect": "大人的Greasyfork",
  742. "filter": "过滤掉其他语言",
  743. "dtime": "显示超时",
  744. "save": "拯救",
  745. "reset": "重置",
  746. "preview_code": "预览代码",
  747. "saveFile": "保存存档",
  748. "newTab": "新标签",
  749. "applies_to": "适用于",
  750. "license": "许可证",
  751. "no_license": "暂无",
  752. "antifeatures": "可能不受欢迎的功能",
  753. "userjs_fullscreen": "自动全屏",
  754. "listing_none": "(无)",
  755. "export_config": "导出配置",
  756. "export_theme": "导出主题",
  757. "import_config": "导入配置",
  758. "import_theme": "导入主题",
  759. "code_size": "代码 尺寸",
  760. "prmpt_css": "作為使用者樣式安裝?",
  761. "userjs_inject": "注入用戶腳本+",
  762. "userjs_close": "關閉用戶腳本+",
  763. "userjs_sync": "Sync",
  764. "userjs_autoinject": "Inject on load",
  765. "auto_fetch": "Fetch on load",
  766. "code": "代碼",
  767. "metadata": "Metadata",
  768. "preview_metadata": "Preview Metadata",
  769. "recommend_author": "Recommend Author",
  770. "recommend_other": "Recommend Others",
  771. "default_sort": "Default Sort"
  772. }
  773. };
  774. /** [source code](https://github.com/magicoflolis/Userscript-Plus/blob/master/src/sass/_main.scss) */
  775. const main_css = `mujs-root {
  776. --mujs-even-row: hsl(222, 14%, 22%);
  777. --mujs-odd-row: hsl(222, 14%, 11%);
  778. --mujs-even-err: hsl(0, 100%, 22%);
  779. --mujs-odd-err: hsl(0, 100%, 11%);
  780. --mujs-background-color: hsl(222, 14%, 33%);
  781. --mujs-gf-color: hsl(204, 100%, 40%);
  782. --mujs-sf-color: hsl(12, 86%, 50%);
  783. --mujs-border-b-color: hsla(0, 0%, 0%, 0);
  784. --mujs-gf-btn-color: hsl(211, 87%, 56%);
  785. --mujs-sf-btn-color: hsl(12, 86%, 50%);
  786. --mujs-sf-txt-color: hsl(12, 79%, 55%);
  787. --mujs-txt-color: hsl(0, 0%, 100%);
  788. --mujs-chck-color: hsla(0, 0%, 100%, 0.568);
  789. --mujs-chck-gf: hsla(197, 100%, 50%, 0.568);
  790. --mujs-chck-git: hsla(213, 13%, 16%, 0.568);
  791. --mujs-chck-open: hsla(12, 86%, 50%, 0.568);
  792. --mujs-placeholder: hsl(81, 56%, 54%);
  793. --mujs-position-top: unset;
  794. --mujs-position-bottom: 1em;
  795. --mujs-position-left: unset;
  796. --mujs-position-right: 1em;
  797. --mujs-font-family: Arial, Helvetica, sans-serif;
  798. font-family: var(--mujs-font-family, Arial, Helvetica, sans-serif);
  799. text-rendering: optimizeLegibility;
  800. word-break: normal;
  801. font-size: 14px;
  802. color: var(--mujs-txt-color, hsl(0, 0%, 100%));
  803. }
  804.  
  805. mujs-root * {
  806. -webkit-appearance: none;
  807. -moz-appearance: none;
  808. appearance: none;
  809. scrollbar-color: var(--mujs-txt-color, hsl(0, 0%, 100%)) hsl(224, 14%, 21%);
  810. scrollbar-width: thin;
  811. }
  812. @supports not (scrollbar-width: thin) {
  813. mujs-root * ::-webkit-scrollbar {
  814. width: 1.4vw;
  815. height: 3.3vh;
  816. }
  817. mujs-root * ::-webkit-scrollbar-track {
  818. background-color: hsl(224, 14%, 21%);
  819. border-radius: 16px;
  820. margin-top: 3px;
  821. margin-bottom: 3px;
  822. box-shadow: inset 0 0 6px hsla(0, 0%, 0%, 0.3);
  823. }
  824. mujs-root * ::-webkit-scrollbar-thumb {
  825. border-radius: 16px;
  826. background-color: var(--mujs-txt-color, hsl(0, 0%, 100%));
  827. background-image: -webkit-linear-gradient(45deg, hsla(0, 0%, 100%, 0.2) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, 0.2) 50%, hsla(0, 0%, 100%, 0.2) 75%, transparent 75%, transparent);
  828. }
  829. mujs-root * ::-webkit-scrollbar-thumb:hover {
  830. background: var(--mujs-txt-color, hsl(0, 0%, 100%));
  831. }
  832. }
  833.  
  834. mu-js {
  835. line-height: normal;
  836. }
  837.  
  838. mujs-section > label,
  839. .mujs-homepag e,
  840. td.mujs-list,
  841. .install {
  842. font-size: 16px;
  843. }
  844.  
  845. .install,
  846. .mujs-homepage {
  847. font-weight: 700;
  848. }
  849.  
  850. mujs-section > label,
  851. td.mujs-list {
  852. font-weight: 500;
  853. }
  854.  
  855. .mujs-invalid {
  856. border-radius: 8px !important;
  857. border-width: 2px !important;
  858. border-style: solid !important;
  859. border-color: hsl(0, 100%, 50%) !important;
  860. }
  861.  
  862. mujs-tabs,
  863. mujs-column,
  864. mujs-row,
  865. .mujs-sty-flex {
  866. display: flex;
  867. }
  868.  
  869. mujs-column,
  870. mujs-row {
  871. gap: 0.5em;
  872. }
  873.  
  874. mujs-column count-frame[data-counter=greasyfork] {
  875. background: var(--mujs-gf-color, hsl(204, 100%, 40%));
  876. }
  877. mujs-column count-frame[data-counter=sleazyfork] {
  878. background: var(--mujs-sf-color, hsl(12, 86%, 50%));
  879. }
  880. mujs-column count-frame[data-counter=github] {
  881. background: hsl(213, 13%, 16%);
  882. }
  883. mujs-column count-frame[data-counter=openuserjs] {
  884. background: hsla(12, 86%, 50%, 0.568);
  885. }
  886. @media screen and (max-width: 800px) {
  887. mujs-column {
  888. flex-flow: row wrap;
  889. }
  890. }
  891.  
  892. mujs-row {
  893. flex-flow: column wrap;
  894. }
  895.  
  896. mu-js {
  897. cursor: default;
  898. }
  899.  
  900. .hidden {
  901. display: none !important;
  902. z-index: -1 !important;
  903. }
  904.  
  905. mujs-main {
  906. width: 100%;
  907. width: -moz-available;
  908. width: -webkit-fill-available;
  909. background: var(--mujs-background-color, hsl(222, 14%, 33%)) !important;
  910. border: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  911. border-radius: 16px;
  912. }
  913. @media screen and (max-height: 720px) {
  914. mujs-main:not(.webext-page) {
  915. height: 100% !important;
  916. bottom: 0rem !important;
  917. right: 0rem !important;
  918. margin: 0rem !important;
  919. }
  920. }
  921. mujs-main.expanded {
  922. height: 100% !important;
  923. bottom: 0rem !important;
  924. }
  925. mujs-main:not(.webext-page) {
  926. position: fixed;
  927. height: 492px;
  928. }
  929. mujs-main:not(.webext-page):not(.expanded) {
  930. margin-left: 1rem;
  931. margin-right: 1rem;
  932. right: 1rem;
  933. bottom: 1rem;
  934. }
  935. mujs-main:not(.hidden) {
  936. z-index: 100000000000000000 !important;
  937. display: flex !important;
  938. flex-direction: column !important;
  939. }
  940. mujs-main > * {
  941. width: 100%;
  942. width: -moz-available;
  943. width: -webkit-fill-available;
  944. }
  945. mujs-main mujs-toolbar {
  946. order: 0;
  947. padding: 0.5em;
  948. display: flex;
  949. place-content: space-between;
  950. }
  951. mujs-main mujs-toolbar mujs-tabs {
  952. overflow: hidden;
  953. order: 0;
  954. }
  955. mujs-main mujs-toolbar mujs-column {
  956. flex-flow: row nowrap;
  957. order: 999999999999;
  958. }
  959. mujs-main mujs-toolbar > * {
  960. width: -webkit-fit-content;
  961. width: -moz-fit-content;
  962. width: fit-content;
  963. }
  964. mujs-main mujs-tabs {
  965. gap: 0.5em;
  966. text-align: center;
  967. -webkit-user-select: none;
  968. -moz-user-select: none;
  969. -ms-user-select: none;
  970. user-select: none;
  971. flex-flow: row wrap;
  972. }
  973. mujs-main mujs-tabs mujs-tab {
  974. padding: 0.25em;
  975. min-width: 150px;
  976. width: -webkit-fit-content;
  977. width: -moz-fit-content;
  978. width: fit-content;
  979. height: -webkit-fit-content;
  980. height: -moz-fit-content;
  981. height: fit-content;
  982. display: flex;
  983. place-content: space-between;
  984. border: 1px solid transparent;
  985. border-radius: 4px;
  986. background: transparent;
  987. }
  988. @media screen and (max-width: 800px) {
  989. mujs-main mujs-tabs mujs-tab {
  990. min-width: 6em !important;
  991. }
  992. }
  993. mujs-main mujs-tabs mujs-tab.active {
  994. background: var(--mujs-even-row, hsl(222, 14%, 18%));
  995. }
  996. mujs-main mujs-tabs mujs-tab:not(.active):hover {
  997. background: var(--mujs-even-row, hsl(222, 14%, 18%));
  998. }
  999. mujs-main mujs-tabs mujs-tab mujs-host {
  1000. float: left;
  1001. overflow: auto;
  1002. overflow-wrap: break-word;
  1003. text-overflow: ellipsis;
  1004. white-space: nowrap;
  1005. }
  1006. mujs-main mujs-tabs mujs-tab mu-js {
  1007. float: right;
  1008. }
  1009. mujs-main mujs-tabs mujs-addtab {
  1010. order: 999999999999;
  1011. font-size: 20px;
  1012. padding: 0px 0.25em;
  1013. }
  1014. mujs-main mujs-tabs mujs-addtab:hover {
  1015. background: var(--mujs-even-row, hsl(222, 14%, 18%));
  1016. }
  1017. mujs-main mujs-tab,
  1018. mujs-main mujs-btn,
  1019. mujs-main input {
  1020. width: -webkit-fit-content;
  1021. width: -moz-fit-content;
  1022. width: fit-content;
  1023. height: -webkit-fit-content;
  1024. height: -moz-fit-content;
  1025. height: fit-content;
  1026. }
  1027. mujs-main input {
  1028. background: hsla(0, 0%, 0%, 0);
  1029. color: var(--mujs-txt-color, hsl(0, 0%, 100%));
  1030. }
  1031. mujs-main input:not([type=checkbox]) {
  1032. border: transparent;
  1033. outline: none !important;
  1034. }
  1035. mujs-main mujs-page,
  1036. mujs-main textarea {
  1037. background: inherit;
  1038. overflow-y: auto;
  1039. border: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  1040. border-radius: 5px;
  1041. outline: none;
  1042. font-family: monospace;
  1043. font-size: 14px;
  1044. }
  1045. mujs-main mujs-page {
  1046. padding: 0.5em;
  1047. margin: 0.5em;
  1048. }
  1049. mujs-main textarea {
  1050. overflow-y: auto;
  1051. color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1052. resize: vertical;
  1053. }
  1054. mujs-main textarea:focus {
  1055. outline: none;
  1056. }
  1057. mujs-main th,
  1058. mujs-main .mujs-cfg *:not(input[type=password], input[type=text], input[type=number]) {
  1059. -webkit-user-select: none !important;
  1060. -moz-user-select: none !important;
  1061. -ms-user-select: none !important;
  1062. user-select: none !important;
  1063. }
  1064. mujs-main .mujs-footer {
  1065. order: 3;
  1066. overflow-x: hidden;
  1067. text-align: center;
  1068. border-radius: 16px;
  1069. }
  1070. mujs-main .mujs-footer > * {
  1071. min-height: 50px;
  1072. }
  1073. mujs-main .mujs-footer .error:nth-child(even) {
  1074. background: var(--mujs-even-err, hsl(0, 100%, 22%)) !important;
  1075. }
  1076. mujs-main .mujs-footer .error:nth-child(odd) {
  1077. background: var(--mujs-odd-err, hsl(0, 100%, 11%)) !important;
  1078. }
  1079. mujs-main .mujs-prompt {
  1080. align-items: center;
  1081. justify-content: center;
  1082. }
  1083. mujs-main .mujs-prompt svg {
  1084. width: 14px;
  1085. height: 14px;
  1086. background: transparent;
  1087. }
  1088. mujs-main .mujs-prompt > .prompt {
  1089. position: absolute;
  1090. background: var(--mujs-background-color, hsl(222, 14%, 33%)) !important;
  1091. border: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  1092. border-radius: 16px;
  1093. text-align: center;
  1094. padding: 0.5em;
  1095. z-index: 1;
  1096. }
  1097. mujs-main .mujs-prompt > .prompt .prompt-head {
  1098. font-size: 18px;
  1099. }
  1100. mujs-main .mujs-prompt > .prompt .prompt-body {
  1101. display: grid;
  1102. grid-auto-flow: column;
  1103. grid-gap: 0.5em;
  1104. padding-top: 0.5em;
  1105. }
  1106. mujs-main .mujs-prompt > .prompt mujs-btn.prompt-deny {
  1107. background: var(--mujs-sf-btn-color, hsl(12, 86%, 50%));
  1108. border-color: var(--mujs-sf-btn-color, hsl(12, 86%, 50%));
  1109. }
  1110. mujs-main .mujs-prompt > .prompt mujs-btn.prompt-deny:hover {
  1111. background: var(--mujs-sf-txt-color, hsl(12, 79%, 55%));
  1112. border-color: var(--mujs-sf-txt-color, hsl(12, 79%, 55%));
  1113. }
  1114. mujs-main .mujs-prompt > .prompt mujs-btn.prompt-confirm {
  1115. background: var(--mujs-gf-color, hsl(204, 100%, 40%));
  1116. border-color: var(--mujs-gf-color, hsl(204, 100%, 40%));
  1117. }
  1118. mujs-main .mujs-prompt > .prompt mujs-btn.prompt-confirm:hover {
  1119. background: var(--mujs-gf-btn-color, hsl(211, 87%, 56%));
  1120. border-color: var(--mujs-gf-btn-color, hsl(211, 87%, 56%));
  1121. }
  1122.  
  1123. .mainframe {
  1124. background: transparent;
  1125. position: fixed;
  1126. bottom: var(--mujs-position-bottom, 1rem);
  1127. right: var(--mujs-position-right, 1rem);
  1128. top: var(--mujs-position-top, unset);
  1129. left: var(--mujs-position-left, unset);
  1130. }
  1131. .mainframe count-frame {
  1132. width: fit-content;
  1133. width: -moz-fit-content;
  1134. width: -webkit-fit-content;
  1135. height: auto;
  1136. padding: 14px 16px;
  1137. }
  1138. .mainframe.error {
  1139. opacity: 1 !important;
  1140. }
  1141. .mainframe.error count-frame {
  1142. background: var(--mujs-even-err, hsl(0, 100%, 22%)) !important;
  1143. }
  1144. .mainframe:not(.hidden) {
  1145. z-index: 100000000000000000 !important;
  1146. display: block;
  1147. }
  1148.  
  1149. count-frame {
  1150. border-radius: 1000px;
  1151. margin: 0px 3px;
  1152. padding: 4px 6px;
  1153. border: 2px solid var(--mujs-border-b-color, hsla(0, 0%, 0%, 0));
  1154. font-size: 16px;
  1155. font-weight: 400;
  1156. display: inline-block;
  1157. text-align: center;
  1158. min-width: 1em;
  1159. background: var(--mujs-background-color, hsl(222, 14%, 33%));
  1160. -webkit-user-select: none;
  1161. -moz-user-select: none;
  1162. -ms-user-select: none;
  1163. user-select: none;
  1164. }
  1165.  
  1166. mujs-header {
  1167. order: 1;
  1168. display: flex;
  1169. border-bottom: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  1170. padding-left: 0.5em;
  1171. padding-right: 0.5em;
  1172. padding-bottom: 0.5em;
  1173. font-size: 1em;
  1174. place-content: space-between;
  1175. height: fit-content;
  1176. height: -moz-fit-content;
  1177. height: -webkit-fit-content;
  1178. gap: 1em;
  1179. }
  1180. mujs-header > *:not(mujs-url) {
  1181. height: fit-content;
  1182. height: -moz-fit-content;
  1183. height: -webkit-fit-content;
  1184. }
  1185. mujs-header mujs-url {
  1186. order: 0;
  1187. flex-grow: 1;
  1188. }
  1189. mujs-header mujs-url > input {
  1190. width: 100%;
  1191. height: 100%;
  1192. background: var(--mujs-even-row, hsl(222, 14%, 18%));
  1193. border: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  1194. border-radius: 4px;
  1195. }
  1196. mujs-header .rate-container {
  1197. order: 1;
  1198. }
  1199. mujs-header .btn-frame {
  1200. order: 999999999999;
  1201. }
  1202.  
  1203. mujs-body {
  1204. order: 2;
  1205. overflow-x: hidden;
  1206. padding: 0px;
  1207. height: 100%;
  1208. border: 1px solid var(--mujs-border-b-color, hsla(0, 0%, 0%, 0));
  1209. border-bottom-left-radius: 16px;
  1210. border-bottom-right-radius: 16px;
  1211. }
  1212. mujs-body .mujs-ratings {
  1213. padding: 0 0.25em;
  1214. border: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  1215. border-radius: 1000px;
  1216. width: -webkit-fit-content;
  1217. width: -moz-fit-content;
  1218. width: fit-content;
  1219. }
  1220. mujs-body mu-jsbtn {
  1221. -webkit-user-select: none;
  1222. -moz-user-select: none;
  1223. -ms-user-select: none;
  1224. user-select: none;
  1225. }
  1226. mujs-body table,
  1227. mujs-body th,
  1228. mujs-body td {
  1229. border-collapse: collapse;
  1230. }
  1231. mujs-body table {
  1232. width: 100%;
  1233. width: -moz-available;
  1234. width: -webkit-fill-available;
  1235. }
  1236. @media screen and (max-width: 1180px) {
  1237. mujs-body table thead > tr {
  1238. display: table-column;
  1239. }
  1240. mujs-body table .frame:not(.webext-page) {
  1241. width: 100%;
  1242. display: flex;
  1243. flex-flow: row wrap;
  1244. align-items: center;
  1245. padding-top: 0.5em;
  1246. padding-bottom: 0.5em;
  1247. }
  1248. mujs-body table .frame:not(.webext-page) td {
  1249. margin: auto;
  1250. }
  1251. mujs-body table .frame:not(.webext-page) td > mujs-a,
  1252. mujs-body table .frame:not(.webext-page) td > mu-js,
  1253. mujs-body table .frame:not(.webext-page) td > mujs-column {
  1254. text-align: center;
  1255. justify-content: center;
  1256. }
  1257. mujs-body table .frame:not(.webext-page) td > mujs-a {
  1258. width: 100%;
  1259. }
  1260. }
  1261. @media screen and (max-width: 1180px) and (max-width: 800px) {
  1262. mujs-body table .frame:not(.webext-page) td > mujs-column {
  1263. flex-flow: column wrap;
  1264. }
  1265. mujs-body table .frame:not(.webext-page) td > mujs-column > mujs-row {
  1266. align-content: center;
  1267. }
  1268. mujs-body table .frame:not(.webext-page) td > mujs-column mujs-column {
  1269. justify-content: center;
  1270. }
  1271. }
  1272. @media screen and (max-width: 1180px) {
  1273. mujs-body table .frame:not(.webext-page) td:not(.mujs-name, .install-btn) {
  1274. width: 25%;
  1275. }
  1276. }
  1277. @media screen and (max-width: 1180px) and (max-width: 800px) {
  1278. mujs-body table .frame:not(.webext-page) td.install-btn {
  1279. width: 100%;
  1280. }
  1281. }
  1282. @media screen and (max-width: 1180px) {
  1283. mujs-body table .frame:not(.webext-page) .mujs-name {
  1284. width: 100%;
  1285. }
  1286. }
  1287. @media screen and (max-width: 550px) {
  1288. mujs-body table .frame:not(.webext-page) td {
  1289. margin: 1rem !important;
  1290. }
  1291. mujs-body table .frame:not(.webext-page) td:not(.mujs-name, .install-btn) {
  1292. width: auto !important;
  1293. }
  1294. }
  1295. mujs-body table th {
  1296. position: -webkit-sticky;
  1297. position: sticky;
  1298. top: 0;
  1299. background: hsla(222, 14%, 33%, 0.75);
  1300. border-bottom: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  1301. }
  1302. mujs-body table th.mujs-header-name {
  1303. width: 50%;
  1304. }
  1305. @media screen and (max-width: 800px) {
  1306. mujs-body table th.mujs-header-name {
  1307. width: auto !important;
  1308. }
  1309. }
  1310. mujs-body table .frame:nth-child(even) {
  1311. background: var(--mujs-even-row, hsl(222, 14%, 18%)) !important;
  1312. }
  1313. mujs-body table .frame:nth-child(even) textarea {
  1314. background: var(--mujs-odd-row, hsl(222, 14%, 33%)) !important;
  1315. }
  1316. mujs-body table .frame:nth-child(odd) {
  1317. background: var(--mujs-odd-row, hsl(222, 14%, 33%)) !important;
  1318. }
  1319. mujs-body table .frame:nth-child(odd) textarea {
  1320. background: var(--mujs-even-row, hsl(222, 14%, 18%)) !important;
  1321. }
  1322. mujs-body table .frame:not([data-engine=sleazyfork], [data-engine=greasyfork]) mujs-a {
  1323. color: var(--mujs-sf-txt-color, hsl(12, 79%, 55%));
  1324. }
  1325. mujs-body table .frame:not([data-engine=sleazyfork], [data-engine=greasyfork]) mu-jsbtn {
  1326. background: var(--mujs-sf-btn-color, hsl(12, 86%, 50%));
  1327. border-color: var(--mujs-sf-btn-color, hsl(12, 86%, 50%));
  1328. }
  1329. mujs-body table .frame:not([data-engine=sleazyfork], [data-engine=greasyfork]) mu-jsbtn:hover {
  1330. background: var(--mujs-sf-txt-color, hsl(12, 79%, 55%));
  1331. border-color: var(--mujs-sf-txt-color, hsl(12, 79%, 55%));
  1332. }
  1333. mujs-body table .frame[data-engine=sleazyfork] mujs-a, mujs-body table .frame[data-engine=greasyfork] mujs-a {
  1334. color: var(--mujs-gf-color, hsl(197, 100%, 50%));
  1335. }
  1336. mujs-body table .frame[data-engine=sleazyfork] mujs-a:hover, mujs-body table .frame[data-engine=greasyfork] mujs-a:hover {
  1337. color: var(--mujs-gf-btn-color, hsl(211, 87%, 56%));
  1338. }
  1339. mujs-body table .frame[data-engine=sleazyfork] mu-jsbtn, mujs-body table .frame[data-engine=greasyfork] mu-jsbtn {
  1340. background: var(--mujs-gf-color, hsl(204, 100%, 40%));
  1341. border-color: var(--mujs-gf-color, hsl(204, 100%, 40%));
  1342. }
  1343. mujs-body table .frame[data-engine=sleazyfork] mu-jsbtn:hover, mujs-body table .frame[data-engine=greasyfork] mu-jsbtn:hover {
  1344. background: var(--mujs-gf-btn-color, hsl(211, 87%, 56%));
  1345. border-color: var(--mujs-gf-btn-color, hsl(211, 87%, 56%));
  1346. }
  1347. mujs-body table .frame[data-good] mujs-a, mujs-body table .frame[data-author] mujs-a {
  1348. color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1349. }
  1350. mujs-body table .frame[data-good] mujs-a:hover, mujs-body table .frame[data-author] mujs-a:hover {
  1351. color: hsl(81, 56%, 43%);
  1352. }
  1353. mujs-body table .frame[data-good] .mujs-list, mujs-body table .frame[data-author] .mujs-list {
  1354. color: hsl(0, 0%, 100%);
  1355. }
  1356. mujs-body table .frame[data-good] mu-jsbtn, mujs-body table .frame[data-author] mu-jsbtn {
  1357. color: hsl(215, 47%, 24%);
  1358. background: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1359. border-color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1360. }
  1361. mujs-body table .frame[data-good] mu-jsbtn:hover, mujs-body table .frame[data-author] mu-jsbtn:hover {
  1362. background: hsl(81, 56%, 65%);
  1363. border-color: hsl(81, 56%, 65%);
  1364. }
  1365. mujs-body table .frame.translated:not([data-good], [data-author]) mujs-a {
  1366. color: hsl(249, 56%, 65%);
  1367. }
  1368. mujs-body table .frame.translated:not([data-good], [data-author]) mujs-a:hover {
  1369. color: hsl(249, 56%, 85%);
  1370. }
  1371. mujs-body table .frame.translated:not([data-good], [data-author]) mu-jsbtn {
  1372. color: hsl(215, 47%, 85%);
  1373. background: hsl(249, 56%, 65%);
  1374. border-color: hsl(249, 56%, 65%);
  1375. }
  1376. mujs-body table .frame.translated:not([data-good], [data-author]) mu-jsbtn:hover {
  1377. background: hsl(249, 56%, 65%);
  1378. border-color: hsl(249, 56%, 65%);
  1379. }
  1380. mujs-body table .frame .mujs-ratings[data-el=good] {
  1381. border-color: hsl(120, 50%, 40%);
  1382. background-color: hsla(120, 50%, 40%, 0.102);
  1383. color: hsl(120, 100%, 60%);
  1384. }
  1385. mujs-body table .frame .mujs-ratings[data-el=ok] {
  1386. border-color: hsl(60, 100%, 30%);
  1387. background-color: hsla(60, 100%, 30%, 0.102);
  1388. color: hsl(60, 100%, 50%);
  1389. }
  1390. mujs-body table .frame .mujs-ratings[data-el=bad] {
  1391. border-color: hsl(0, 100%, 30%);
  1392. background-color: hsla(0, 50%, 40%, 0.102);
  1393. color: hsl(0, 100%, 50%);
  1394. }
  1395. mujs-body table .frame svg {
  1396. width: 12px;
  1397. height: 12px;
  1398. fill: currentColor;
  1399. background: transparent;
  1400. }
  1401. mujs-body table .frame > td:not(.mujs-name) {
  1402. text-align: center;
  1403. }
  1404. mujs-body table .frame > .mujs-name > mujs-a {
  1405. width: -webkit-fit-content;
  1406. width: -moz-fit-content;
  1407. width: fit-content;
  1408. }
  1409. mujs-body table .frame > .mujs-name mu-jsbtn,
  1410. mujs-body table .frame > .mujs-name mu-js {
  1411. height: -webkit-fit-content;
  1412. height: -moz-fit-content;
  1413. height: fit-content;
  1414. }
  1415. mujs-body table .frame > .mujs-name > mu-jsbtn {
  1416. margin: auto;
  1417. }
  1418. mujs-body table .frame > .mujs-name > mujs-column > mu-jsbtn {
  1419. padding: 0px 7px;
  1420. }
  1421. @media screen and (max-width: 800px) {
  1422. mujs-body table .frame > .mujs-name > mujs-column > mu-jsbtn {
  1423. width: 100%;
  1424. }
  1425. }
  1426. mujs-body table .frame > .mujs-uframe > mujs-a {
  1427. font-size: 16px;
  1428. font-weight: 500;
  1429. padding-left: 0.5rem;
  1430. padding-right: 0.5rem;
  1431. }
  1432. mujs-body table .frame [data-el=more-info] > mujs-row {
  1433. gap: 0.25em;
  1434. }
  1435. mujs-body table .frame [data-el=matches] {
  1436. gap: 0.25em;
  1437. max-width: 40em;
  1438. }
  1439. mujs-body table .frame [data-el=matches] .mujs-grants {
  1440. display: inline-flex;
  1441. flex-flow: row wrap;
  1442. overflow: auto;
  1443. overflow-wrap: break-word;
  1444. text-overflow: ellipsis;
  1445. white-space: nowrap;
  1446. width: -webkit-fit-content;
  1447. width: -moz-fit-content;
  1448. width: fit-content;
  1449. max-height: 5em;
  1450. gap: 0.2em;
  1451. }
  1452. mujs-body table .frame [data-el=matches] .mujs-grants > mujs-a {
  1453. display: inline;
  1454. }
  1455. mujs-body table .frame [data-el=matches] .mujs-grants > mujs-a:not([data-command]) {
  1456. cursor: default !important;
  1457. color: var(--mujs-txt-color, hsl(0, 0%, 100%));
  1458. }
  1459. mujs-body table .frame [data-el=matches] .mujs-grants > mujs-a::after {
  1460. content: ", ";
  1461. color: var(--mujs-txt-color, hsl(0, 0%, 100%));
  1462. }
  1463. mujs-body table .frame [data-el=matches] .mujs-grants > mujs-a:last-child::after {
  1464. content: "";
  1465. }
  1466. @media screen and (max-width: 800px) {
  1467. mujs-body table .frame [data-el=matches] {
  1468. align-self: center;
  1469. width: 30em !important;
  1470. }
  1471. }
  1472. mujs-body table .frame [data-name=license] {
  1473. text-overflow: ellipsis;
  1474. overflow: hidden;
  1475. white-space: nowrap;
  1476. width: -webkit-fit-content;
  1477. width: -moz-fit-content;
  1478. width: fit-content;
  1479. }
  1480. @media screen and (max-width: 800px) {
  1481. mujs-body table .frame [data-name=license] {
  1482. width: 100% !important;
  1483. width: -moz-available !important;
  1484. width: -webkit-fill-available !important;
  1485. }
  1486. }
  1487.  
  1488. @media screen and (max-width: 1150px) {
  1489. .mujs-cfg {
  1490. margin: 0px auto 1rem auto !important;
  1491. }
  1492. }
  1493. .mujs-cfg {
  1494. height: fit-content;
  1495. height: -moz-fit-content;
  1496. height: -webkit-fit-content;
  1497. }
  1498. .mujs-cfg mujs-section {
  1499. border-radius: 16px;
  1500. padding: 0.5em;
  1501. }
  1502. .mujs-cfg mujs-section:nth-child(even) {
  1503. background: var(--mujs-even-row, hsl(222, 14%, 18%)) !important;
  1504. }
  1505. .mujs-cfg mujs-section:nth-child(even) input,
  1506. .mujs-cfg mujs-section:nth-child(even) select {
  1507. background: var(--mujs-odd-row, hsl(222, 14%, 33%));
  1508. }
  1509. .mujs-cfg mujs-section:nth-child(even) select option {
  1510. background: var(--mujs-odd-row, hsl(222, 14%, 33%));
  1511. }
  1512. .mujs-cfg mujs-section:nth-child(even) select option:hover {
  1513. background: var(--mujs-even-row, hsl(222, 14%, 18%)) !important;
  1514. }
  1515. .mujs-cfg mujs-section:nth-child(odd) {
  1516. background: var(--mujs-odd-row, hsl(222, 14%, 33%)) !important;
  1517. }
  1518. .mujs-cfg mujs-section:nth-child(odd) input,
  1519. .mujs-cfg mujs-section:nth-child(odd) select {
  1520. background: var(--mujs-even-row, hsl(222, 14%, 18%));
  1521. }
  1522. .mujs-cfg mujs-section:nth-child(odd) select option {
  1523. background: var(--mujs-even-row, hsl(222, 14%, 18%));
  1524. }
  1525. .mujs-cfg mujs-section:nth-child(odd) select option:hover {
  1526. background: var(--mujs-odd-row, hsl(222, 14%, 33%)) !important;
  1527. }
  1528. .mujs-cfg mujs-section[data-name=theme] .sub-section {
  1529. border-radius: 4px;
  1530. }
  1531. .mujs-cfg mujs-section[data-name=theme] .sub-section:nth-child(even) {
  1532. background: var(--mujs-even-row, hsl(222, 14%, 18%));
  1533. }
  1534. .mujs-cfg mujs-section[data-name=theme] .sub-section:nth-child(odd) {
  1535. background: var(--mujs-odd-row, hsl(222, 14%, 33%));
  1536. }
  1537. .mujs-cfg mujs-section[data-name=theme] input,
  1538. .mujs-cfg mujs-section[data-name=theme] select {
  1539. background: inherit;
  1540. }
  1541. .mujs-cfg mujs-section[data-name=theme] select option {
  1542. background: inherit;
  1543. }
  1544. .mujs-cfg mujs-section[data-name=theme] select option:hover {
  1545. background: var(--mujs-even-row, hsl(222, 14%, 18%)) !important;
  1546. }
  1547. .mujs-cfg mujs-section svg {
  1548. width: 14px;
  1549. height: 14px;
  1550. fill: currentColor;
  1551. background: transparent;
  1552. }
  1553. .mujs-cfg mujs-section[data-name=exp], .mujs-cfg mujs-section[data-name=blacklist] {
  1554. display: flex;
  1555. justify-content: space-between;
  1556. flex-direction: column;
  1557. gap: 0.25em;
  1558. }
  1559. .mujs-cfg mujs-section[data-name=exp] > mujs-btn, .mujs-cfg mujs-section[data-name=blacklist] > mujs-btn {
  1560. width: 100%;
  1561. width: -moz-available;
  1562. width: -webkit-fill-available;
  1563. }
  1564. .mujs-cfg mujs-section[data-name=exp] > mujs-btn:hover, .mujs-cfg mujs-section[data-name=blacklist] > mujs-btn:hover {
  1565. background: var(--mujs-even-row, hsl(222, 14%, 18%)) !important;
  1566. }
  1567. .mujs-cfg mujs-section input[type=text]::-webkit-input-placeholder {
  1568. color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1569. }
  1570. .mujs-cfg mujs-section input[type=text]::-moz-placeholder {
  1571. color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1572. }
  1573. .mujs-cfg mujs-section input[type=text]:-ms-input-placeholder {
  1574. color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1575. }
  1576. .mujs-cfg mujs-section input[type=text]::-ms-input-placeholder {
  1577. color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1578. }
  1579. .mujs-cfg mujs-section input[type=text]::placeholder {
  1580. color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1581. }
  1582. .mujs-cfg mujs-section > label:not([data-blacklist]) {
  1583. display: flex;
  1584. justify-content: space-between;
  1585. }
  1586. .mujs-cfg mujs-section > label[data-blacklist] {
  1587. display: grid;
  1588. grid-auto-flow: column;
  1589. }
  1590. .mujs-cfg mujs-section > label[data-blacklist]:not(.new-list) {
  1591. grid-template-columns: repeat(2, 1fr);
  1592. }
  1593. .mujs-cfg mujs-section > label.new-list {
  1594. order: 999999999999;
  1595. }
  1596. .mujs-cfg mujs-section > label.new-list mujs-add {
  1597. font-size: 20px;
  1598. }
  1599. .mujs-cfg mujs-section > label input:not([type=checkbox]) {
  1600. font-size: 14px;
  1601. position: relative;
  1602. border-radius: 4px;
  1603. border: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  1604. }
  1605. .mujs-cfg mujs-section select,
  1606. .mujs-cfg mujs-section select option {
  1607. color: var(--mujs-txt-color, hsl(0, 0%, 100%));
  1608. border: 1px solid transparent;
  1609. list-style: none;
  1610. outline-style: none;
  1611. pointer-events: auto;
  1612. }
  1613. .mujs-cfg mujs-section select {
  1614. text-align: center;
  1615. border-radius: 4px;
  1616. }
  1617. .mujs-cfg mujs-section > *.sub-section {
  1618. padding: 0.2em;
  1619. }
  1620. .mujs-cfg mujs-section > *.sub-section[data-engine] {
  1621. flex-wrap: wrap;
  1622. }
  1623. .mujs-cfg mujs-section > *.sub-section[data-engine] input {
  1624. width: 100%;
  1625. width: -moz-available;
  1626. width: -webkit-fill-available;
  1627. }
  1628. .mujs-cfg mujs-section > *.sub-section input[type=text] {
  1629. margin: 0.2em 0px;
  1630. }
  1631. .mujs-cfg .mujs-inlab {
  1632. position: relative;
  1633. width: 38px;
  1634. }
  1635. .mujs-cfg .mujs-inlab input[type=checkbox] {
  1636. display: none;
  1637. }
  1638. .mujs-cfg .mujs-inlab input[type=checkbox]:checked + label {
  1639. margin-left: 0;
  1640. background: var(--mujs-chck-color, hsla(0, 0%, 100%, 0.568));
  1641. }
  1642. .mujs-cfg .mujs-inlab input[type=checkbox]:checked + label:before {
  1643. right: 0px;
  1644. }
  1645. .mujs-cfg .mujs-inlab input[type=checkbox][data-name=greasyfork]:checked + label {
  1646. background: var(--mujs-gf-color, hsl(204, 100%, 40%));
  1647. }
  1648. .mujs-cfg .mujs-inlab input[type=checkbox][data-name=sleazyfork]:checked + label {
  1649. background: var(--mujs-sf-color, hsl(12, 86%, 50%));
  1650. }
  1651. .mujs-cfg .mujs-inlab input[type=checkbox][data-name=openuserjs]:checked + label {
  1652. background: var(--mujs-chck-open, hsla(12, 86%, 50%, 0.568));
  1653. }
  1654. .mujs-cfg .mujs-inlab input[type=checkbox][data-name=github]:checked + label {
  1655. background: var(--mujs-chck-git, hsla(213, 13%, 16%, 0.568));
  1656. }
  1657. .mujs-cfg .mujs-inlab label {
  1658. padding: 0;
  1659. display: block;
  1660. overflow: hidden;
  1661. height: 16px;
  1662. border-radius: 20px;
  1663. border: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  1664. }
  1665. .mujs-cfg .mujs-inlab label:before {
  1666. content: "";
  1667. display: block;
  1668. width: 20px;
  1669. height: 20px;
  1670. margin: -2px;
  1671. background: var(--mujs-txt-color, hsl(0, 0%, 100%));
  1672. position: absolute;
  1673. top: 0;
  1674. right: 20px;
  1675. border-radius: 20px;
  1676. }
  1677. .mujs-cfg .mujs-sty-flex mujs-btn {
  1678. margin: auto;
  1679. }
  1680. .mujs-cfg .mujs-sty-flex mujs-btn[data-command=reset] {
  1681. background: var(--mujs-sf-btn-color, hsl(12, 86%, 50%));
  1682. border-color: var(--mujs-sf-btn-color, hsl(12, 86%, 50%));
  1683. }
  1684. .mujs-cfg .mujs-sty-flex mujs-btn[data-command=reset]:hover {
  1685. background: var(--mujs-sf-txt-color, hsl(12, 79%, 55%));
  1686. border-color: var(--mujs-sf-txt-color, hsl(12, 79%, 55%));
  1687. }
  1688. .mujs-cfg .mujs-sty-flex mujs-btn[data-command=save] {
  1689. background: var(--mujs-gf-color, hsl(204, 100%, 40%));
  1690. border-color: var(--mujs-gf-color, hsl(204, 100%, 40%));
  1691. }
  1692. .mujs-cfg .mujs-sty-flex mujs-btn[data-command=save]:hover {
  1693. background: var(--mujs-gf-btn-color, hsl(211, 87%, 56%));
  1694. border-color: var(--mujs-gf-btn-color, hsl(211, 87%, 56%));
  1695. }
  1696. .mujs-cfg:not(.webext-page) {
  1697. margin: 1rem 25rem;
  1698. }
  1699. @media screen and (max-height: 720px) {
  1700. .mujs-cfg:not(.webext-page) {
  1701. height: 100%;
  1702. height: -moz-available;
  1703. height: -webkit-fill-available;
  1704. width: 100%;
  1705. width: -moz-available;
  1706. width: -webkit-fill-available;
  1707. overflow-x: auto;
  1708. padding: 0.5em;
  1709. }
  1710. }
  1711.  
  1712. mujs-a {
  1713. display: inline-block;
  1714. }
  1715.  
  1716. .mujs-name {
  1717. display: flex;
  1718. flex-flow: column wrap;
  1719. gap: 0.5em;
  1720. }
  1721. .mujs-name span {
  1722. font-size: 0.8em !important;
  1723. }
  1724.  
  1725. mujs-btn {
  1726. font-style: normal;
  1727. font-weight: 500;
  1728. font-variant: normal;
  1729. text-transform: none;
  1730. text-rendering: auto;
  1731. text-align: center;
  1732. border: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  1733. font-size: 16px;
  1734. border-radius: 4px;
  1735. line-height: 1;
  1736. padding: 6px 15px;
  1737. }
  1738. mujs-btn svg {
  1739. width: 14px;
  1740. height: 14px;
  1741. fill: var(--mujs-txt-color, hsl(0, 0%, 100%));
  1742. }
  1743.  
  1744. mu-jsbtn {
  1745. font-size: 14px;
  1746. border-radius: 4px;
  1747. font-style: normal;
  1748. padding: 7px 15%;
  1749. font-weight: 400;
  1750. font-variant: normal;
  1751. line-height: normal;
  1752. display: block;
  1753. text-align: center;
  1754. }
  1755.  
  1756. mujs-a,
  1757. mu-jsbtn,
  1758. .mujs-pointer,
  1759. .mujs-cfg mujs-section *:not(input[type=text], input[type=number], [data-theme], [data-blacklist]),
  1760. .mainbtn,
  1761. .mainframe,
  1762. mujs-btn {
  1763. cursor: pointer !important;
  1764. }`;
  1765. /******************************************************************************/
  1766. // #region Console
  1767. const con = {
  1768. title: '[%cMagic Userscript+%c]',
  1769. color: 'color: rgb(29, 155, 240);',
  1770. dbg(...msg) {
  1771. const dt = new Date();
  1772. console.debug(
  1773. `${con.title} %cDBG`,
  1774. con.color,
  1775. '',
  1776. 'color: rgb(255, 212, 0);',
  1777. `[${dt.getHours()}:${('0' + dt.getMinutes()).slice(-2)}:${('0' + dt.getSeconds()).slice(-2)}]`,
  1778. ...msg
  1779. );
  1780. },
  1781. err(...msg) {
  1782. console.error(`${con.title} %cERROR`, con.color, '', 'color: rgb(249, 24, 128);', ...msg);
  1783. const a = typeof alert !== 'undefined' && alert;
  1784. const t = con.title.replace(/%c/g, '');
  1785. for (const ex of msg) {
  1786. if (typeof ex === 'object' && 'cause' in ex && a) {
  1787. a(`${t} (${ex.cause}) ${ex.message}`);
  1788. }
  1789. }
  1790. },
  1791. info(...msg) {
  1792. console.info(`${con.title} %cINF`, con.color, '', 'color: rgb(0, 186, 124);', ...msg);
  1793. },
  1794. log(...msg) {
  1795. console.log(`${con.title} %cLOG`, con.color, '', 'color: rgb(219, 160, 73);', ...msg);
  1796. }
  1797. };
  1798. const { err, info } = con;
  1799. // #endregion
  1800. /**
  1801. * @type { import("../typings/types.d.ts").config }
  1802. */
  1803. let cfg;
  1804. /**
  1805. * @type {URL | undefined}
  1806. */
  1807. let url;
  1808. try {
  1809. // for some reason `window.location.href` isn't always the same as `location.href`
  1810. url = new URL(window.location.href ?? BLANK_PAGE);
  1811. } catch {
  1812. /* empty */
  1813. }
  1814. //#region Placeholders
  1815. const BLANK_FN = function () {};
  1816. const BLANK_ASYNC_FN = async function () {};
  1817. const BLANK_PAGE = 'about:blank';
  1818. //#endregion
  1819. /**
  1820. * @template {string} S
  1821. * @param {S} hn
  1822. */
  1823. const normalizedHostname = (hn) => hn.replace(/^www\./, '');
  1824. /**
  1825. * @template {string} S
  1826. * @param {S} txt
  1827. */
  1828. const formatURL = (txt) =>
  1829. txt
  1830. .split('.')
  1831. .splice(-2)
  1832. .join('.')
  1833. .replace(/\/|https:/g, '');
  1834. /**
  1835. * @template {string} S
  1836. * @param {S} str
  1837. */
  1838. const getHostname = (str) => formatURL(normalizedHostname(str));
  1839. // #region Validators
  1840. /**
  1841. * @type { import("../typings/types.d.ts").objToStr }
  1842. */
  1843. const objToStr = (obj) => Object.prototype.toString.call(obj).match(/\[object (.*)\]/)[1];
  1844. /**
  1845. * @type { import("../typings/types.d.ts").isRegExp }
  1846. */
  1847. const isRegExp = (obj) => /RegExp/.test(objToStr(obj));
  1848. /**
  1849. * @type { import("../typings/types.d.ts").isElem }
  1850. */
  1851. const isElem = (obj) => /Element/.test(objToStr(obj));
  1852. /**
  1853. * @type { import("../typings/types.d.ts").isHTML }
  1854. */
  1855. const isHTML = (obj) => /HTML/.test(objToStr(obj));
  1856. /**
  1857. * @type { import("../typings/types.d.ts").isObj }
  1858. */
  1859. const isObj = (obj) => /Object/.test(objToStr(obj));
  1860. /**
  1861. * @type { import("../typings/types.d.ts").isFN }
  1862. */
  1863. const isFN = (obj) => /Function/.test(objToStr(obj));
  1864. const isUserCSS = (str) => /\.user\.css$/.test(str);
  1865. const isUserJS = (str) => /\.user\.js$/.test(str);
  1866. /**
  1867. * @type { import("../typings/types.d.ts").isNull }
  1868. */
  1869. const isNull = (obj) => {
  1870. return Object.is(obj, null) || Object.is(obj, undefined);
  1871. };
  1872. /**
  1873. * @type { import("../typings/types.d.ts").isBlank }
  1874. */
  1875. const isBlank = (obj) => {
  1876. return (
  1877. (typeof obj === 'string' && Object.is(obj.trim(), '')) ||
  1878. ((obj instanceof Set || obj instanceof Map) && Object.is(obj.size, 0)) ||
  1879. (Array.isArray(obj) && Object.is(obj.length, 0)) ||
  1880. (isObj(obj) && Object.is(Object.keys(obj).length, 0))
  1881. );
  1882. };
  1883. /**
  1884. * @type { import("../typings/types.d.ts").isEmpty }
  1885. */
  1886. const isEmpty = (obj) => {
  1887. return isNull(obj) || isBlank(obj);
  1888. };
  1889. // #endregion
  1890. // #region Globals
  1891. /** @type { import("../typings/UserJS.d.ts").safeHandles } */
  1892. let _self;
  1893. {
  1894. /**
  1895. * https://github.com/zloirock/core-js/blob/master/packages/core-js/internals/global-this.js
  1896. * @returns {typeof globalThis}
  1897. */
  1898. const globalWin = () => {
  1899. const check = (it) => it && it.Math === Math && it;
  1900. return (
  1901. check(typeof globalThis == 'object' && globalThis) ||
  1902. check(typeof window == 'object' && window) ||
  1903. check(typeof self == 'object' && self)
  1904. );
  1905. };
  1906. const g = globalWin();
  1907. try {
  1908. /** @type { import("../typings/UserJS.d.ts").safeHandles } */
  1909. const safe = {
  1910. XMLHttpRequest: g.XMLHttpRequest,
  1911. CustomEvent: g.CustomEvent,
  1912. createElement: g.document.createElement.bind(g.document),
  1913. createElementNS: g.document.createElementNS.bind(g.document),
  1914. createTextNode: g.document.createTextNode.bind(g.document),
  1915. setTimeout: g.setTimeout,
  1916. clearTimeout: g.clearTimeout,
  1917. navigator: g.navigator,
  1918. scheduler: {
  1919. postTask(callback, options) {
  1920. if ('scheduler' in g && 'postTask' in g.scheduler) {
  1921. return g.scheduler.postTask(callback, options);
  1922. }
  1923. options = Object.assign({}, options);
  1924. if (options.delay === undefined) options.delay = 0;
  1925. options.delay = Number(options.delay);
  1926. if (options.delay < 0) {
  1927. return Promise.reject(new TypeError('"delay" must be a positive number.'));
  1928. }
  1929. return new Promise((resolve) => {
  1930. g.setTimeout(() => {
  1931. resolve(callback());
  1932. }, options.delay);
  1933. });
  1934. },
  1935. yield() {
  1936. if ('scheduler' in g && 'yield' in g.scheduler) {
  1937. return g.scheduler.yield();
  1938. }
  1939. return new Promise((resolve) => {
  1940. g.setTimeout(resolve, 0);
  1941. });
  1942. }
  1943. },
  1944. groupBy(items, keySelector) {
  1945. if ('groupBy' in Object) {
  1946. return Object.groupBy(items, keySelector);
  1947. }
  1948. /** [Object.groupBy polyfill](https://gist.github.com/gtrabanco/7c97bd41aa74af974fa935bfb5044b6e) */
  1949. return items.reduce((acc = {}, ...args) => {
  1950. const key = keySelector(...args);
  1951. acc[key] ??= [];
  1952. acc[key].push(args[0]);
  1953. return acc;
  1954. }, {});
  1955. }
  1956. };
  1957. for (const [k, v] of Object.entries(safe)) {
  1958. if (/scheduler|navigator/.test(k) || isFN(v)) continue;
  1959. throw new Error(`Safe "${k}" returned "${v}"`, { cause: '_self' });
  1960. }
  1961. _self = safe;
  1962. } catch (e) {
  1963. err(e);
  1964. _self = null;
  1965. }
  1966. }
  1967. // #endregion
  1968. // #region Constants
  1969. /** Lets highlight me :) */
  1970. const authorID = 166061;
  1971. /**
  1972. * Some UserJS I personally enjoy - `https://greatest.deepsurf.us/scripts/{id}`
  1973. */
  1974. const goodUserJS = [
  1975. 33005,
  1976. 394820,
  1977. 438684,
  1978. 4870,
  1979. 394420,
  1980. 25068,
  1981. 483444,
  1982. 1682,
  1983. 22587,
  1984. 789,
  1985. 28497,
  1986. 386908,
  1987. 24204,
  1988. 404443,
  1989. 4336,
  1990. 368183,
  1991. 393396,
  1992. 473830,
  1993. 12179,
  1994. 423001,
  1995. 376510,
  1996. 23840,
  1997. 40525,
  1998. 6456,
  1999. 'https://openuserjs.org/install/Patabugen/Always_Remember_Me.user.js',
  2000. 'https://openuserjs.org/install/nokeya/Direct_links_out.user.js',
  2001. 'https://github.com/jijirae/y2monkey/raw/main/y2monkey.user.js',
  2002. 'https://github.com/jijirae/r2monkey/raw/main/r2monkey.user.js',
  2003. 'https://github.com/TagoDR/MangaOnlineViewer/raw/master/Manga_OnlineViewer.user.js',
  2004. 'https://github.com/jesus2099/konami-command/raw/master/INSTALL-USER-SCRIPT.user.js',
  2005. 'https://github.com/TagoDR/MangaOnlineViewer/raw/master/dist/Manga_OnlineViewer_Adult.user.js'
  2006. ];
  2007. /** Remove UserJS from banned accounts */
  2008. const badUserJS = [478597];
  2009. /** Unsupport host for search engines */
  2010. const engineUnsupported = {
  2011. greasyfork: ['pornhub.com'],
  2012. sleazyfork: ['pornhub.com'],
  2013. openuserjs: [],
  2014. github: []
  2015. };
  2016. const isMobile = (() => {
  2017. if (userjs.isMobile !== undefined) {
  2018. return userjs.isMobile;
  2019. }
  2020. try {
  2021. const { navigator } = _self;
  2022. if (navigator) {
  2023. const { userAgent = '', userAgentData = {} } = navigator;
  2024. const { platform = '', mobile = false } = Object(userAgentData);
  2025. userjs.isMobile =
  2026. /Mobile|Tablet/.test(String(userAgent)) ||
  2027. Boolean(mobile) ||
  2028. /Android|Apple/.test(String(platform));
  2029. } else {
  2030. userjs.isMobile = false;
  2031. }
  2032. } catch (ex) {
  2033. userjs.isMobile = false;
  2034. ex.cause = 'getUAData';
  2035. err(ex);
  2036. }
  2037. return userjs.isMobile;
  2038. })();
  2039. const isGM = typeof GM !== 'undefined' || typeof GM_xmlhttpRequest !== 'undefined';
  2040. const builtinList = {
  2041. local: /localhost|router|gov|(\d+\.){3}\d+/,
  2042. finance:
  2043. /school|pay|bank|money|cart|checkout|authorize|bill|wallet|venmo|zalo|skrill|bluesnap|coin|crypto|currancy|insurance|finance/,
  2044. social: /login|join|signin|signup|sign-up|password|reset|password_reset/,
  2045. unsupported: {
  2046. host: 'fakku.net',
  2047. pathname: '/hentai/.+/read/page/.+'
  2048. }
  2049. };
  2050. // #endregion
  2051. // #region DEFAULT_CONFIG
  2052. /**
  2053. * @type { import("../typings/types.d.ts").config }
  2054. */
  2055. const DEFAULT_CONFIG = {
  2056. autofetch: false,
  2057. autoinject: true,
  2058. autoSort: 'daily_installs',
  2059. clearTabCache: true,
  2060. cache: true,
  2061. autoexpand: false,
  2062. filterlang: false,
  2063. sleazyredirect: false,
  2064. time: 10000,
  2065. blacklist: ['userjs-local', 'userjs-finance', 'userjs-social', 'userjs-unsupported'],
  2066. preview: {
  2067. code: false,
  2068. metadata: false
  2069. },
  2070. engines: [
  2071. {
  2072. enabled: true,
  2073. name: 'greasyfork',
  2074. query: encodeURIComponent('https://greatest.deepsurf.us/scripts/by-site/{host}.json?language=all')
  2075. },
  2076. {
  2077. enabled: false,
  2078. name: 'sleazyfork',
  2079. query: encodeURIComponent('https://sleazyfork.org/scripts/by-site/{host}.json?language=all')
  2080. },
  2081. {
  2082. enabled: false,
  2083. name: 'openuserjs',
  2084. query: encodeURIComponent('https://openuserjs.org/?q={host}')
  2085. },
  2086. {
  2087. enabled: false,
  2088. name: 'github',
  2089. token: '',
  2090. query: encodeURIComponent(
  2091. 'https://api.github.com/search/repositories?q=topic:{domain}+topic:userscript'
  2092. )
  2093. }
  2094. ],
  2095. theme: {
  2096. 'even-row': '',
  2097. 'odd-row': '',
  2098. 'even-err': '',
  2099. 'odd-err': '',
  2100. 'background-color': '',
  2101. 'gf-color': '',
  2102. 'sf-color': '',
  2103. 'border-b-color': '',
  2104. 'gf-btn-color': '',
  2105. 'sf-btn-color': '',
  2106. 'sf-txt-color': '',
  2107. 'txt-color': '',
  2108. 'chck-color': '',
  2109. 'chck-gf': '',
  2110. 'chck-git': '',
  2111. 'chck-open': '',
  2112. placeholder: '',
  2113. 'position-top': '',
  2114. 'position-bottom': '',
  2115. 'position-left': '',
  2116. 'position-right': '',
  2117. 'font-family': ''
  2118. },
  2119. recommend: {
  2120. author: true,
  2121. others: true
  2122. },
  2123. filters: {
  2124. ASCII: {
  2125. enabled: false,
  2126. name: 'Non-ASCII',
  2127. regExp: '[^\\x00-\\x7F\\s]+'
  2128. },
  2129. Latin: {
  2130. enabled: false,
  2131. name: 'Non-Latin',
  2132. regExp: '[^\\u0000-\\u024F\\u2000-\\u214F\\s]+'
  2133. },
  2134. Games: {
  2135. enabled: false,
  2136. name: 'Games',
  2137. flag: 'iu',
  2138. regExp:
  2139. 'Aimbot|AntiGame|Agar|agar\\.io|alis\\.io|angel\\.io|ExtencionRipXChetoMalo|AposBot|DFxLite|ZTx-Lite|AposFeedingBot|AposLoader|Balz|Blah Blah|Orc Clan Script|Astro\\s*Empires|^\\s*Attack|^\\s*Battle|BiteFight|Blood\\s*Wars|Bloble|Bonk|Bots|Bots4|Brawler|\\bBvS\\b|Business\\s*Tycoon|Castle\\s*Age|City\\s*Ville|chopcoin\\.io|Comunio|Conquer\\s*Club|CosmoPulse|cursors\\.io|Dark\\s*Orbit|Dead\\s*Frontier|Diep\\.io|\\bDOA\\b|doblons\\.io|DotD|Dossergame|Dragons\\s*of\\s*Atlantis|driftin\\.io|Dugout|\\bDS[a-z]+\\n|elites\\.io|Empire\\s*Board|eRep(ublik)?|Epicmafia|Epic.*War|ExoPlanet|Falcon Tools|Feuerwache|Farming|FarmVille|Fightinfo|Frontier\\s*Ville|Ghost\\s*Trapper|Gladiatus|Goalline|Gondal|gota\\.io|Grepolis|Hobopolis|\\bhwm(\\b|_)|Ikariam|\\bIT2\\b|Jellyneo|Kapi\\s*Hospital|Kings\\s*Age|Kingdoms?\\s*of|knastv(o|oe)gel|Knight\\s*Fight|\\b(Power)?KoC(Atta?ck)?\\b|\\bKOL\\b|Kongregate|Krunker|Last\\s*Emperor|Legends?\\s*of|Light\\s*Rising|lite\\.ext\\.io|Lockerz|\\bLoU\\b|Mafia\\s*(Wars|Mofo)|Menelgame|Mob\\s*Wars|Mouse\\s*Hunt|Molehill\\s*Empire|MooMoo|MyFreeFarm|narwhale\\.io|Neopets|NeoQuest|Nemexia|\\bOGame\\b|Ogar(io)?|Pardus|Pennergame|Pigskin\\s*Empire|PlayerScripts|pokeradar\\.io|Popmundo|Po?we?r\\s*(Bot|Tools)|PsicoTSI|Ravenwood|Schulterglatze|Skribbl|slither\\.io|slitherplus\\.io|slitheriogameplay|SpaceWars|splix\\.io|Survivio|\\bSW_[a-z]+\\n|\\bSnP\\b|The\\s*Crims|The\\s*West|torto\\.io|Travian|Treasure\\s*Isl(and|e)|Tribal\\s*Wars|TW.?PRO|Vampire\\s*Wars|vertix\\.io|War\\s*of\\s*Ninja|World\\s*of\\s*Tanks|West\\s*Wars|wings\\.io|\\bWoD\\b|World\\s*of\\s*Dungeons|wtf\\s*battles|Wurzelimperium|Yohoho|Zombs'
  2140. },
  2141. SocialNetworks: {
  2142. enabled: false,
  2143. name: 'Social Networks',
  2144. flag: 'iu',
  2145. regExp:
  2146. 'Face\\s*book|Google(\\+| Plus)|\\bHabbo|Kaskus|\\bLepra|Leprosorium|MySpace|meinVZ|odnoklassniki|Одноклассники|Orkut|sch(ue|ü)ler(VZ|\\.cc)?|studiVZ|Unfriend|Valenth|VK|vkontakte|ВКонтакте|Qzone|Twitter|TweetDeck'
  2147. },
  2148. Clutter: {
  2149. enabled: false,
  2150. name: 'Clutter',
  2151. flag: 'iu',
  2152. regExp:
  2153. "^\\s*(.{1,3})\\1+\\n|^\\s*(.+?)\\n+\\2\\n*$|^\\s*.{1,5}\\n|do\\s*n('|o)?t (install|download)|nicht installieren|(just )?(\\ban? |\\b)test(ing|s|\\d|\\b)|^\\s*.{0,4}test.{0,4}\\n|\\ntest(ing)?\\s*|^\\s*(\\{@|Smolka|Hacks)|\\[\\d{4,5}\\]|free\\s*download|theme|(night|dark) ?(mode)?"
  2154. }
  2155. }
  2156. };
  2157. // #endregion
  2158. // #region i18n
  2159. const Language = class {
  2160. static i18nMap = new Map(Object.entries(translations));
  2161. /**
  2162. * @param {string | Date | number} str
  2163. */
  2164. static toDate(str = '') {
  2165. const {
  2166. navigator: { language }
  2167. } = _self;
  2168. return new Intl.DateTimeFormat(language).format(typeof str === 'string' ? new Date(str) : str);
  2169. }
  2170. /**
  2171. * @param {number | bigint} number
  2172. */
  2173. static toNumber(number) {
  2174. const {
  2175. navigator: { language }
  2176. } = _self;
  2177. return new Intl.NumberFormat(language).format(number);
  2178. }
  2179. /**
  2180. * @type { import("../typings/UserJS.d.ts").i18n$ }
  2181. */
  2182. static i18n$(key) {
  2183. try {
  2184. return Language.i18nMap.get(Language.current)?.[key] ?? 'Invalid Key';
  2185. } catch (e) {
  2186. err(e);
  2187. return 'error';
  2188. }
  2189. }
  2190. static get current() {
  2191. const {
  2192. navigator: { language }
  2193. } = _self;
  2194. const [current = 'en'] = language.split('-');
  2195. return current;
  2196. }
  2197. };
  2198. const { i18n$ } = Language;
  2199. // #endregion
  2200. // #region Utilities
  2201. const union = (...arr) => [...new Set(arr.flat())];
  2202. /**
  2203. * @param {string} str
  2204. */
  2205. const decode = (str) => {
  2206. try {
  2207. if (decodeURI(str) !== decodeURIComponent(str)) {
  2208. return decode(decodeURIComponent(str));
  2209. }
  2210. } catch (ex) {
  2211. err(ex);
  2212. }
  2213. return str;
  2214. };
  2215. /**
  2216. * @type { import("../typings/types.d.ts").normalizeTarget }
  2217. */
  2218. const normalizeTarget = (target, toQuery = true, root) => {
  2219. if (Object.is(target, null) || Object.is(target, undefined)) {
  2220. return [];
  2221. }
  2222. if (Array.isArray(target)) {
  2223. return target;
  2224. }
  2225. if (typeof target === 'string') {
  2226. return toQuery ? Array.from((root || document).querySelectorAll(target)) : Array.of(target);
  2227. }
  2228. if (/object HTML/.test(Object.prototype.toString.call(target))) {
  2229. return Array.of(target);
  2230. }
  2231. return Array.from(target);
  2232. };
  2233. /**
  2234. * @type { import("../typings/types.d.ts").qs }
  2235. */
  2236. const qs = (selector, root) => {
  2237. try {
  2238. return (root || document).querySelector(selector);
  2239. } catch (ex) {
  2240. err(ex);
  2241. }
  2242. return null;
  2243. };
  2244. /**
  2245. * @type { import("../typings/types.d.ts").qsA }
  2246. */
  2247. const qsA = (selectors, root) => {
  2248. try {
  2249. return (root || document).querySelectorAll(selectors);
  2250. } catch (ex) {
  2251. err(ex);
  2252. }
  2253. return [];
  2254. };
  2255. /**
  2256. * @type { import("../typings/types.d.ts").ael }
  2257. */
  2258. const ael = (el, type, listener, options = {}) => {
  2259. for (const elem of normalizeTarget(el).filter(isHTML)) {
  2260. if (isMobile && type === 'click') {
  2261. elem.addEventListener('touchstart', listener, options);
  2262. continue;
  2263. }
  2264. elem.addEventListener(type, listener, options);
  2265. }
  2266. };
  2267. /**
  2268. * @type { import("../typings/types.d.ts").formAttrs }
  2269. */
  2270. const formAttrs = (elem, attr = {}) => {
  2271. if (!elem) return elem;
  2272. for (const [key, value] of Object.entries(attr)) {
  2273. if (/^_mujs/i.test(key)) {
  2274. elem[key] = value;
  2275. } else if (typeof value === 'object') {
  2276. formAttrs(elem[key], value);
  2277. } else if (isFN(value)) {
  2278. if (/^on/.test(key)) {
  2279. elem[key] = value;
  2280. continue;
  2281. }
  2282. ael(elem, key, value);
  2283. } else if (/^class/i.test(key)) {
  2284. dom.cl.add(elem, value);
  2285. } else {
  2286. elem[key] = value;
  2287. }
  2288. }
  2289. return elem;
  2290. };
  2291. /**
  2292. * @type { import("../typings/types.d.ts").make }
  2293. */
  2294. const make = (tagName, cname, attrs) => {
  2295. let el;
  2296. try {
  2297. el = _self.createElement(tagName.toLowerCase());
  2298. if ((typeof cname === 'string' || Array.isArray(cname)) && !isEmpty(cname))
  2299. dom.cl.add(el, cname);
  2300. if (typeof attrs === 'string' && !isEmpty(attrs)) el.textContent = attrs;
  2301. formAttrs(el, (isObj(cname) && cname) || (isObj(attrs) && attrs) || {});
  2302. } catch (ex) {
  2303. if (ex instanceof DOMException) throw new Error(`${ex.name}: ${ex.message}`, { cause: 'make' });
  2304. ex.cause = 'make';
  2305. err(ex);
  2306. }
  2307. return el;
  2308. };
  2309. const $info = (() => {
  2310. if (isGM) {
  2311. if (isObj(GM.info)) {
  2312. return GM.info;
  2313. } else if (isObj(GM_info)) {
  2314. return GM_info;
  2315. }
  2316. }
  2317. return {
  2318. script: {
  2319. icon: '',
  2320. name: 'Magic Userscript+',
  2321. namespace: 'https://github.com/magicoflolis/Userscript-Plus',
  2322. updateURL: 'https://github.com/magicoflolis/Userscript-Plus/raw/master/dist/magic-userjs.js',
  2323. version: 'Bookmarklet',
  2324. bugs: 'https://github.com/magicoflolis/Userscript-Plus/issues'
  2325. }
  2326. };
  2327. })();
  2328. // #endregion
  2329. /**
  2330. * @type { import("../typings/types.d.ts").dom }
  2331. */
  2332. const dom = {
  2333. attr(target, attr, value = undefined) {
  2334. for (const elem of normalizeTarget(target).filter(isHTML)) {
  2335. if (value === undefined) {
  2336. return elem.getAttribute(attr);
  2337. }
  2338. if (value === null) {
  2339. elem.removeAttribute(attr);
  2340. } else {
  2341. elem.setAttribute(attr, value);
  2342. }
  2343. }
  2344. },
  2345. prop(target, prop, value = undefined) {
  2346. for (const elem of normalizeTarget(target).filter(isHTML)) {
  2347. if (value === undefined) {
  2348. return elem[prop];
  2349. }
  2350. elem[prop] = value;
  2351. }
  2352. },
  2353. text(target, text) {
  2354. const targets = normalizeTarget(target).filter(isHTML);
  2355. if (text === undefined) {
  2356. return targets.length !== 0 ? targets[0].textContent : undefined;
  2357. }
  2358. for (const elem of targets) {
  2359. elem.textContent = text;
  2360. }
  2361. },
  2362. remove(target) {
  2363. normalizeTarget(target)
  2364. .filter(isHTML)
  2365. .some((elem) => elem.remove());
  2366. },
  2367. cl: {
  2368. add(target, token) {
  2369. token = normalizeTarget((typeof token === 'string' && token.split(' ')) || token, false);
  2370. return normalizeTarget(target)
  2371. .filter(isHTML)
  2372. .some((elem) => elem.classList.add(...token));
  2373. },
  2374. remove(target, token) {
  2375. token = normalizeTarget(token, false);
  2376. return normalizeTarget(target)
  2377. .filter(isHTML)
  2378. .some((elem) => elem.classList.remove(...token));
  2379. },
  2380. toggle(target, token, force) {
  2381. let r;
  2382. for (const elem of normalizeTarget(target).filter(isHTML)) {
  2383. r = elem.classList.toggle(token, force);
  2384. }
  2385. return r;
  2386. },
  2387. has(target, token) {
  2388. return normalizeTarget(target)
  2389. .filter(isHTML)
  2390. .some((elem) => elem.classList.contains(token));
  2391. }
  2392. }
  2393. };
  2394. //#region Icon SVGs
  2395. const iconSVG = {
  2396. close: {
  2397. viewBox: '0 0 384 512',
  2398. html: '<path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/>'
  2399. },
  2400. code: {
  2401. viewBox: '0 0 640 512',
  2402. html: '<path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"/>'
  2403. },
  2404. collapse: {
  2405. viewBox: '0 0 448 512',
  2406. html: '<path d="M160 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32l0-96zM32 320c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0 0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32l-96 0zM352 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 96c0 17.7 14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0 0-64zM320 320c-17.7 0-32 14.3-32 32l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0z"/>'
  2407. },
  2408. download: {
  2409. viewBox: '0 0 384 512',
  2410. html: '<path d="M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-288-128 0c-17.7 0-32-14.3-32-32L224 0 64 0zM256 0l0 128 128 0L256 0zM216 232l0 102.1 31-31c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-72 72c-9.4 9.4-24.6 9.4-33.9 0l-72-72c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l31 31L168 232c0-13.3 10.7-24 24-24s24 10.7 24 24z"/>'
  2411. },
  2412. expand: {
  2413. viewBox: '0 0 448 512',
  2414. html: '<path d="M32 32C14.3 32 0 46.3 0 64l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 96c0 17.7 14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0 0-64zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0 0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32l-96 0zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32l0-96z"/>'
  2415. },
  2416. gear: {
  2417. viewBox: '0 0 512 512',
  2418. html: '<path d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z"/>'
  2419. },
  2420. github: {
  2421. viewBox: '0 0 496 512',
  2422. html: '<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/>'
  2423. },
  2424. globe: {
  2425. viewBox: '0 0 512 512',
  2426. html: '<path d="M352 256c0 22.2-1.2 43.6-3.3 64l-185.3 0c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64l185.3 0c2.2 20.4 3.3 41.8 3.3 64zm28.8-64l123.1 0c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64l-123.1 0c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32l-116.7 0c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0l-176.6 0c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0L18.6 160C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192l123.1 0c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64L8.1 320C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6l176.6 0c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352l116.7 0zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6l116.7 0z"/>'
  2427. },
  2428. info: {
  2429. viewBox: '0 0 512 512',
  2430. html: '<path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/>'
  2431. },
  2432. install: {
  2433. viewBox: '0 0 512 512',
  2434. html: '<path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/>'
  2435. },
  2436. issue: {
  2437. viewBox: '0 0 512 512',
  2438. html: '<path d="M256 0c53 0 96 43 96 96l0 3.6c0 15.7-12.7 28.4-28.4 28.4l-135.1 0c-15.7 0-28.4-12.7-28.4-28.4l0-3.6c0-53 43-96 96-96zM41.4 105.4c12.5-12.5 32.8-12.5 45.3 0l64 64c.7 .7 1.3 1.4 1.9 2.1c14.2-7.3 30.4-11.4 47.5-11.4l112 0c17.1 0 33.2 4.1 47.5 11.4c.6-.7 1.2-1.4 1.9-2.1l64-64c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-64 64c-.7 .7-1.4 1.3-2.1 1.9c6.2 12 10.1 25.3 11.1 39.5l64.3 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-64 0c0 24.6-5.5 47.8-15.4 68.6c2.2 1.3 4.2 2.9 6 4.8l64 64c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-63.1-63.1c-24.5 21.8-55.8 36.2-90.3 39.6L272 240c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 239.2c-34.5-3.4-65.8-17.8-90.3-39.6L86.6 502.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l64-64c1.9-1.9 3.9-3.4 6-4.8C101.5 367.8 96 344.6 96 320l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l64.3 0c1.1-14.1 5-27.5 11.1-39.5c-.7-.6-1.4-1.2-2.1-1.9l-64-64c-12.5-12.5-12.5-32.8 0-45.3z"/>'
  2439. },
  2440. minus: {
  2441. viewBox: '0 0 448 512',
  2442. html: '<path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/>'
  2443. },
  2444. nav: {
  2445. viewBox: '0 0 448 512',
  2446. html: '<path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/>'
  2447. },
  2448. pager: {
  2449. viewBox: '0 0 512 512',
  2450. html: '<path d="M0 128C0 92.7 28.7 64 64 64l384 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 448c-35.3 0-64-28.7-64-64L0 128zm64 32l0 64c0 17.7 14.3 32 32 32l320 0c17.7 0 32-14.3 32-32l0-64c0-17.7-14.3-32-32-32L96 128c-17.7 0-32 14.3-32 32zM80 320c-13.3 0-24 10.7-24 24s10.7 24 24 24l56 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-56 0zm136 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l48 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-48 0z"/>'
  2451. },
  2452. verified: {
  2453. viewBox: '0 0 56 56',
  2454. fill: 'currentColor',
  2455. stroke: 'currentColor',
  2456. html: '<g stroke-width="0"/><g stroke-linecap="round" stroke-linejoin="round"/><g><path d="M 23.6641 52.3985 C 26.6407 55.375 29.3594 55.3516 32.3126 52.3985 L 35.9219 48.8125 C 36.2969 48.4610 36.6250 48.3203 37.1172 48.3203 L 42.1797 48.3203 C 46.3749 48.3203 48.3204 46.3985 48.3204 42.1797 L 48.3204 37.1172 C 48.3204 36.625 48.4610 36.2969 48.8124 35.9219 L 52.3749 32.3125 C 55.3749 29.3594 55.3514 26.6407 52.3749 23.6641 L 48.8124 20.0547 C 48.4610 19.7031 48.3204 19.3516 48.3204 18.8829 L 48.3204 13.7969 C 48.3204 9.625 46.3985 7.6563 42.1797 7.6563 L 37.1172 7.6563 C 36.6250 7.6563 36.2969 7.5391 35.9219 7.1875 L 32.3126 3.6016 C 29.3594 .6250 26.6407 .6485 23.6641 3.6016 L 20.0547 7.1875 C 19.7032 7.5391 19.3516 7.6563 18.8828 7.6563 L 13.7969 7.6563 C 9.6016 7.6563 7.6563 9.5782 7.6563 13.7969 L 7.6563 18.8829 C 7.6563 19.3516 7.5391 19.7031 7.1876 20.0547 L 3.6016 23.6641 C .6251 26.6407 .6485 29.3594 3.6016 32.3125 L 7.1876 35.9219 C 7.5391 36.2969 7.6563 36.625 7.6563 37.1172 L 7.6563 42.1797 C 7.6563 46.3750 9.6016 48.3203 13.7969 48.3203 L 18.8828 48.3203 C 19.3516 48.3203 19.7032 48.4610 20.0547 48.8125 Z M 26.2891 49.7734 L 21.8828 45.3438 C 21.3672 44.8047 20.8282 44.5938 20.1016 44.5938 L 13.7969 44.5938 C 11.7110 44.5938 11.3828 44.2656 11.3828 42.1797 L 11.3828 35.875 C 11.3828 35.1719 11.1719 34.6329 10.6563 34.1172 L 6.2266 29.7109 C 4.7501 28.2109 4.7501 27.7891 6.2266 26.2891 L 10.6563 21.8829 C 11.1719 21.3672 11.3828 20.8282 11.3828 20.1016 L 11.3828 13.7969 C 11.3828 11.6875 11.6876 11.3829 13.7969 11.3829 L 20.1016 11.3829 C 20.8282 11.3829 21.3672 11.1953 21.8828 10.6563 L 26.2891 6.2266 C 27.7891 4.7500 28.2110 4.7500 29.7110 6.2266 L 34.1172 10.6563 C 34.6328 11.1953 35.1719 11.3829 35.8750 11.3829 L 42.1797 11.3829 C 44.2657 11.3829 44.5938 11.7109 44.5938 13.7969 L 44.5938 20.1016 C 44.5938 20.8282 44.8282 21.3672 45.3439 21.8829 L 49.7733 26.2891 C 51.2498 27.7891 51.2498 28.2109 49.7733 29.7109 L 45.3439 34.1172 C 44.8282 34.6329 44.5938 35.1719 44.5938 35.875 L 44.5938 42.1797 C 44.5938 44.2656 44.2657 44.5938 42.1797 44.5938 L 35.8750 44.5938 C 35.1719 44.5938 34.6328 44.8047 34.1172 45.3438 L 29.7110 49.7734 C 28.2110 51.2500 27.7891 51.2500 26.2891 49.7734 Z M 24.3438 39.2266 C 25.0235 39.2266 25.5391 38.9453 25.8907 38.5234 L 38.8985 20.3360 C 39.1563 19.9609 39.2969 19.5391 39.2969 19.1407 C 39.2969 18.1094 38.5001 17.2891 37.4219 17.2891 C 36.6485 17.2891 36.2266 17.5469 35.7579 18.2266 L 24.2735 34.3985 L 18.3438 27.8594 C 17.9454 27.4141 17.5001 27.2266 16.9141 27.2266 C 15.7657 27.2266 14.9454 28.0000 14.9454 29.0782 C 14.9454 29.5469 15.1094 29.9922 15.4376 30.3203 L 22.8907 38.6172 C 23.2423 38.9922 23.6876 39.2266 24.3438 39.2266 Z"/></g>'
  2457. },
  2458. refresh: {
  2459. viewBox: '0 0 512 512',
  2460. fill: 'currentColor',
  2461. html: '<path d="M463.5 224l8.5 0c13.3 0 24-10.7 24-24l0-128c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8l119.5 0z"/>'
  2462. },
  2463. load(type, container) {
  2464. const svgElem = _self.createElementNS('http://www.w3.org/2000/svg', 'svg');
  2465. for (const [k, v] of Object.entries(iconSVG[type])) {
  2466. if (k === 'html') continue;
  2467. svgElem.setAttributeNS(null, k, v);
  2468. }
  2469. try {
  2470. if (typeof iconSVG[type].html === 'string') {
  2471. svgElem.innerHTML = iconSVG[type].html;
  2472. svgElem.setAttribute('id', `mujs_${type ?? 'Unknown'}`);
  2473. }
  2474. } catch {
  2475. /* empty */
  2476. }
  2477. if (isElem(container)) {
  2478. container.appendChild(svgElem);
  2479. return svgElem;
  2480. } else if (isObj(container)) {
  2481. formAttrs(svgElem, container);
  2482. }
  2483. return svgElem.outerHTML;
  2484. }
  2485. };
  2486. //#endregion
  2487. /**
  2488. * @type { import("../typings/UserJS.d.ts").StorageSystem }
  2489. */
  2490. const StorageSystem = {
  2491. prefix: 'MUJS',
  2492. events: new Set(),
  2493. getItem(key) {
  2494. return window.localStorage.getItem(key);
  2495. },
  2496. has(key) {
  2497. return !this.getItem(key);
  2498. },
  2499. setItem(key, value) {
  2500. window.localStorage.setItem(key, value);
  2501. },
  2502. remove(key) {
  2503. window.localStorage.removeItem(key);
  2504. },
  2505. async setValue(key, v) {
  2506. if (!v) {
  2507. return;
  2508. }
  2509. v = typeof v === 'string' ? v : JSON.stringify(v);
  2510. if (isGM) {
  2511. if (isFN(GM.setValue)) {
  2512. await GM.setValue(key, v);
  2513. } else if (isFN(GM_setValue)) {
  2514. GM_setValue(key, v);
  2515. }
  2516. } else {
  2517. this.setItem(`${this.prefix}-${key}`, v);
  2518. }
  2519. },
  2520. async getValue(key, def = {}) {
  2521. try {
  2522. if (isGM) {
  2523. let GMType;
  2524. if (isFN(GM.getValue)) {
  2525. GMType = await GM.getValue(key, JSON.stringify(def));
  2526. } else if (isFN(GM_getValue)) {
  2527. GMType = GM_getValue(key, JSON.stringify(def));
  2528. }
  2529. if (!isNull(GMType)) {
  2530. return JSON.parse(GMType);
  2531. }
  2532. }
  2533. return this.has(`${this.prefix}-${key}`)
  2534. ? JSON.parse(this.getItem(`${this.prefix}-${key}`))
  2535. : def;
  2536. } catch (ex) {
  2537. ex.cause = 'getValue';
  2538. err(ex);
  2539. return def;
  2540. }
  2541. }
  2542. };
  2543. const Command = {
  2544. cmds: new Set(),
  2545. register(text, command) {
  2546. if (!isGM) {
  2547. return;
  2548. }
  2549.  
  2550. if (isFN(command)) {
  2551. if (this.cmds.has(command)) {
  2552. return;
  2553. }
  2554. this.cmds.add(command);
  2555. }
  2556.  
  2557. if (isFN(GM.registerMenuCommand)) {
  2558. GM.registerMenuCommand(text, command);
  2559. } else if (isFN(GM_registerMenuCommand)) {
  2560. GM_registerMenuCommand(text, command);
  2561. }
  2562. }
  2563. };
  2564. /**
  2565. * @type { import("../typings/UserJS.d.ts").Network }
  2566. */
  2567. const Network = {
  2568. async req(url, method = 'GET', responseType = 'json', data, useFetch = false) {
  2569. if (isEmpty(url)) {
  2570. throw new Error('"url" parameter is empty');
  2571. }
  2572. data = Object.assign({}, data);
  2573. method = this.bscStr(method, false);
  2574. responseType = this.bscStr(responseType, true);
  2575. const params = {
  2576. method,
  2577. ...data
  2578. };
  2579. if (isGM && !useFetch) {
  2580. if (params.credentials) {
  2581. Object.assign(params, {
  2582. anonymous: false
  2583. });
  2584. if (Object.is(params.credentials, 'omit')) {
  2585. Object.assign(params, {
  2586. anonymous: true
  2587. });
  2588. }
  2589. delete params.credentials;
  2590. }
  2591. } else if (params.onprogress) {
  2592. delete params.onprogress;
  2593. }
  2594. return new Promise((resolve, reject) => {
  2595. if (isGM && !useFetch) {
  2596. Network.xmlRequest({
  2597. url,
  2598. responseType,
  2599. ...params,
  2600. onerror: (r_1) => {
  2601. reject(new Error(`${r_1.status} ${url}`));
  2602. },
  2603. onload: (r_1) => {
  2604. if (r_1.status !== 200) reject(new Error(`${r_1.status} ${url}`));
  2605. if (responseType.match(/basic/)) resolve(r_1);
  2606. resolve(r_1.response);
  2607. }
  2608. });
  2609. } else {
  2610. fetch(url, params)
  2611. .then((response_1) => {
  2612. if (!response_1.ok) reject(response_1);
  2613. const check = (str_2 = 'text') => {
  2614. return isFN(response_1[str_2]) ? response_1[str_2]() : response_1;
  2615. };
  2616. if (responseType.match(/buffer/)) {
  2617. resolve(check('arrayBuffer'));
  2618. } else if (responseType.match(/json/)) {
  2619. resolve(check('json'));
  2620. } else if (responseType.match(/text/)) {
  2621. resolve(check('text'));
  2622. } else if (responseType.match(/blob/)) {
  2623. resolve(check('blob'));
  2624. } else if (responseType.match(/formdata/)) {
  2625. resolve(check('formData'));
  2626. } else if (responseType.match(/clone/)) {
  2627. resolve(check('clone'));
  2628. } else if (responseType.match(/document/)) {
  2629. const respTxt = check('text');
  2630. const domParser = new DOMParser();
  2631. if (respTxt instanceof Promise) {
  2632. respTxt.then((txt) => {
  2633. const doc = domParser.parseFromString(txt, 'text/html');
  2634. resolve(doc);
  2635. });
  2636. } else {
  2637. const doc = domParser.parseFromString(respTxt, 'text/html');
  2638. resolve(doc);
  2639. }
  2640. } else {
  2641. resolve(response_1);
  2642. }
  2643. })
  2644. .catch(reject);
  2645. }
  2646. });
  2647. },
  2648. format(bytes, decimals = 2) {
  2649. if (Number.isNaN(bytes)) return `0 ${this.sizes[0]}`;
  2650. const k = 1024;
  2651. const dm = decimals < 0 ? 0 : decimals;
  2652. const i = Math.floor(Math.log(bytes) / Math.log(k));
  2653. return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${this.sizes[i]}`;
  2654. },
  2655. sizes: ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
  2656. async xmlRequest(details) {
  2657. if (isGM) {
  2658. if (isFN(GM.xmlHttpRequest)) {
  2659. return GM.xmlHttpRequest(details);
  2660. } else if (isFN(GM_xmlhttpRequest)) {
  2661. return GM_xmlhttpRequest(details);
  2662. }
  2663. }
  2664. return await new Promise((resolve, reject) => {
  2665. const req = new _self.XMLHttpRequest();
  2666. let method = 'GET';
  2667. let url = BLANK_PAGE;
  2668. let body;
  2669. for (const [key, value] of Object.entries(details)) {
  2670. if (key === 'onload') {
  2671. req.addEventListener('load', () => {
  2672. if (isFN(value)) {
  2673. value(req);
  2674. }
  2675. resolve(req);
  2676. });
  2677. } else if (key === 'onerror') {
  2678. req.addEventListener('error', (evt) => {
  2679. if (isFN(value)) {
  2680. value(evt);
  2681. }
  2682. reject(evt);
  2683. });
  2684. } else if (key === 'onabort') {
  2685. req.addEventListener('abort', (evt) => {
  2686. if (isFN(value)) {
  2687. value(evt);
  2688. }
  2689. reject(evt);
  2690. });
  2691. } else if (key === 'onprogress') {
  2692. req.addEventListener('progress', value);
  2693. } else if (key === 'responseType') {
  2694. if (value === 'buffer') {
  2695. req.responseType = 'arraybuffer';
  2696. } else {
  2697. req.responseType = value;
  2698. }
  2699. } else if (key === 'method') {
  2700. method = value;
  2701. } else if (key === 'url') {
  2702. url = value;
  2703. } else if (key === 'body') {
  2704. body = value;
  2705. }
  2706. }
  2707. req.open(method, url);
  2708.  
  2709. if (isEmpty(req.responseType)) {
  2710. req.responseType = 'text';
  2711. }
  2712.  
  2713. if (body) {
  2714. req.send(body);
  2715. } else {
  2716. req.send();
  2717. }
  2718. });
  2719. },
  2720. bscStr(str = '', lowerCase = true) {
  2721. const txt = str[lowerCase ? 'toLowerCase' : 'toUpperCase']();
  2722. return txt.replaceAll(/\W/g, '');
  2723. }
  2724. };
  2725. const Counter = {
  2726. cnt: {
  2727. total: {
  2728. count: 0
  2729. }
  2730. },
  2731. set(engine) {
  2732. if (!this.cnt[engine.name]) {
  2733. const counter = make('count-frame', engine.enabled ? '' : 'hidden', {
  2734. dataset: {
  2735. counter: engine.name
  2736. },
  2737. title: decode(engine.query ?? engine.url),
  2738. textContent: '0'
  2739. });
  2740. this.cnt[engine.name] = {
  2741. root: counter,
  2742. count: 0
  2743. };
  2744. return counter;
  2745. }
  2746. return this.cnt[engine.name].root;
  2747. },
  2748. update(count, engine) {
  2749. this.cnt[engine.name].count += count;
  2750. this.cnt.total.count += count;
  2751. this.updateAll();
  2752. },
  2753. updateAll() {
  2754. for (const v of Object.values(this.cnt)) dom.text(v.root, v.count);
  2755. },
  2756. reset() {
  2757. for (const [k, v] of Object.entries(this.cnt)) {
  2758. dom.text(v.root, 0);
  2759. v.count = 0;
  2760. const engine = cfg.engines.find((engine) => k === engine.name);
  2761. if (engine) {
  2762. dom.cl[engine.enabled ? 'remove' : 'add'](v.root, 'hidden');
  2763. }
  2764. }
  2765. }
  2766. };
  2767. // #region Container
  2768. /**
  2769. * @type { typeof import("../typings/UserJS.d.ts").Container }
  2770. */
  2771. const Container = class {
  2772. static prompts = [];
  2773. webpage;
  2774. host;
  2775. injected;
  2776. shadowRoot;
  2777. shadowSupport;
  2778. frame;
  2779. userjsCache;
  2780. root;
  2781. unsaved;
  2782. isBlacklisted;
  2783. rebuild;
  2784. opacityMin;
  2785. opacityMax;
  2786. constructor() {
  2787. this.remove = this.remove.bind(this);
  2788. this.refresh = this.refresh.bind(this);
  2789. this.showError = this.showError.bind(this);
  2790. this.toElem = this.toElem.bind(this);
  2791.  
  2792. this.webpage = url;
  2793. this.host = getHostname(url?.hostname ?? BLANK_PAGE);
  2794. this.injected = false;
  2795. this.shadowRoot = undefined;
  2796. this.shadowSupport = isFN(make('main-userjs').attachShadow);
  2797.  
  2798. if (!this.shadowSupport)
  2799. throw new Error('Failed to initialize: "attachShadow not supported"', { cause: 'Container' });
  2800. this.frame = make('main-userjs', {
  2801. style: 'visibility: visible;',
  2802. dataset: {
  2803. insertedBy: $info.script.name,
  2804. role: 'primary-container'
  2805. }
  2806. });
  2807. this.shadowRoot = this.frame.attachShadow({ mode: 'closed' });
  2808.  
  2809. this.userjsCache = new Map();
  2810. this.root = make('mujs-root');
  2811. this.unsaved = false;
  2812. this.isBlacklisted = false;
  2813. this.rebuild = false;
  2814. this.opacityMin = '0.15';
  2815. this.opacityMax = '1';
  2816. this.elementsReady = this.init();
  2817.  
  2818. const Timeout = class {
  2819. constructor() {
  2820. /**
  2821. * @type {number[]}
  2822. */
  2823. this.ids = [];
  2824. }
  2825. /**
  2826. * @template R
  2827. * @param {number} delay
  2828. * @param {R} [reason]
  2829. */
  2830. set(delay, reason) {
  2831. return new Promise((resolve, reject) => {
  2832. const id = _self.setTimeout(() => {
  2833. Object.is(reason, null) || Object.is(reason, undefined) ? resolve() : reject(reason);
  2834. this.clear(id);
  2835. }, delay);
  2836. this.ids.push(id);
  2837. });
  2838. }
  2839. /**
  2840. * @param {...number} ids
  2841. */
  2842. clear(...ids) {
  2843. this.ids = this.ids.filter((id) => {
  2844. if (ids.includes(id)) {
  2845. _self.clearTimeout(id);
  2846. return false;
  2847. }
  2848. return true;
  2849. });
  2850. }
  2851. };
  2852. this.timeouts = {
  2853. frame: new Timeout(),
  2854. mouse: new Timeout()
  2855. };
  2856.  
  2857. this.injFN = BLANK_FN;
  2858.  
  2859. window.addEventListener('beforeunload', this.remove);
  2860. }
  2861. inject(callback, doc) {
  2862. if (this.checkBlacklist(this.host)) {
  2863. err(`Blacklisted "${this.host}"`);
  2864. this.remove();
  2865. return;
  2866. }
  2867. if (!this.shadowRoot || isNull(doc)) return;
  2868. try {
  2869. doc.documentElement.appendChild(this.frame);
  2870. if (this.injected) {
  2871. if (isFN(this.injFN.build)) {
  2872. this.injFN.build();
  2873. }
  2874. return;
  2875. }
  2876. this.shadowRoot.append(this.root);
  2877. if (isNull(this.loadCSS(main_css, 'primary-stylesheet')))
  2878. throw new Error('Failed to initialize script!', { cause: 'loadCSS' });
  2879. this.injected = true;
  2880. this.initFn();
  2881. if (isFN(callback) && this.elementsReady) this.injFN = callback.call(this, this.shadowRoot);
  2882. } catch (ex) {
  2883. err(ex);
  2884. this.remove();
  2885. }
  2886. }
  2887. initFn() {
  2888. this.setTheme();
  2889.  
  2890. Counter.cnt.total.root = this.mainbtn;
  2891. if (this.countframe)
  2892. for (const engine of cfg.engines) this.countframe.append(Counter.set(engine));
  2893. const { refresh, urlBar, host, userjsCache, cfgpage, table } = this;
  2894.  
  2895. class Tabs {
  2896. /**
  2897. * @param { HTMLElement } root
  2898. */
  2899. constructor(root) {
  2900. /**
  2901. * @type { Set<HTMLElement> }
  2902. */
  2903. this.pool = new Set();
  2904. this.blank = BLANK_PAGE;
  2905. this.protocal = 'mujs:';
  2906. this.protoReg = new RegExp(`${this.protocal}(.+)`, 'i');
  2907. this.el = {
  2908. add: make('mujs-addtab', {
  2909. textContent: '+',
  2910. dataset: {
  2911. command: 'new-tab'
  2912. }
  2913. }),
  2914. head: make('mujs-tabs'),
  2915. root
  2916. };
  2917. this.el.head.append(this.el.add);
  2918. this.el.root.append(this.el.head);
  2919. this.custom = BLANK_FN;
  2920. }
  2921. /**
  2922. * @param {string} hostname
  2923. */
  2924. getTab(hostname) {
  2925. return [...this.pool].find(({ dataset }) => hostname === dataset.host);
  2926. }
  2927. getActive() {
  2928. return [...this.pool].find((tab) => tab.classList.contains('active'));
  2929. }
  2930. /**
  2931. * @param {string} hostname
  2932. */
  2933. intFN(hostname) {
  2934. const [, host] = this.protoReg.exec(hostname) ?? [];
  2935. if (host === 'settings') {
  2936. dom.cl.remove(cfgpage, 'hidden');
  2937. dom.cl.add(table, 'hidden');
  2938. urlBar.placeholder = 'Search settings';
  2939. }
  2940. }
  2941. /**
  2942. * @param {HTMLElement} tab
  2943. * @param {boolean} [build]
  2944. */
  2945. active(tab, build = true) {
  2946. if (!this.pool.has(tab)) this.pool.add(tab);
  2947. dom.cl.add([table, cfgpage], 'hidden');
  2948. dom.cl.remove([...this.pool], 'active');
  2949. dom.cl.add(tab, 'active');
  2950. if (!build) {
  2951. dom.cl.remove(table, 'hidden');
  2952. return;
  2953. }
  2954. const host = tab.dataset.host ?? this.blank;
  2955. if (host === this.blank) {
  2956. dom.cl.add(cfgpage, 'hidden');
  2957. dom.cl.remove(table, 'hidden');
  2958. refresh();
  2959. } else if (host.startsWith(this.protocal)) {
  2960. this.intFN(host);
  2961. } else {
  2962. dom.cl.add(cfgpage, 'hidden');
  2963. dom.cl.remove(table, 'hidden');
  2964. this.custom(host);
  2965. }
  2966. }
  2967. /** @param { HTMLElement } tab */
  2968. close(tab) {
  2969. if (this.pool.has(tab)) this.pool.delete(tab);
  2970. if (cfg.clearTabCache) {
  2971. const { host } = tab.dataset;
  2972. const arr = Array.from(userjsCache.values()).filter(({ _mujs }) => {
  2973. return !isEmpty(_mujs) && _mujs.info.host === host;
  2974. });
  2975. for (const a of arr) {
  2976. arr.splice(arr.indexOf(a), 1);
  2977. }
  2978. }
  2979. if (tab.classList.contains('active')) refresh();
  2980. const sibling = tab.nextElementSibling ?? tab.previousElementSibling;
  2981. if (sibling) {
  2982. if (sibling.dataset.command !== 'new-tab') {
  2983. this.active(sibling);
  2984. }
  2985. }
  2986. tab.remove();
  2987. }
  2988. /**
  2989. * @param {string} [hostname]
  2990. */
  2991. create(hostname = undefined) {
  2992. if (typeof hostname === 'string') {
  2993. const createdTab = this.getTab(hostname);
  2994. if (this.protoReg.test(hostname) && createdTab) {
  2995. this.active(createdTab);
  2996. return;
  2997. }
  2998. }
  2999. const tab = make('mujs-tab', {
  3000. dataset: {
  3001. command: 'switch-tab'
  3002. },
  3003. style: `order: ${this.el.head.childElementCount};`
  3004. });
  3005. const tabClose = make('mu-js', {
  3006. dataset: {
  3007. command: 'close-tab'
  3008. },
  3009. title: i18n$('close'),
  3010. textContent: 'X'
  3011. });
  3012. const tabHost = make('mujs-host');
  3013. const [, host] = this.protoReg.exec(hostname) ?? [];
  3014. tab.append(tabHost, tabClose);
  3015. this.el.head.append(tab);
  3016. this.active(tab, false);
  3017. if (isNull(hostname)) {
  3018. refresh();
  3019. tab.dataset.host = this.blank;
  3020. tabHost.title = i18n$('newTab');
  3021. tabHost.textContent = i18n$('newTab');
  3022. } else if (host) {
  3023. tab.dataset.host = hostname || host;
  3024. tabHost.title = host || tab.dataset.host;
  3025. tabHost.textContent = tabHost.title;
  3026. this.intFN(hostname);
  3027. } else {
  3028. tab.dataset.host = hostname || host;
  3029. tabHost.title = hostname || host;
  3030. tabHost.textContent = tabHost.title;
  3031. }
  3032. return tab;
  3033. }
  3034. }
  3035. this.Tabs = new Tabs(this.toolbar);
  3036. this.Tabs.create(host);
  3037.  
  3038. const tabbody = this.tabbody;
  3039. const getCellValue = (tr, idx) =>
  3040. tr.children[idx].dataset.value || tr.children[idx].textContent;
  3041. const comparer = (idx, asc) => (a, b) =>
  3042. ((v1, v2) =>
  3043. v1 !== '' && v2 !== '' && !isNaN(v1) && !isNaN(v2)
  3044. ? v1 - v2
  3045. : v1.toString().localeCompare(v2))(
  3046. getCellValue(asc ? a : b, idx),
  3047. getCellValue(asc ? b : a, idx)
  3048. );
  3049. for (const th of this.tabhead.rows[0].cells) {
  3050. if (dom.text(th) === i18n$('install')) continue;
  3051. dom.cl.add(th, 'mujs-pointer');
  3052. ael(th, 'click', () => {
  3053. /** [Stack Overflow Reference](https://stackoverflow.com/questions/14267781/sorting-html-table-with-javascript/53880407#53880407) */
  3054. Array.from(tabbody.querySelectorAll('tr'))
  3055. .sort(comparer(Array.from(th.parentNode.children).indexOf(th), (this.asc = !this.asc)))
  3056. .forEach((tr) => tabbody.appendChild(tr));
  3057. });
  3058. }
  3059. }
  3060. init() {
  3061. try {
  3062. // #region Elements
  3063. this.mainframe = make('mu-js', 'mainframe', {
  3064. style: `opacity: ${this.opacityMin};`
  3065. });
  3066. this.countframe = make('mujs-column');
  3067. this.mainbtn = make('count-frame', 'mainbtn', {
  3068. textContent: '0'
  3069. });
  3070. this.urlBar = make('input', 'mujs-url-bar', {
  3071. autocomplete: 'off',
  3072. spellcheck: false,
  3073. type: 'text',
  3074. placeholder: i18n$('search_placeholder')
  3075. });
  3076. this.rateContainer = make('mujs-column', 'rate-container');
  3077. this.footer = make('mujs-row', 'mujs-footer');
  3078. this.tabbody = make('tbody');
  3079. this.promptElem = make('mujs-row', 'mujs-prompt');
  3080. this.toolbar = make('mujs-toolbar');
  3081. this.table = make('table');
  3082. this.tabhead = make('thead');
  3083. this.header = make('mujs-header');
  3084. this.tbody = make('mujs-body');
  3085. this.cfgpage = make('mujs-row', 'mujs-cfg hidden', {
  3086. _mujs: {
  3087. base: [],
  3088. sections: new Set()
  3089. }
  3090. });
  3091. this.main = make('mujs-main', 'hidden');
  3092. this.urlContainer = make('mujs-url');
  3093. this.btnframe = make('mujs-column', 'btn-frame');
  3094. this.btnHandles = make('mujs-column', 'btn-handles');
  3095. this.btnHide = make('mujs-btn', 'hide-list', {
  3096. title: i18n$('min'),
  3097. innerHTML: iconSVG.load('minus'),
  3098. dataset: {
  3099. command: 'hide-list'
  3100. }
  3101. });
  3102. this.btnfullscreen = make('mujs-btn', 'fullscreen', {
  3103. title: i18n$('max'),
  3104. innerHTML: iconSVG.load('expand'),
  3105. dataset: {
  3106. command: 'fullscreen'
  3107. }
  3108. });
  3109. this.closebtn = make('mujs-btn', 'close', {
  3110. title: i18n$('close'),
  3111. innerHTML: iconSVG.load('close'),
  3112. dataset: {
  3113. command: 'close'
  3114. }
  3115. });
  3116. this.btncfg = make('mujs-btn', 'settings hidden', {
  3117. title: 'Settings',
  3118. innerHTML: iconSVG.load('gear'),
  3119. dataset: {
  3120. command: 'settings'
  3121. }
  3122. });
  3123. this.btnhome = make('mujs-btn', 'github hidden', {
  3124. title: `GitHub (v${
  3125. /\d+\.\d+\.\d+|Book/.test($info.script.version)
  3126. ? $info.script.version
  3127. : $info.script.version.slice(0, 5)
  3128. })`,
  3129. innerHTML: iconSVG.load('github'),
  3130. dataset: {
  3131. command: 'open-tab',
  3132. webpage: $info.script.namespace
  3133. }
  3134. });
  3135. this.btnissue = make('mujs-btn', 'issue hidden', {
  3136. innerHTML: iconSVG.load('issue'),
  3137. title: i18n$('issue'),
  3138. dataset: {
  3139. command: 'open-tab',
  3140. webpage: $info.script.bugs ?? 'https://github.com/magicoflolis/Userscript-Plus/issues'
  3141. }
  3142. });
  3143. this.btngreasy = make('mujs-btn', 'greasy hidden', {
  3144. title: 'Greasy Fork',
  3145. innerHTML: iconSVG.load('globe'),
  3146. dataset: {
  3147. command: 'open-tab',
  3148. webpage: 'https://greatest.deepsurf.us/scripts/421603'
  3149. }
  3150. });
  3151. this.btnnav = make('mujs-btn', 'nav', {
  3152. title: 'Navigation',
  3153. innerHTML: iconSVG.load('nav'),
  3154. dataset: {
  3155. command: 'navigation'
  3156. }
  3157. });
  3158. const makeTHead = (rows = []) => {
  3159. const tr = make('tr');
  3160. for (const r of rows) {
  3161. const tparent = make('th', r.class ?? '', r);
  3162. tr.append(tparent);
  3163. }
  3164. this.tabhead.append(tr);
  3165. this.table.append(this.tabhead, this.tabbody);
  3166. };
  3167. makeTHead([
  3168. {
  3169. class: 'mujs-header-name',
  3170. textContent: i18n$('name')
  3171. },
  3172. {
  3173. textContent: i18n$('createdby')
  3174. },
  3175. {
  3176. textContent: i18n$('daily_installs')
  3177. },
  3178. {
  3179. textContent: i18n$('updated')
  3180. },
  3181. {
  3182. textContent: i18n$('install')
  3183. }
  3184. ]);
  3185. // #endregion
  3186. if (isMobile) {
  3187. dom.cl.add([this.btnHide, this.btnfullscreen, this.closebtn], 'hidden');
  3188. this.btnframe.append(
  3189. this.btnHide,
  3190. this.btnfullscreen,
  3191. this.closebtn,
  3192. this.btnhome,
  3193. this.btngreasy,
  3194. this.btnissue,
  3195. this.btncfg,
  3196. this.btnnav
  3197. );
  3198. } else {
  3199. this.btnHandles.append(this.btnHide, this.btnfullscreen, this.closebtn);
  3200. this.btnframe.append(this.btnhome, this.btngreasy, this.btnissue, this.btncfg, this.btnnav);
  3201. }
  3202. this.toolbar.append(this.btnHandles);
  3203. this.urlContainer.append(this.urlBar);
  3204. this.header.append(this.urlContainer, this.rateContainer, this.countframe, this.btnframe);
  3205. this.tbody.append(this.table, this.cfgpage);
  3206. this.main.append(this.toolbar, this.header, this.tbody, this.footer, this.promptElem);
  3207. this.mainframe.append(this.mainbtn);
  3208. this.root.append(this.mainframe, this.main);
  3209.  
  3210. return true;
  3211. } catch (ex) {
  3212. err(ex);
  3213. }
  3214. return false;
  3215. }
  3216. remove() {
  3217. this.userjsCache.clear();
  3218. dom.remove(this.frame);
  3219. }
  3220. async save() {
  3221. this.unsaved = false;
  3222. await StorageSystem.setValue('Config', cfg);
  3223. info('Saved config:', cfg);
  3224. this.redirect();
  3225. return cfg;
  3226. }
  3227. /**
  3228. * @param { string } css - CSS to inject
  3229. * @param { string } name - Name of stylesheet
  3230. * @return { HTMLStyleElement | undefined } Style element
  3231. */
  3232. loadCSS(css, name = 'CSS', useGM = true) {
  3233. try {
  3234. if (this.stylesheet) return this.stylesheet;
  3235. if (typeof name !== 'string')
  3236. throw new Error('"name" must be a typeof "string"', { cause: 'loadCSS' });
  3237. if (typeof css !== 'string')
  3238. throw new Error('"css" must be a typeof "string"', { cause: 'loadCSS' });
  3239. if (isBlank(css))
  3240. throw new Error(`"${name}" contains empty CSS string`, { cause: 'loadCSS' });
  3241. const parent = isEmpty(this.root.shadowRoot) ? this.root : this.root.shadowRoot;
  3242. if (useGM && isGM) {
  3243. const fn = (isFN(GM.addElement) && GM.addElement) || (isFN(GM_addElement) && GM_addElement);
  3244. if (!isFN(fn)) return this.loadCSS(css, name, false);
  3245. const sty = fn(parent, 'style', { textContent: css });
  3246. if (isElem(sty)) {
  3247. sty.dataset.insertedBy = $info.script.name;
  3248. sty.dataset.role = name;
  3249. this.stylesheet = sty;
  3250. return this.stylesheet;
  3251. }
  3252. }
  3253. const sty = make('style', {
  3254. textContent: css,
  3255. dataset: {
  3256. insertedBy: $info.script.name,
  3257. role: name
  3258. }
  3259. });
  3260. parent.appendChild(sty);
  3261. this.stylesheet = sty;
  3262. return this.stylesheet;
  3263. } catch (ex) {
  3264. err(ex);
  3265. }
  3266. }
  3267. checkBlacklist(str) {
  3268. str = str || this.host;
  3269. if (/accounts*\.google\./.test(this.webpage.host)) {
  3270. this.isBlacklisted = true;
  3271. return this.isBlacklisted;
  3272. }
  3273. let blacklisted = false;
  3274. for (const b of normalizeTarget(cfg.blacklist)) {
  3275. if (typeof b === 'string') {
  3276. if (b.startsWith('userjs-')) {
  3277. const [, r] = /userjs-(\w+)/.exec(b) ?? [];
  3278. const biList = builtinList[r];
  3279. if (isRegExp(biList)) {
  3280. if (biList.test(str)) blacklisted = true;
  3281. } else if (isObj(biList) && biList.host === this.host) {
  3282. blacklisted = true;
  3283. }
  3284. }
  3285. } else if (isObj(b)) {
  3286. if (!b.enabled) continue;
  3287. if (b.regex === true) {
  3288. const reg = new RegExp(b.url, b.flags);
  3289. if (reg.test(str)) blacklisted = true;
  3290. }
  3291. if (Array.isArray(b.url)) {
  3292. for (const c of b.url) {
  3293. if (str.includes(c)) blacklisted = true;
  3294. }
  3295. }
  3296. if (str.includes(b.url)) blacklisted = true;
  3297. }
  3298. }
  3299. this.isBlacklisted = blacklisted;
  3300. return this.isBlacklisted;
  3301. }
  3302. setTheme() {
  3303. const theme = cfg.theme ?? DEFAULT_CONFIG.theme;
  3304. if (theme === DEFAULT_CONFIG.theme) {
  3305. return;
  3306. }
  3307. const { style } = this.root;
  3308. for (const [k, v] of Object.entries(theme)) {
  3309. const str = `--mujs-${k}`;
  3310. const prop = style.getPropertyValue(str);
  3311. if (isEmpty(v)) theme[k] = prop;
  3312. if (prop === v) continue;
  3313. style.removeProperty(str);
  3314. style.setProperty(str, v);
  3315. }
  3316. }
  3317. makePrompt(txt, dataset = {}, usePrompt = true) {
  3318. dom.remove(Container.prompts);
  3319. const el = make('mu-js', 'prompt', {
  3320. dataset: {
  3321. prompt: txt
  3322. }
  3323. });
  3324. const elHead = make('mu-js', 'prompt-head', {
  3325. innerHTML: `${iconSVG.load('refresh')} ${txt}`
  3326. });
  3327. el.append(elHead);
  3328. if (usePrompt) {
  3329. const elPrompt = make('mu-js', 'prompt-body', { dataset });
  3330. const elYes = make('mujs-btn', 'prompt-confirm', {
  3331. innerHTML: 'Confirm',
  3332. dataset: {
  3333. command: 'prompt-confirm'
  3334. }
  3335. });
  3336. const elNo = make('mujs-btn', 'prompt-deny', {
  3337. innerHTML: 'Deny',
  3338. dataset: {
  3339. command: 'prompt-deny'
  3340. }
  3341. });
  3342. elPrompt.append(elYes, elNo);
  3343. el.append(elPrompt);
  3344. } else {
  3345. const elPrompt = make('mu-js', 'prompt-body');
  3346. const elNo = make('mujs-btn', 'prompt-deny', {
  3347. textContent: i18n$('close')
  3348. });
  3349. ael(elNo, isMobile ? 'touchend' : 'click', () => {
  3350. el.remove();
  3351. });
  3352. elPrompt.append(elNo);
  3353. el.append(elPrompt);
  3354. }
  3355. Container.prompts.push(el);
  3356. this.promptElem.append(el);
  3357. return el;
  3358. }
  3359. /**
  3360. * @template {string | Error} E
  3361. * @param {...E} ex
  3362. */
  3363. showError(...ex) {
  3364. err(...ex);
  3365. const error = make('mu-js', 'error');
  3366. let str = '';
  3367. for (const e of ex) {
  3368. str += `${typeof e === 'string' ? e : `${e.cause ? `[${e.cause}] ` : ''}${e.message}${e.stack ? ` ${e.stack}` : ''}`}\n`;
  3369. }
  3370. error.appendChild(_self.createTextNode(str));
  3371. this.footer.append(error);
  3372. }
  3373. refresh() {
  3374. this.urlBar.placeholder = i18n$('newTab');
  3375. Counter.reset();
  3376. dom.cl.remove(this.toElem(), 'hidden');
  3377. dom.cl.remove(this.cfgpage._mujs.sections, 'hidden');
  3378. dom.prop([this.tabbody, this.rateContainer, this.footer], 'innerHTML', '');
  3379. }
  3380. /**
  3381. * Redirects sleazyfork userscripts from greatest.deepsurf.us to sleazyfork.org
  3382. *
  3383. * Taken from: https://greatest.deepsurf.us/scripts/23840
  3384. */
  3385. redirect() {
  3386. const locObj = window.top.location;
  3387. const { hostname } = locObj;
  3388. const gfSite = /greasyfork\.org/.test(hostname);
  3389. if (!gfSite && cfg.sleazyredirect) return;
  3390. const otherSite = gfSite ? 'sleazyfork' : 'greasyfork';
  3391. if (!qs('span.sign-in-link')) return;
  3392. if (!/scripts\/\d+/.test(locObj.href)) return;
  3393. if (
  3394. !qs('#script-info') &&
  3395. (otherSite == 'greasyfork' || qs('div.width-constraint>section>p>a'))
  3396. ) {
  3397. const str = locObj.href.replace(
  3398. /\/\/([^.]+\.)?(greasyfork|sleazyfork)\.org/,
  3399. '//$1' + otherSite + '.org'
  3400. );
  3401. info(`Redirecting to "${str}"`);
  3402. if (isFN(locObj.assign)) {
  3403. locObj.assign(str);
  3404. } else {
  3405. locObj.href = str;
  3406. }
  3407. }
  3408. }
  3409. /**
  3410. * @param {number} [time]
  3411. */
  3412. async timeoutFrame(time) {
  3413. const frameTimeout = this.timeouts.frame;
  3414. frameTimeout.clear(...frameTimeout.ids);
  3415. if (dom.cl.has(this.mainframe, 'hidden')) {
  3416. return;
  3417. }
  3418. time = time ?? cfg.time ?? DEFAULT_CONFIG.time;
  3419. let n = 10000;
  3420. if (typeof time === 'number' && !Number.isNaN(time)) {
  3421. n = this.isBlacklisted ? time / 2 : time;
  3422. }
  3423. await frameTimeout.set(n);
  3424. this.remove();
  3425. frameTimeout.clear(...frameTimeout.ids);
  3426. }
  3427. toElem() {
  3428. return Array.from(this).map(({ _mujs }) => {
  3429. return _mujs.root;
  3430. });
  3431. }
  3432. *[Symbol.iterator]() {
  3433. const arr = Array.from(this.userjsCache.values()).filter(({ _mujs }) => {
  3434. return !isEmpty(_mujs) && _mujs.info.engine.enabled;
  3435. });
  3436. for (const userjs of arr) {
  3437. yield userjs;
  3438. }
  3439. }
  3440. };
  3441. const container = new Container();
  3442. // #endregion
  3443. // #region Primary Function
  3444. function primaryFN() {
  3445. const respHandles = {
  3446. build: BLANK_ASYNC_FN
  3447. };
  3448. try {
  3449. const { scheduler } = _self;
  3450. const {
  3451. btnfullscreen,
  3452. mainframe,
  3453. main,
  3454. Tabs,
  3455. showError,
  3456. cfgpage: {
  3457. _mujs: { sections: cfgSec, base: cfgBase }
  3458. }
  3459. } = container;
  3460. const reloadCfg = () => {
  3461. for (const base of cfgBase) {
  3462. const [, CONFIG, SUB_CONFIG] = /^(\w+)-(.+)/.exec(base.value) ?? [];
  3463. let d = DEFAULT_CONFIG[base.value];
  3464. let v = cfg[base.value];
  3465. if (base.tag === 'engine') {
  3466. const dEngine = DEFAULT_CONFIG.engines.find((engine) => engine.name === base.value);
  3467. const vEngine = cfg.engines.find((engine) => engine.name === base.value);
  3468. if (dEngine) d = dEngine;
  3469. if (vEngine) v = vEngine;
  3470. } else if (CONFIG) {
  3471. d = DEFAULT_CONFIG[CONFIG][SUB_CONFIG];
  3472. v = cfg[CONFIG][SUB_CONFIG];
  3473. }
  3474. base.cache = v;
  3475. if (base.type === 'checkbox') {
  3476. if (CONFIG) {
  3477. if (CONFIG === 'filters') {
  3478. base.elem.checked = cfg[CONFIG][SUB_CONFIG].enabled;
  3479. } else {
  3480. base.elem.checked = v;
  3481. }
  3482. } else if (base.tag === 'engine') {
  3483. base.elem.checked = v.enabled;
  3484. base.elemUrl.value = decode(v.query);
  3485. base.elemUrl.placeholder = decode(d.query);
  3486. if (base.elemToken) {
  3487. base.elemToken = v.token;
  3488. }
  3489. }
  3490. } else {
  3491. base.elem.value = v;
  3492. }
  3493. }
  3494. container.setTheme();
  3495. };
  3496. const doInstallProcess = async (installLink) => {
  3497. const locObj = window.top.location;
  3498. if (isFN(locObj.assign)) {
  3499. locObj.assign(installLink.href);
  3500. } else {
  3501. locObj.href = installLink.href;
  3502. }
  3503. installLink.remove();
  3504. await init();
  3505. };
  3506. const doDownloadProcess = async (details) => {
  3507. if (!details.url) {
  3508. return;
  3509. }
  3510. const a = make('a');
  3511. a.href = details.url;
  3512. a.setAttribute('download', details.filename || '');
  3513. a.setAttribute('type', 'text/plain');
  3514. a.dispatchEvent(new MouseEvent('click'));
  3515. await init();
  3516. };
  3517. const applyTo = (ujs, name, elem, root) => {
  3518. const n = ujs._mujs.code[name] ?? ujs._mujs.code.data_meta[name];
  3519. if (isEmpty(n)) {
  3520. const el = make('mujs-a', {
  3521. textContent: i18n$('listing_none')
  3522. });
  3523. elem.append(el);
  3524. return;
  3525. }
  3526. dom.prop(elem, 'innerHTML', '');
  3527. dom.cl.remove(root, 'hidden');
  3528. if (isObj(n)) {
  3529. if (name === 'resource') {
  3530. for (const [k, v] of Object.entries(n)) {
  3531. const el = make('mujs-a', {
  3532. textContent: k ?? 'ERROR'
  3533. });
  3534. if (v.startsWith('http')) {
  3535. el.dataset.command = 'open-tab';
  3536. el.dataset.webpage = v;
  3537. }
  3538. elem.append(el);
  3539. }
  3540. } else {
  3541. const el = make('mujs-a', {
  3542. textContent: n.text
  3543. });
  3544. if (n.domain) {
  3545. el.dataset.command = 'open-tab';
  3546. el.dataset.webpage = `https://${n.text}`;
  3547. }
  3548. elem.append(el);
  3549. }
  3550. } else if (typeof n === 'string') {
  3551. const el = make('mujs-a', {
  3552. textContent: n
  3553. });
  3554. elem.append(el);
  3555. } else {
  3556. for (const c of n) {
  3557. if (typeof c === 'string' && c.startsWith('http')) {
  3558. const el = make('mujs-a', {
  3559. textContent: c,
  3560. dataset: {
  3561. command: 'open-tab',
  3562. webpage: c
  3563. }
  3564. });
  3565. elem.append(el);
  3566. } else if (isObj(c)) {
  3567. const el = make('mujs-a', {
  3568. textContent: c.text
  3569. });
  3570. if (c.domain) {
  3571. el.dataset.command = 'open-tab';
  3572. el.dataset.webpage = `https://${c.text}`;
  3573. }
  3574. elem.append(el);
  3575. } else {
  3576. const el = make('mujs-a', {
  3577. textContent: c
  3578. });
  3579. elem.append(el);
  3580. }
  3581. }
  3582. }
  3583. };
  3584. // #region Main event handlers
  3585. const frameTimeout = container.timeouts.frame;
  3586. ael(main, isMobile ? 'touchend' : 'click', async (evt) => {
  3587. try {
  3588. if (isNull(evt.target)) return;
  3589. /** @type { HTMLElement } */
  3590. const t = evt.target;
  3591. const target = t.closest('[data-command]');
  3592. if (isNull(target)) return;
  3593. let dataset = target.dataset;
  3594. let cmd = dataset.command;
  3595. if (/^prompt-/.test(target.dataset.command)) {
  3596. dataset = target.parentElement.dataset;
  3597. cmd = dataset.command;
  3598. let pElem = target.parentElement.parentElement;
  3599. if (/prompt-install/.test(target.dataset.command)) {
  3600. pElem = target.parentElement.parentElement.parentElement;
  3601. const a = make('a', {
  3602. onclick(evt) {
  3603. evt.preventDefault();
  3604. doInstallProcess(evt.target);
  3605. }
  3606. });
  3607. a.href = target.dataset.code_url;
  3608. a.click();
  3609. } else if (/prompt-download/.test(target.dataset.command)) {
  3610. pElem = target.parentElement.parentElement.parentElement;
  3611. const dataUserJS = container.userjsCache.get(+target.dataset.userjs);
  3612. if (dataUserJS) {
  3613. const code_obj = await dataUserJS._mujs.code.request(false, target.dataset.code_url);
  3614. if (typeof code_obj.code === 'string')
  3615. doDownloadProcess({
  3616. url: 'data:text/plain;charset=utf-8,' + encodeURIComponent(code_obj.code),
  3617. filename: `${dataUserJS.name}${isUserCSS(target.dataset.code_url) ? '.user.css' : '.user.js'}`
  3618. });
  3619. }
  3620. }
  3621. pElem.remove();
  3622. return;
  3623. }
  3624. if (cmd === 'install-script') {
  3625. const dataUserJS = container.userjsCache.get(+dataset.userjs);
  3626. if (isNull(dataUserJS)) {
  3627. return;
  3628. }
  3629. if (dataUserJS.code_urls.length > 1) {
  3630. const list = make('mujs-list', {
  3631. style: 'display: flex; flex-direction: column;'
  3632. });
  3633. for (const ujs of dataUserJS.code_urls) {
  3634. const a = make('mujs-a', {
  3635. title: ujs.code_url,
  3636. textContent: ujs.name,
  3637. dataset: {
  3638. command: 'prompt-install',
  3639. code_url: ujs.code_url
  3640. }
  3641. });
  3642. list.append(a);
  3643. }
  3644. container.makePrompt(`Multiple detected: ${list.outerHTML}`, dataset, false);
  3645. } else {
  3646. const a = make('a', {
  3647. onclick(evt) {
  3648. evt.preventDefault();
  3649. doInstallProcess(evt.target);
  3650. }
  3651. });
  3652. a.href = dataUserJS.code_url;
  3653. a.click();
  3654. }
  3655. } else if (/open-tab|more-info/.test(cmd) && dataset.webpage) {
  3656. if (cmd === 'more-info') evt.preventDefault();
  3657. con.log(cmd);
  3658. if (isGM) {
  3659. if (isFN(GM.openInTab)) {
  3660. return GM.openInTab(dataset.webpage);
  3661. } else if (isFN(GM_openInTab)) {
  3662. return GM_openInTab(dataset.webpage, {
  3663. active: true,
  3664. insert: true
  3665. });
  3666. }
  3667. }
  3668. return window.open(dataset.webpage, '_blank');
  3669. } else if (cmd === 'navigation') {
  3670. for (const e of normalizeTarget(qsA('mujs-btn', target.parentElement)).filter(
  3671. (e) => !dom.cl.has(e, 'nav')
  3672. )) {
  3673. dom.cl.toggle(e, 'hidden');
  3674. }
  3675. } else if (cmd === 'list-description') {
  3676. const arr = [];
  3677. const ignoreTags = new Set(['TD', 'MUJS-A', 'MU-JS']);
  3678. /**
  3679. * @type { import("../typings/UserJS.d.ts").mujsName }
  3680. */
  3681. const p = target.parentElement;
  3682. for (const node of Object.values(p._mujs)) {
  3683. if (ignoreTags.has(node.tagName)) {
  3684. continue;
  3685. }
  3686. if (node.tagName === 'TEXTAREA' && isEmpty(node.value)) {
  3687. continue;
  3688. }
  3689. arr.push(node);
  3690. }
  3691. if (target.nextElementSibling) {
  3692. arr.push(target.nextElementSibling);
  3693. if (target.nextElementSibling.nextElementSibling) {
  3694. arr.push(target.nextElementSibling.nextElementSibling);
  3695. }
  3696. }
  3697. if (dom.cl.has(arr[0], 'hidden')) {
  3698. dom.cl.remove(arr, 'hidden');
  3699. } else {
  3700. dom.cl.add(arr, 'hidden');
  3701. }
  3702. } else if (cmd === 'close') {
  3703. container.remove();
  3704. } else if (cmd === 'fullscreen') {
  3705. if (dom.cl.has(btnfullscreen, 'expanded')) {
  3706. dom.cl.remove([btnfullscreen, main], 'expanded');
  3707. dom.prop(btnfullscreen, 'innerHTML', iconSVG.load('expand'));
  3708. } else {
  3709. dom.cl.add([btnfullscreen, main], 'expanded');
  3710. dom.prop(btnfullscreen, 'innerHTML', iconSVG.load('collapse'));
  3711. }
  3712. } else if (cmd === 'hide-list') {
  3713. dom.cl.add(main, 'hidden');
  3714. dom.cl.remove(mainframe, 'hidden');
  3715. container.timeoutFrame();
  3716. } else if (cmd === 'save') {
  3717. container.rebuild = true;
  3718. dom.prop(container.rateContainer, 'innerHTML', '');
  3719. if (!dom.prop(target, 'disabled')) {
  3720. const config = await container.save();
  3721. if (container.rebuild) {
  3722. if (config.autofetch) {
  3723. respHandles.build();
  3724. }
  3725. }
  3726. container.unsaved = false;
  3727. container.rebuild = false;
  3728. }
  3729. } else if (cmd === 'reset') {
  3730. cfg = DEFAULT_CONFIG;
  3731. dom.remove(qsA('.error', container.footer));
  3732. container.unsaved = true;
  3733. container.rebuild = true;
  3734. reloadCfg();
  3735. } else if (cmd === 'settings') {
  3736. if (container.unsaved) {
  3737. showError('Unsaved changes');
  3738. }
  3739. Tabs.create('mujs:settings');
  3740. container.rebuild = false;
  3741. } else if (cmd === 'new-tab') {
  3742. Tabs.create();
  3743. } else if (cmd === 'switch-tab') {
  3744. Tabs.active(target);
  3745. } else if (cmd === 'close-tab' && target.parentElement) {
  3746. Tabs.close(target.parentElement);
  3747. } else if (cmd === 'download-userjs') {
  3748. const dataUserJS = container.userjsCache.get(+dataset.userjs);
  3749. if (isNull(dataUserJS)) {
  3750. return;
  3751. }
  3752.  
  3753. if (dataUserJS.code_urls.length > 1) {
  3754. const list = make('mujs-list', {
  3755. style: 'display: flex; flex-direction: column;'
  3756. });
  3757. for (const ujs of dataUserJS.code_urls) {
  3758. const a = make('mujs-a', {
  3759. title: ujs.code_url,
  3760. textContent: ujs.name,
  3761. dataset: {
  3762. command: 'prompt-download',
  3763. code_url: ujs.code_url,
  3764. userjs: dataset.userjs
  3765. }
  3766. });
  3767. list.append(a);
  3768. }
  3769. container.makePrompt(`Multiple detected: ${list.outerHTML}`, dataset, false);
  3770. } else {
  3771. const code_obj = await dataUserJS._mujs.code.request(false);
  3772. if (typeof code_obj.code === 'string')
  3773. doDownloadProcess({
  3774. url: 'data:text/plain;charset=utf-8,' + encodeURIComponent(code_obj.code),
  3775. filename: `${dataUserJS.name}${isUserCSS(dataUserJS.code_url) ? '.user.css' : '.user.js'}`
  3776. });
  3777. }
  3778. } else if (cmd === 'load-userjs' || cmd === 'load-header') {
  3779. if (!container.userjsCache.has(+dataset.userjs)) {
  3780. return;
  3781. }
  3782. const codeArea = qs('textarea', target.parentElement.parentElement);
  3783. if (!isEmpty(codeArea.value) && cmd === codeArea.dataset.load) {
  3784. dom.cl.toggle(codeArea, 'hidden');
  3785. return;
  3786. }
  3787. codeArea.dataset.load = cmd;
  3788. const dataUserJS = container.userjsCache.get(+dataset.userjs);
  3789. const code_obj = await dataUserJS._mujs.code.request();
  3790. if (typeof code_obj.data_code_block !== 'string') {
  3791. codeArea.value = 'An error occured';
  3792. return;
  3793. }
  3794. codeArea.value =
  3795. cmd === 'load-userjs' ? code_obj.data_code_block : code_obj.data_meta_block;
  3796. dom.cl.remove(codeArea, 'hidden');
  3797. for (const e of qsA(
  3798. 'mujs-column[data-el="matches"]',
  3799. target.parentElement.parentElement
  3800. )) {
  3801. applyTo(dataUserJS, e.dataset.type, qs('.mujs-grants', e), e);
  3802. }
  3803. } else if (cmd === 'load-page') {
  3804. if (!container.userjsCache.has(+dataset.userjs)) {
  3805. return;
  3806. }
  3807. let pageArea = qs('mujs-page', target.parentElement.parentElement);
  3808. if (!pageArea) {
  3809. pageArea = make('mujs-page');
  3810. target.parentElement.parentElement.append(pageArea);
  3811. const dataUserJS = container.userjsCache.get(+dataset.userjs);
  3812. const engine = dataUserJS._mujs.info.engine;
  3813. let pageURL;
  3814. if (engine.name.includes('fork')) {
  3815. const {
  3816. navigator: { language }
  3817. } = _self;
  3818. const { current } = Language;
  3819. pageURL = dataUserJS.url.replace(
  3820. /\/scripts/,
  3821. `/${/^(zh|fr|es)/.test(current) ? language : current}/scripts`
  3822. );
  3823. } else if (engine.name.includes('github')) {
  3824. const page_url = await Network.req(dataUserJS.page_url, 'GET', 'json', {
  3825. headers: {
  3826. Accept: 'application/vnd.github+json',
  3827. Authorization: `Bearer ${engine.token}`,
  3828. 'X-GitHub-Api-Version': '2022-11-28'
  3829. }
  3830. }).catch(() => {
  3831. return {};
  3832. });
  3833. if (!page_url.download_url) {
  3834. return;
  3835. }
  3836. const page = await Network.req(page_url.download_url, 'GET', 'text');
  3837. if (container.shadowSupport) {
  3838. const shadow = pageArea.attachShadow({ mode: 'closed' });
  3839. const div = make('div', {
  3840. innerHTML: page
  3841. });
  3842. shadow.append(div);
  3843. }
  3844. return;
  3845. } else {
  3846. pageURL = dataUserJS.url;
  3847. }
  3848. if (!pageURL) {
  3849. return;
  3850. }
  3851. const page = await Network.req(pageURL, 'GET', 'document');
  3852. const getContent = () => {
  3853. let content = 'An error occured';
  3854. const h = new URL(dataUserJS.url);
  3855. const root = qs('.user-content', page.documentElement);
  3856. for (const e of qsA('[href]', root)) {
  3857. e.target = '_blank';
  3858. e.style = 'pointer-events: auto;';
  3859. if (e.href.startsWith('/')) {
  3860. e.href = `${h.origin}${e.href}`;
  3861. }
  3862. }
  3863. for (const e of qsA('img[src]', root)) {
  3864. e.style =
  3865. 'max-width: 25em; max-height: 25em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;';
  3866. }
  3867. if (root) {
  3868. content = root.innerHTML;
  3869. } else {
  3870. content = 'No additional info available';
  3871. }
  3872. return content;
  3873. };
  3874. if (container.shadowSupport) {
  3875. const shadow = pageArea.attachShadow({ mode: 'closed' });
  3876. const div = make('div', {
  3877. style: 'pointer-events: none;',
  3878. innerHTML: getContent()
  3879. });
  3880. shadow.append(div);
  3881. }
  3882. return;
  3883. }
  3884. if (!dom.cl.has(pageArea, 'hidden')) {
  3885. dom.cl.add(pageArea, 'hidden');
  3886. return;
  3887. }
  3888. dom.cl.remove(pageArea, 'hidden');
  3889. } else if (/export-/.test(cmd)) {
  3890. const toCfg = cmd === 'export-cfg';
  3891. doDownloadProcess({
  3892. url:
  3893. 'data:text/plain;charset=utf-8,' +
  3894. encodeURIComponent(JSON.stringify(toCfg ? cfg : cfg.theme, null, ' ')),
  3895. filename: `Magic_Userscript_${toCfg ? 'config' : 'theme'}.json`
  3896. });
  3897. } else if (/import-/.test(cmd)) {
  3898. if (qs('input', target.parentElement)) {
  3899. qs('input', target.parentElement).click();
  3900. return;
  3901. }
  3902. const inpJSON = make('input', 'hidden', {
  3903. type: 'file',
  3904. accept: '.json',
  3905. onchange(evt) {
  3906. const file = evt.target.files[0];
  3907. if (file === undefined || file.name === '') {
  3908. return;
  3909. }
  3910. const fr = new FileReader();
  3911. fr.onload = function () {
  3912. if (typeof fr.result !== 'string') {
  3913. return;
  3914. }
  3915. const content = JSON.parse(fr.result);
  3916. if (content.blacklist) {
  3917. cfg = content;
  3918. container.unsaved = true;
  3919. container.rebuild = true;
  3920. reloadCfg();
  3921. container.save().then((config) => {
  3922. if (config.autofetch) {
  3923. respHandles.build();
  3924. }
  3925. container.unsaved = false;
  3926. container.rebuild = false;
  3927. });
  3928. } else {
  3929. cfg.theme = content;
  3930. container.setTheme();
  3931. }
  3932. inpJSON.remove();
  3933. };
  3934. fr.readAsText(file);
  3935. }
  3936. });
  3937. target.parentElement.append(inpJSON);
  3938. inpJSON.click();
  3939. }
  3940. } catch (ex) {
  3941. showError(ex);
  3942. }
  3943. });
  3944. ael(main, 'auxclick', (evt) => {
  3945. if (evt.button !== 1) {
  3946. return;
  3947. }
  3948. /** @type { HTMLElement } */
  3949. const target = evt.target.closest('[data-command]');
  3950. if (!target) {
  3951. return;
  3952. }
  3953. const dataset = target.dataset;
  3954. const cmd = dataset.command;
  3955. if (cmd === 'switch-tab' || cmd === 'close-tab') {
  3956. Tabs.close(target);
  3957. } else if (cmd === 'new-tab') {
  3958. Tabs.create();
  3959. }
  3960. });
  3961. if (!isMobile) {
  3962. const fade = async (target, type) => {
  3963. if (type === 'mouseenter') {
  3964. frameTimeout.clear(...frameTimeout.ids);
  3965. container.timeouts.mouse.clear(...container.timeouts.mouse.ids);
  3966. target.style.opacity = container.opacityMax;
  3967. } else if (type === 'mouseleave') {
  3968. await container.timeouts.mouse.set(cfg.time);
  3969. target.style.opacity = container.opacityMin;
  3970. }
  3971. };
  3972. for (const e of ['mouseenter', 'mouseleave']) {
  3973. ael(main, e, (evt) => {
  3974. evt.preventDefault();
  3975. evt.stopPropagation();
  3976. fade(evt.target, evt.type);
  3977. });
  3978. }
  3979. }
  3980. /**
  3981. * @param {CustomEvent<import("../typings/types.d.ts").GSForkQuery>} evt
  3982. */
  3983. const updatedItem = (evt) => {
  3984. const ujs = evt.detail;
  3985. if (!ujs._mujs) return;
  3986. if (ujs.deleted === true) {
  3987. ujs._mujs.root.remove();
  3988. container.userjsCache.delete(ujs.id);
  3989. Counter.reset();
  3990. MUList.sortRecords();
  3991. return;
  3992. }
  3993. if (!isEmpty(ujs.code_urls)) ujs.code_url = ujs.code_urls[0].code_url;
  3994. for (const elem of qsA('[data-name]', ujs._mujs.root)) {
  3995. const name = elem.dataset.name;
  3996. if (name === 'code') {
  3997. if (ujs._mujs.code.data_code_block) {
  3998. if (cfg.preview.code && !cfg.preview.metadata) {
  3999. elem.value = ujs._mujs.code.data_code_block;
  4000. } else if (cfg.preview.metadata && !cfg.preview.code) {
  4001. elem.value = ujs._mujs.code.data_meta_block;
  4002. } else {
  4003. elem.value = `${ujs._mujs.code.META_START_COMMENT}${ujs._mujs.code.data_meta_block}${ujs._mujs.code.META_END_COMMENT}${ujs._mujs.code.data_code_block}`;
  4004. }
  4005. }
  4006. continue;
  4007. }
  4008. if (!ujs[name]) continue;
  4009. if (name === 'license') {
  4010. dom.attr(elem, 'title', ujs.license ?? i18n$('no_license'));
  4011. dom.text(elem, `${i18n$('license')}: ${ujs.license ?? i18n$('no_license')}`);
  4012. } else if (name === 'code_updated_at') {
  4013. dom.text(elem, Language.toDate(ujs.code_updated_at));
  4014. elem.dataset.value = new Date(ujs.code_updated_at).toISOString();
  4015. } else if (name === 'created_date') {
  4016. dom.text(elem, `${i18n$('created_date')}: ${Language.toDate(ujs.created_at)}`);
  4017. elem.dataset.value = new Date(ujs.created_at).toISOString();
  4018. } else if (name === 'total_installs') {
  4019. dom.text(elem, `${i18n$('total_installs')}: ${Language.toNumber(ujs.total_installs)}`);
  4020. } else {
  4021. dom.text(elem, ujs[name]);
  4022. }
  4023. }
  4024. if (ujs._mujs.code.data_code_block) {
  4025. for (const e of qsA('mujs-column[data-el="matches"]', ujs._mujs.root)) {
  4026. applyTo(ujs, e.dataset.type, qs('.mujs-grants', e), e);
  4027. }
  4028. }
  4029. if (container.userjsCache.has(ujs.id)) container.userjsCache.set(ujs.id, ujs);
  4030. };
  4031. ael(main, 'updateditem', updatedItem);
  4032. // #endregion
  4033. const TLD_EXPANSION = ['com', 'net', 'org', 'de', 'co.uk'];
  4034. const APPLIES_TO_ALL_PATTERNS = [
  4035. 'http://*',
  4036. 'https://*',
  4037. 'http://*/*',
  4038. 'https://*/*',
  4039. 'http*://*',
  4040. 'http*://*/*',
  4041. '*',
  4042. '*://*',
  4043. '*://*/*',
  4044. 'http*'
  4045. ];
  4046. class ParseUserJS {
  4047. /**
  4048. * @type { string }
  4049. */
  4050. code;
  4051. /**
  4052. * @type { string }
  4053. */
  4054. data_meta_block;
  4055. /**
  4056. * @type { string }
  4057. */
  4058. data_code_block;
  4059. /**
  4060. * @type { { [meta: string]: string | string[] | { [resource: string]: string } } }
  4061. */
  4062. data_meta;
  4063. /**
  4064. * @type { {text: string;domain: boolean;tld_extra: boolean}[] }
  4065. */
  4066. data_names;
  4067. constructor(code, isCSS) {
  4068. this.isUserCSS = isCSS === true;
  4069. this.META_START_COMMENT = this.isUserCSS ? '/* ==UserStyle==' : '// ==UserScript==';
  4070. this.META_END_COMMENT = this.isUserCSS ? '==/UserStyle== */' : '// ==/UserScript==';
  4071. if (code) {
  4072. this.code = code;
  4073. this.get_meta_block();
  4074. this.get_code_block();
  4075. this.parse_meta();
  4076. this.calculate_applies_to_names();
  4077. }
  4078. }
  4079. get_meta_block() {
  4080. if (isEmpty(this.code)) {
  4081. return '';
  4082. }
  4083. if (this.data_meta_block) {
  4084. return this.data_meta_block;
  4085. }
  4086. const start_block = this.code.indexOf(this.META_START_COMMENT);
  4087. if (isNull(start_block)) {
  4088. return '';
  4089. }
  4090. const end_block = this.code.indexOf(this.META_END_COMMENT, start_block);
  4091. if (isNull(end_block)) {
  4092. return '';
  4093. }
  4094. const meta_block = this.code.substring(
  4095. start_block + this.META_START_COMMENT.length,
  4096. end_block
  4097. );
  4098. this.data_meta_block = meta_block;
  4099. return this.data_meta_block;
  4100. }
  4101. get_code_block() {
  4102. if (isEmpty(this.code)) {
  4103. return '';
  4104. }
  4105. if (this.data_code_block) {
  4106. return this.data_code_block;
  4107. }
  4108. const start_block = this.code.indexOf(this.META_START_COMMENT);
  4109. if (isNull(start_block)) {
  4110. return null;
  4111. }
  4112. const end_block = this.code.indexOf(this.META_END_COMMENT, start_block);
  4113. if (isNull(end_block)) {
  4114. return null;
  4115. }
  4116. const code_block = this.code.substring(
  4117. end_block + this.META_END_COMMENT.length,
  4118. this.code.length
  4119. );
  4120. this.data_code_block = code_block.split('\n').filter(Boolean).join('\n');
  4121. return this.data_code_block;
  4122. }
  4123. parse_meta() {
  4124. if (isEmpty(this.code)) {
  4125. return {};
  4126. }
  4127. if (this.data_meta) {
  4128. return this.data_meta;
  4129. }
  4130. const meta = {};
  4131. const meta_block_map = new Map();
  4132. const reg = (this.isUserCSS && /@([a-zA-Z:-]+)\s+(.*)/) || /\/\/\s+@([a-zA-Z:-]+)\s+(.*)/;
  4133. for (const meta_line of this.get_meta_block().split('\n').filter(Boolean)) {
  4134. let [, key, value] = reg.exec(meta_line) ?? [];
  4135. if (!key) continue;
  4136. key = key.trim();
  4137. value = value.trim();
  4138. if (!meta_block_map.has(key)) meta_block_map.set(key, []);
  4139. const meta_map = meta_block_map.get(key);
  4140. meta_map.push(value);
  4141. meta_block_map.set(key, meta_map);
  4142. }
  4143. for (const [key, value] of meta_block_map) {
  4144. if (value.length > 1) {
  4145. meta[key] = value;
  4146. } else {
  4147. meta[key] = value[0];
  4148. }
  4149. }
  4150. this.data_meta = meta;
  4151. return this.data_meta;
  4152. }
  4153. calculate_applies_to_names() {
  4154. if (isEmpty(this.code)) {
  4155. return [];
  4156. }
  4157. if (this.data_names) {
  4158. return this.data_names;
  4159. }
  4160. let patterns = [];
  4161. for (const [k, v] of Object.entries(this.parse_meta())) {
  4162. if (/include|match/i.test(k)) {
  4163. if (Array.isArray(v)) {
  4164. patterns = patterns.concat(v);
  4165. } else {
  4166. patterns = patterns.concat([v]);
  4167. }
  4168. }
  4169. }
  4170. if (isEmpty(patterns)) {
  4171. return [];
  4172. }
  4173. if (this.intersect(patterns, APPLIES_TO_ALL_PATTERNS)) {
  4174. this.data_names = [
  4175. {
  4176. domain: false,
  4177. text: 'All sites',
  4178. tld_extra: false
  4179. }
  4180. ];
  4181. return this.data_names;
  4182. }
  4183. this.data_names = ParseUserJS.getNames(patterns);
  4184. return this.data_names;
  4185. }
  4186. intersect(a, ...arr) {
  4187. return !isBlank([...new Set(a)].filter((v) => arr.every((b) => b.includes(v))));
  4188. }
  4189. static getNames(patterns = []) {
  4190. const name_map = new Map();
  4191. const addObj = (obj) => {
  4192. if (name_map.has(obj.text)) {
  4193. return;
  4194. }
  4195. name_map.set(obj.text, obj);
  4196. };
  4197. for (let p of patterns) {
  4198. const original_pattern = p;
  4199. let pre_wildcards = [];
  4200. if (p.match(/^\/(.*)\/$/)) {
  4201. pre_wildcards = [p];
  4202. } else {
  4203. let m = /^\*(https?:.*)/i.exec(p);
  4204. if (m) {
  4205. p = m[1];
  4206. }
  4207. p = p
  4208. .replace(/^\*:/i, 'http:')
  4209. .replace(/^\*\/\//i, 'http://')
  4210. .replace(/^http\*:/i, 'http:')
  4211. .replace(/^(https?):([^/])/i, '$1://$2');
  4212. m = /^([a-z]+:\/\/)\*\.?([a-z0-9-]+(?:.[a-z0-9-]+)+.*)/i.exec(p);
  4213. if (m) {
  4214. p = m[1] + m[2];
  4215. }
  4216. m = /^\*\.?([a-z0-9-]+\.[a-z0-9-]+.*)/i.exec(p);
  4217. if (m) {
  4218. p = `http://${m[1]}`;
  4219. }
  4220. m = /^http\*(?:\/\/)?\.?((?:[a-z0-9-]+)(?:\.[a-z0-9-]+)+.*)/i.exec(p);
  4221. if (m) {
  4222. p = `http://${m[1]}`;
  4223. }
  4224. m = /^([a-z]+:\/\/([a-z0-9-]+(?:\.[a-z0-9-]+)*\.))\*(.*)/.exec(p);
  4225. if (m) {
  4226. if (m[2].match(/A([0-9]+\.){2,}z/)) {
  4227. p = `${m[1]}tld${m[3]}`;
  4228. pre_wildcards = [p.split('*')[0]];
  4229. } else {
  4230. pre_wildcards = [p];
  4231. }
  4232. } else {
  4233. pre_wildcards = [p];
  4234. }
  4235. }
  4236. for (const pre_wildcard of pre_wildcards) {
  4237. try {
  4238. const urlObj = new URL(pre_wildcard);
  4239. const { host } = urlObj;
  4240. if (isNull(host)) {
  4241. addObj({ text: original_pattern, domain: false, tld_extra: false });
  4242. } else if (!host.includes('.') && host.includes('*')) {
  4243. addObj({ text: original_pattern, domain: false, tld_extra: false });
  4244. } else if (host.endsWith('.tld')) {
  4245. for (let i = 0; i < TLD_EXPANSION.length; i++) {
  4246. const tld = TLD_EXPANSION[i];
  4247. addObj({
  4248. text: host.replace(/tld$/i, tld),
  4249. domain: true,
  4250. tld_extra: i != 0
  4251. });
  4252. }
  4253. } else if (host.endsWith('.')) {
  4254. addObj({
  4255. text: host.slice(0, -1),
  4256. domain: true,
  4257. tld_extra: false
  4258. });
  4259. } else {
  4260. addObj({
  4261. text: host,
  4262. domain: true,
  4263. tld_extra: false
  4264. });
  4265. }
  4266. } catch {
  4267. addObj({ text: original_pattern, domain: false, tld_extra: false });
  4268. }
  4269. }
  4270. }
  4271. return [...name_map.values()];
  4272. }
  4273. /**
  4274. * @template {import("../typings/types.d.ts").GSForkQuery} O
  4275. * @param {boolean} translate
  4276. * @param {O["code_url"]} code_url
  4277. * @param {O} [obj]
  4278. */
  4279. async request(translate = false, code_url, obj) {
  4280. if (this.data_code_block) {
  4281. return this;
  4282. }
  4283. /** @type { string } */
  4284. const code = await Network.req(code_url, 'GET', 'text').catch(err);
  4285. if (typeof code !== 'string') {
  4286. return this;
  4287. }
  4288. this.isUserCSS = isUserCSS(code_url);
  4289. this.META_START_COMMENT = this.isUserCSS ? '/* ==UserStyle==' : '// ==UserScript==';
  4290. this.META_END_COMMENT = this.isUserCSS ? '==/UserStyle== */' : '// ==/UserScript==';
  4291. this.code = code;
  4292. this.get_meta_block();
  4293. this.get_code_block();
  4294. this.parse_meta();
  4295. this.calculate_applies_to_names();
  4296.  
  4297. const { data_meta } = this;
  4298. if (translate) {
  4299. if (data_meta[`name:${Language.current}`]) {
  4300. Object.assign(obj, {
  4301. name: data_meta[`name:${Language.current}`]
  4302. });
  4303. this.translated = true;
  4304. }
  4305. if (data_meta[`description:${Language.current}`]) {
  4306. Object.assign(obj, {
  4307. description: data_meta[`description:${Language.current}`]
  4308. });
  4309. this.translated = true;
  4310. }
  4311. }
  4312. if (Array.isArray(data_meta.grant)) {
  4313. data_meta.grant = union(data_meta.grant);
  4314. }
  4315. if (data_meta.resource) {
  4316. const obj = {};
  4317. if (typeof data_meta.resource === 'string') {
  4318. const [, key, value] = /(.+)\s+(.+)/.exec(data_meta.resource) ?? [];
  4319. if (key) {
  4320. obj[key.trim()] = value;
  4321. }
  4322. } else {
  4323. for (const r of data_meta.resource) {
  4324. const [, key, value] = /(.+)\s+(http.+)/.exec(r) ?? [];
  4325. if (key) {
  4326. obj[key.trim()] = value;
  4327. }
  4328. }
  4329. }
  4330. data_meta.resource = obj;
  4331. }
  4332. Object.assign(this, {
  4333. code_size: [Network.format(code.length)],
  4334. meta: data_meta
  4335. });
  4336.  
  4337. return this;
  4338. }
  4339. }
  4340. const template = {
  4341. id: 0,
  4342. bad_ratings: 0,
  4343. good_ratings: 0,
  4344. ok_ratings: 0,
  4345. daily_installs: 0,
  4346. total_installs: 0,
  4347. name: 'NOT FOUND',
  4348. description: 'NOT FOUND',
  4349. version: '0.0.0',
  4350. url: BLANK_PAGE,
  4351. code_url: BLANK_PAGE,
  4352. created_at: Date.now(),
  4353. code_updated_at: Date.now(),
  4354. locale: 'NOT FOUND',
  4355. deleted: false,
  4356. users: []
  4357. };
  4358. const mkList = (txt = '', obj = {}) => {
  4359. if (!obj.root || !obj.type) return;
  4360. const { root, type } = obj;
  4361. const appliesTo = make('mu-js', 'mujs-list', {
  4362. textContent: `${txt}: `
  4363. });
  4364. const applyList = make('mu-js', 'mujs-grants');
  4365. const ujsURLs = make('mujs-column', 'mujs-list', {
  4366. dataset: {
  4367. el: 'matches',
  4368. type
  4369. }
  4370. });
  4371. ujsURLs.append(appliesTo, applyList);
  4372. root.append(ujsURLs);
  4373. const list = obj.list ?? [];
  4374. if (isEmpty(list)) {
  4375. const elem = make('mujs-a', {
  4376. textContent: i18n$('listing_none')
  4377. });
  4378. applyList.append(elem);
  4379. dom.cl.add(ujsURLs, 'hidden');
  4380. return;
  4381. }
  4382. for (const c of list) {
  4383. if (typeof c === 'string' && c.startsWith('http')) {
  4384. const elem = make('mujs-a', {
  4385. textContent: c,
  4386. dataset: {
  4387. command: 'open-tab',
  4388. webpage: c
  4389. }
  4390. });
  4391. applyList.append(elem);
  4392. } else if (isObj(c)) {
  4393. if (type === 'resource') {
  4394. for (const [k, v] of Object.entries(c)) {
  4395. const elem = make('mujs-a', {
  4396. textContent: k ?? 'ERROR'
  4397. });
  4398. if (v.startsWith('http')) {
  4399. elem.dataset.command = 'open-tab';
  4400. elem.dataset.webpage = v;
  4401. }
  4402. applyList.append(elem);
  4403. }
  4404. } else {
  4405. const elem = make('mujs-a', {
  4406. textContent: c.text
  4407. });
  4408. if (c.domain) {
  4409. elem.dataset.command = 'open-tab';
  4410. elem.dataset.webpage = `https://${c.text}`;
  4411. }
  4412. applyList.append(elem);
  4413. }
  4414. } else {
  4415. const elem = make('mujs-a', {
  4416. textContent: c
  4417. });
  4418. applyList.append(elem);
  4419. }
  4420. }
  4421. };
  4422. // #region Create UserJS
  4423. /**
  4424. * @param { import("../typings/types.d.ts").GSForkQuery } ujs
  4425. * @param { string } engine
  4426. */
  4427. const createjs = (ujs, engine) => {
  4428. const a = [
  4429. ujs.deleted === true,
  4430. ujs.id === 421603, // Lets not add this UserJS to the list
  4431. badUserJS.includes(ujs.id),
  4432. badUserJS.includes(ujs.url)
  4433. ].some((t) => t === true);
  4434. if (a) return;
  4435. if (!container.userjsCache.has(ujs.id)) container.userjsCache.set(ujs.id, ujs);
  4436. const eframe = make('td', 'install-btn');
  4437. const uframe = make('td', 'mujs-uframe');
  4438. const fdaily = make('td', 'mujs-list', {
  4439. textContent: ujs.daily_installs,
  4440. dataset: {
  4441. name: 'daily_installs'
  4442. }
  4443. });
  4444. const fupdated = make('td', 'mujs-list', {
  4445. textContent: Language.toDate(ujs.code_updated_at),
  4446. dataset: {
  4447. name: 'code_updated_at',
  4448. value: new Date(ujs.code_updated_at).toISOString()
  4449. }
  4450. });
  4451. /**
  4452. * @type { import("../typings/UserJS.d.ts").mujsName }
  4453. */
  4454. const fname = make('td', 'mujs-name');
  4455. const fmore = make('mujs-column', 'mujs-list hidden', {
  4456. dataset: {
  4457. el: 'more-info'
  4458. }
  4459. });
  4460. const fBtns = make('mujs-column', 'mujs-list hidden');
  4461. const jsInfo = make('mujs-row', 'mujs-list');
  4462. const jsInfoB = make('mujs-row', 'mujs-list');
  4463. const ratings = make('mujs-column', 'mujs-list');
  4464. const ftitle = make('mujs-a', 'mujs-homepage', {
  4465. textContent: ujs.name,
  4466. title: ujs.url,
  4467. dataset: {
  4468. command: 'open-tab',
  4469. webpage: ujs.url
  4470. }
  4471. });
  4472. const fver = make('mu-js', 'mujs-list', {
  4473. textContent: `${i18n$('version_number')}: ${ujs.version}`
  4474. });
  4475. const fcreated = make('mu-js', 'mujs-list', {
  4476. textContent: `${i18n$('created_date')}: ${Language.toDate(ujs.created_at)}`,
  4477. dataset: {
  4478. name: 'created_at',
  4479. value: new Date(ujs.created_at).toISOString()
  4480. }
  4481. });
  4482. const flicense = make('mu-js', 'mujs-list', {
  4483. title: ujs.license ?? i18n$('no_license'),
  4484. textContent: `${i18n$('license')}: ${ujs.license ?? i18n$('no_license')}`,
  4485. dataset: {
  4486. name: 'license'
  4487. }
  4488. });
  4489. const ftotal = make('mu-js', 'mujs-list', {
  4490. textContent: `${i18n$('total_installs')}: ${Language.toNumber(ujs.total_installs)}`,
  4491. dataset: {
  4492. name: 'total_installs'
  4493. }
  4494. });
  4495. const fratings = make('mu-js', 'mujs-list', {
  4496. title: i18n$('ratings'),
  4497. textContent: `${i18n$('ratings')}:`
  4498. });
  4499. const fgood = make('mu-js', 'mujs-list mujs-ratings', {
  4500. title: i18n$('good'),
  4501. textContent: ujs.good_ratings,
  4502. dataset: {
  4503. name: 'good_ratings',
  4504. el: 'good'
  4505. }
  4506. });
  4507. const fok = make('mu-js', 'mujs-list mujs-ratings', {
  4508. title: i18n$('ok'),
  4509. textContent: ujs.ok_ratings,
  4510. dataset: {
  4511. name: 'ok_ratings',
  4512. el: 'ok'
  4513. }
  4514. });
  4515. const fbad = make('mu-js', 'mujs-list mujs-ratings', {
  4516. title: i18n$('bad'),
  4517. textContent: ujs.bad_ratings,
  4518. dataset: {
  4519. name: 'bad_ratings',
  4520. el: 'bad'
  4521. }
  4522. });
  4523. const fdesc = make('mu-js', 'mujs-list mujs-pointer', {
  4524. title: ujs.description,
  4525. textContent: ujs.description,
  4526. dataset: {
  4527. command: 'list-description'
  4528. }
  4529. });
  4530. const scriptInstall = make('mu-jsbtn', 'install', {
  4531. innerHTML: `${iconSVG.load('install')} ${i18n$('install')}`,
  4532. title: `${i18n$('install')} "${ujs.name}"`,
  4533. dataset: {
  4534. command: 'install-script',
  4535. userjs: ujs.id
  4536. }
  4537. });
  4538. const scriptDownload = make('mu-jsbtn', {
  4539. innerHTML: `${iconSVG.load('download')} ${i18n$('saveFile')}`,
  4540. dataset: {
  4541. command: 'download-userjs',
  4542. userjs: ujs.id,
  4543. userjsName: ujs.name
  4544. }
  4545. });
  4546. const tr = make('tr', 'frame', {
  4547. dataset: {
  4548. engine,
  4549. scriptId: ujs.id
  4550. }
  4551. });
  4552. const codeArea = make('textarea', 'code-area hidden', {
  4553. dataset: {
  4554. name: 'code'
  4555. },
  4556. rows: '10',
  4557. autocomplete: false,
  4558. spellcheck: false,
  4559. wrap: 'soft'
  4560. });
  4561. const loadCode = make('mu-jsbtn', {
  4562. innerHTML: `${iconSVG.load('code')} ${i18n$('code')}`,
  4563. dataset: {
  4564. command: 'load-userjs',
  4565. userjs: ujs.id
  4566. }
  4567. });
  4568. const loadMetadata = make('mu-jsbtn', {
  4569. innerHTML: `${iconSVG.load('code')} ${i18n$('metadata')}`,
  4570. dataset: {
  4571. command: 'load-header',
  4572. userjs: ujs.id
  4573. }
  4574. });
  4575. if (!engine.includes('fork') && cfg.recommend.others && goodUserJS.includes(ujs.url)) {
  4576. tr.dataset.good = 'upsell';
  4577. }
  4578. for (const u of ujs.users) {
  4579. const user = make('mujs-a', {
  4580. innerHTML: u.name,
  4581. title: u.url,
  4582. dataset: {
  4583. command: 'open-tab',
  4584. webpage: u.url
  4585. }
  4586. });
  4587. if (
  4588. cfg.recommend.author &&
  4589. (u.id === authorID || u.url === 'https://github.com/magicoflolis')
  4590. ) {
  4591. tr.dataset.author = 'upsell';
  4592. dom.prop(user, 'innerHTML', `${u.name} ${iconSVG.load('verified')}`);
  4593. }
  4594. uframe.append(user);
  4595. }
  4596. if (cfg.recommend.others && goodUserJS.includes(ujs.id)) {
  4597. tr.dataset.good = 'upsell';
  4598. }
  4599. eframe.append(scriptInstall);
  4600. ratings.append(fratings, fgood, fok, fbad);
  4601. jsInfo.append(ftotal, ratings, fver, fcreated);
  4602. mkList(i18n$('code_size'), {
  4603. list: ujs._mujs.code.code_size,
  4604. type: 'code_size',
  4605. root: jsInfo
  4606. });
  4607.  
  4608. jsInfoB.append(flicense);
  4609. const data_meta = ujs._mujs.code?.data_meta ?? {};
  4610. mkList(i18n$('antifeatures'), {
  4611. list: data_meta.antifeatures ?? [],
  4612. type: 'antifeatures',
  4613. root: jsInfoB
  4614. });
  4615. mkList(i18n$('applies_to'), {
  4616. list: ujs._mujs.code?.data_names ?? [],
  4617. type: 'data_names',
  4618. root: jsInfoB
  4619. });
  4620. mkList('@grant', {
  4621. list: data_meta.grant ?? [],
  4622. type: 'grant',
  4623. root: jsInfoB
  4624. });
  4625. mkList('@require', {
  4626. list: data_meta.require,
  4627. type: 'require',
  4628. root: jsInfoB
  4629. });
  4630. mkList('@resource', {
  4631. list: isNull(data_meta.resource) ? [] : [data_meta.resource],
  4632. type: 'resource',
  4633. root: jsInfoB
  4634. });
  4635. fmore.append(jsInfo, jsInfoB);
  4636. fBtns.append(scriptDownload, loadCode, loadMetadata);
  4637. fname.append(ftitle, fdesc, fmore, fBtns, codeArea);
  4638. fname._mujs = { fmore, fBtns, codeArea };
  4639.  
  4640. const loadPage = make('mu-jsbtn', {
  4641. innerHTML: `${iconSVG.load('pager')} Page`,
  4642. dataset: {
  4643. command: 'load-page',
  4644. userjs: ujs.id
  4645. }
  4646. });
  4647. fBtns.append(loadPage);
  4648.  
  4649. if (ujs._mujs.code?.translated) tr.classList.add('translated');
  4650.  
  4651. for (const e of [fname, uframe, fdaily, fupdated, eframe]) tr.append(e);
  4652. ujs._mujs.root = tr;
  4653. return ujs._mujs.root;
  4654. };
  4655. // #endregion
  4656. const loadFilters = () => {
  4657. /** @type {Map<string, import("../typings/types.d.ts").Filters >} */
  4658. const pool = new Map();
  4659. const handles = {
  4660. pool,
  4661. enabled() {
  4662. return [...pool.values()].filter((o) => o.enabled);
  4663. },
  4664. refresh() {
  4665. if (!Object.is(pool.size, 0)) pool.clear();
  4666. for (const [key, value] of Object.entries(cfg.filters)) {
  4667. if (!pool.has(key))
  4668. pool.set(key, {
  4669. ...value,
  4670. reg: new RegExp(value.regExp, value.flag),
  4671. keyReg: new RegExp(key.trim().toLocaleLowerCase(), 'gi'),
  4672. valueReg: new RegExp(value.name.trim().toLocaleLowerCase(), 'gi')
  4673. });
  4674. }
  4675. return this;
  4676. },
  4677. get(str) {
  4678. return [...pool.values()].find((v) => v.keyReg.test(str) || v.valueReg.test(str));
  4679. },
  4680. /**
  4681. * @param { import("../typings/types.d.ts").GSForkQuery } param0
  4682. */
  4683. match({ name, users }) {
  4684. const p = handles.enabled();
  4685. if (Object.is(p.length, 0)) return true;
  4686. for (const v of p) {
  4687. if ([{ name }, ...users].find((o) => o.name.match(v.reg))) return false;
  4688. }
  4689. return true;
  4690. }
  4691. };
  4692. for (const [key, value] of Object.entries(cfg.filters)) {
  4693. if (!pool.has(key))
  4694. pool.set(key, {
  4695. ...value,
  4696. reg: new RegExp(value.regExp, value.flag),
  4697. keyReg: new RegExp(key.trim().toLocaleLowerCase(), 'gi'),
  4698. valueReg: new RegExp(value.name.trim().toLocaleLowerCase(), 'gi')
  4699. });
  4700. }
  4701. return handles.refresh();
  4702. };
  4703. // #region List
  4704. /**
  4705. * @type { typeof import("../typings/UserJS.d.ts").List }
  4706. */
  4707. const List = class {
  4708. #intEngines;
  4709. #intHost;
  4710. constructor(hostname = undefined) {
  4711. this.build = this.build.bind(this);
  4712. this.groupBy = this.groupBy.bind(this);
  4713. this.dispatch = this.dispatch.bind(this);
  4714. this.sortRecords = this.sortRecords.bind(this);
  4715. this.#intEngines = cfg.engines ?? [];
  4716. this.setHost(hostname);
  4717. }
  4718.  
  4719. setEngines(engines = []) {
  4720. const { host } = this;
  4721. const e = engines.filter((e) => {
  4722. if (!e.enabled) {
  4723. return false;
  4724. }
  4725. const v = engineUnsupported[e.name] ?? [];
  4726. if (v.includes(host)) {
  4727. showError(`Engine: "${e.name}" unsupported on "${host}"`);
  4728. container.timeoutFrame();
  4729. return false;
  4730. }
  4731. return true;
  4732. });
  4733. this.#intEngines = e;
  4734. return e;
  4735. }
  4736.  
  4737. setHost(hostname) {
  4738. if (isEmpty(hostname)) hostname = container.host;
  4739. this.#intHost = hostname;
  4740. this.blacklisted = container.checkBlacklist(hostname);
  4741. this.#intEngines = this.setEngines(this.engines);
  4742. this.domain = this.getDomain(this.#intHost);
  4743. if (this.blacklisted) {
  4744. showError(`Blacklisted "${hostname}"`);
  4745. container.timeoutFrame();
  4746. }
  4747. return hostname;
  4748. }
  4749.  
  4750. dispatch(ujs) {
  4751. const { CustomEvent } = _self;
  4752. const customEvent = new CustomEvent('updateditem', { detail: ujs });
  4753. main.dispatchEvent(customEvent);
  4754. }
  4755.  
  4756. get engines() {
  4757. return this.#intEngines;
  4758. }
  4759.  
  4760. get host() {
  4761. return this.#intHost;
  4762. }
  4763.  
  4764. getDomain(str = '') {
  4765. if (str === '*') {
  4766. return 'all-sites';
  4767. }
  4768. return str.split('.').at(-2) ?? BLANK_PAGE;
  4769. }
  4770.  
  4771. // #region Builder
  4772. build() {
  4773. try {
  4774. container.refresh();
  4775. const { blacklisted, engines, host, domain, dispatch } = this;
  4776. if (blacklisted || isEmpty(engines)) {
  4777. container.opacityMin = '0';
  4778. mainframe.style.opacity = container.opacityMin;
  4779. return;
  4780. }
  4781. const fetchRecords = [];
  4782. const bsFilter = loadFilters();
  4783. const hostCache = Array.from(this);
  4784.  
  4785. info('Building list', { hostCache, engines, container, list: this });
  4786.  
  4787. const g = this.groupBy();
  4788. const toFetch = engines.filter((engine) => !g[engine.name]);
  4789. const isCached = toFetch.filter((engine) =>
  4790. hostCache.find(({ _mujs }) => engine.name === _mujs.info.engine.name)
  4791. );
  4792. if (!isBlank(toFetch) && isBlank(isCached)) {
  4793. for (const engine of engines) {
  4794. info(`Fetching from "${engine.name}" for "${host}"`);
  4795. const respError = (error) => {
  4796. if (!error.cause) error.cause = engine.name;
  4797. if (error.message.startsWith('429')) {
  4798. showError(`Engine: "${engine.name}" Too many requests...`);
  4799. return;
  4800. }
  4801. showError(`Engine: "${engine.name}"`, error.message);
  4802. };
  4803. const _mujs = (d) => {
  4804. /**
  4805. * @type {import("../typings/types.d.ts").GSForkQuery}
  4806. */
  4807. const ujs = {
  4808. ...template,
  4809. ...d,
  4810. code_urls: [],
  4811. _mujs: {
  4812. root: {},
  4813. info: {
  4814. engine,
  4815. host
  4816. },
  4817. code: {
  4818. meta: {}
  4819. }
  4820. }
  4821. };
  4822. ujs._mujs.code.request = async (translate = false, code_url) => {
  4823. if (typeof ujs._mujs.code.data_code_block === 'string') {
  4824. return ujs._mujs.code;
  4825. }
  4826. const p = new ParseUserJS();
  4827. await p.request(translate, code_url ?? ujs.code_url, ujs);
  4828. if (code_url) {
  4829. return p;
  4830. }
  4831. for (const [k, v] of Object.entries(p)) ujs._mujs.code[k] = v;
  4832. return ujs._mujs.code;
  4833. };
  4834. return ujs;
  4835. };
  4836. /**
  4837. * Prior to UserScript v7.0.0
  4838. * @template {string} F
  4839. * @param {F} fallback
  4840. * @returns {F}
  4841. */
  4842. const toQuery = (fallback) => {
  4843. if (engine.query) {
  4844. return decode(engine.query)
  4845. .replace(/\{host\}/g, host)
  4846. .replace(/\{domain\}/g, domain);
  4847. }
  4848. return fallback;
  4849. };
  4850. /**
  4851. * @param { import("../typings/types.d.ts").GSFork } dataQ
  4852. */
  4853. const forkFN = async (dataQ) => {
  4854. if (!dataQ) {
  4855. showError('Invalid data received from the server, check internet connection');
  4856. return;
  4857. }
  4858. const dq = Array.isArray(dataQ)
  4859. ? dataQ
  4860. : Array.isArray(dataQ.query)
  4861. ? dataQ.query
  4862. : [];
  4863. const dataA = dq
  4864. .filter(Boolean)
  4865. .filter((d) => !d.deleted)
  4866. .filter(bsFilter.match);
  4867. if (isBlank(dataA)) {
  4868. return;
  4869. }
  4870. const { groupBy } = _self;
  4871. const g = groupBy(dataA.map(_mujs), ({ locale }) => {
  4872. const [current = locale] = locale.split('-');
  4873. return current;
  4874. });
  4875. for (const [k, list] of Object.entries(g)) {
  4876. if (!list) break;
  4877. for (const ujs of list) {
  4878. if (cfg.filterlang && k !== Language.current) {
  4879. const c = await ujs._mujs.code.request(true);
  4880. if (!c.translated) continue;
  4881. }
  4882. if (
  4883. !ujs._mujs.code.data_code_block &&
  4884. (cfg.preview.code || cfg.preview.metadata)
  4885. ) {
  4886. ujs._mujs.code.request().then(() => {
  4887. dispatch(ujs);
  4888. });
  4889. }
  4890. if (isUserCSS(ujs.code_url)) {
  4891. ujs.code_urls.push(
  4892. {
  4893. name: `${ujs.name} (.user.css)`,
  4894. code_url: ujs.code_url
  4895. },
  4896. {
  4897. name: `${ujs.name} (.user.js)`,
  4898. code_url: ujs.code_url.replace(/\.user\.css$/, '.user.js')
  4899. }
  4900. );
  4901. }
  4902. createjs(ujs, engine.name);
  4903. }
  4904. }
  4905. };
  4906. /**
  4907. * @param {Document} htmlDocument
  4908. */
  4909. const openuserjs = async (htmlDocument) => {
  4910. try {
  4911. if (!htmlDocument) {
  4912. showError('Invalid data received from the server, TODO fix this');
  4913. return;
  4914. }
  4915. const d = htmlDocument.documentElement;
  4916. if (/openuserjs/gi.test(engine.name)) {
  4917. const col = qsA('.col-sm-8 .tr-link', d) ?? [];
  4918. for (const i of col) {
  4919. while (isNull(qs('.script-version', i))) {
  4920. await new Promise((resolve) => requestAnimationFrame(resolve));
  4921. }
  4922. const fixurl = dom
  4923. .prop(qs('.tr-link-a', i), 'href')
  4924. .replace(
  4925. new RegExp(document.location.origin, 'gi'),
  4926. 'https://openuserjs.org'
  4927. );
  4928. const ujs = _mujs({
  4929. name: dom.text(qs('.tr-link-a', i)),
  4930. description: dom.text(qs('p', i)),
  4931. version: dom.text(qs('.script-version', i)),
  4932. url: fixurl,
  4933. code_url: `${fixurl.replace(/\/scripts/gi, '/install')}.user.js`,
  4934. total_installs: dom.text(qs('td:nth-child(2) p', i)),
  4935. created_at: dom.attr(qs('td:nth-child(4) time', i), 'datetime'),
  4936. code_updated_at: dom.attr(qs('td:nth-child(4) time', i), 'datetime'),
  4937. users: [
  4938. {
  4939. name: dom.text(qs('.inline-block a', i)),
  4940. url: dom.prop(qs('.inline-block a', i), 'href')
  4941. }
  4942. ]
  4943. });
  4944. if (bsFilter.match(ujs)) {
  4945. continue;
  4946. }
  4947. if (
  4948. !ujs._mujs.code.data_code_block &&
  4949. (cfg.preview.code || cfg.preview.metadata)
  4950. ) {
  4951. ujs._mujs.code.request().then(() => {
  4952. dispatch(ujs);
  4953. });
  4954. }
  4955. createjs(ujs, engine.name);
  4956. }
  4957. }
  4958. } catch (ex) {
  4959. showError(ex);
  4960. }
  4961. };
  4962. const gitFN = (data) => {
  4963. try {
  4964. if (isBlank(data.items)) {
  4965. return;
  4966. }
  4967. for (const r of data.items) {
  4968. const ujs = _mujs({
  4969. id: r.id ?? 0,
  4970. name: r.name,
  4971. description: isEmpty(r.description) ? i18n$('no_license') : r.description,
  4972. url: r.html_url,
  4973. code_url: r.html_url,
  4974. page_url: `${r.url}/contents/README.md`,
  4975. created_at: r.created_at,
  4976. code_updated_at: r.updated_at || Date.now(),
  4977. daily_installs: r.watchers_count ?? 0,
  4978. good_ratings: r.stargazers_count ?? 0,
  4979. users: [
  4980. {
  4981. name: r.owner.login,
  4982. url: r.owner.html_url
  4983. }
  4984. ]
  4985. });
  4986. if (r.license?.name) ujs.license = r.license.name;
  4987. const rootPath = r.contents_url.replace(/\{\+path\}/, '');
  4988. const fetchContent = async (dir) => {
  4989. const contents = await Network.req(dir, 'GET', 'json', {
  4990. headers: {
  4991. Accept: 'application/vnd.github+json',
  4992. Authorization: `Bearer ${engine.token}`,
  4993. 'X-GitHub-Api-Version': '2022-11-28'
  4994. }
  4995. }).catch(respError);
  4996. for (const content of contents) {
  4997. if (content.type === 'file') {
  4998. if (isUserJS(content.name)) {
  4999. ujs.code_urls.push({
  5000. name: content.name,
  5001. code_url: content.download_url
  5002. });
  5003. } else if (isUserCSS(content.name)) {
  5004. ujs.code_urls.push({
  5005. name: content.name,
  5006. code_url: content.download_url
  5007. });
  5008. }
  5009. } else if (content.type === 'dir') {
  5010. await fetchContent(`${rootPath}/${content.path}`);
  5011. }
  5012. }
  5013. };
  5014. fetchContent(rootPath).then(() => {
  5015. if (isEmpty(ujs.code_urls)) {
  5016. ujs.deleted = true;
  5017. } else if (
  5018. !ujs._mujs.code.data_code_block &&
  5019. (cfg.preview.code || cfg.preview.metadata)
  5020. ) {
  5021. ujs._mujs.code.request().then(() => {
  5022. dispatch(ujs);
  5023. });
  5024. return;
  5025. }
  5026. dispatch(ujs);
  5027. });
  5028. createjs(ujs, engine.name);
  5029. }
  5030. } catch (ex) {
  5031. showError(ex);
  5032. }
  5033. };
  5034. let netFN;
  5035. if (/github/gi.test(engine.name)) {
  5036. if (isEmpty(engine.token)) {
  5037. showError(`"${engine.name}" requires a token to use`);
  5038. continue;
  5039. }
  5040. Network.req(
  5041. `https://api.github.com/search/repositories?q=topic:${domain}+topic:userstyle`,
  5042. 'GET',
  5043. 'json',
  5044. {
  5045. headers: {
  5046. Accept: 'application/vnd.github+json',
  5047. Authorization: `Bearer ${engine.token}`,
  5048. 'X-GitHub-Api-Version': '2022-11-28'
  5049. }
  5050. }
  5051. )
  5052. .then(gitFN)
  5053. .catch(respError);
  5054. netFN = Network.req(
  5055. toQuery(
  5056. `https://api.github.com/search/repositories?q=topic:${domain}+topic:userscript`
  5057. ),
  5058. 'GET',
  5059. 'json',
  5060. {
  5061. headers: {
  5062. Accept: 'application/vnd.github+json',
  5063. Authorization: `Bearer ${engine.token}`,
  5064. 'X-GitHub-Api-Version': '2022-11-28'
  5065. }
  5066. }
  5067. )
  5068. .then(gitFN)
  5069. .then(() => {
  5070. Network.req('https://api.github.com/rate_limit', 'GET', 'json', {
  5071. headers: {
  5072. Accept: 'application/vnd.github+json',
  5073. Authorization: `Bearer ${engine.token}`,
  5074. 'X-GitHub-Api-Version': '2022-11-28'
  5075. }
  5076. })
  5077. .then((data) => {
  5078. for (const [key, value] of Object.entries(data.resources.code_search)) {
  5079. const txt = make('mujs-row', 'rate-info', {
  5080. textContent: `${key.toUpperCase()}: ${value}`
  5081. });
  5082. container.rateContainer.append(txt);
  5083. }
  5084. })
  5085. .catch(respError);
  5086. });
  5087. } else if (/openuserjs/gi.test(engine.name)) {
  5088. netFN = Network.req(toQuery(`${engine.url}${host}`), 'GET', 'document').then(
  5089. openuserjs
  5090. );
  5091. } else {
  5092. netFN = Network.req(
  5093. toQuery(`${engine.url}/scripts/by-site/${host}.json?language=all`)
  5094. ).then(forkFN);
  5095. }
  5096. if (netFN) {
  5097. fetchRecords.push(netFN.catch(respError));
  5098. }
  5099. }
  5100. } else {
  5101. for (const ujs of hostCache) container.tabbody.append(ujs._mujs.root);
  5102. }
  5103.  
  5104. container.urlBar.placeholder = i18n$('search_placeholder');
  5105. container.urlBar.value = '';
  5106.  
  5107. if (isBlank(fetchRecords)) {
  5108. this.sortRecords();
  5109. return;
  5110. }
  5111. Promise.allSettled(fetchRecords).then(this.sortRecords).catch(showError);
  5112. } catch (ex) {
  5113. showError(ex);
  5114. }
  5115. }
  5116. // #endregion
  5117.  
  5118. sortRecords() {
  5119. const arr = Array.from(this);
  5120. for (const ujs of arr.flat().sort((a, b) => {
  5121. const sortType = cfg.autoSort ?? 'daily_installs';
  5122. return b[sortType] - a[sortType];
  5123. })) {
  5124. if (isElem(ujs._mujs.root)) container.tabbody.append(ujs._mujs.root);
  5125. }
  5126. for (const [name, value] of Object.entries(this.groupBy(arr)))
  5127. Counter.update(value.length, { name });
  5128. }
  5129.  
  5130. groupBy() {
  5131. return _self.groupBy(Array.from(this), ({ _mujs }) => _mujs.info.engine.name);
  5132. }
  5133.  
  5134. *[Symbol.iterator]() {
  5135. const { host, engines } = this;
  5136. const arr = Array.from(container).filter(
  5137. ({ _mujs }) =>
  5138. _mujs.info.host === host &&
  5139. engines.find((engine) => engine.enabled && engine.name === _mujs.info.engine.name)
  5140. );
  5141. for (const userjs of arr) {
  5142. yield userjs;
  5143. }
  5144. }
  5145. };
  5146. const MUList = new List();
  5147. // #endregion
  5148. // #region Make Config
  5149. const makecfg = () => {
  5150. const cbtn = make('mu-js', 'mujs-sty-flex');
  5151. const savebtn = make('mujs-btn', 'save', {
  5152. textContent: i18n$('save'),
  5153. dataset: {
  5154. command: 'save'
  5155. },
  5156. disabled: false
  5157. });
  5158. const resetbtn = make('mujs-btn', 'reset', {
  5159. textContent: i18n$('reset'),
  5160. dataset: {
  5161. command: 'reset'
  5162. }
  5163. });
  5164. cbtn.append(resetbtn, savebtn);
  5165.  
  5166. const makesection = (name, tag) => {
  5167. tag = tag ?? i18n$('no_license');
  5168. name = name ?? i18n$('no_license');
  5169. const sec = make('mujs-section', {
  5170. dataset: {
  5171. name: tag
  5172. }
  5173. });
  5174. const lb = make('label', {
  5175. dataset: {
  5176. command: tag
  5177. }
  5178. });
  5179. const divDesc = make('mu-js', {
  5180. innerHTML: name
  5181. });
  5182. ael(sec, 'click', (evt) => {
  5183. /** @type { HTMLElement } */
  5184. const target = evt.target.closest('[data-command]');
  5185. if (!target) {
  5186. return;
  5187. }
  5188. const cmd = target.dataset.command;
  5189. if (cmd === tag) {
  5190. const a = qsA(`[data-${tag}]`, sec);
  5191. if (dom.cl.has(a, 'hidden')) {
  5192. dom.cl.remove(a, 'hidden');
  5193. } else {
  5194. dom.cl.add(a, 'hidden');
  5195. }
  5196. }
  5197. });
  5198. lb.append(divDesc);
  5199. sec.append(lb);
  5200. container.cfgpage.append(sec);
  5201. !cfgSec.has(sec) && cfgSec.add(sec);
  5202. return sec;
  5203. };
  5204. const sections = {
  5205. general: makesection('General', 'general'),
  5206. load: makesection('Automation', 'load'),
  5207. list: makesection('List', 'list'),
  5208. filters: makesection(
  5209. `List Filters ${iconSVG.load('info', { dataset: { command: 'more-info', webpage: 'https://greatest.deepsurf.us/scripts/12179' } })}`,
  5210. 'filters'
  5211. ),
  5212. blacklist: makesection('Blacklist (WIP)', 'blacklist'),
  5213. engine: makesection('Search Engines', 'engine'),
  5214. theme: makesection('Theme Colors', 'theme'),
  5215. exp: makesection('Import / Export', 'exp')
  5216. };
  5217. const makeRow = (text, value, type = 'checkbox', tag = 'general', attrs = {}) => {
  5218. const [name, CONFIG, SUB_CONFIG] = /^(\w+)-(.+)/.exec(value) ?? [];
  5219. const lb = make('label', 'sub-section hidden', {
  5220. dataset: {
  5221. [tag]: text
  5222. }
  5223. });
  5224. const txt = make('mu-js', {
  5225. innerHTML: text
  5226. });
  5227. lb.append(txt);
  5228. const getDefault = () => {
  5229. if (tag === 'engine') {
  5230. const engine = DEFAULT_CONFIG.engines.find((engine) => engine.name === value);
  5231. if (engine) {
  5232. return engine;
  5233. }
  5234. }
  5235. if (CONFIG) return DEFAULT_CONFIG[CONFIG][SUB_CONFIG];
  5236. return DEFAULT_CONFIG[value];
  5237. };
  5238. const getValue = () => {
  5239. if (tag === 'engine') {
  5240. const engine = cfg.engines.find((engine) => engine.name === value);
  5241. if (engine) {
  5242. return engine;
  5243. }
  5244. }
  5245. if (CONFIG) return cfg[CONFIG][SUB_CONFIG];
  5246. return cfg[value];
  5247. };
  5248. const obj = {
  5249. text,
  5250. tag,
  5251. value,
  5252. type,
  5253. attrs,
  5254. default: getDefault(),
  5255. cache: getValue()
  5256. };
  5257. if (type === 'select') {
  5258. const inp = make('select', {
  5259. dataset: {
  5260. [tag]: text
  5261. },
  5262. ...attrs
  5263. });
  5264. for (const selV of Object.keys(template)) {
  5265. if (selV === 'deleted' || selV === 'users') continue;
  5266. const o = make('option', {
  5267. value: selV,
  5268. textContent: selV
  5269. });
  5270. inp.append(o);
  5271. }
  5272. inp.value = cfg[value];
  5273. lb.append(inp);
  5274. if (sections[tag]) {
  5275. sections[tag].append(lb);
  5276. }
  5277. obj.elem = inp;
  5278. cfgBase.push(obj);
  5279. return lb;
  5280. }
  5281. const inp = make('input', {
  5282. type,
  5283. dataset: {
  5284. [tag]: text
  5285. },
  5286. ...attrs
  5287. });
  5288.  
  5289. if (tag === 'engine') {
  5290. inp.dataset.name = value;
  5291. }
  5292.  
  5293. if (sections[tag]) {
  5294. sections[tag].append(lb);
  5295. }
  5296.  
  5297. if (type === 'checkbox') {
  5298. const inlab = make('mu-js', 'mujs-inlab');
  5299. const la = make('label', {
  5300. onclick() {
  5301. inp.dispatchEvent(new MouseEvent('click'));
  5302. }
  5303. });
  5304. inlab.append(inp, la);
  5305. lb.append(inlab);
  5306.  
  5307. if (CONFIG) {
  5308. if (CONFIG === 'filters') {
  5309. inp.checked = cfg[CONFIG][SUB_CONFIG].enabled;
  5310. } else {
  5311. inp.checked = cfg[CONFIG][SUB_CONFIG];
  5312. }
  5313. } else {
  5314. inp.checked = cfg[value];
  5315. }
  5316. ael(inp, 'change', (evt) => {
  5317. container.unsaved = true;
  5318. if (/filterlang/i.test(value)) {
  5319. container.rebuild = true;
  5320. }
  5321. if (CONFIG) {
  5322. if (CONFIG === 'filters') {
  5323. cfg[CONFIG][SUB_CONFIG].enabled = evt.target.checked;
  5324. } else {
  5325. cfg[CONFIG][SUB_CONFIG] = evt.target.checked;
  5326. }
  5327. } else {
  5328. cfg[value] = evt.target.checked;
  5329. }
  5330. });
  5331.  
  5332. if (tag === 'engine') {
  5333. const engine = cfg.engines.find((engine) => engine.name === value);
  5334. if (engine) {
  5335. inp.checked = engine.enabled;
  5336. inp.dataset.engine = engine.name;
  5337. ael(inp, 'change', (evt) => {
  5338. container.unsaved = true;
  5339. container.rebuild = true;
  5340. engine.enabled = evt.target.checked;
  5341. MUList.setEngines(cfg.engines);
  5342. });
  5343.  
  5344. if (engine.query) {
  5345. const d = DEFAULT_CONFIG.engines.find((e) => e.name === engine.name);
  5346. const urlInp = make('input', {
  5347. type: 'text',
  5348. defaultValue: '',
  5349. value: decode(engine.query),
  5350. placeholder: decode(d.query),
  5351. dataset: {
  5352. name,
  5353. engine: engine.name
  5354. },
  5355. onchange(evt) {
  5356. container.unsaved = true;
  5357. container.rebuild = true;
  5358. try {
  5359. engine.query = encodeURIComponent(new URL(evt.target.value).toString());
  5360. MUList.setEngines(cfg.engines);
  5361. } catch (ex) {
  5362. err(ex);
  5363. }
  5364. }
  5365. });
  5366. obj.elemUrl = urlInp;
  5367. lb.append(urlInp);
  5368. }
  5369. if (engine.name === 'github') {
  5370. const ghToken = make('input', {
  5371. type: 'text',
  5372. defaultValue: '',
  5373. value: engine.token ?? '',
  5374. placeholder: 'Paste Access Token',
  5375. dataset: {
  5376. engine: 'github-token'
  5377. },
  5378. onchange(evt) {
  5379. container.unsaved = true;
  5380. container.rebuild = true;
  5381. engine.token = evt.target.value;
  5382. MUList.setEngines(cfg.engines);
  5383. }
  5384. });
  5385. obj.elemToken = ghToken;
  5386. lb.append(ghToken);
  5387. }
  5388. }
  5389. }
  5390. } else {
  5391. if (type === 'text') {
  5392. inp.defaultValue = '';
  5393. inp.value = value ?? '';
  5394. inp.placeholder = value ?? '';
  5395.  
  5396. if (tag === 'theme') {
  5397. inp.dataset[tag] = text;
  5398. ael(inp, 'change', (evt) => {
  5399. let isvalid = true;
  5400. try {
  5401. const val = evt.target.value;
  5402. const sty = container.root.style;
  5403. const str = `--mujs-${text}`;
  5404. const prop = sty.getPropertyValue(str);
  5405. if (isEmpty(val)) {
  5406. cfg.theme[text] = DEFAULT_CONFIG.theme[text];
  5407. sty.removeProperty(str);
  5408. return;
  5409. }
  5410. if (prop === val) {
  5411. return;
  5412. }
  5413. sty.removeProperty(str);
  5414. sty.setProperty(str, val);
  5415. cfg.theme[text] = val;
  5416. } catch (ex) {
  5417. err(ex);
  5418. isvalid = false;
  5419. } finally {
  5420. if (isvalid) {
  5421. dom.cl.remove(evt.target, 'mujs-invalid');
  5422. dom.prop(savebtn, 'disabled', false);
  5423. } else {
  5424. dom.cl.add(evt.target, 'mujs-invalid');
  5425. dom.prop(savebtn, 'disabled', true);
  5426. }
  5427. }
  5428. });
  5429. }
  5430. }
  5431.  
  5432. lb.append(inp);
  5433. }
  5434. obj.elem = inp;
  5435. cfgBase.push(obj);
  5436.  
  5437. return lb;
  5438. };
  5439. if (isGM) {
  5440. makeRow(i18n$('userjs_sync'), 'cache');
  5441. makeRow(i18n$('userjs_autoinject'), 'autoinject', 'checkbox', 'load');
  5442. }
  5443. makeRow(
  5444. `${i18n$('redirect')} ${iconSVG.load('info', { dataset: { command: 'more-info', webpage: 'https://greatest.deepsurf.us/scripts/23840' } })}`,
  5445. 'sleazyredirect'
  5446. );
  5447. makeRow(`${i18n$('dtime')} (ms)`, 'time', 'number', 'general', {
  5448. defaultValue: 10000,
  5449. value: cfg.time,
  5450. min: 0,
  5451. step: 500,
  5452. onbeforeinput(evt) {
  5453. if (evt.target.validity.badInput) {
  5454. dom.cl.add(evt.target, 'mujs-invalid');
  5455. dom.prop(savebtn, 'disabled', true);
  5456. } else {
  5457. dom.cl.remove(evt.target, 'mujs-invalid');
  5458. dom.prop(savebtn, 'disabled', false);
  5459. }
  5460. },
  5461. oninput(evt) {
  5462. container.unsaved = true;
  5463. const t = evt.target;
  5464. if (t.validity.badInput || (t.validity.rangeUnderflow && t.value !== '-1')) {
  5465. dom.cl.add(t, 'mujs-invalid');
  5466. dom.prop(savebtn, 'disabled', true);
  5467. } else {
  5468. dom.cl.remove(t, 'mujs-invalid');
  5469. dom.prop(savebtn, 'disabled', false);
  5470. cfg.time = isEmpty(t.value) ? cfg.time : parseFloat(t.value);
  5471. }
  5472. }
  5473. });
  5474.  
  5475. makeRow(i18n$('auto_fetch'), 'autofetch', 'checkbox', 'load');
  5476. makeRow(i18n$('userjs_fullscreen'), 'autoexpand', 'checkbox', 'load', {
  5477. onchange(e) {
  5478. if (e.target.checked) {
  5479. dom.cl.add([btnfullscreen, main], 'expanded');
  5480. dom.prop(btnfullscreen, 'innerHTML', iconSVG.load('collapse'));
  5481. } else {
  5482. dom.cl.remove([btnfullscreen, main], 'expanded');
  5483. dom.prop(btnfullscreen, 'innerHTML', iconSVG.load('expand'));
  5484. }
  5485. }
  5486. });
  5487. makeRow('Clear on Tab close', 'clearTabCache', 'checkbox', 'load');
  5488.  
  5489. makeRow(i18n$('default_sort'), 'autoSort', 'select', 'list');
  5490. makeRow(i18n$('filter'), 'filterlang', 'checkbox', 'list');
  5491. makeRow(i18n$('preview_code'), 'preview-code', 'checkbox', 'list');
  5492. makeRow(i18n$('preview_metadata'), 'preview-metadata', 'checkbox', 'list');
  5493. makeRow(i18n$('recommend_author'), 'recommend-author', 'checkbox', 'list');
  5494. makeRow(i18n$('recommend_other'), 'recommend-others', 'checkbox', 'list');
  5495.  
  5496. for (const [k, v] of Object.entries(cfg.filters))
  5497. makeRow(v.name, `filters-${k}`, 'checkbox', 'filters');
  5498.  
  5499. makeRow('Greasy Fork', 'greasyfork', 'checkbox', 'engine');
  5500. makeRow('Sleazy Fork', 'sleazyfork', 'checkbox', 'engine');
  5501. makeRow('Open UserJS', 'openuserjs', 'checkbox', 'engine');
  5502. makeRow(
  5503. `GitHub API ${iconSVG.load('info', { dataset: { command: 'more-info', webpage: 'https://docs.github.com/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens' } })}`,
  5504. 'github',
  5505. 'checkbox',
  5506. 'engine'
  5507. );
  5508.  
  5509. for (const [k, v] of Object.entries(cfg.theme)) makeRow(k, v, 'text', 'theme');
  5510.  
  5511. // const blacklist = make('textarea', {
  5512. // dataset: {
  5513. // name: 'blacklist'
  5514. // },
  5515. // rows: '10',
  5516. // autocomplete: false,
  5517. // spellcheck: false,
  5518. // wrap: 'soft',
  5519. // value: JSON.stringify(cfg.blacklist, null, ' '),
  5520. // oninput(evt) {
  5521. // let isvalid = true;
  5522. // try {
  5523. // cfg.blacklist = JSON.parse(evt.target.value);
  5524. // isvalid = true;
  5525. // } catch (ex) {
  5526. // err(ex);
  5527. // isvalid = false;
  5528. // } finally {
  5529. // if (isvalid) {
  5530. // dom.cl.remove(evt.target, 'mujs-invalid');
  5531. // dom.prop(savebtn, 'disabled', false);
  5532. // } else {
  5533. // dom.cl.add(evt.target, 'mujs-invalid');
  5534. // dom.prop(savebtn, 'disabled', true);
  5535. // }
  5536. // }
  5537. // }
  5538. // });
  5539. // const addList = make('mujs-add', {
  5540. // textContent: '+',
  5541. // dataset: {
  5542. // command: 'new-list'
  5543. // }
  5544. // });
  5545. // const n = make('input', {
  5546. // type: 'text',
  5547. // defaultValue: '',
  5548. // value: '',
  5549. // placeholder: 'Name',
  5550. // });
  5551. // const inpValue = make('input', {
  5552. // type: 'text',
  5553. // defaultValue: '',
  5554. // value: '',
  5555. // placeholder: 'Value',
  5556. // });
  5557. // const label = make('label', 'new-list hidden', {
  5558. // dataset: {
  5559. // blacklist: 'new-list'
  5560. // }
  5561. // });
  5562. // label.append(n, inpValue, addList);
  5563. // listSec.append(label);
  5564. // ael(addList, 'click', () => {
  5565. // if (isEmpty(n.value) || isEmpty(inpValue.value)) {
  5566. // return
  5567. // };
  5568. // createList(n.value, n.value, inpValue.value);
  5569. // });
  5570. const createList = (key, v = '', disabled = false, type = 'String') => {
  5571. let txt = key;
  5572. if (typeof key === 'string') {
  5573. if (key.startsWith('userjs-')) {
  5574. disabled = true;
  5575. const s = key.substring(7);
  5576. txt = `Built-in "${s}"`;
  5577. v = builtinList[s];
  5578. }
  5579. } else if (!key.enabled) {
  5580. return;
  5581. }
  5582.  
  5583. if (isRegExp(v)) {
  5584. v = v.toString();
  5585. type = 'RegExp';
  5586. } else {
  5587. v = JSON.stringify(v);
  5588. type = 'Object';
  5589. }
  5590.  
  5591. const lb = make('label', 'hidden', {
  5592. textContent: txt,
  5593. dataset: {
  5594. blacklist: key
  5595. }
  5596. });
  5597. const inp = make('input', {
  5598. type: 'text',
  5599. defaultValue: '',
  5600. value: v ?? '',
  5601. placeholder: v ?? '',
  5602. dataset: {
  5603. blacklist: key
  5604. },
  5605. onchange(evt) {
  5606. let isvalid = true;
  5607. try {
  5608. const val = evt.target.value;
  5609. if (isEmpty(val)) {
  5610. return;
  5611. }
  5612. isvalid = true;
  5613. } catch (ex) {
  5614. err(ex);
  5615. isvalid = false;
  5616. } finally {
  5617. if (isvalid) {
  5618. dom.cl.remove(evt.target, 'mujs-invalid');
  5619. dom.prop(savebtn, 'disabled', false);
  5620. } else {
  5621. dom.cl.add(evt.target, 'mujs-invalid');
  5622. dom.prop(savebtn, 'disabled', true);
  5623. }
  5624. }
  5625. }
  5626. });
  5627. const selType = make('select', {
  5628. disabled,
  5629. dataset: {
  5630. blacklist: key
  5631. }
  5632. });
  5633. if (disabled) {
  5634. inp.readOnly = true;
  5635. const o = make('option', {
  5636. value: type,
  5637. textContent: type
  5638. });
  5639. selType.append(o);
  5640. } else {
  5641. for (const selV of ['String', 'RegExp', 'Object']) {
  5642. const o = make('option', {
  5643. value: selV,
  5644. textContent: selV
  5645. });
  5646. selType.append(o);
  5647. }
  5648. }
  5649. selType.value = type;
  5650. lb.append(inp, selType);
  5651. sections.blacklist.append(lb);
  5652. };
  5653. for (const key of cfg.blacklist) createList(key);
  5654. const transfers = {
  5655. export: {
  5656. cfg: make('mujs-btn', 'mujs-export sub-section hidden', {
  5657. textContent: i18n$('export_config'),
  5658. dataset: {
  5659. command: 'export-cfg',
  5660. exp: 'export-cfg'
  5661. }
  5662. }),
  5663. theme: make('mujs-btn', 'mujs-export sub-section hidden', {
  5664. textContent: i18n$('export_theme'),
  5665. dataset: {
  5666. command: 'export-theme',
  5667. exp: 'export-theme'
  5668. }
  5669. })
  5670. },
  5671. import: {
  5672. cfg: make('mujs-btn', 'mujs-import sub-section hidden', {
  5673. textContent: i18n$('import_config'),
  5674. dataset: {
  5675. command: 'import-cfg',
  5676. exp: 'import-cfg'
  5677. }
  5678. }),
  5679. theme: make('mujs-btn', 'mujs-import sub-section hidden', {
  5680. textContent: i18n$('import_theme'),
  5681. dataset: {
  5682. command: 'import-theme',
  5683. exp: 'import-theme'
  5684. }
  5685. })
  5686. }
  5687. };
  5688. for (const value of Object.values(transfers)) {
  5689. for (const v of Object.values(value)) {
  5690. sections.exp.append(v);
  5691. }
  5692. }
  5693. container.cfgpage.append(cbtn);
  5694. };
  5695. // #endregion
  5696. container.Tabs.custom = (host) => {
  5697. MUList.setHost(host);
  5698. respHandles.build();
  5699. };
  5700. ael(mainframe, 'mouseenter', (evt) => {
  5701. evt.preventDefault();
  5702. evt.stopPropagation();
  5703. if (isNull(evt.target)) return;
  5704. evt.target.style.opacity = container.opacityMax;
  5705. frameTimeout.clear(...frameTimeout.ids);
  5706. });
  5707. ael(mainframe, 'mouseleave', (evt) => {
  5708. evt.preventDefault();
  5709. evt.stopPropagation();
  5710. if (isNull(evt.target)) return;
  5711. evt.target.style.opacity = container.opacityMin;
  5712. container.timeoutFrame();
  5713. });
  5714. let initClick = true;
  5715. ael(mainframe, 'click', (evt) => {
  5716. evt.preventDefault();
  5717. frameTimeout.clear(...frameTimeout.ids);
  5718. if (initClick && !cfg.autofetch) {
  5719. initClick = false;
  5720. respHandles.build();
  5721. }
  5722. dom.cl.remove(main, 'hidden');
  5723. dom.cl.add(mainframe, 'hidden');
  5724. if (cfg.autoexpand) {
  5725. dom.cl.add([container.btnfullscreen, main], 'expanded');
  5726. dom.prop(container.btnfullscreen, 'innerHTML', iconSVG.load('collapse'));
  5727. }
  5728. });
  5729. ael(container.urlBar, 'input', (evt) => {
  5730. evt.preventDefault();
  5731. if (container.urlBar.placeholder === i18n$('newTab')) {
  5732. return;
  5733. }
  5734. /**
  5735. * @type { string }
  5736. */
  5737. const val = evt.target.value;
  5738. if (isEmpty(val)) {
  5739. dom.cl.remove([...container.toElem(), ...cfgSec], 'hidden');
  5740. return;
  5741. }
  5742. const finds = new Set();
  5743. if (!dom.cl.has(container.cfgpage, 'hidden')) {
  5744. const reg = new RegExp(val, 'gi');
  5745. for (const elem of cfgSec) {
  5746. if (!isElem(elem)) continue;
  5747. if (finds.has(elem)) continue;
  5748. if (elem.textContent.match(reg)) finds.add(elem);
  5749. }
  5750. dom.cl.add(cfgSec, 'hidden');
  5751. dom.cl.remove([...finds], 'hidden');
  5752. return;
  5753. }
  5754. const cacheValues = Array.from(container).filter(({ _mujs }) => {
  5755. return !finds.has(_mujs.root);
  5756. });
  5757. /**
  5758. * @param {RegExpMatchArray} regExp
  5759. * @param {keyof import("../typings/types.d.ts").GSForkQuery} key
  5760. */
  5761. const ezQuery = (regExp, key) => {
  5762. const q_value = val.replace(regExp, '');
  5763. const reg = new RegExp(q_value, 'gi');
  5764. for (const v of cacheValues) {
  5765. if (typeof k === 'number') {
  5766. if (`${v[key]}`.match(reg)) finds.add(v._mujs.root);
  5767. }
  5768. }
  5769. };
  5770. if (val.match(/^(code_url|url):/)) {
  5771. ezQuery(/^(code_url|url):/, 'code_url');
  5772. } else if (val.match(/^(author|users?):/)) {
  5773. const [, parts] = /^[\w_]+:(.+)/.exec(val) ?? [];
  5774. if (parts) {
  5775. const reg = new RegExp(parts, 'gi');
  5776. for (const v of cacheValues.filter((v) => !isEmpty(v.users))) {
  5777. for (const user of v.users) {
  5778. for (const value of Object.values(user)) {
  5779. if (typeof value === 'string' && value.match(reg)) {
  5780. finds.add(v._mujs.root);
  5781. } else if (typeof value === 'number' && `${value}`.match(reg)) {
  5782. finds.add(v._mujs.root);
  5783. }
  5784. }
  5785. }
  5786. }
  5787. }
  5788. } else if (val.match(/^(locale|i18n):/)) {
  5789. ezQuery(/^(locale|i18n):/, 'locale');
  5790. } else if (val.match(/^id:/)) {
  5791. ezQuery(/^id:/, 'id');
  5792. } else if (val.match(/^license:/)) {
  5793. ezQuery(/^license:/, 'license');
  5794. } else if (val.match(/^name:/)) {
  5795. ezQuery(/^name:/, 'name');
  5796. } else if (val.match(/^description:/)) {
  5797. ezQuery(/^description:/, 'description');
  5798. } else if (val.match(/^(search_engine|engine):/)) {
  5799. const [, parts] = /^[\w_]+:(\w+)/.exec(val) ?? [];
  5800. if (parts) {
  5801. const reg = new RegExp(parts, 'gi');
  5802. for (const { _mujs } of cacheValues)
  5803. if (_mujs.info.engine.name.match(reg)) finds.add(_mujs.root);
  5804. }
  5805. } else if (val.match(/^filter:/)) {
  5806. const [, parts] = /^\w+:(.+)/.exec(val) ?? [];
  5807. if (parts) {
  5808. const bsFilter = loadFilters();
  5809. const filterType = bsFilter.get(parts.trim().toLocaleLowerCase());
  5810. if (filterType) {
  5811. const { reg } = filterType;
  5812. for (const { name, users, _mujs } of cacheValues) {
  5813. if ([{ name }, ...users].find((o) => o.name.match(reg))) continue;
  5814. finds.add(_mujs.root);
  5815. }
  5816. }
  5817. }
  5818. } else if (val.match(/^recommend:/)) {
  5819. for (const { url, id, users, _mujs } of cacheValues) {
  5820. if (
  5821. users.find((u) => u.id === authorID) ||
  5822. goodUserJS.includes(url) ||
  5823. goodUserJS.includes(id)
  5824. ) {
  5825. finds.add(_mujs.root);
  5826. }
  5827. }
  5828. } else {
  5829. const reg = new RegExp(val, 'gi');
  5830. for (const v of cacheValues) {
  5831. if (v.name && v.name.match(reg)) finds.add(v._mujs.root);
  5832. if (v.description && v.description.match(reg)) finds.add(v._mujs.root);
  5833. if (v._mujs.code.data_meta)
  5834. for (const key of Object.keys(v._mujs.code.data_meta))
  5835. if (/name|desc/i.test(key) && key.match(reg)) finds.add(v._mujs.root);
  5836. }
  5837. }
  5838. dom.cl.add(container.toElem(), 'hidden');
  5839. dom.cl.remove([...finds], 'hidden');
  5840. });
  5841. ael(container.urlBar, 'change', (evt) => {
  5842. evt.preventDefault();
  5843. if (isNull(evt.target)) return;
  5844. const { target } = evt;
  5845. const tabElem = Tabs.getActive();
  5846. if (container.urlBar.placeholder === i18n$('newTab') && tabElem) {
  5847. const tabHost = tabElem.firstElementChild;
  5848. const host = formatURL(normalizedHostname(target.value));
  5849. if (Tabs.protoReg.test(target.value)) {
  5850. const createdTab = Tabs.getTab(target.value);
  5851. Tabs.close(tabElem);
  5852. if (createdTab) {
  5853. Tabs.active(createdTab);
  5854. } else {
  5855. Tabs.create(target.value);
  5856. }
  5857. target.placeholder = i18n$('search_placeholder');
  5858. target.value = '';
  5859. } else if (host === '*') {
  5860. tabElem.dataset.host = host;
  5861. tabHost.title = '<All Sites>';
  5862. tabHost.textContent = '<All Sites>';
  5863. MUList.setHost(host);
  5864. respHandles.build();
  5865. } else if (container.checkBlacklist(host)) {
  5866. showError(`Blacklisted "${host}"`);
  5867. } else {
  5868. tabElem.dataset.host = host;
  5869. tabHost.title = host;
  5870. tabHost.textContent = host;
  5871. MUList.setHost(host);
  5872. respHandles.build();
  5873. }
  5874. }
  5875. });
  5876. scheduler.postTask(makecfg, { priority: 'background' });
  5877.  
  5878. respHandles.build = async () => {
  5879. await scheduler.postTask(MUList.build, { priority: 'background' });
  5880. container.timeoutFrame();
  5881. };
  5882.  
  5883. if (cfg.autofetch) {
  5884. respHandles.build();
  5885. } else {
  5886. container.timeoutFrame();
  5887. }
  5888. } catch (ex) {
  5889. err(ex);
  5890. container.remove();
  5891. }
  5892. return respHandles;
  5893. }
  5894. // #endregion
  5895. /**
  5896. * @template F
  5897. * @param { (this: F, doc: Document) => * } onDomReady
  5898. */
  5899. const loadDOM = (onDomReady) => {
  5900. if (isFN(onDomReady)) {
  5901. if (document.readyState === 'interactive' || document.readyState === 'complete') {
  5902. onDomReady(document);
  5903. } else {
  5904. document.addEventListener('DOMContentLoaded', (evt) => onDomReady(evt.target), {
  5905. once: true
  5906. });
  5907. }
  5908. }
  5909. };
  5910.  
  5911. const init = async (prefix = 'Config') => {
  5912. const stored = await StorageSystem.getValue(prefix, DEFAULT_CONFIG);
  5913. cfg = {
  5914. ...DEFAULT_CONFIG,
  5915. ...stored
  5916. };
  5917. info('Config:', cfg);
  5918. loadDOM((doc) => {
  5919. try {
  5920. if (window.location === null)
  5921. throw new Error('"window.location" is null, reload the webpage or use a different one', {
  5922. cause: 'loadDOM'
  5923. });
  5924. if (doc === null)
  5925. throw new Error('"doc" is null, reload the webpage or use a different one', {
  5926. cause: 'loadDOM'
  5927. });
  5928. container.redirect();
  5929. if (cfg.autoinject) {
  5930. container.inject(primaryFN, doc);
  5931. } else {
  5932. container.timeoutFrame();
  5933. }
  5934. Command.register(i18n$('userjs_inject'), () => {
  5935. container.inject(primaryFN, doc);
  5936. });
  5937. Command.register(i18n$('userjs_close'), () => {
  5938. container.remove();
  5939. });
  5940. } catch (ex) {
  5941. err(ex);
  5942. }
  5943. });
  5944. };
  5945. init();
  5946.  
  5947. })();