Magic Userscript+ : Show Site All UserJS

Finds available userscripts for the current webpage.

Från och med 2025-03-22. Se den senaste versionen.

  1. // ==UserScript==
  2. // @version 7.6.4
  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[data-name=exp], .mujs-cfg mujs-section[data-name=blacklist] {
  1548. display: flex;
  1549. justify-content: space-between;
  1550. flex-direction: column;
  1551. gap: 0.25em;
  1552. }
  1553. .mujs-cfg mujs-section[data-name=exp] > mujs-btn, .mujs-cfg mujs-section[data-name=blacklist] > mujs-btn {
  1554. width: 100%;
  1555. width: -moz-available;
  1556. width: -webkit-fill-available;
  1557. }
  1558. .mujs-cfg mujs-section[data-name=exp] > mujs-btn:hover, .mujs-cfg mujs-section[data-name=blacklist] > mujs-btn:hover {
  1559. background: var(--mujs-even-row, hsl(222, 14%, 18%)) !important;
  1560. }
  1561. .mujs-cfg mujs-section input[type=text]::-webkit-input-placeholder {
  1562. color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1563. }
  1564. .mujs-cfg mujs-section input[type=text]::-moz-placeholder {
  1565. color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1566. }
  1567. .mujs-cfg mujs-section input[type=text]:-ms-input-placeholder {
  1568. color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1569. }
  1570. .mujs-cfg mujs-section input[type=text]::-ms-input-placeholder {
  1571. color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1572. }
  1573. .mujs-cfg mujs-section input[type=text]::placeholder {
  1574. color: var(--mujs-placeholder, hsl(81, 56%, 54%));
  1575. }
  1576. .mujs-cfg mujs-section > label:not([data-blacklist]) {
  1577. display: flex;
  1578. justify-content: space-between;
  1579. }
  1580. .mujs-cfg mujs-section > label[data-blacklist] {
  1581. display: grid;
  1582. grid-auto-flow: column;
  1583. }
  1584. .mujs-cfg mujs-section > label[data-blacklist]:not(.new-list) {
  1585. grid-template-columns: repeat(2, 1fr);
  1586. }
  1587. .mujs-cfg mujs-section > label.new-list {
  1588. order: 999999999999;
  1589. }
  1590. .mujs-cfg mujs-section > label.new-list mujs-add {
  1591. font-size: 20px;
  1592. }
  1593. .mujs-cfg mujs-section > label input:not([type=checkbox]) {
  1594. font-size: 14px;
  1595. position: relative;
  1596. border-radius: 4px;
  1597. border: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  1598. }
  1599. .mujs-cfg mujs-section select,
  1600. .mujs-cfg mujs-section select option {
  1601. color: var(--mujs-txt-color, hsl(0, 0%, 100%));
  1602. border: 1px solid transparent;
  1603. list-style: none;
  1604. outline-style: none;
  1605. pointer-events: auto;
  1606. }
  1607. .mujs-cfg mujs-section select {
  1608. text-align: center;
  1609. border-radius: 4px;
  1610. }
  1611. .mujs-cfg mujs-section > *.sub-section {
  1612. padding: 0.2em;
  1613. }
  1614. .mujs-cfg mujs-section > *.sub-section[data-engine] {
  1615. flex-wrap: wrap;
  1616. }
  1617. .mujs-cfg mujs-section > *.sub-section[data-engine] input {
  1618. width: 100%;
  1619. width: -moz-available;
  1620. width: -webkit-fill-available;
  1621. }
  1622. .mujs-cfg mujs-section > *.sub-section input[type=text] {
  1623. margin: 0.2em 0px;
  1624. }
  1625. .mujs-cfg .mujs-inlab {
  1626. position: relative;
  1627. width: 38px;
  1628. }
  1629. .mujs-cfg .mujs-inlab input[type=checkbox] {
  1630. display: none;
  1631. }
  1632. .mujs-cfg .mujs-inlab input[type=checkbox]:checked + label {
  1633. margin-left: 0;
  1634. background: var(--mujs-chck-color, hsla(0, 0%, 100%, 0.568));
  1635. }
  1636. .mujs-cfg .mujs-inlab input[type=checkbox]:checked + label:before {
  1637. right: 0px;
  1638. }
  1639. .mujs-cfg .mujs-inlab input[type=checkbox][data-name=greasyfork]:checked + label {
  1640. background: var(--mujs-gf-color, hsl(204, 100%, 40%));
  1641. }
  1642. .mujs-cfg .mujs-inlab input[type=checkbox][data-name=sleazyfork]:checked + label {
  1643. background: var(--mujs-sf-color, hsl(12, 86%, 50%));
  1644. }
  1645. .mujs-cfg .mujs-inlab input[type=checkbox][data-name=openuserjs]:checked + label {
  1646. background: var(--mujs-chck-open, hsla(12, 86%, 50%, 0.568));
  1647. }
  1648. .mujs-cfg .mujs-inlab input[type=checkbox][data-name=github]:checked + label {
  1649. background: var(--mujs-chck-git, hsla(213, 13%, 16%, 0.568));
  1650. }
  1651. .mujs-cfg .mujs-inlab label {
  1652. padding: 0;
  1653. display: block;
  1654. overflow: hidden;
  1655. height: 16px;
  1656. border-radius: 20px;
  1657. border: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  1658. }
  1659. .mujs-cfg .mujs-inlab label:before {
  1660. content: "";
  1661. display: block;
  1662. width: 20px;
  1663. height: 20px;
  1664. margin: -2px;
  1665. background: var(--mujs-txt-color, hsl(0, 0%, 100%));
  1666. position: absolute;
  1667. top: 0;
  1668. right: 20px;
  1669. border-radius: 20px;
  1670. }
  1671. .mujs-cfg .mujs-sty-flex mujs-btn {
  1672. margin: auto;
  1673. }
  1674. .mujs-cfg .mujs-sty-flex mujs-btn[data-command=reset] {
  1675. background: var(--mujs-sf-btn-color, hsl(12, 86%, 50%));
  1676. border-color: var(--mujs-sf-btn-color, hsl(12, 86%, 50%));
  1677. }
  1678. .mujs-cfg .mujs-sty-flex mujs-btn[data-command=reset]:hover {
  1679. background: var(--mujs-sf-txt-color, hsl(12, 79%, 55%));
  1680. border-color: var(--mujs-sf-txt-color, hsl(12, 79%, 55%));
  1681. }
  1682. .mujs-cfg .mujs-sty-flex mujs-btn[data-command=save] {
  1683. background: var(--mujs-gf-color, hsl(204, 100%, 40%));
  1684. border-color: var(--mujs-gf-color, hsl(204, 100%, 40%));
  1685. }
  1686. .mujs-cfg .mujs-sty-flex mujs-btn[data-command=save]:hover {
  1687. background: var(--mujs-gf-btn-color, hsl(211, 87%, 56%));
  1688. border-color: var(--mujs-gf-btn-color, hsl(211, 87%, 56%));
  1689. }
  1690. .mujs-cfg:not(.webext-page) {
  1691. margin: 1rem 25rem;
  1692. }
  1693. @media screen and (max-height: 720px) {
  1694. .mujs-cfg:not(.webext-page) {
  1695. height: 100%;
  1696. height: -moz-available;
  1697. height: -webkit-fill-available;
  1698. width: 100%;
  1699. width: -moz-available;
  1700. width: -webkit-fill-available;
  1701. overflow-x: auto;
  1702. padding: 0.5em;
  1703. }
  1704. }
  1705.  
  1706. mujs-a {
  1707. display: inline-block;
  1708. }
  1709.  
  1710. .mujs-name {
  1711. display: flex;
  1712. flex-flow: column wrap;
  1713. gap: 0.5em;
  1714. }
  1715. .mujs-name span {
  1716. font-size: 0.8em !important;
  1717. }
  1718.  
  1719. mujs-btn {
  1720. font-style: normal;
  1721. font-weight: 500;
  1722. font-variant: normal;
  1723. text-transform: none;
  1724. text-rendering: auto;
  1725. text-align: center;
  1726. border: 1px solid var(--mujs-txt-color, hsl(0, 0%, 100%));
  1727. font-size: 16px;
  1728. border-radius: 4px;
  1729. line-height: 1;
  1730. padding: 6px 15px;
  1731. }
  1732. mujs-btn svg {
  1733. width: 14px;
  1734. height: 14px;
  1735. fill: var(--mujs-txt-color, hsl(0, 0%, 100%));
  1736. }
  1737.  
  1738. mu-jsbtn {
  1739. font-size: 14px;
  1740. border-radius: 4px;
  1741. font-style: normal;
  1742. padding: 7px 15%;
  1743. font-weight: 400;
  1744. font-variant: normal;
  1745. line-height: normal;
  1746. display: block;
  1747. text-align: center;
  1748. }
  1749.  
  1750. mujs-a,
  1751. mu-jsbtn,
  1752. .mujs-pointer,
  1753. .mujs-cfg mujs-section *:not(input[type=text], input[type=number], [data-theme], [data-blacklist]),
  1754. .mainbtn,
  1755. .mainframe,
  1756. mujs-btn {
  1757. cursor: pointer !important;
  1758. }`;
  1759. /******************************************************************************/
  1760. // #region Console
  1761. const con = {
  1762. title: '[%cMagic Userscript+%c]',
  1763. color: 'color: rgb(29, 155, 240);',
  1764. dbg(...msg) {
  1765. const dt = new Date();
  1766. console.debug(
  1767. `${con.title} %cDBG`,
  1768. con.color,
  1769. '',
  1770. 'color: rgb(255, 212, 0);',
  1771. `[${dt.getHours()}:${('0' + dt.getMinutes()).slice(-2)}:${('0' + dt.getSeconds()).slice(-2)}]`,
  1772. ...msg
  1773. );
  1774. },
  1775. err(...msg) {
  1776. console.error(
  1777. `${con.title} %cERROR`,
  1778. con.color,
  1779. '',
  1780. 'color: rgb(249, 24, 128);',
  1781. ...msg
  1782. );
  1783. const a = typeof alert !== 'undefined' && alert;
  1784. for (const ex of msg) {
  1785. if (typeof ex === 'object' && 'cause' in ex && a) {
  1786. a(`[Magic Userscript+] (${ex.cause}) ${ex.message}`);
  1787. }
  1788. }
  1789. },
  1790. info(...msg) {
  1791. console.info(
  1792. `${con.title} %cINF`,
  1793. con.color,
  1794. '',
  1795. 'color: rgb(0, 186, 124);',
  1796. ...msg
  1797. );
  1798. },
  1799. log(...msg) {
  1800. console.log(
  1801. `${con.title} %cLOG`,
  1802. con.color,
  1803. '',
  1804. 'color: rgb(219, 160, 73);',
  1805. ...msg
  1806. );
  1807. }
  1808. };
  1809. const { err, info } = con;
  1810. // #endregion
  1811.  
  1812. /**
  1813. * @type { import("../typings/types.d.ts").config }
  1814. */
  1815. let cfg;
  1816.  
  1817. const BLANK_FN = function () {};
  1818. const BLANK_ASYNC_FN = async function () {};
  1819. const BLANK_PAGE = 'about:blank';
  1820. /**
  1821. * @param {string} hn
  1822. */
  1823. const normalizedHostname = (hn) => hn.replace(/^www\./, '');
  1824. /**
  1825. * @param {string} txt
  1826. */
  1827. const formatURL = (txt) =>
  1828. txt
  1829. .split('.')
  1830. .splice(-2)
  1831. .join('.')
  1832. .replace(/\/|https:/g, '');
  1833. /**
  1834. * @param {string} str
  1835. */
  1836. const getHostname = (str) => formatURL(normalizedHostname(str));
  1837. /**
  1838. * @type {URL | undefined}
  1839. */
  1840. let url;
  1841. try {
  1842. url = new URL(window.location.href ?? BLANK_PAGE);
  1843. } catch {
  1844. /* empty */
  1845. }
  1846.  
  1847. // #region Validators
  1848. const objToStr = (obj) => Object.prototype.toString.call(obj);
  1849. const isRegExp = (obj) => /RegExp/.test(objToStr(obj));
  1850. const isElem = (obj) => /Element/.test(objToStr(obj));
  1851. const isHTML = (obj) => /object HTML/.test(objToStr(obj));
  1852. const isObj = (obj) => /Object/.test(objToStr(obj));
  1853. const isFN = (obj) => /Function/.test(objToStr(obj));
  1854. const isUserCSS = (str) => /\.user\.css$/.test(str);
  1855. const isUserJS = (str) => /\.user\.js$/.test(str);
  1856. /**
  1857. * @type { import("../typings/types.d.ts").isNull }
  1858. */
  1859. const isNull = (obj) => {
  1860. return Object.is(obj, null) || Object.is(obj, undefined);
  1861. };
  1862. /**
  1863. * @type { import("../typings/types.d.ts").isBlank }
  1864. */
  1865. const isBlank = (obj) => {
  1866. return (
  1867. (typeof obj === 'string' && Object.is(obj.trim(), '')) ||
  1868. ((obj instanceof Set || obj instanceof Map) && Object.is(obj.size, 0)) ||
  1869. (Array.isArray(obj) && Object.is(obj.length, 0)) ||
  1870. (isObj(obj) && Object.is(Object.keys(obj).length, 0))
  1871. );
  1872. };
  1873. /**
  1874. * @type { import("../typings/types.d.ts").isEmpty }
  1875. */
  1876. const isEmpty = (obj) => {
  1877. return isNull(obj) || isBlank(obj);
  1878. };
  1879. // #endregion
  1880. // #region Globals
  1881. /**
  1882. * https://github.com/zloirock/core-js/blob/master/packages/core-js/internals/global-this.js
  1883. * @returns {typeof globalThis}
  1884. */
  1885. function globalWin() {
  1886. const check = function (it) {
  1887. return it && it.Math === Math && it;
  1888. };
  1889. return (
  1890. check(typeof globalThis == 'object' && globalThis) ||
  1891. check(typeof window == 'object' && window) ||
  1892. check(typeof self == 'object' && self) ||
  1893. check(typeof this == 'object' && this) ||
  1894. (function () {
  1895. return this;
  1896. })() ||
  1897. Function('return this')()
  1898. );
  1899. }
  1900. class Safe {
  1901. /** @type { import("../typings/UserJS.d.ts").safeHandles } */
  1902. _safe;
  1903. create() {
  1904. try {
  1905. const g = globalWin();
  1906. /** @type { import("../typings/UserJS.d.ts").safeHandles } */
  1907. const safe = {
  1908. XMLHttpRequest: g.XMLHttpRequest,
  1909. CustomEvent: g.CustomEvent,
  1910. createElement: g.document.createElement.bind(g.document),
  1911. createElementNS: g.document.createElementNS.bind(g.document),
  1912. createTextNode: g.document.createTextNode.bind(g.document),
  1913. setTimeout: g.setTimeout,
  1914. clearTimeout: g.clearTimeout,
  1915. navigator: g.navigator,
  1916. scheduler: {
  1917. postTask(callback, options) {
  1918. if ('scheduler' in g && 'postTask' in g.scheduler) {
  1919. return g.scheduler.postTask(callback, options);
  1920. }
  1921. options = Object.assign({}, options);
  1922. if (options.delay === undefined) options.delay = 0;
  1923. options.delay = Number(options.delay);
  1924. if (options.delay < 0) {
  1925. return Promise.reject(new TypeError('"delay" must be a positive number.'));
  1926. }
  1927. return new Promise((resolve) => {
  1928. g.setTimeout(() => {
  1929. resolve(callback());
  1930. }, options.delay);
  1931. });
  1932. },
  1933. yield() {
  1934. if ('scheduler' in g && 'yield' in g.scheduler) {
  1935. scheduler.yield();
  1936. return g.scheduler.yield();
  1937. }
  1938. return new Promise((resolve) => {
  1939. g.setTimeout(resolve, 0);
  1940. });
  1941. }
  1942. },
  1943. groupBy(arr, callback) {
  1944. if (isFN(Object.groupBy)) {
  1945. return Object.groupBy(arr, callback);
  1946. }
  1947. /** [Object.groupBy polyfill](https://gist.github.com/gtrabanco/7c97bd41aa74af974fa935bfb5044b6e) */
  1948. return arr.reduce((acc = {}, ...args) => {
  1949. const key = callback(...args);
  1950. acc[key] ??= [];
  1951. acc[key].push(args[0]);
  1952. return acc;
  1953. }, {});
  1954. }
  1955. };
  1956. for (const [k, v] of Object.entries(safe)) {
  1957. if (/scheduler|navigator/.test(k) || isFN(v)) continue;
  1958. throw new Error(`Safe handles "${k}" returned "${v}"`, { cause: 'safeSelf' });
  1959. }
  1960. this._safe = safe;
  1961. } catch (e) {
  1962. err(e);
  1963. this._safe = null;
  1964. }
  1965. return this._safe;
  1966. }
  1967. get _self() {
  1968. return this._safe ?? this.create();
  1969. }
  1970. set _self(obj) {
  1971. this._safe = obj;
  1972. }
  1973. }
  1974. const { _self } = new Safe();
  1975. // #endregion
  1976. // #region Constants
  1977. /**
  1978. * @type { import("../typings/types.d.ts").cfgBase }
  1979. */
  1980. const cfgBase = [];
  1981. const cfgSec = new Set();
  1982. /** Lets highlight me :) */
  1983. const authorID = 166061;
  1984. /**
  1985. * Some UserJS I personally enjoy - `https://greatest.deepsurf.us/scripts/{id}`
  1986. */
  1987. const goodUserJS = [
  1988. 33005,
  1989. 394820,
  1990. 438684,
  1991. 4870,
  1992. 394420,
  1993. 25068,
  1994. 483444,
  1995. 1682,
  1996. 22587,
  1997. 789,
  1998. 28497,
  1999. 386908,
  2000. 24204,
  2001. 404443,
  2002. 4336,
  2003. 368183,
  2004. 393396,
  2005. 473830,
  2006. 12179,
  2007. 423001,
  2008. 376510,
  2009. 23840,
  2010. 40525,
  2011. 6456,
  2012. 'https://openuserjs.org/install/Patabugen/Always_Remember_Me.user.js',
  2013. 'https://openuserjs.org/install/nokeya/Direct_links_out.user.js',
  2014. 'https://github.com/jijirae/y2monkey/raw/main/y2monkey.user.js',
  2015. 'https://github.com/jijirae/r2monkey/raw/main/r2monkey.user.js',
  2016. 'https://github.com/TagoDR/MangaOnlineViewer/raw/master/Manga_OnlineViewer.user.js',
  2017. 'https://github.com/jesus2099/konami-command/raw/master/INSTALL-USER-SCRIPT.user.js',
  2018. 'https://github.com/TagoDR/MangaOnlineViewer/raw/master/dist/Manga_OnlineViewer_Adult.user.js'
  2019. ];
  2020. /** Remove UserJS from banned accounts */
  2021. const badUserJS = [478597];
  2022. /** Unsupport host for search engines */
  2023. const engineUnsupported = {
  2024. greasyfork: ['pornhub.com'],
  2025. sleazyfork: ['pornhub.com'],
  2026. openuserjs: [],
  2027. github: []
  2028. };
  2029. const isMobile = (() => {
  2030. if (userjs.isMobile !== undefined) {
  2031. return userjs.isMobile;
  2032. }
  2033. try {
  2034. const { navigator } = _self;
  2035. if (navigator) {
  2036. const { userAgent, userAgentData } = navigator;
  2037. const { platform, mobile } = userAgentData ? Object(userAgentData) : {};
  2038. userjs.isMobile =
  2039. /Mobile|Tablet/.test(userAgent ? String(userAgent) : '') ||
  2040. Boolean(mobile) ||
  2041. /Android|Apple/.test(platform ? String(platform) : '');
  2042. } else {
  2043. userjs.isMobile = false;
  2044. }
  2045. } catch (ex) {
  2046. userjs.isMobile = false;
  2047. ex.cause = 'getUAData';
  2048. err(ex);
  2049. }
  2050. return userjs.isMobile;
  2051. })();
  2052. const isGM = typeof GM !== 'undefined';
  2053. const builtinList = {
  2054. local: /localhost|router|gov|(\d+\.){3}\d+/,
  2055. finance:
  2056. /school|pay|bank|money|cart|checkout|authorize|bill|wallet|venmo|zalo|skrill|bluesnap|coin|crypto|currancy|insurance|finance/,
  2057. social: /login|join|signin|signup|sign-up|password|reset|password_reset/,
  2058. unsupported: {
  2059. host: 'fakku.net',
  2060. pathname: '/hentai/.+/read/page/.+'
  2061. }
  2062. };
  2063. // #endregion
  2064. // #region DEFAULT_CONFIG
  2065. /**
  2066. * @type { import("../typings/types.d.ts").config }
  2067. */
  2068. const DEFAULT_CONFIG = {
  2069. autofetch: true,
  2070. autoinject: true,
  2071. autoSort: 'daily_installs',
  2072. clearTabCache: true,
  2073. cache: true,
  2074. autoexpand: false,
  2075. filterlang: false,
  2076. sleazyredirect: false,
  2077. time: 10000,
  2078. blacklist: ['userjs-local', 'userjs-finance', 'userjs-social', 'userjs-unsupported'],
  2079. preview: {
  2080. code: false,
  2081. metadata: false
  2082. },
  2083. engines: [
  2084. {
  2085. enabled: true,
  2086. name: 'greasyfork',
  2087. query: encodeURIComponent('https://greatest.deepsurf.us/scripts/by-site/{host}.json?language=all')
  2088. },
  2089. {
  2090. enabled: false,
  2091. name: 'sleazyfork',
  2092. query: encodeURIComponent('https://sleazyfork.org/scripts/by-site/{host}.json?language=all')
  2093. },
  2094. {
  2095. enabled: false,
  2096. name: 'openuserjs',
  2097. query: encodeURIComponent('https://openuserjs.org/?q={host}')
  2098. },
  2099. {
  2100. enabled: false,
  2101. name: 'github',
  2102. token: '',
  2103. query: encodeURIComponent(
  2104. 'https://api.github.com/search/repositories?q=topic:{domain}+topic:userscript'
  2105. )
  2106. }
  2107. ],
  2108. theme: {
  2109. 'even-row': '',
  2110. 'odd-row': '',
  2111. 'even-err': '',
  2112. 'odd-err': '',
  2113. 'background-color': '',
  2114. 'gf-color': '',
  2115. 'sf-color': '',
  2116. 'border-b-color': '',
  2117. 'gf-btn-color': '',
  2118. 'sf-btn-color': '',
  2119. 'sf-txt-color': '',
  2120. 'txt-color': '',
  2121. 'chck-color': '',
  2122. 'chck-gf': '',
  2123. 'chck-git': '',
  2124. 'chck-open': '',
  2125. placeholder: '',
  2126. 'position-top': '',
  2127. 'position-bottom': '',
  2128. 'position-left': '',
  2129. 'position-right': '',
  2130. 'font-family': ''
  2131. },
  2132. recommend: {
  2133. author: true,
  2134. others: true
  2135. },
  2136. filters: {
  2137. ASCII: {
  2138. enabled: false,
  2139. name: 'Non-ASCII',
  2140. regExp: '[^\\x00-\\x7F\\s]+'
  2141. },
  2142. Latin: {
  2143. enabled: false,
  2144. name: 'Non-Latin',
  2145. regExp: '[^\\u0000-\\u024F\\u2000-\\u214F\\s]+'
  2146. },
  2147. Games: {
  2148. enabled: false,
  2149. name: 'Games',
  2150. flag: 'iu',
  2151. regExp:
  2152. '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'
  2153. },
  2154. SocialNetworks: {
  2155. enabled: false,
  2156. name: 'Social Networks',
  2157. flag: 'iu',
  2158. regExp:
  2159. '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'
  2160. },
  2161. Clutter: {
  2162. enabled: false,
  2163. name: 'Clutter',
  2164. flag: 'iu',
  2165. regExp:
  2166. "^\\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)?"
  2167. }
  2168. }
  2169. };
  2170. // #endregion
  2171. // #region i18n
  2172. /** @type {Map<string, string>} */
  2173. const i18nMap = new Map();
  2174. class i18nHandler {
  2175. constructor() {
  2176. for (const [k, v] of Object.entries(translations)) {
  2177. if (!i18nMap.has(k)) i18nMap.set(k, v);
  2178. }
  2179. }
  2180. /**
  2181. * @param {string | Date | number} str
  2182. */
  2183. toDate(str = '') {
  2184. const { navigator } = _self;
  2185. return new Intl.DateTimeFormat(navigator.language).format(
  2186. typeof str === 'string' ? new Date(str) : str
  2187. );
  2188. }
  2189. /**
  2190. * @param {number | bigint} number
  2191. */
  2192. toNumber(number) {
  2193. const { navigator } = _self;
  2194. return new Intl.NumberFormat(navigator.language).format(number);
  2195. }
  2196. /**
  2197. * @type { import("../typings/UserJS.d.ts").i18n$ }
  2198. */
  2199. i18n$(key) {
  2200. const { navigator } = _self;
  2201. const current = navigator.language.split('-')[0] ?? 'en';
  2202. try {
  2203. return i18nMap.get(current)?.[key] ?? 'Invalid Key'
  2204. } catch (e) {
  2205. err(e);
  2206. return 'error';
  2207. }
  2208. }
  2209.  
  2210. get current() {
  2211. const { navigator } = _self;
  2212. return navigator.language.split('-')[0] ?? 'en';
  2213. }
  2214. }
  2215. const language = new i18nHandler();
  2216. const { i18n$ } = language;
  2217. // #endregion
  2218. // #region Utilities
  2219. const union = (...arr) => [...new Set(arr.flat())];
  2220. /**
  2221. * @param {string} str
  2222. */
  2223. const decode = (str) => {
  2224. try {
  2225. if (decodeURI(str) !== decodeURIComponent(str)) {
  2226. return decode(decodeURIComponent(str));
  2227. }
  2228. } catch (ex) {
  2229. err(ex);
  2230. }
  2231. return str;
  2232. };
  2233. /**
  2234. * @type { import("../typings/types.d.ts").normalizeTarget }
  2235. */
  2236. const normalizeTarget = (target, toQuery = true, root) => {
  2237. if (Object.is(target, null) || Object.is(target, undefined)) {
  2238. return [];
  2239. }
  2240. if (Array.isArray(target)) {
  2241. return target;
  2242. }
  2243. if (typeof target === 'string') {
  2244. return toQuery ? Array.from((root || document).querySelectorAll(target)) : Array.of(target);
  2245. }
  2246. if (/object HTML/.test(Object.prototype.toString.call(target))) {
  2247. return Array.of(target);
  2248. }
  2249. return Array.from(target);
  2250. };
  2251. /**
  2252. * @type { import("../typings/types.d.ts").qs }
  2253. */
  2254. const qs = (selector, root) => {
  2255. try {
  2256. return (root || document).querySelector(selector);
  2257. } catch (ex) {
  2258. err(ex);
  2259. }
  2260. return null;
  2261. };
  2262. /**
  2263. * @type { import("../typings/types.d.ts").qsA }
  2264. */
  2265. const qsA = (selectors, root) => {
  2266. try {
  2267. return (root || document).querySelectorAll(selectors);
  2268. } catch (ex) {
  2269. err(ex);
  2270. }
  2271. return [];
  2272. };
  2273. /**
  2274. * @type { import("../typings/types.d.ts").ael }
  2275. */
  2276. const ael = (el, type, listener, options = {}) => {
  2277. for (const elem of normalizeTarget(el).filter(isHTML)) {
  2278. if (isMobile && type === 'click') {
  2279. elem.addEventListener('touchstart', listener, options);
  2280. continue;
  2281. }
  2282. elem.addEventListener(type, listener, options);
  2283. }
  2284. };
  2285. /**
  2286. * @type { import("../typings/types.d.ts").formAttrs }
  2287. */
  2288. const formAttrs = (elem, attr = {}) => {
  2289. if (!elem) {
  2290. return elem;
  2291. }
  2292. for (const key in attr) {
  2293. if (typeof attr[key] === 'object') {
  2294. formAttrs(elem[key], attr[key]);
  2295. } else if (isFN(attr[key])) {
  2296. if (/^on/.test(key)) {
  2297. elem[key] = attr[key];
  2298. continue;
  2299. }
  2300. ael(elem, key, attr[key]);
  2301. } else if (key === 'class') {
  2302. elem.className = attr[key];
  2303. } else {
  2304. elem[key] = attr[key];
  2305. }
  2306. }
  2307. return elem;
  2308. };
  2309. /**
  2310. * @type { import("../typings/types.d.ts").make }
  2311. */
  2312. const make = (tagName, cname, attrs) => {
  2313. let el;
  2314. try {
  2315. const { createElement } = _self;
  2316. el = createElement(tagName);
  2317. if (!isEmpty(cname)) {
  2318. if (typeof cname === 'string') {
  2319. el.className = cname;
  2320. } else if (isObj(cname)) {
  2321. formAttrs(el, cname);
  2322. }
  2323. }
  2324. if (!isEmpty(attrs)) {
  2325. if (typeof attrs === 'string') {
  2326. el.textContent = attrs;
  2327. } else if (isObj(attrs)) {
  2328. formAttrs(el, attrs);
  2329. }
  2330. }
  2331. } catch (ex) {
  2332. if (ex instanceof DOMException) throw new Error(`${ex.name}: ${ex.message}`, { cause: 'make' });
  2333. ex.cause = 'make';
  2334. err(ex);
  2335. }
  2336. return el;
  2337. };
  2338.  
  2339. const $info = (() => {
  2340. if (isGM) {
  2341. if (isObj(GM.info)) {
  2342. return GM.info;
  2343. } else if (isObj(GM_info)) {
  2344. return GM_info;
  2345. }
  2346. }
  2347. return {
  2348. script: {
  2349. icon: '',
  2350. name: 'Magic Userscript+',
  2351. namespace: 'https://github.com/magicoflolis/Userscript-Plus',
  2352. updateURL: 'https://github.com/magicoflolis/Userscript-Plus/raw/master/dist/magic-userjs.js',
  2353. version: 'Bookmarklet',
  2354. bugs: 'https://github.com/magicoflolis/Userscript-Plus/issues'
  2355. }
  2356. };
  2357. })();
  2358. // #endregion
  2359. /**
  2360. * @type { import("../typings/types.d.ts").dom }
  2361. */
  2362. const dom = {
  2363. attr(target, attr, value = undefined) {
  2364. for (const elem of normalizeTarget(target).filter(isHTML)) {
  2365. if (value === undefined) {
  2366. return elem.getAttribute(attr);
  2367. }
  2368. if (value === null) {
  2369. elem.removeAttribute(attr);
  2370. } else {
  2371. elem.setAttribute(attr, value);
  2372. }
  2373. }
  2374. },
  2375. prop(target, prop, value = undefined) {
  2376. for (const elem of normalizeTarget(target).filter(isHTML)) {
  2377. if (value === undefined) {
  2378. return elem[prop];
  2379. }
  2380. elem[prop] = value;
  2381. }
  2382. },
  2383. text(target, text) {
  2384. const targets = normalizeTarget(target).filter(isHTML);
  2385. if (text === undefined) {
  2386. return targets.length !== 0 ? targets[0].textContent : undefined;
  2387. }
  2388. for (const elem of targets) {
  2389. elem.textContent = text;
  2390. }
  2391. },
  2392. remove(target) {
  2393. normalizeTarget(target)
  2394. .filter(isHTML)
  2395. .some((elem) => elem.remove());
  2396. },
  2397. cl: {
  2398. add(target, token) {
  2399. token = normalizeTarget(token, false);
  2400. return normalizeTarget(target)
  2401. .filter(isHTML)
  2402. .some((elem) => elem.classList.add(...token));
  2403. },
  2404. remove(target, token) {
  2405. token = normalizeTarget(token, false);
  2406. return normalizeTarget(target)
  2407. .filter(isHTML)
  2408. .some((elem) => elem.classList.remove(...token));
  2409. },
  2410. toggle(target, token, force) {
  2411. let r;
  2412. for (const elem of normalizeTarget(target).filter(isHTML)) {
  2413. r = elem.classList.toggle(token, force);
  2414. }
  2415. return r;
  2416. },
  2417. has(target, token) {
  2418. return normalizeTarget(target)
  2419. .filter(isHTML)
  2420. .some((elem) => elem.classList.contains(token));
  2421. }
  2422. }
  2423. };
  2424. //#region Icon SVGs
  2425. const iconSVG = {
  2426. close: {
  2427. viewBox: '0 0 384 512',
  2428. 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"/>'
  2429. },
  2430. code: {
  2431. viewBox: '0 0 640 512',
  2432. 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"/>'
  2433. },
  2434. collapse: {
  2435. viewBox: '0 0 448 512',
  2436. 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"/>'
  2437. },
  2438. download: {
  2439. viewBox: '0 0 384 512',
  2440. 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"/>'
  2441. },
  2442. expand: {
  2443. viewBox: '0 0 448 512',
  2444. 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"/>'
  2445. },
  2446. gear: {
  2447. viewBox: '0 0 512 512',
  2448. 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"/>'
  2449. },
  2450. github: {
  2451. viewBox: '0 0 496 512',
  2452. 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"/>'
  2453. },
  2454. globe: {
  2455. viewBox: '0 0 512 512',
  2456. 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"/>'
  2457. },
  2458. install: {
  2459. viewBox: '0 0 512 512',
  2460. 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"/>'
  2461. },
  2462. issue: {
  2463. viewBox: '0 0 512 512',
  2464. 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"/>'
  2465. },
  2466. minus: {
  2467. viewBox: '0 0 448 512',
  2468. 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"/>'
  2469. },
  2470. nav: {
  2471. viewBox: '0 0 448 512',
  2472. 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"/>'
  2473. },
  2474. pager: {
  2475. viewBox: '0 0 512 512',
  2476. 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"/>'
  2477. },
  2478. verified: {
  2479. viewBox: '0 0 56 56',
  2480. fill: 'currentColor',
  2481. stroke: 'currentColor',
  2482. 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>'
  2483. },
  2484. refresh: {
  2485. viewBox: '0 0 512 512',
  2486. fill: 'currentColor',
  2487. 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"/>'
  2488. },
  2489. load(type, container) {
  2490. const { createElementNS } = _self;
  2491. const svgElem = createElementNS('http://www.w3.org/2000/svg', 'svg');
  2492. for (const [k, v] of Object.entries(iconSVG[type])) {
  2493. if (k === 'html') {
  2494. continue;
  2495. }
  2496. svgElem.setAttributeNS(null, k, v);
  2497. }
  2498. try {
  2499. if (typeof iconSVG[type].html === 'string') {
  2500. svgElem.innerHTML = iconSVG[type].html;
  2501. svgElem.setAttribute('id', `mujs_${type ?? 'Unknown'}`);
  2502. }
  2503. // eslint-disable-next-line no-unused-vars
  2504. } catch (ex) {
  2505. /* empty */
  2506. }
  2507. if (container) {
  2508. container.appendChild(svgElem);
  2509. return svgElem;
  2510. }
  2511. return svgElem.outerHTML;
  2512. }
  2513. };
  2514. //#endregion
  2515. /**
  2516. * @type { import("../typings/UserJS.d.ts").StorageSystem }
  2517. */
  2518. const StorageSystem = {
  2519. prefix: 'MUJS',
  2520. events: new Set(),
  2521. getItem(key) {
  2522. return window.localStorage.getItem(key);
  2523. },
  2524. has(key) {
  2525. return !this.getItem(key);
  2526. },
  2527. setItem(key, value) {
  2528. window.localStorage.setItem(key, value);
  2529. },
  2530. remove(key) {
  2531. window.localStorage.removeItem(key);
  2532. },
  2533. async setValue(key, v) {
  2534. if (!v) {
  2535. return;
  2536. }
  2537. v = typeof v === 'string' ? v : JSON.stringify(v);
  2538. if (isGM) {
  2539. if (isFN(GM.setValue)) {
  2540. await GM.setValue(key, v);
  2541. } else if (isFN(GM_setValue)) {
  2542. GM_setValue(key, v);
  2543. }
  2544. } else {
  2545. this.setItem(`${this.prefix}-${key}`, v);
  2546. }
  2547. },
  2548. async getValue(key, def = {}) {
  2549. try {
  2550. if (isGM) {
  2551. let GMType;
  2552. if (isFN(GM.getValue)) {
  2553. GMType = await GM.getValue(key, JSON.stringify(def));
  2554. } else if (isFN(GM_getValue)) {
  2555. GMType = GM_getValue(key, JSON.stringify(def));
  2556. }
  2557. if (!isNull(GMType)) {
  2558. return JSON.parse(GMType);
  2559. }
  2560. }
  2561. return this.has(`${this.prefix}-${key}`)
  2562. ? JSON.parse(this.getItem(`${this.prefix}-${key}`))
  2563. : def;
  2564. } catch (ex) {
  2565. ex.cause = 'getValue';
  2566. err(ex);
  2567. return def;
  2568. }
  2569. }
  2570. };
  2571. const Command = {
  2572. cmds: new Set(),
  2573. register(text, command) {
  2574. if (!isGM) {
  2575. return;
  2576. }
  2577.  
  2578. if (isFN(command)) {
  2579. if (this.cmds.has(command)) {
  2580. return;
  2581. }
  2582. this.cmds.add(command);
  2583. }
  2584.  
  2585. if (isFN(GM.registerMenuCommand)) {
  2586. GM.registerMenuCommand(text, command);
  2587. } else if (isFN(GM_registerMenuCommand)) {
  2588. GM_registerMenuCommand(text, command);
  2589. }
  2590. }
  2591. };
  2592. /**
  2593. * @type { import("../typings/UserJS.d.ts").Network }
  2594. */
  2595. const Network = {
  2596. async req(url, method = 'GET', responseType = 'json', data, useFetch = false) {
  2597. if (isEmpty(url)) {
  2598. throw new Error('"url" parameter is empty');
  2599. }
  2600. data = Object.assign({}, data);
  2601. method = this.bscStr(method, false);
  2602. responseType = this.bscStr(responseType, true);
  2603. const params = {
  2604. method,
  2605. ...data
  2606. };
  2607. if (isGM && !useFetch) {
  2608. if (params.credentials) {
  2609. Object.assign(params, {
  2610. anonymous: false
  2611. });
  2612. if (Object.is(params.credentials, 'omit')) {
  2613. Object.assign(params, {
  2614. anonymous: true
  2615. });
  2616. }
  2617. delete params.credentials;
  2618. }
  2619. } else if (params.onprogress) {
  2620. delete params.onprogress;
  2621. }
  2622. return new Promise((resolve, reject) => {
  2623. if (isGM && !useFetch) {
  2624. Network.xmlRequest({
  2625. url,
  2626. responseType,
  2627. ...params,
  2628. onerror: (r_1) => {
  2629. reject(new Error(`${r_1.status} ${url}`));
  2630. },
  2631. onload: (r_1) => {
  2632. if (r_1.status !== 200) reject(new Error(`${r_1.status} ${url}`));
  2633. if (responseType.match(/basic/)) resolve(r_1);
  2634. resolve(r_1.response);
  2635. }
  2636. });
  2637. } else {
  2638. fetch(url, params)
  2639. .then((response_1) => {
  2640. if (!response_1.ok) reject(response_1);
  2641. const check = (str_2 = 'text') => {
  2642. return isFN(response_1[str_2]) ? response_1[str_2]() : response_1;
  2643. };
  2644. if (responseType.match(/buffer/)) {
  2645. resolve(check('arrayBuffer'));
  2646. } else if (responseType.match(/json/)) {
  2647. resolve(check('json'));
  2648. } else if (responseType.match(/text/)) {
  2649. resolve(check('text'));
  2650. } else if (responseType.match(/blob/)) {
  2651. resolve(check('blob'));
  2652. } else if (responseType.match(/formdata/)) {
  2653. resolve(check('formData'));
  2654. } else if (responseType.match(/clone/)) {
  2655. resolve(check('clone'));
  2656. } else if (responseType.match(/document/)) {
  2657. const respTxt = check('text');
  2658. const domParser = new DOMParser();
  2659. if (respTxt instanceof Promise) {
  2660. respTxt.then((txt) => {
  2661. const doc = domParser.parseFromString(txt, 'text/html');
  2662. resolve(doc);
  2663. });
  2664. } else {
  2665. const doc = domParser.parseFromString(respTxt, 'text/html');
  2666. resolve(doc);
  2667. }
  2668. } else {
  2669. resolve(response_1);
  2670. }
  2671. })
  2672. .catch(reject);
  2673. }
  2674. });
  2675. },
  2676. format(bytes, decimals = 2) {
  2677. if (Number.isNaN(bytes)) return `0 ${this.sizes[0]}`;
  2678. const k = 1024;
  2679. const dm = decimals < 0 ? 0 : decimals;
  2680. const i = Math.floor(Math.log(bytes) / Math.log(k));
  2681. return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${this.sizes[i]}`;
  2682. },
  2683. sizes: ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
  2684. async xmlRequest(details) {
  2685. if (isGM) {
  2686. if (isFN(GM.xmlHttpRequest)) {
  2687. return GM.xmlHttpRequest(details);
  2688. } else if (isFN(GM_xmlhttpRequest)) {
  2689. return GM_xmlhttpRequest(details);
  2690. }
  2691. }
  2692. return await new Promise((resolve, reject) => {
  2693. const { XMLHttpRequest } = _self;
  2694. const req = new XMLHttpRequest();
  2695. let method = 'GET';
  2696. let url = BLANK_PAGE;
  2697. let body;
  2698. for (const [key, value] of Object.entries(details)) {
  2699. if (key === 'onload') {
  2700. req.addEventListener('load', () => {
  2701. if (isFN(value)) {
  2702. value(req);
  2703. }
  2704. resolve(req);
  2705. });
  2706. } else if (key === 'onerror') {
  2707. req.addEventListener('error', (evt) => {
  2708. if (isFN(value)) {
  2709. value(evt);
  2710. }
  2711. reject(evt);
  2712. });
  2713. } else if (key === 'onabort') {
  2714. req.addEventListener('abort', (evt) => {
  2715. if (isFN(value)) {
  2716. value(evt);
  2717. }
  2718. reject(evt);
  2719. });
  2720. } else if (key === 'onprogress') {
  2721. req.addEventListener('progress', value);
  2722. } else if (key === 'responseType') {
  2723. if (value === 'buffer') {
  2724. req.responseType = 'arraybuffer';
  2725. } else {
  2726. req.responseType = value;
  2727. }
  2728. } else if (key === 'method') {
  2729. method = value;
  2730. } else if (key === 'url') {
  2731. url = value;
  2732. } else if (key === 'body') {
  2733. body = value;
  2734. }
  2735. }
  2736. req.open(method, url);
  2737.  
  2738. if (isEmpty(req.responseType)) {
  2739. req.responseType = 'text';
  2740. }
  2741.  
  2742. if (body) {
  2743. req.send(body);
  2744. } else {
  2745. req.send();
  2746. }
  2747. });
  2748. },
  2749. bscStr(str = '', lowerCase = true) {
  2750. const txt = str[lowerCase ? 'toLowerCase' : 'toUpperCase']();
  2751. return txt.replaceAll(/\W/g, '');
  2752. }
  2753. };
  2754. const Counter = {
  2755. cnt: {
  2756. total: {
  2757. count: 0
  2758. }
  2759. },
  2760. set(engine) {
  2761. if (!this.cnt[engine.name]) {
  2762. const counter = make('count-frame', engine.enabled ? '' : 'hidden', {
  2763. dataset: {
  2764. counter: engine.name
  2765. },
  2766. title: decode(engine.query ?? engine.url),
  2767. textContent: '0'
  2768. });
  2769. this.cnt[engine.name] = {
  2770. root: counter,
  2771. count: 0
  2772. };
  2773. return counter;
  2774. }
  2775. return this.cnt[engine.name].root;
  2776. },
  2777. update(count, engine) {
  2778. this.cnt[engine.name].count += count;
  2779. this.cnt.total.count += count;
  2780. this.updateAll();
  2781. },
  2782. updateAll() {
  2783. for (const v of Object.values(this.cnt)) dom.text(v.root, v.count);
  2784. },
  2785. reset() {
  2786. for (const [k, v] of Object.entries(this.cnt)) {
  2787. dom.text(v.root, 0);
  2788. v.count = 0;
  2789. const engine = cfg.engines.find((engine) => k === engine.name);
  2790. if (engine) {
  2791. dom.cl[engine.enabled ? 'remove' : 'add'](v.root, 'hidden');
  2792. }
  2793. }
  2794. }
  2795. };
  2796. // #region Container
  2797. /**
  2798. * @type { import("../typings/UserJS.d.ts").Container }
  2799. */
  2800. class Container {
  2801. webpage;
  2802. host;
  2803. ready;
  2804. injected;
  2805. shadowRoot;
  2806. supported;
  2807. frame;
  2808. userjsCache;
  2809. root;
  2810. unsaved;
  2811. isBlacklisted;
  2812. rebuild;
  2813. opacityMin;
  2814. opacityMax;
  2815. constructor() {
  2816. this.remove = this.remove.bind(this);
  2817. this.refresh = this.refresh.bind(this);
  2818. this.showError = this.showError.bind(this);
  2819. this.toElem = this.toElem.bind(this);
  2820.  
  2821. this.webpage = url;
  2822. this.host = getHostname(url?.hostname ?? BLANK_PAGE);
  2823. this.ready = false;
  2824. this.injected = false;
  2825. this.shadowRoot = undefined;
  2826. this.supported = isFN(make('main-userjs').attachShadow);
  2827. this.frame = this.supported
  2828. ? make('main-userjs', {
  2829. dataset: {
  2830. insertedBy: $info.script.name,
  2831. role: 'primary-container'
  2832. }
  2833. })
  2834. : make('iframe', 'mujs-iframe', {
  2835. dataset: {
  2836. insertedBy: $info.script.name,
  2837. role: 'primary-iframe'
  2838. },
  2839. loading: 'lazy',
  2840. src: BLANK_PAGE,
  2841. style:
  2842. 'position: fixed;bottom: 1rem;right: 1rem;height: 525px;width: 90%;margin: 0px 1rem;z-index: 100000000000000020 !important;',
  2843. onload: (iFrame) => {
  2844. /**
  2845. * @type { HTMLIFrameElement }
  2846. */
  2847. const target = iFrame.target;
  2848. if (!target.contentDocument) {
  2849. return;
  2850. }
  2851. this.shadowRoot = target.contentDocument.documentElement;
  2852. this.ready = true;
  2853. dom.cl.add([this.shadowRoot, target.contentDocument.body], 'mujs-iframe');
  2854. }
  2855. });
  2856. if (this.supported) {
  2857. this.shadowRoot = this.frame.attachShadow({ mode: 'closed' });
  2858. this.ready = true;
  2859. }
  2860. this.hostCache = new Map();
  2861. this.userjsCache = new Map();
  2862. this.root = make('mujs-root');
  2863. this.unsaved = false;
  2864. this.isBlacklisted = false;
  2865. this.rebuild = false;
  2866. this.opacityMin = '0.15';
  2867. this.opacityMax = '1';
  2868. this.elementsReady = this.init();
  2869.  
  2870. const Timeout = class {
  2871. constructor() {
  2872. this.ids = [];
  2873. }
  2874.  
  2875. set(delay, reason) {
  2876. const { setTimeout } = _self;
  2877. return new Promise((resolve, reject) => {
  2878. const id = setTimeout(() => {
  2879. Object.is(reason, null) || Object.is(reason, undefined) ? resolve() : reject(reason);
  2880. this.clear(id);
  2881. }, delay);
  2882. this.ids.push(id);
  2883. });
  2884. }
  2885.  
  2886. clear(...ids) {
  2887. const { clearTimeout } = _self;
  2888. this.ids = this.ids.filter((id) => {
  2889. if (ids.includes(id)) {
  2890. clearTimeout(id);
  2891. return false;
  2892. }
  2893. return true;
  2894. });
  2895. }
  2896. };
  2897. this.timeouts = {
  2898. frame: new Timeout(),
  2899. mouse: new Timeout()
  2900. };
  2901.  
  2902. this.injFN = BLANK_FN;
  2903.  
  2904. window.addEventListener('beforeunload', this.remove);
  2905. }
  2906. /**
  2907. * @param { function(): * } callback
  2908. * @param { Document } doc
  2909. */
  2910. async inject(callback, doc) {
  2911. if (this.checkBlacklist(this.host)) {
  2912. err(`Blacklisted "${this.host}"`);
  2913. this.remove();
  2914. return;
  2915. }
  2916. if (!this.shadowRoot) {
  2917. return;
  2918. }
  2919. if (doc === null) {
  2920. return;
  2921. }
  2922.  
  2923. while (this.ready === false) {
  2924. await new Promise((resolve) => requestAnimationFrame(resolve));
  2925. }
  2926. try {
  2927. doc.documentElement.appendChild(this.frame);
  2928. if (this.injected) {
  2929. if (isFN(this.injFN.build)) {
  2930. this.injFN.build();
  2931. }
  2932. return;
  2933. }
  2934. this.shadowRoot.append(this.root);
  2935. if (isNull(this.loadCSS(main_css, 'primary-stylesheet')))
  2936. throw new Error('Failed to initialize script!', { cause: 'loadCSS' });
  2937. this.injected = true;
  2938. this.initFn();
  2939. if (isFN(callback) && this.elementsReady) this.injFN = callback.call(this, this.shadowRoot);
  2940. } catch (ex) {
  2941. err(ex);
  2942. this.remove();
  2943. }
  2944. }
  2945. initFn() {
  2946. this.setTheme();
  2947.  
  2948. Counter.cnt.total.root = this.mainbtn;
  2949. if (this.countframe)
  2950. for (const engine of cfg.engines) this.countframe.append(Counter.set(engine));
  2951. const { cfgpage, table, supported, frame, refresh, hostCache, urlBar, host } = this;
  2952.  
  2953. class Tabs {
  2954. /**
  2955. * @param { HTMLElement } root
  2956. */
  2957. constructor(root) {
  2958. /**
  2959. * @type { Set<HTMLElement> }
  2960. */
  2961. this.pool = new Set();
  2962. this.blank = BLANK_PAGE;
  2963. this.protocal = 'mujs:';
  2964. this.protoReg = new RegExp(`${this.protocal}(.+)`, 'i');
  2965. this.el = {
  2966. add: make('mujs-addtab', {
  2967. textContent: '+',
  2968. dataset: {
  2969. command: 'new-tab'
  2970. }
  2971. }),
  2972. head: make('mujs-tabs'),
  2973. root
  2974. };
  2975. this.el.head.append(this.el.add);
  2976. this.el.root.append(this.el.head);
  2977. this.custom = BLANK_FN;
  2978. }
  2979. /**
  2980. * @param {string} hostname
  2981. */
  2982. getTab(hostname) {
  2983. return [...this.pool].find(({ dataset }) => hostname === dataset.host);
  2984. }
  2985. getActive() {
  2986. return [...this.pool].find((tab) => tab.classList.contains('active'));
  2987. }
  2988. /**
  2989. * @param {string} hostname
  2990. */
  2991. intFN(hostname) {
  2992. const p = this.protoReg.exec(hostname);
  2993. if (!p) {
  2994. return;
  2995. }
  2996. if (p[1] === 'settings') {
  2997. dom.cl.remove(cfgpage, 'hidden');
  2998. dom.cl.add(table, 'hidden');
  2999. urlBar.placeholder = 'Search settings';
  3000. if (!supported) {
  3001. dom.attr(frame, 'style', 'height: 100%;');
  3002. }
  3003. }
  3004. }
  3005. /**
  3006. * @param {HTMLElement} tab
  3007. * @param {boolean} [build]
  3008. */
  3009. active(tab, build = true) {
  3010. if (!this.pool.has(tab)) this.pool.add(tab);
  3011. dom.cl.add([table, cfgpage], 'hidden');
  3012. dom.cl.remove([...this.pool], 'active');
  3013. dom.cl.add(tab, 'active');
  3014. if (!build) {
  3015. dom.cl.remove(table, 'hidden');
  3016. return;
  3017. }
  3018. const host = tab.dataset.host ?? this.blank;
  3019. if (host === this.blank) {
  3020. dom.cl.add(cfgpage, 'hidden');
  3021. dom.cl.remove(table, 'hidden');
  3022. refresh();
  3023. } else if (host.startsWith(this.protocal)) {
  3024. this.intFN(host);
  3025. } else {
  3026. dom.cl.add(cfgpage, 'hidden');
  3027. dom.cl.remove(table, 'hidden');
  3028. this.custom(host);
  3029. }
  3030. }
  3031. /** @param { HTMLElement } tab */
  3032. close(tab) {
  3033. if (this.pool.has(tab)) this.pool.delete(tab);
  3034. const host = tab.dataset.host;
  3035. if (cfg.clearTabCache && hostCache.has(host)) hostCache.delete(host);
  3036. if (tab.classList.contains('active')) refresh();
  3037. const sibling = tab.nextElementSibling ?? tab.previousElementSibling;
  3038. if (sibling) {
  3039. if (sibling.dataset.command !== 'new-tab') {
  3040. this.active(sibling);
  3041. }
  3042. }
  3043. tab.remove();
  3044. }
  3045. /**
  3046. * @param {string} [hostname]
  3047. */
  3048. create(hostname = undefined) {
  3049. if (typeof hostname === 'string') {
  3050. const createdTab = this.getTab(hostname);
  3051. if (this.protoReg.test(hostname) && createdTab) {
  3052. this.active(createdTab);
  3053. return;
  3054. }
  3055. }
  3056. const tab = make('mujs-tab', {
  3057. dataset: {
  3058. command: 'switch-tab'
  3059. },
  3060. style: `order: ${this.el.head.childElementCount};`
  3061. });
  3062. const tabClose = make('mu-js', {
  3063. dataset: {
  3064. command: 'close-tab'
  3065. },
  3066. title: i18n$('close'),
  3067. textContent: 'X'
  3068. });
  3069. const tabHost = make('mujs-host');
  3070. const p = this.protoReg.exec(hostname);
  3071. tab.append(tabHost, tabClose);
  3072. this.el.head.append(tab);
  3073. this.active(tab, false);
  3074. if (isNull(hostname)) {
  3075. refresh();
  3076. tab.dataset.host = this.blank;
  3077. tabHost.title = i18n$('newTab');
  3078. tabHost.textContent = i18n$('newTab');
  3079. } else if (p) {
  3080. tab.dataset.host = hostname || host;
  3081. tabHost.title = p[1] || tab.dataset.host;
  3082. tabHost.textContent = tabHost.title;
  3083. this.intFN(hostname);
  3084. } else {
  3085. tab.dataset.host = hostname || host;
  3086. tabHost.title = hostname || host;
  3087. tabHost.textContent = tabHost.title;
  3088. }
  3089. return tab;
  3090. }
  3091. }
  3092. this.Tabs = new Tabs(this.toolbar);
  3093. this.Tabs.create(host);
  3094.  
  3095. const tabbody = this.tabbody;
  3096. const getCellValue = (tr, idx) =>
  3097. tr.children[idx].dataset.value || tr.children[idx].textContent;
  3098. const comparer = (idx, asc) => (a, b) =>
  3099. ((v1, v2) =>
  3100. v1 !== '' && v2 !== '' && !isNaN(v1) && !isNaN(v2)
  3101. ? v1 - v2
  3102. : v1.toString().localeCompare(v2))(
  3103. getCellValue(asc ? a : b, idx),
  3104. getCellValue(asc ? b : a, idx)
  3105. );
  3106. for (const th of this.tabhead.rows[0].cells) {
  3107. if (dom.text(th) === i18n$('install')) continue;
  3108. dom.cl.add(th, 'mujs-pointer');
  3109. ael(th, 'click', () => {
  3110. /** [Stack Overflow Reference](https://stackoverflow.com/questions/14267781/sorting-html-table-with-javascript/53880407#53880407) */
  3111. Array.from(tabbody.querySelectorAll('tr'))
  3112. .sort(comparer(Array.from(th.parentNode.children).indexOf(th), (this.asc = !this.asc)))
  3113. .forEach((tr) => tabbody.appendChild(tr));
  3114. });
  3115. }
  3116. }
  3117. init() {
  3118. try {
  3119. // #region Elements
  3120. this.mainframe = make('mu-js', 'mainframe', {
  3121. style: `opacity: ${this.opacityMin};`
  3122. });
  3123. this.countframe = make('mujs-column');
  3124. this.mainbtn = make('count-frame', 'mainbtn', {
  3125. textContent: '0'
  3126. });
  3127. this.urlBar = make('input', 'mujs-url-bar', {
  3128. autocomplete: 'off',
  3129. spellcheck: false,
  3130. type: 'text',
  3131. placeholder: i18n$('search_placeholder')
  3132. });
  3133. this.rateContainer = make('mujs-column', 'rate-container');
  3134. this.footer = make('mujs-row', 'mujs-footer');
  3135. this.tabbody = make('tbody');
  3136. this.promptElem = make('mujs-row', 'mujs-prompt');
  3137. this.toolbar = make('mujs-toolbar');
  3138. this.table = make('table');
  3139. this.tabhead = make('thead');
  3140. this.header = make('mujs-header');
  3141. this.tbody = make('mujs-body');
  3142. this.cfgpage = make('mujs-row', 'mujs-cfg hidden');
  3143. this.main = make('mujs-main', 'hidden');
  3144. this.urlContainer = make('mujs-url');
  3145. this.btnframe = make('mujs-column', 'btn-frame');
  3146. this.btnHandles = make('mujs-column', 'btn-handles');
  3147. this.btnHide = make('mujs-btn', 'hide-list', {
  3148. title: i18n$('min'),
  3149. innerHTML: iconSVG.load('minus'),
  3150. dataset: {
  3151. command: 'hide-list'
  3152. }
  3153. });
  3154. this.btnfullscreen = make('mujs-btn', 'fullscreen', {
  3155. title: i18n$('max'),
  3156. innerHTML: iconSVG.load('expand'),
  3157. dataset: {
  3158. command: 'fullscreen'
  3159. }
  3160. });
  3161. this.closebtn = make('mujs-btn', 'close', {
  3162. title: i18n$('close'),
  3163. innerHTML: iconSVG.load('close'),
  3164. dataset: {
  3165. command: 'close'
  3166. }
  3167. });
  3168. this.btncfg = make('mujs-btn', 'settings hidden', {
  3169. title: 'Settings',
  3170. innerHTML: iconSVG.load('gear'),
  3171. dataset: {
  3172. command: 'settings'
  3173. }
  3174. });
  3175. this.btnhome = make('mujs-btn', 'github hidden', {
  3176. title: `GitHub (v${
  3177. /\d+\.\d+\.\d+|Book/.test($info.script.version)
  3178. ? $info.script.version
  3179. : $info.script.version.slice(0, 5)
  3180. })`,
  3181. innerHTML: iconSVG.load('github'),
  3182. dataset: {
  3183. command: 'open-tab',
  3184. webpage: $info.script.namespace
  3185. }
  3186. });
  3187. this.btnissue = make('mujs-btn', 'issue hidden', {
  3188. innerHTML: iconSVG.load('issue'),
  3189. title: i18n$('issue'),
  3190. dataset: {
  3191. command: 'open-tab',
  3192. webpage: $info.script.bugs ?? 'https://github.com/magicoflolis/Userscript-Plus/issues'
  3193. }
  3194. });
  3195. this.btngreasy = make('mujs-btn', 'greasy hidden', {
  3196. title: 'Greasy Fork',
  3197. innerHTML: iconSVG.load('globe'),
  3198. dataset: {
  3199. command: 'open-tab',
  3200. webpage: 'https://greatest.deepsurf.us/scripts/421603'
  3201. }
  3202. });
  3203. this.btnnav = make('mujs-btn', 'nav', {
  3204. title: 'Navigation',
  3205. innerHTML: iconSVG.load('nav'),
  3206. dataset: {
  3207. command: 'navigation'
  3208. }
  3209. });
  3210. const makeTHead = (rows = []) => {
  3211. const tr = make('tr');
  3212. for (const r of rows) {
  3213. const tparent = make('th', r.class ?? '', r);
  3214. tr.append(tparent);
  3215. }
  3216. this.tabhead.append(tr);
  3217. this.table.append(this.tabhead, this.tabbody);
  3218. };
  3219. makeTHead([
  3220. {
  3221. class: 'mujs-header-name',
  3222. textContent: i18n$('name')
  3223. },
  3224. {
  3225. textContent: i18n$('createdby')
  3226. },
  3227. {
  3228. textContent: i18n$('daily_installs')
  3229. },
  3230. {
  3231. textContent: i18n$('updated')
  3232. },
  3233. {
  3234. textContent: i18n$('install')
  3235. }
  3236. ]);
  3237. // #endregion
  3238. if (isMobile) {
  3239. dom.cl.add([this.btnHide, this.btnfullscreen, this.closebtn], 'hidden');
  3240. this.btnframe.append(
  3241. this.btnHide,
  3242. this.btnfullscreen,
  3243. this.closebtn,
  3244. this.btnhome,
  3245. this.btngreasy,
  3246. this.btnissue,
  3247. this.btncfg,
  3248. this.btnnav
  3249. );
  3250. } else {
  3251. this.btnHandles.append(this.btnHide, this.btnfullscreen, this.closebtn);
  3252. this.btnframe.append(this.btnhome, this.btngreasy, this.btnissue, this.btncfg, this.btnnav);
  3253. }
  3254. this.toolbar.append(this.btnHandles);
  3255. this.urlContainer.append(this.urlBar);
  3256. this.header.append(this.urlContainer, this.rateContainer, this.countframe, this.btnframe);
  3257. this.tbody.append(this.table, this.cfgpage);
  3258. this.main.append(this.toolbar, this.header, this.tbody, this.footer, this.promptElem);
  3259. this.mainframe.append(this.mainbtn);
  3260. this.root.append(this.mainframe, this.main);
  3261.  
  3262. return true;
  3263. } catch (ex) {
  3264. err(ex);
  3265. }
  3266. return false;
  3267. }
  3268. remove() {
  3269. this.hostCache.clear();
  3270. this.userjsCache.clear();
  3271. dom.remove(this.frame);
  3272. }
  3273. async save() {
  3274. this.unsaved = false;
  3275. await StorageSystem.setValue('Config', cfg);
  3276. info('Saved config:', cfg);
  3277. this.redirect();
  3278. return cfg;
  3279. }
  3280. /**
  3281. * @param { string } css - CSS to inject
  3282. * @param { string } name - Name of stylesheet
  3283. * @return { HTMLStyleElement | undefined } Style element
  3284. */
  3285. loadCSS(css, name = 'CSS') {
  3286. try {
  3287. if (typeof name !== 'string')
  3288. throw new Error('"name" must be a typeof "string"', { cause: 'loadCSS' });
  3289. if (qs(`style[data-role="${name}"]`, this.root))
  3290. return qs(`style[data-role="${name}"]`, this.root);
  3291. if (typeof css !== 'string')
  3292. throw new Error('"css" must be a typeof "string"', { cause: 'loadCSS' });
  3293. if (isBlank(css))
  3294. throw new Error(`"${name}" contains empty CSS string`, { cause: 'loadCSS' });
  3295. const parent = isEmpty(this.root.shadowRoot) ? this.root : this.root.shadowRoot;
  3296. if (isGM) {
  3297. const fn = isFN(GM.addElement)
  3298. ? GM.addElement
  3299. : isFN(GM_addElement)
  3300. ? GM_addElement
  3301. : BLANK_FN;
  3302. const sty = fn(parent, 'style', { textContent: css });
  3303. if (isElem(sty)) {
  3304. sty.dataset.insertedBy = $info.script.name;
  3305. sty.dataset.role = name;
  3306. return sty;
  3307. }
  3308. }
  3309. const sty = make('style', {
  3310. textContent: css,
  3311. dataset: {
  3312. insertedBy: $info.script.name,
  3313. role: name
  3314. }
  3315. });
  3316. parent.appendChild(sty);
  3317. return sty;
  3318. } catch (ex) {
  3319. err(ex);
  3320. }
  3321. }
  3322. checkBlacklist(str) {
  3323. str = str || this.host;
  3324. if (/accounts*\.google\./.test(this.webpage.host)) {
  3325. this.isBlacklisted = true;
  3326. return this.isBlacklisted;
  3327. }
  3328. let blacklisted = false;
  3329. for (const b of normalizeTarget(cfg.blacklist)) {
  3330. if (typeof b === 'string') {
  3331. if (b.startsWith('userjs-')) {
  3332. const r = /userjs-(\w+)/.exec(b)[1];
  3333. const biList = builtinList[r];
  3334. if (isRegExp(biList)) {
  3335. if (!biList.test(str)) continue;
  3336. blacklisted = true;
  3337. } else if (isObj(biList) && biList.host === this.host) {
  3338. blacklisted = true;
  3339. }
  3340. }
  3341. } else if (isObj(b)) {
  3342. if (!b.enabled) {
  3343. continue;
  3344. }
  3345. if (b.regex === true) {
  3346. const reg = new RegExp(b.url, b.flags);
  3347. if (!reg.test(str)) continue;
  3348. blacklisted = true;
  3349. }
  3350. if (Array.isArray(b.url)) {
  3351. for (const c of b.url) {
  3352. if (!str.includes(c)) continue;
  3353. blacklisted = true;
  3354. }
  3355. }
  3356. if (!str.includes(b.url)) continue;
  3357. blacklisted = true;
  3358. }
  3359. }
  3360. this.isBlacklisted = blacklisted;
  3361. return this.isBlacklisted;
  3362. }
  3363. setTheme() {
  3364. const theme = cfg.theme ?? DEFAULT_CONFIG.theme;
  3365. if (theme === DEFAULT_CONFIG.theme) {
  3366. return;
  3367. }
  3368. const sty = this.root.style;
  3369. for (const [k, v] of Object.entries(theme)) {
  3370. const str = `--mujs-${k}`;
  3371. const prop = sty.getPropertyValue(str);
  3372. if (isEmpty(v)) theme[k] = prop;
  3373. if (prop === v) continue;
  3374. sty.removeProperty(str);
  3375. sty.setProperty(str, v);
  3376. }
  3377. }
  3378. makePrompt(txt, dataset = {}, usePrompt = true) {
  3379. for (const elem of normalizeTarget(qsA('.prompt', this.promptElem))) {
  3380. if (elem.dataset.prompt) elem.remove();
  3381. }
  3382. const el = make('mu-js', 'prompt', {
  3383. dataset: {
  3384. prompt: txt
  3385. }
  3386. });
  3387. const elHead = make('mu-js', 'prompt-head', {
  3388. innerHTML: `${iconSVG.load('refresh')} ${txt}`
  3389. });
  3390. el.append(elHead);
  3391. if (usePrompt) {
  3392. const elPrompt = make('mu-js', 'prompt-body', { dataset });
  3393. const elYes = make('mujs-btn', 'prompt-confirm', {
  3394. innerHTML: 'Confirm',
  3395. dataset: {
  3396. command: 'prompt-confirm'
  3397. }
  3398. });
  3399. const elNo = make('mujs-btn', 'prompt-deny', {
  3400. innerHTML: 'Deny',
  3401. dataset: {
  3402. command: 'prompt-deny'
  3403. }
  3404. });
  3405. elPrompt.append(elYes, elNo);
  3406. el.append(elPrompt);
  3407. } else {
  3408. const elPrompt = make('mu-js', 'prompt-body');
  3409. const elNo = make('mujs-btn', 'prompt-deny', {
  3410. textContent: i18n$('close')
  3411. });
  3412. ael(elNo, isMobile ? 'touchend' : 'click', () => {
  3413. el.remove();
  3414. });
  3415. elPrompt.append(elNo);
  3416. el.append(elPrompt);
  3417. }
  3418. this.promptElem.append(el);
  3419. return el;
  3420. }
  3421. /**
  3422. * @template {string | Error} E
  3423. * @param {...E} ex
  3424. */
  3425. showError(...ex) {
  3426. err(...ex);
  3427. const error = make('mu-js', 'error');
  3428. let str = '';
  3429. for (const e of ex) {
  3430. str += `${typeof e === 'string' ? e : `${e.cause ? `[${e.cause}] ` : ''}${e.message}${e.stack ? ` ${e.stack}` : ''}`}\n`;
  3431. }
  3432. const { createTextNode } = _self;
  3433. error.appendChild(createTextNode(str));
  3434. this.footer.append(error);
  3435. }
  3436. refresh() {
  3437. this.urlBar.placeholder = i18n$('newTab');
  3438. Counter.reset();
  3439. dom.cl.remove(this.toElem(), 'hidden');
  3440. dom.cl.remove(cfgSec, 'hidden');
  3441. dom.prop([this.tabbody, this.rateContainer, this.footer], 'innerHTML', '');
  3442. }
  3443. /**
  3444. * Redirects sleazyfork userscripts from greatest.deepsurf.us to sleazyfork.org
  3445. *
  3446. * Taken from: https://greatest.deepsurf.us/scripts/23840
  3447. */
  3448. redirect() {
  3449. const locObj = window.top.location;
  3450. const { hostname } = locObj;
  3451. const gfSite = /greasyfork\.org/.test(hostname);
  3452. if (!gfSite && cfg.sleazyredirect) {
  3453. return;
  3454. }
  3455. const otherSite = gfSite ? 'sleazyfork' : 'greasyfork';
  3456. if (!qs('span.sign-in-link')) {
  3457. return;
  3458. }
  3459. if (!/scripts\/\d+/.test(locObj.href)) {
  3460. return;
  3461. }
  3462. if (
  3463. !qs('#script-info') &&
  3464. (otherSite == 'greasyfork' || qs('div.width-constraint>section>p>a'))
  3465. ) {
  3466. const str = locObj.href.replace(
  3467. /\/\/([^.]+\.)?(greasyfork|sleazyfork)\.org/,
  3468. '//$1' + otherSite + '.org'
  3469. );
  3470. info(`Redirecting to "${str}"`);
  3471. if (isFN(locObj.assign)) {
  3472. locObj.assign(str);
  3473. } else {
  3474. locObj.href = str;
  3475. }
  3476. }
  3477. }
  3478. /**
  3479. * @param {number} [time]
  3480. */
  3481. async timeoutFrame(time) {
  3482. const frameTimeout = this.timeouts.frame;
  3483. frameTimeout.clear(...frameTimeout.ids);
  3484. if (dom.cl.has(this.mainframe, 'hidden')) {
  3485. return;
  3486. }
  3487. time = time ?? cfg.time ?? DEFAULT_CONFIG.time;
  3488. let n = 10000;
  3489. if (typeof time === 'number' && !Number.isNaN(time)) {
  3490. n = this.isBlacklisted ? time / 2 : time;
  3491. }
  3492. await frameTimeout.set(n);
  3493. this.remove();
  3494. frameTimeout.clear(...frameTimeout.ids);
  3495. }
  3496. toElem() {
  3497. return Array.from(this).map(({ _mujs }) => {
  3498. return _mujs.root;
  3499. });
  3500. }
  3501. *[Symbol.iterator]() {
  3502. const arr = Array.from(this.userjsCache.values()).filter(({ _mujs }) => {
  3503. return !isEmpty(_mujs) && _mujs.info.engine.enabled;
  3504. });
  3505. for (const userjs of arr) {
  3506. yield userjs;
  3507. }
  3508. }
  3509. }
  3510. const container = new Container();
  3511. // #endregion
  3512. // #region Primary Function
  3513. function primaryFN() {
  3514. const respHandles = {
  3515. build: BLANK_ASYNC_FN
  3516. };
  3517. try {
  3518. const { scheduler } = _self;
  3519. const {
  3520. mainframe,
  3521. urlBar,
  3522. rateContainer,
  3523. footer,
  3524. tabbody,
  3525. cfgpage,
  3526. btnfullscreen,
  3527. main,
  3528. Tabs,
  3529. showError
  3530. } = container;
  3531. const reloadCfg = () => {
  3532. for (const base of cfgBase) {
  3533. const nm = /^(\w+)-(.+)/.exec(base.value);
  3534. const d = (() => {
  3535. if (base.tag === 'engine') {
  3536. const engine = DEFAULT_CONFIG.engines.find((engine) => engine.name === base.value);
  3537. if (engine) {
  3538. return engine;
  3539. }
  3540. }
  3541. if (nm) {
  3542. return DEFAULT_CONFIG[nm[1]][nm[2]];
  3543. }
  3544. return DEFAULT_CONFIG[base.value];
  3545. })();
  3546. const v = (() => {
  3547. if (base.tag === 'engine') {
  3548. const engine = cfg.engines.find((engine) => engine.name === base.value);
  3549. if (engine) {
  3550. return engine;
  3551. }
  3552. }
  3553. if (nm) {
  3554. return cfg[nm[1]][nm[2]];
  3555. }
  3556. return cfg[base.value];
  3557. })();
  3558. base.cache = v;
  3559. if (base.type === 'checkbox') {
  3560. if (nm) {
  3561. if (nm[1] === 'filters') {
  3562. base.elem.checked = cfg[nm[1]][nm[2]].enabled;
  3563. } else {
  3564. base.elem.checked = v;
  3565. }
  3566. } else if (base.tag === 'engine') {
  3567. base.elem.checked = v.enabled;
  3568. base.elemUrl.value = decode(v.query);
  3569. base.elemUrl.placeholder = decode(d.query);
  3570. if (base.elemToken) {
  3571. base.elemToken = v.token;
  3572. }
  3573. }
  3574. } else {
  3575. base.elem.value = v;
  3576. }
  3577. }
  3578. container.setTheme();
  3579. };
  3580. const doInstallProcess = async (installLink) => {
  3581. const locObj = window.top.location;
  3582. if (isFN(locObj.assign)) {
  3583. locObj.assign(installLink.href);
  3584. } else {
  3585. locObj.href = installLink.href;
  3586. }
  3587. installLink.remove();
  3588. await init();
  3589. };
  3590. const doDownloadProcess = async (details) => {
  3591. if (!details.url) {
  3592. return;
  3593. }
  3594. const a = make('a');
  3595. a.href = details.url;
  3596. a.setAttribute('download', details.filename || '');
  3597. a.setAttribute('type', 'text/plain');
  3598. a.dispatchEvent(new MouseEvent('click'));
  3599. await init();
  3600. };
  3601. const applyTo = (ujs, name, elem, root) => {
  3602. const n = ujs._mujs.code[name] ?? ujs._mujs.code.data_meta[name];
  3603. if (isEmpty(n)) {
  3604. const el = make('mujs-a', {
  3605. textContent: i18n$('listing_none')
  3606. });
  3607. elem.append(el);
  3608. return;
  3609. }
  3610. dom.prop(elem, 'innerHTML', '');
  3611. dom.cl.remove(root, 'hidden');
  3612. if (isObj(n)) {
  3613. if (name === 'resource') {
  3614. for (const [k, v] of Object.entries(n)) {
  3615. const el = make('mujs-a', {
  3616. textContent: k ?? 'ERROR'
  3617. });
  3618. if (v.startsWith('http')) {
  3619. el.dataset.command = 'open-tab';
  3620. el.dataset.webpage = v;
  3621. }
  3622. elem.append(el);
  3623. }
  3624. } else {
  3625. const el = make('mujs-a', {
  3626. textContent: n.text
  3627. });
  3628. if (n.domain) {
  3629. el.dataset.command = 'open-tab';
  3630. el.dataset.webpage = `https://${n.text}`;
  3631. }
  3632. elem.append(el);
  3633. }
  3634. } else if (typeof n === 'string') {
  3635. const el = make('mujs-a', {
  3636. textContent: n
  3637. });
  3638. elem.append(el);
  3639. } else {
  3640. for (const c of n) {
  3641. if (typeof c === 'string' && c.startsWith('http')) {
  3642. const el = make('mujs-a', {
  3643. textContent: c,
  3644. dataset: {
  3645. command: 'open-tab',
  3646. webpage: c
  3647. }
  3648. });
  3649. elem.append(el);
  3650. } else if (isObj(c)) {
  3651. const el = make('mujs-a', {
  3652. textContent: c.text
  3653. });
  3654. if (c.domain) {
  3655. el.dataset.command = 'open-tab';
  3656. el.dataset.webpage = `https://${c.text}`;
  3657. }
  3658. elem.append(el);
  3659. } else {
  3660. const el = make('mujs-a', {
  3661. textContent: c
  3662. });
  3663. elem.append(el);
  3664. }
  3665. }
  3666. }
  3667. };
  3668. // #region Main event handlers
  3669. const frameTimeout = container.timeouts.frame;
  3670. ael(main, isMobile ? 'touchend' : 'click', async (evt) => {
  3671. try {
  3672. /** @type { HTMLElement } */
  3673. const target = evt.target.closest('[data-command]');
  3674. if (!target) {
  3675. return;
  3676. }
  3677. let dataset = target.dataset;
  3678. let cmd = dataset.command;
  3679. if (/^prompt-/.test(target.dataset.command)) {
  3680. dataset = target.parentElement.dataset;
  3681. cmd = dataset.command;
  3682. let pElem = target.parentElement.parentElement;
  3683. if (/prompt-install/.test(target.dataset.command)) {
  3684. pElem = target.parentElement.parentElement.parentElement;
  3685. const a = make('a', {
  3686. onclick(evt) {
  3687. evt.preventDefault();
  3688. doInstallProcess(evt.target);
  3689. }
  3690. });
  3691. a.href = target.dataset.code_url;
  3692. a.click();
  3693. } else if (/prompt-download/.test(target.dataset.command)) {
  3694. pElem = target.parentElement.parentElement.parentElement;
  3695. const dataUserJS = container.userjsCache.get(+target.dataset.userjs);
  3696. if (dataUserJS) {
  3697. const code_obj = await dataUserJS._mujs.code.request(false, target.dataset.code_url);
  3698. if (typeof code_obj.code === 'string')
  3699. doDownloadProcess({
  3700. url: 'data:text/plain;charset=utf-8,' + encodeURIComponent(code_obj.code),
  3701. filename: `${dataUserJS.name}${isUserCSS(target.dataset.code_url) ? '.user.css' : '.user.js'}`
  3702. });
  3703. }
  3704. }
  3705. pElem.remove();
  3706. return;
  3707. }
  3708. if (cmd === 'install-script') {
  3709. const dataUserJS = container.userjsCache.get(+dataset.userjs);
  3710. if (isNull(dataUserJS)) {
  3711. return;
  3712. }
  3713. if (dataUserJS.code_urls.length > 1) {
  3714. const list = make('mujs-list', {
  3715. style: 'display: flex; flex-direction: column;'
  3716. });
  3717. for (const ujs of dataUserJS.code_urls) {
  3718. const a = make('mujs-a', {
  3719. title: ujs.code_url,
  3720. textContent: ujs.name,
  3721. dataset: {
  3722. command: 'prompt-install',
  3723. code_url: ujs.code_url
  3724. }
  3725. });
  3726. list.append(a);
  3727. }
  3728. container.makePrompt(`Multiple detected: ${list.outerHTML}`, dataset, false);
  3729. } else {
  3730. const a = make('a', {
  3731. onclick(evt) {
  3732. evt.preventDefault();
  3733. doInstallProcess(evt.target);
  3734. }
  3735. });
  3736. a.href = dataUserJS.code_url;
  3737. a.click();
  3738. }
  3739. } else if (cmd === 'open-tab' && dataset.webpage) {
  3740. if (isGM) {
  3741. if (isFN(GM.openInTab)) {
  3742. return GM.openInTab(dataset.webpage);
  3743. } else if (isFN(GM_openInTab)) {
  3744. return GM_openInTab(dataset.webpage, {
  3745. active: true,
  3746. insert: true
  3747. });
  3748. }
  3749. }
  3750. return window.open(dataset.webpage, '_blank');
  3751. } else if (cmd === 'navigation') {
  3752. for (const e of normalizeTarget(qsA('mujs-btn', target.parentElement)).filter(
  3753. (e) => !dom.cl.has(e, 'nav')
  3754. )) {
  3755. dom.cl.toggle(e, 'hidden');
  3756. }
  3757. } else if (cmd === 'list-description') {
  3758. const arr = [];
  3759. const ignoreTags = new Set(['TD', 'MUJS-A', 'MU-JS']);
  3760. for (const node of Object.values(target.parentElement._mujs)) {
  3761. if (ignoreTags.has(node.tagName)) {
  3762. continue;
  3763. }
  3764. if (node.tagName === 'TEXTAREA' && isEmpty(node.value)) {
  3765. continue;
  3766. }
  3767. arr.push(node);
  3768. }
  3769. if (target.nextElementSibling) {
  3770. arr.push(target.nextElementSibling);
  3771. if (target.nextElementSibling.nextElementSibling) {
  3772. arr.push(target.nextElementSibling.nextElementSibling);
  3773. }
  3774. }
  3775. if (dom.cl.has(arr[0], 'hidden')) {
  3776. dom.cl.remove(arr, 'hidden');
  3777. } else {
  3778. dom.cl.add(arr, 'hidden');
  3779. }
  3780. } else if (cmd === 'close') {
  3781. container.remove();
  3782. } else if (cmd === 'fullscreen') {
  3783. if (dom.cl.has(btnfullscreen, 'expanded')) {
  3784. dom.cl.remove([btnfullscreen, main], 'expanded');
  3785. dom.prop(btnfullscreen, 'innerHTML', iconSVG.load('expand'));
  3786. } else {
  3787. dom.cl.add([btnfullscreen, main], 'expanded');
  3788. dom.prop(btnfullscreen, 'innerHTML', iconSVG.load('collapse'));
  3789. }
  3790. } else if (cmd === 'hide-list') {
  3791. dom.cl.add(main, 'hidden');
  3792. dom.cl.remove(mainframe, 'hidden');
  3793. container.timeoutFrame();
  3794. } else if (cmd === 'save') {
  3795. container.rebuild = true;
  3796. dom.prop(rateContainer, 'innerHTML', '');
  3797. if (!dom.prop(target, 'disabled')) {
  3798. const config = await container.save();
  3799. if (container.rebuild) {
  3800. if (config.autofetch) {
  3801. respHandles.build();
  3802. }
  3803. }
  3804. container.unsaved = false;
  3805. container.rebuild = false;
  3806. }
  3807. } else if (cmd === 'reset') {
  3808. cfg = DEFAULT_CONFIG;
  3809. dom.remove(qsA('.error', footer));
  3810. container.unsaved = true;
  3811. container.rebuild = true;
  3812. reloadCfg();
  3813. } else if (cmd === 'settings') {
  3814. if (container.unsaved) {
  3815. showError('Unsaved changes');
  3816. }
  3817. Tabs.create('mujs:settings');
  3818. container.rebuild = false;
  3819. } else if (cmd === 'new-tab') {
  3820. Tabs.create();
  3821. } else if (cmd === 'switch-tab') {
  3822. Tabs.active(target);
  3823. } else if (cmd === 'close-tab' && target.parentElement) {
  3824. Tabs.close(target.parentElement);
  3825. } else if (cmd === 'download-userjs') {
  3826. const dataUserJS = container.userjsCache.get(+dataset.userjs);
  3827. if (isNull(dataUserJS)) {
  3828. return;
  3829. }
  3830.  
  3831. if (dataUserJS.code_urls.length > 1) {
  3832. const list = make('mujs-list', {
  3833. style: 'display: flex; flex-direction: column;'
  3834. });
  3835. for (const ujs of dataUserJS.code_urls) {
  3836. const a = make('mujs-a', {
  3837. title: ujs.code_url,
  3838. textContent: ujs.name,
  3839. dataset: {
  3840. command: 'prompt-download',
  3841. code_url: ujs.code_url,
  3842. userjs: dataset.userjs
  3843. }
  3844. });
  3845. list.append(a);
  3846. }
  3847. container.makePrompt(`Multiple detected: ${list.outerHTML}`, dataset, false);
  3848. } else {
  3849. const code_obj = await dataUserJS._mujs.code.request(false);
  3850. if (typeof code_obj.code === 'string')
  3851. doDownloadProcess({
  3852. url: 'data:text/plain;charset=utf-8,' + encodeURIComponent(code_obj.code),
  3853. filename: `${dataUserJS.name}${isUserCSS(dataUserJS.code_url) ? '.user.css' : '.user.js'}`
  3854. });
  3855. }
  3856. } else if (cmd === 'load-userjs' || cmd === 'load-header') {
  3857. if (!container.userjsCache.has(+dataset.userjs)) {
  3858. return;
  3859. }
  3860. const codeArea = qs('textarea', target.parentElement.parentElement);
  3861. if (!isEmpty(codeArea.value) && cmd === codeArea.dataset.load) {
  3862. dom.cl.toggle(codeArea, 'hidden');
  3863. return;
  3864. }
  3865. codeArea.dataset.load = cmd;
  3866. const dataUserJS = container.userjsCache.get(+dataset.userjs);
  3867. const code_obj = await dataUserJS._mujs.code.request();
  3868. if (typeof code_obj.data_code_block !== 'string') {
  3869. codeArea.value = 'An error occured';
  3870. return;
  3871. }
  3872. codeArea.value =
  3873. cmd === 'load-userjs' ? code_obj.data_code_block : code_obj.data_meta_block;
  3874. dom.cl.remove(codeArea, 'hidden');
  3875. for (const e of qsA(
  3876. 'mujs-column[data-el="matches"]',
  3877. target.parentElement.parentElement
  3878. )) {
  3879. applyTo(dataUserJS, e.dataset.type, qs('.mujs-grants', e), e);
  3880. }
  3881. } else if (cmd === 'load-page') {
  3882. if (!container.userjsCache.has(+dataset.userjs)) {
  3883. return;
  3884. }
  3885. let pageArea = qs('mujs-page', target.parentElement.parentElement);
  3886. if (!pageArea) {
  3887. pageArea = make('mujs-page');
  3888. target.parentElement.parentElement.append(pageArea);
  3889. const dataUserJS = container.userjsCache.get(+dataset.userjs);
  3890. const engine = dataUserJS._mujs.info.engine;
  3891. let pageURL;
  3892. if (engine.name.includes('fork')) {
  3893. const { navigator } = _self;
  3894. const current = navigator.language.split('-')[0] ?? 'en';
  3895. pageURL = dataUserJS.url.replace(
  3896. /\/scripts/,
  3897. `/${/^(zh|fr|es)/.test(current) ? navigator.language : current}/scripts`
  3898. );
  3899. } else if (engine.name.includes('github')) {
  3900. const page_url = await Network.req(dataUserJS.page_url, 'GET', 'json', {
  3901. headers: {
  3902. Accept: 'application/vnd.github+json',
  3903. Authorization: `Bearer ${engine.token}`,
  3904. 'X-GitHub-Api-Version': '2022-11-28'
  3905. }
  3906. }).catch(() => {
  3907. return {};
  3908. });
  3909. if (!page_url.download_url) {
  3910. return;
  3911. }
  3912. const page = await Network.req(page_url.download_url, 'GET', 'text');
  3913. if (container.supported) {
  3914. const shadow = pageArea.attachShadow({ mode: 'closed' });
  3915. const div = make('div', {
  3916. innerHTML: page
  3917. });
  3918. shadow.append(div);
  3919. }
  3920. return;
  3921. } else {
  3922. pageURL = dataUserJS.url;
  3923. }
  3924. if (!pageURL) {
  3925. return;
  3926. }
  3927. const page = await Network.req(pageURL, 'GET', 'document');
  3928. const getContent = () => {
  3929. let content = 'An error occured';
  3930. const h = new URL(dataUserJS.url);
  3931. const root = qs('.user-content', page.documentElement);
  3932. for (const e of qsA('[href]', root)) {
  3933. e.target = '_blank';
  3934. e.style = 'pointer-events: auto;';
  3935. if (e.href.startsWith('/')) {
  3936. e.href = `${h.origin}${e.href}`;
  3937. }
  3938. }
  3939. for (const e of qsA('img[src]', root)) {
  3940. e.style =
  3941. 'max-width: 25em; max-height: 25em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;';
  3942. }
  3943. if (root) {
  3944. content = root.innerHTML;
  3945. } else {
  3946. content = 'No additional info available';
  3947. }
  3948. return content;
  3949. };
  3950. if (container.supported) {
  3951. const shadow = pageArea.attachShadow({ mode: 'closed' });
  3952. const div = make('div', {
  3953. style: 'pointer-events: none;',
  3954. innerHTML: getContent()
  3955. });
  3956. shadow.append(div);
  3957. }
  3958. return;
  3959. }
  3960. if (!dom.cl.has(pageArea, 'hidden')) {
  3961. dom.cl.add(pageArea, 'hidden');
  3962. return;
  3963. }
  3964. dom.cl.remove(pageArea, 'hidden');
  3965. } else if (/export-/.test(cmd)) {
  3966. const toCfg = cmd === 'export-cfg';
  3967. doDownloadProcess({
  3968. url:
  3969. 'data:text/plain;charset=utf-8,' +
  3970. encodeURIComponent(JSON.stringify(toCfg ? cfg : cfg.theme, null, ' ')),
  3971. filename: `Magic_Userscript_${toCfg ? 'config' : 'theme'}.json`
  3972. });
  3973. } else if (/import-/.test(cmd)) {
  3974. if (qs('input', target.parentElement)) {
  3975. qs('input', target.parentElement).click();
  3976. return;
  3977. }
  3978. const inpJSON = make('input', 'hidden', {
  3979. type: 'file',
  3980. accept: '.json',
  3981. onchange(evt) {
  3982. const file = evt.target.files[0];
  3983. if (file === undefined || file.name === '') {
  3984. return;
  3985. }
  3986. const fr = new FileReader();
  3987. fr.onload = function () {
  3988. if (typeof fr.result !== 'string') {
  3989. return;
  3990. }
  3991. const content = JSON.parse(fr.result);
  3992. if (content.blacklist) {
  3993. cfg = content;
  3994. container.unsaved = true;
  3995. container.rebuild = true;
  3996. reloadCfg();
  3997. container.save().then((config) => {
  3998. if (config.autofetch) {
  3999. respHandles.build();
  4000. }
  4001. container.unsaved = false;
  4002. container.rebuild = false;
  4003. });
  4004. } else {
  4005. cfg.theme = content;
  4006. container.setTheme();
  4007. }
  4008. inpJSON.remove();
  4009. };
  4010. fr.readAsText(file);
  4011. }
  4012. });
  4013. target.parentElement.append(inpJSON);
  4014. inpJSON.click();
  4015. }
  4016. } catch (ex) {
  4017. showError(ex);
  4018. }
  4019. });
  4020. ael(main, 'auxclick', (evt) => {
  4021. if (evt.button !== 1) {
  4022. return;
  4023. }
  4024. /** @type { HTMLElement } */
  4025. const target = evt.target.closest('[data-command]');
  4026. if (!target) {
  4027. return;
  4028. }
  4029. const dataset = target.dataset;
  4030. const cmd = dataset.command;
  4031. if (cmd === 'switch-tab' || cmd === 'close-tab') {
  4032. Tabs.close(target);
  4033. } else if (cmd === 'new-tab') {
  4034. Tabs.create();
  4035. }
  4036. });
  4037. if (!isMobile) {
  4038. const fade = async (target, type) => {
  4039. if (type === 'mouseenter') {
  4040. frameTimeout.clear(...frameTimeout.ids);
  4041. container.timeouts.mouse.clear(...container.timeouts.mouse.ids);
  4042. target.style.opacity = container.opacityMax;
  4043. } else if (type === 'mouseleave') {
  4044. await container.timeouts.mouse.set(cfg.time);
  4045. target.style.opacity = container.opacityMin;
  4046. }
  4047. };
  4048. for (const e of ['mouseenter', 'mouseleave']) {
  4049. ael(main, e, (evt) => {
  4050. evt.preventDefault();
  4051. evt.stopPropagation();
  4052. fade(evt.target, evt.type);
  4053. });
  4054. }
  4055. }
  4056. /**
  4057. * @param {CustomEvent<import("../typings/types.d.ts").GSForkQuery>} evt
  4058. */
  4059. const updatedItem = (evt) => {
  4060. const ujs = evt.detail;
  4061. if (!ujs._mujs) return;
  4062. if (ujs.deleted === true) {
  4063. ujs._mujs.root.remove();
  4064. container.userjsCache.delete(ujs.id);
  4065. Counter.reset();
  4066. MUList.sortRecords();
  4067. return;
  4068. }
  4069. if (!isEmpty(ujs.code_urls)) ujs.code_url = ujs.code_urls[0].code_url;
  4070. for (const elem of qsA('[data-name]', ujs._mujs.root)) {
  4071. const name = elem.dataset.name;
  4072. if (name === 'code') {
  4073. if (ujs._mujs.code.data_code_block) {
  4074. if (cfg.preview.code && !cfg.preview.metadata) {
  4075. elem.value = ujs._mujs.code.data_code_block;
  4076. } else if (cfg.preview.metadata && !cfg.preview.code) {
  4077. elem.value = ujs._mujs.code.data_meta_block;
  4078. } else {
  4079. 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}`;
  4080. }
  4081. }
  4082. continue;
  4083. }
  4084. if (!ujs[name]) continue;
  4085. if (name === 'license') {
  4086. dom.attr(elem, 'title', ujs.license ?? i18n$('no_license'));
  4087. dom.text(elem, `${i18n$('license')}: ${ujs.license ?? i18n$('no_license')}`);
  4088. } else if (name === 'code_updated_at') {
  4089. dom.text(elem, language.toDate(ujs.code_updated_at));
  4090. elem.dataset.value = new Date(ujs.code_updated_at).toISOString();
  4091. } else if (name === 'created_date') {
  4092. dom.text(elem, `${i18n$('created_date')}: ${language.toDate(ujs.created_at)}`);
  4093. elem.dataset.value = new Date(ujs.created_at).toISOString();
  4094. } else if (name === 'total_installs') {
  4095. dom.text(elem, `${i18n$('total_installs')}: ${language.toNumber(ujs.total_installs)}`);
  4096. } else {
  4097. dom.text(elem, ujs[name]);
  4098. }
  4099. }
  4100. if (ujs._mujs.code.data_code_block) {
  4101. for (const e of qsA('mujs-column[data-el="matches"]', ujs._mujs.root)) {
  4102. applyTo(ujs, e.dataset.type, qs('.mujs-grants', e), e);
  4103. }
  4104. }
  4105. if (container.userjsCache.has(ujs.id)) container.userjsCache.set(ujs.id, ujs);
  4106. };
  4107. ael(main, 'updateditem', updatedItem);
  4108. // #endregion
  4109. const TLD_EXPANSION = ['com', 'net', 'org', 'de', 'co.uk'];
  4110. const APPLIES_TO_ALL_PATTERNS = [
  4111. 'http://*',
  4112. 'https://*',
  4113. 'http://*/*',
  4114. 'https://*/*',
  4115. 'http*://*',
  4116. 'http*://*/*',
  4117. '*',
  4118. '*://*',
  4119. '*://*/*',
  4120. 'http*'
  4121. ];
  4122. class ParseUserJS {
  4123. /**
  4124. * @type { string }
  4125. */
  4126. code;
  4127. /**
  4128. * @type { string }
  4129. */
  4130. data_meta_block;
  4131. /**
  4132. * @type { string }
  4133. */
  4134. data_code_block;
  4135. /**
  4136. * @type { { [meta: string]: string | string[] | { [resource: string]: string } } }
  4137. */
  4138. data_meta;
  4139. /**
  4140. * @type { {text: string;domain: boolean;tld_extra: boolean}[] }
  4141. */
  4142. data_names;
  4143. constructor(code, isCSS) {
  4144. this.isUserCSS = isCSS === true;
  4145. this.META_START_COMMENT = this.isUserCSS ? '/* ==UserStyle==' : '// ==UserScript==';
  4146. this.META_END_COMMENT = this.isUserCSS ? '==/UserStyle== */' : '// ==/UserScript==';
  4147. if (code) {
  4148. this.code = code;
  4149. this.get_meta_block();
  4150. this.get_code_block();
  4151. this.parse_meta();
  4152. this.calculate_applies_to_names();
  4153. }
  4154. }
  4155. get_meta_block() {
  4156. if (isEmpty(this.code)) {
  4157. return '';
  4158. }
  4159. if (this.data_meta_block) {
  4160. return this.data_meta_block;
  4161. }
  4162. const start_block = this.code.indexOf(this.META_START_COMMENT);
  4163. if (isNull(start_block)) {
  4164. return '';
  4165. }
  4166. const end_block = this.code.indexOf(this.META_END_COMMENT, start_block);
  4167. if (isNull(end_block)) {
  4168. return '';
  4169. }
  4170. const meta_block = this.code.substring(
  4171. start_block + this.META_START_COMMENT.length,
  4172. end_block
  4173. );
  4174. this.data_meta_block = meta_block;
  4175. return this.data_meta_block;
  4176. }
  4177. get_code_block() {
  4178. if (isEmpty(this.code)) {
  4179. return '';
  4180. }
  4181. if (this.data_code_block) {
  4182. return this.data_code_block;
  4183. }
  4184. const start_block = this.code.indexOf(this.META_START_COMMENT);
  4185. if (isNull(start_block)) {
  4186. return null;
  4187. }
  4188. const end_block = this.code.indexOf(this.META_END_COMMENT, start_block);
  4189. if (isNull(end_block)) {
  4190. return null;
  4191. }
  4192. const code_block = this.code.substring(
  4193. end_block + this.META_END_COMMENT.length,
  4194. this.code.length
  4195. );
  4196. this.data_code_block = code_block.split('\n').filter(Boolean).join('\n');
  4197. return this.data_code_block;
  4198. }
  4199. parse_meta() {
  4200. if (isEmpty(this.code)) {
  4201. return {};
  4202. }
  4203. if (this.data_meta) {
  4204. return this.data_meta;
  4205. }
  4206. const meta = {};
  4207. const meta_block_map = new Map();
  4208. for (const meta_line of this.get_meta_block().split('\n').filter(Boolean)) {
  4209. const meta_match = /\/\/\s+@([a-zA-Z:-]+)\s+(.*)/.exec(meta_line);
  4210. if (!meta_match) continue;
  4211. const key = meta_match[1].trim();
  4212. const value = meta_match[2].trim();
  4213. if (!meta_block_map.has(key)) meta_block_map.set(key, []);
  4214. const meta_map = meta_block_map.get(key);
  4215. meta_map.push(value);
  4216. meta_block_map.set(key, meta_map);
  4217. }
  4218. for (const [key, value] of meta_block_map) {
  4219. if (value.length > 1) {
  4220. meta[key] = value;
  4221. } else {
  4222. meta[key] = value[0];
  4223. }
  4224. }
  4225. this.data_meta = meta;
  4226. return this.data_meta;
  4227. }
  4228. calculate_applies_to_names() {
  4229. if (isEmpty(this.code)) {
  4230. return [];
  4231. }
  4232. if (this.data_names) {
  4233. return this.data_names;
  4234. }
  4235. let patterns = [];
  4236. for (const [k, v] of Object.entries(this.parse_meta())) {
  4237. if (/include|match/i.test(k)) {
  4238. if (Array.isArray(v)) {
  4239. patterns = patterns.concat(v);
  4240. } else {
  4241. patterns = patterns.concat([v]);
  4242. }
  4243. }
  4244. }
  4245. if (isEmpty(patterns)) {
  4246. return [];
  4247. }
  4248. if (this.intersect(patterns, APPLIES_TO_ALL_PATTERNS)) {
  4249. this.data_names = [
  4250. {
  4251. domain: false,
  4252. text: 'All sites',
  4253. tld_extra: false
  4254. }
  4255. ];
  4256. return this.data_names;
  4257. }
  4258. this.data_names = ParseUserJS.getNames(patterns);
  4259. return this.data_names;
  4260. }
  4261. intersect(a, ...arr) {
  4262. return !isBlank([...new Set(a)].filter((v) => arr.every((b) => b.includes(v))));
  4263. }
  4264. static getNames(patterns = []) {
  4265. const name_map = new Map();
  4266. const addObj = (obj) => {
  4267. if (name_map.has(obj.text)) {
  4268. return;
  4269. }
  4270. name_map.set(obj.text, obj);
  4271. };
  4272. for (let p of patterns) {
  4273. const original_pattern = p;
  4274. let pre_wildcards = [];
  4275. if (p.match(/^\/(.*)\/$/)) {
  4276. pre_wildcards = [p];
  4277. } else {
  4278. let m = /^\*(https?:.*)/i.exec(p);
  4279. if (m) {
  4280. p = m[1];
  4281. }
  4282. p = p
  4283. .replace(/^\*:/i, 'http:')
  4284. .replace(/^\*\/\//i, 'http://')
  4285. .replace(/^http\*:/i, 'http:')
  4286. .replace(/^(https?):([^/])/i, '$1://$2');
  4287. m = /^([a-z]+:\/\/)\*\.?([a-z0-9-]+(?:.[a-z0-9-]+)+.*)/i.exec(p);
  4288. if (m) {
  4289. p = m[1] + m[2];
  4290. }
  4291. m = /^\*\.?([a-z0-9-]+\.[a-z0-9-]+.*)/i.exec(p);
  4292. if (m) {
  4293. p = `http://${m[1]}`;
  4294. }
  4295. m = /^http\*(?:\/\/)?\.?((?:[a-z0-9-]+)(?:\.[a-z0-9-]+)+.*)/i.exec(p);
  4296. if (m) {
  4297. p = `http://${m[1]}`;
  4298. }
  4299. m = /^([a-z]+:\/\/([a-z0-9-]+(?:\.[a-z0-9-]+)*\.))\*(.*)/.exec(p);
  4300. if (m) {
  4301. if (m[2].match(/A([0-9]+\.){2,}z/)) {
  4302. p = `${m[1]}tld${m[3]}`;
  4303. pre_wildcards = [p.split('*')[0]];
  4304. } else {
  4305. pre_wildcards = [p];
  4306. }
  4307. } else {
  4308. pre_wildcards = [p];
  4309. }
  4310. }
  4311. for (const pre_wildcard of pre_wildcards) {
  4312. try {
  4313. const urlObj = new URL(pre_wildcard);
  4314. const { host } = urlObj;
  4315. if (isNull(host)) {
  4316. addObj({ text: original_pattern, domain: false, tld_extra: false });
  4317. } else if (!host.includes('.') && host.includes('*')) {
  4318. addObj({ text: original_pattern, domain: false, tld_extra: false });
  4319. } else if (host.endsWith('.tld')) {
  4320. for (let i = 0; i < TLD_EXPANSION.length; i++) {
  4321. const tld = TLD_EXPANSION[i];
  4322. addObj({
  4323. text: host.replace(/tld$/i, tld),
  4324. domain: true,
  4325. tld_extra: i != 0
  4326. });
  4327. }
  4328. } else if (host.endsWith('.')) {
  4329. addObj({
  4330. text: host.slice(0, -1),
  4331. domain: true,
  4332. tld_extra: false
  4333. });
  4334. } else {
  4335. addObj({
  4336. text: host,
  4337. domain: true,
  4338. tld_extra: false
  4339. });
  4340. }
  4341. } catch {
  4342. addObj({ text: original_pattern, domain: false, tld_extra: false });
  4343. }
  4344. }
  4345. }
  4346. return [...name_map.values()];
  4347. }
  4348. /**
  4349. * @template {import("../typings/types.d.ts").GSForkQuery} O
  4350. * @param {boolean} translate
  4351. * @param {O["code_url"]} code_url
  4352. * @param {O} [obj]
  4353. */
  4354. async request(translate = false, code_url, obj) {
  4355. if (this.data_code_block) {
  4356. return this;
  4357. }
  4358. /** @type { string } */
  4359. const code = await Network.req(code_url, 'GET', 'text').catch(err);
  4360. if (typeof code !== 'string') {
  4361. return this;
  4362. }
  4363. this.isUserCSS = isUserCSS(code_url);
  4364. this.META_START_COMMENT = this.isUserCSS ? '/* ==UserStyle==' : '// ==UserScript==';
  4365. this.META_END_COMMENT = this.isUserCSS ? '==/UserStyle== */' : '// ==/UserScript==';
  4366. this.code = code;
  4367. this.get_meta_block();
  4368. this.get_code_block();
  4369. this.parse_meta();
  4370. this.calculate_applies_to_names();
  4371.  
  4372. const { data_meta } = this;
  4373. if (translate) {
  4374. if (data_meta[`name:${language.current}`]) {
  4375. Object.assign(obj, {
  4376. name: data_meta[`name:${language.current}`]
  4377. });
  4378. this.translated = true;
  4379. }
  4380. if (data_meta[`description:${language.current}`]) {
  4381. Object.assign(obj, {
  4382. description: data_meta[`description:${language.current}`]
  4383. });
  4384. this.translated = true;
  4385. }
  4386. }
  4387. if (Array.isArray(data_meta.grant)) {
  4388. data_meta.grant = union(data_meta.grant);
  4389. }
  4390. if (data_meta.resource) {
  4391. const obj = {};
  4392. if (typeof data_meta.resource === 'string') {
  4393. const reg = /(.+)\s+(.+)/.exec(data_meta.resource);
  4394. if (reg) {
  4395. obj[reg[1].trim()] = reg[2];
  4396. }
  4397. } else {
  4398. for (const r of data_meta.resource) {
  4399. const reg = /(.+)\s+(http.+)/.exec(r);
  4400. if (reg) {
  4401. obj[reg[1].trim()] = reg[2];
  4402. }
  4403. }
  4404. }
  4405. data_meta.resource = obj;
  4406. }
  4407. Object.assign(this, {
  4408. code_size: [Network.format(code.length)],
  4409. meta: data_meta
  4410. });
  4411.  
  4412. return this;
  4413. }
  4414. }
  4415. const template = {
  4416. id: 0,
  4417. bad_ratings: 0,
  4418. good_ratings: 0,
  4419. ok_ratings: 0,
  4420. daily_installs: 0,
  4421. total_installs: 0,
  4422. name: 'NOT FOUND',
  4423. description: 'NOT FOUND',
  4424. version: '0.0.0',
  4425. url: BLANK_PAGE,
  4426. code_url: BLANK_PAGE,
  4427. created_at: Date.now(),
  4428. code_updated_at: Date.now(),
  4429. locale: 'NOT FOUND',
  4430. deleted: false,
  4431. users: []
  4432. };
  4433. const mkList = (txt = '', obj = {}) => {
  4434. if (!obj.root || !obj.type) return;
  4435. const { root, type } = obj;
  4436. const appliesTo = make('mu-js', 'mujs-list', {
  4437. textContent: `${txt}: `
  4438. });
  4439. const applyList = make('mu-js', 'mujs-grants');
  4440. const ujsURLs = make('mujs-column', 'mujs-list', {
  4441. dataset: {
  4442. el: 'matches',
  4443. type
  4444. }
  4445. });
  4446. ujsURLs.append(appliesTo, applyList);
  4447. root.append(ujsURLs);
  4448.  
  4449. const list = obj.list ?? [];
  4450. if (isEmpty(list)) {
  4451. const elem = make('mujs-a', {
  4452. textContent: i18n$('listing_none')
  4453. });
  4454. applyList.append(elem);
  4455. dom.cl.add(ujsURLs, 'hidden');
  4456. return;
  4457. }
  4458. for (const c of list) {
  4459. if (typeof c === 'string' && c.startsWith('http')) {
  4460. const elem = make('mujs-a', {
  4461. textContent: c,
  4462. dataset: {
  4463. command: 'open-tab',
  4464. webpage: c
  4465. }
  4466. });
  4467. applyList.append(elem);
  4468. } else if (isObj(c)) {
  4469. if (type === 'resource') {
  4470. for (const [k, v] of Object.entries(c)) {
  4471. const elem = make('mujs-a', {
  4472. textContent: k ?? 'ERROR'
  4473. });
  4474. if (v.startsWith('http')) {
  4475. elem.dataset.command = 'open-tab';
  4476. elem.dataset.webpage = v;
  4477. }
  4478. applyList.append(elem);
  4479. }
  4480. } else {
  4481. const elem = make('mujs-a', {
  4482. textContent: c.text
  4483. });
  4484. if (c.domain) {
  4485. elem.dataset.command = 'open-tab';
  4486. elem.dataset.webpage = `https://${c.text}`;
  4487. }
  4488. applyList.append(elem);
  4489. }
  4490. } else {
  4491. const elem = make('mujs-a', {
  4492. textContent: c
  4493. });
  4494. applyList.append(elem);
  4495. }
  4496. }
  4497. };
  4498. // #region Create UserJS
  4499. /**
  4500. * @param { import("../typings/types.d.ts").GSForkQuery } ujs
  4501. * @param { string } engine
  4502. */
  4503. const createjs = (ujs, engine) => {
  4504. const a = [
  4505. ujs.deleted === true,
  4506. ujs.id === 421603, // Lets not add this UserJS to the list
  4507. badUserJS.includes(ujs.id),
  4508. badUserJS.includes(ujs.url)
  4509. ].some((t) => t === true);
  4510. if (a) {
  4511. return;
  4512. }
  4513. if (!container.userjsCache.has(ujs.id)) container.userjsCache.set(ujs.id, ujs);
  4514. const eframe = make('td', 'install-btn');
  4515. const uframe = make('td', 'mujs-uframe');
  4516. const fdaily = make('td', 'mujs-list', {
  4517. textContent: ujs.daily_installs,
  4518. dataset: {
  4519. name: 'daily_installs'
  4520. }
  4521. });
  4522. const fupdated = make('td', 'mujs-list', {
  4523. textContent: language.toDate(ujs.code_updated_at),
  4524. dataset: {
  4525. name: 'code_updated_at',
  4526. value: new Date(ujs.code_updated_at).toISOString()
  4527. }
  4528. });
  4529. const fname = make('td', 'mujs-name');
  4530. const fmore = make('mujs-column', 'mujs-list hidden', {
  4531. dataset: {
  4532. el: 'more-info'
  4533. }
  4534. });
  4535. const fBtns = make('mujs-column', 'mujs-list hidden');
  4536. const jsInfo = make('mujs-row', 'mujs-list');
  4537. const jsInfoB = make('mujs-row', 'mujs-list');
  4538. const ratings = make('mujs-column', 'mujs-list');
  4539. const ftitle = make('mujs-a', 'mujs-homepage', {
  4540. textContent: ujs.name,
  4541. title: ujs.url,
  4542. dataset: {
  4543. command: 'open-tab',
  4544. webpage: ujs.url
  4545. }
  4546. });
  4547. const fver = make('mu-js', 'mujs-list', {
  4548. textContent: `${i18n$('version_number')}: ${ujs.version}`
  4549. });
  4550. const fcreated = make('mu-js', 'mujs-list', {
  4551. textContent: `${i18n$('created_date')}: ${language.toDate(ujs.created_at)}`,
  4552. dataset: {
  4553. name: 'created_at',
  4554. value: new Date(ujs.created_at).toISOString()
  4555. }
  4556. });
  4557. const flicense = make('mu-js', 'mujs-list', {
  4558. title: ujs.license ?? i18n$('no_license'),
  4559. textContent: `${i18n$('license')}: ${ujs.license ?? i18n$('no_license')}`,
  4560. dataset: {
  4561. name: 'license'
  4562. }
  4563. });
  4564. const ftotal = make('mu-js', 'mujs-list', {
  4565. textContent: `${i18n$('total_installs')}: ${language.toNumber(ujs.total_installs)}`,
  4566. dataset: {
  4567. name: 'total_installs'
  4568. }
  4569. });
  4570. const fratings = make('mu-js', 'mujs-list', {
  4571. title: i18n$('ratings'),
  4572. textContent: `${i18n$('ratings')}:`
  4573. });
  4574. const fgood = make('mu-js', 'mujs-list mujs-ratings', {
  4575. title: i18n$('good'),
  4576. textContent: ujs.good_ratings,
  4577. dataset: {
  4578. name: 'good_ratings',
  4579. el: 'good'
  4580. }
  4581. });
  4582. const fok = make('mu-js', 'mujs-list mujs-ratings', {
  4583. title: i18n$('ok'),
  4584. textContent: ujs.ok_ratings,
  4585. dataset: {
  4586. name: 'ok_ratings',
  4587. el: 'ok'
  4588. }
  4589. });
  4590. const fbad = make('mu-js', 'mujs-list mujs-ratings', {
  4591. title: i18n$('bad'),
  4592. textContent: ujs.bad_ratings,
  4593. dataset: {
  4594. name: 'bad_ratings',
  4595. el: 'bad'
  4596. }
  4597. });
  4598. const fdesc = make('mu-js', 'mujs-list mujs-pointer', {
  4599. title: ujs.description,
  4600. textContent: ujs.description,
  4601. dataset: {
  4602. command: 'list-description'
  4603. }
  4604. });
  4605. const scriptInstall = make('mu-jsbtn', 'install', {
  4606. innerHTML: `${iconSVG.load('install')} ${i18n$('install')}`,
  4607. title: `${i18n$('install')} "${ujs.name}"`,
  4608. dataset: {
  4609. command: 'install-script',
  4610. userjs: ujs.id
  4611. }
  4612. });
  4613. const scriptDownload = make('mu-jsbtn', {
  4614. innerHTML: `${iconSVG.load('download')} ${i18n$('saveFile')}`,
  4615. dataset: {
  4616. command: 'download-userjs',
  4617. userjs: ujs.id,
  4618. userjsName: ujs.name
  4619. }
  4620. });
  4621. const tr = make('tr', 'frame', {
  4622. dataset: {
  4623. scriptId: ujs.id
  4624. }
  4625. });
  4626. const codeArea = make('textarea', 'code-area hidden', {
  4627. dataset: {
  4628. name: 'code'
  4629. },
  4630. rows: '10',
  4631. autocomplete: false,
  4632. spellcheck: false,
  4633. wrap: 'soft'
  4634. });
  4635. const loadCode = make('mu-jsbtn', {
  4636. innerHTML: `${iconSVG.load('code')} ${i18n$('code')}`,
  4637. dataset: {
  4638. command: 'load-userjs',
  4639. userjs: ujs.id
  4640. }
  4641. });
  4642. const loadMetadata = make('mu-jsbtn', {
  4643. innerHTML: `${iconSVG.load('code')} ${i18n$('metadata')}`,
  4644. dataset: {
  4645. command: 'load-header',
  4646. userjs: ujs.id
  4647. }
  4648. });
  4649. tr.dataset.engine = engine;
  4650. if (!engine.includes('fork') && cfg.recommend.others && goodUserJS.includes(ujs.url)) {
  4651. tr.dataset.good = 'upsell';
  4652. }
  4653. for (const u of ujs.users) {
  4654. const user = make('mujs-a', {
  4655. innerHTML: u.name,
  4656. title: u.url,
  4657. dataset: {
  4658. command: 'open-tab',
  4659. webpage: u.url
  4660. }
  4661. });
  4662. if (
  4663. cfg.recommend.author &&
  4664. (u.id === authorID || u.url === 'https://github.com/magicoflolis')
  4665. ) {
  4666. tr.dataset.author = 'upsell';
  4667. dom.prop(user, 'innerHTML', `${u.name} ${iconSVG.load('verified')}`);
  4668. }
  4669. uframe.append(user);
  4670. }
  4671. if (cfg.recommend.others && goodUserJS.includes(ujs.id)) {
  4672. tr.dataset.good = 'upsell';
  4673. }
  4674. eframe.append(scriptInstall);
  4675. ratings.append(fratings, fgood, fok, fbad);
  4676. jsInfo.append(ftotal, ratings, fver, fcreated);
  4677. mkList(i18n$('code_size'), {
  4678. list: ujs._mujs.code.code_size,
  4679. type: 'code_size',
  4680. root: jsInfo
  4681. });
  4682.  
  4683. jsInfoB.append(flicense);
  4684. const data_meta = ujs._mujs.code?.data_meta ?? {};
  4685. mkList(i18n$('antifeatures'), {
  4686. list: data_meta.antifeatures ?? [],
  4687. type: 'antifeatures',
  4688. root: jsInfoB
  4689. });
  4690. mkList(i18n$('applies_to'), {
  4691. list: ujs._mujs.code?.data_names ?? [],
  4692. type: 'data_names',
  4693. root: jsInfoB
  4694. });
  4695. mkList('@grant', {
  4696. list: data_meta.grant ?? [],
  4697. type: 'grant',
  4698. root: jsInfoB
  4699. });
  4700. mkList('@require', {
  4701. list: data_meta.require,
  4702. type: 'require',
  4703. root: jsInfoB
  4704. });
  4705. mkList('@resource', {
  4706. list: isNull(data_meta.resource) ? [] : [data_meta.resource],
  4707. type: 'resource',
  4708. root: jsInfoB
  4709. });
  4710. fmore.append(jsInfo, jsInfoB);
  4711. fBtns.append(scriptDownload, loadCode, loadMetadata);
  4712. fname.append(ftitle, fdesc, fmore, fBtns, codeArea);
  4713. fname._mujs = { fmore, fBtns, codeArea };
  4714.  
  4715. const loadPage = make('mu-jsbtn', {
  4716. innerHTML: `${iconSVG.load('pager')} Page`,
  4717. dataset: {
  4718. command: 'load-page',
  4719. userjs: ujs.id
  4720. }
  4721. });
  4722. fBtns.append(loadPage);
  4723.  
  4724. if (ujs._mujs.code?.translated) tr.classList.add('translated');
  4725.  
  4726. for (const e of [fname, uframe, fdaily, fupdated, eframe]) tr.append(e);
  4727. ujs._mujs.root = tr;
  4728. return ujs._mujs.root;
  4729. };
  4730. // #endregion
  4731. const loadFilters = () => {
  4732. /** @type {Map<string, import("../typings/types.d.ts").Filters >} */
  4733. const pool = new Map();
  4734. const handles = {
  4735. pool,
  4736. enabled() {
  4737. return [...pool.values()].filter((o) => o.enabled);
  4738. },
  4739. refresh() {
  4740. if (!Object.is(pool.size, 0)) pool.clear();
  4741. for (const [key, value] of Object.entries(cfg.filters)) {
  4742. if (!pool.has(key))
  4743. pool.set(key, {
  4744. ...value,
  4745. reg: new RegExp(value.regExp, value.flag),
  4746. keyReg: new RegExp(key.trim().toLocaleLowerCase(), 'gi'),
  4747. valueReg: new RegExp(value.name.trim().toLocaleLowerCase(), 'gi')
  4748. });
  4749. }
  4750. return this;
  4751. },
  4752. get(str) {
  4753. return [...pool.values()].find((v) => v.keyReg.test(str) || v.valueReg.test(str));
  4754. },
  4755. /**
  4756. * @param { import("../typings/types.d.ts").GSForkQuery } param0
  4757. */
  4758. match({ name, users }) {
  4759. const p = handles.enabled();
  4760. if (Object.is(p.length, 0)) return true;
  4761. for (const v of p) {
  4762. if ([{ name }, ...users].find((o) => o.name.match(v.reg))) return false;
  4763. }
  4764. return true;
  4765. }
  4766. };
  4767. for (const [key, value] of Object.entries(cfg.filters)) {
  4768. if (!pool.has(key))
  4769. pool.set(key, {
  4770. ...value,
  4771. reg: new RegExp(value.regExp, value.flag),
  4772. keyReg: new RegExp(key.trim().toLocaleLowerCase(), 'gi'),
  4773. valueReg: new RegExp(value.name.trim().toLocaleLowerCase(), 'gi')
  4774. });
  4775. }
  4776. return handles.refresh();
  4777. };
  4778. // #region List
  4779. class List {
  4780. intEngines;
  4781. intHost;
  4782. constructor(hostname = undefined) {
  4783. this.build = this.build.bind(this);
  4784. this.groupBy = this.groupBy.bind(this);
  4785. this.dispatch = this.dispatch.bind(this);
  4786. this.sortRecords = this.sortRecords.bind(this);
  4787. this.container = container;
  4788. this.intEngines = cfg.engines ?? [];
  4789. this.host = hostname;
  4790. }
  4791.  
  4792. setEngines(engines = []) {
  4793. const { host } = this;
  4794. return engines.filter((e) => {
  4795. if (!e.enabled) {
  4796. return false;
  4797. }
  4798. const v = engineUnsupported[e.name] ?? [];
  4799. if (v.includes(host)) {
  4800. showError(`Engine: "${e.name}" unsupported on "${host}"`);
  4801. container.timeoutFrame();
  4802. return false;
  4803. }
  4804. return true;
  4805. });
  4806. }
  4807.  
  4808. dispatch(ujs) {
  4809. const { CustomEvent } = _self;
  4810. const customEvent = new CustomEvent('updateditem', { detail: ujs });
  4811. main.dispatchEvent(customEvent);
  4812. }
  4813.  
  4814. set engines(engines) {
  4815. this.intEngines = this.setEngines(engines);
  4816. }
  4817.  
  4818. get engines() {
  4819. return this.intEngines;
  4820. }
  4821.  
  4822. set host(hostname) {
  4823. if (isEmpty(hostname)) hostname = this.container.host;
  4824. this.intHost = hostname;
  4825. this.blacklisted = this.container.checkBlacklist(hostname);
  4826. this.intEngines = this.setEngines(this.engines);
  4827. this.domain = this.getDomain(this.intHost);
  4828. if (this.blacklisted) {
  4829. showError(`Blacklisted "${hostname}"`);
  4830. this.container.timeoutFrame();
  4831. }
  4832. }
  4833.  
  4834. get host() {
  4835. return this.intHost;
  4836. }
  4837.  
  4838. /**
  4839. * @template { string } S
  4840. * @param { S } str
  4841. */
  4842. getDomain(str = '') {
  4843. if (str === '*') {
  4844. return 'all-sites';
  4845. }
  4846. return str.split('.').at(-2) ?? BLANK_PAGE;
  4847. }
  4848.  
  4849. // #region Builder
  4850. build() {
  4851. try {
  4852. container.refresh();
  4853. const { blacklisted, engines, host, domain, dispatch } = this;
  4854. if (blacklisted || isEmpty(engines)) {
  4855. container.opacityMin = '0';
  4856. mainframe.style.opacity = container.opacityMin;
  4857. return;
  4858. }
  4859. const fetchRecords = [];
  4860. const bsFilter = loadFilters();
  4861. const hostCache = Array.from(this);
  4862.  
  4863. info('Building list', { hostCache, engines, container, list: this });
  4864.  
  4865. const g = this.groupBy();
  4866. const toFetch = engines.filter((engine) => !g[engine.name]);
  4867. const isCached = toFetch.filter((engine) =>
  4868. hostCache.find(({ _mujs }) => engine.name === _mujs.info.engine.name)
  4869. );
  4870. if (!isBlank(toFetch) && isBlank(isCached)) {
  4871. for (const engine of engines) {
  4872. info(`Fetching from "${engine.name}" for "${host}"`);
  4873. const respError = (error) => {
  4874. if (!error.cause) error.cause = engine.name;
  4875. if (error.message.startsWith('429')) {
  4876. showError(`Engine: "${engine.name}" Too many requests...`);
  4877. return;
  4878. }
  4879. showError(`Engine: "${engine.name}"`, error.message);
  4880. };
  4881. const _mujs = (d) => {
  4882. /**
  4883. * @type {import("../typings/types.d.ts").GSForkQuery}
  4884. */
  4885. const ujs = {
  4886. ...template,
  4887. ...d,
  4888. code_urls: [],
  4889. _mujs: {
  4890. root: {},
  4891. info: {
  4892. engine,
  4893. host
  4894. },
  4895. code: {
  4896. meta: {}
  4897. }
  4898. }
  4899. };
  4900. ujs._mujs.code.request = async (translate = false, code_url) => {
  4901. if (typeof ujs._mujs.code.data_code_block === 'string') {
  4902. return ujs._mujs.code;
  4903. }
  4904. const p = new ParseUserJS();
  4905. await p.request(translate, code_url ?? ujs.code_url, ujs);
  4906. if (code_url) {
  4907. return p;
  4908. }
  4909. for (const [k, v] of Object.entries(p)) ujs._mujs.code[k] = v;
  4910. return ujs._mujs.code;
  4911. };
  4912. return ujs;
  4913. };
  4914. /**
  4915. * Prior to UserScript v7.0.0
  4916. * @template {string} F
  4917. * @param {F} fallback
  4918. * @returns {F}
  4919. */
  4920. const toQuery = (fallback) => {
  4921. if (engine.query) {
  4922. return decode(engine.query)
  4923. .replace(/\{host\}/g, host)
  4924. .replace(/\{domain\}/g, domain);
  4925. }
  4926. return fallback;
  4927. };
  4928. /**
  4929. * @param { import("../typings/types.d.ts").GSFork } dataQ
  4930. */
  4931. const forkFN = async (dataQ) => {
  4932. if (!dataQ) {
  4933. showError('Invalid data received from the server, check internet connection');
  4934. return;
  4935. }
  4936. const dq = Array.isArray(dataQ)
  4937. ? dataQ
  4938. : Array.isArray(dataQ.query)
  4939. ? dataQ.query
  4940. : [];
  4941. const dataA = dq
  4942. .filter(Boolean)
  4943. .filter((d) => !d.deleted)
  4944. .filter(bsFilter.match);
  4945. if (isBlank(dataA)) {
  4946. return;
  4947. }
  4948. const { groupBy } = _self;
  4949. /**
  4950. * @type { {[key: string]: import("../typings/types.d.ts").GSForkQuery[]} }
  4951. */
  4952. const g = groupBy(dataA.map(_mujs), ({ locale }) => {
  4953. return locale.split('-')[0] ?? locale;
  4954. });
  4955. for (const [k, list] of Object.entries(g)) {
  4956. for (const ujs of list) {
  4957. if (cfg.filterlang && k !== language.current) {
  4958. const c = await ujs._mujs.code.request(true);
  4959. if (!c.translated) continue;
  4960. }
  4961. if (
  4962. !ujs._mujs.code.data_code_block &&
  4963. (cfg.preview.code || cfg.preview.metadata)
  4964. ) {
  4965. ujs._mujs.code.request().then(() => {
  4966. dispatch(ujs);
  4967. });
  4968. }
  4969. if (isUserCSS(ujs.code_url)) {
  4970. ujs.code_urls.push(
  4971. {
  4972. name: `${ujs.name} (.user.css)`,
  4973. code_url: ujs.code_url
  4974. },
  4975. {
  4976. name: `${ujs.name} (.user.js)`,
  4977. code_url: ujs.code_url.replace(/\.user\.css$/, '.user.js')
  4978. }
  4979. );
  4980. }
  4981. createjs(ujs, engine.name);
  4982. }
  4983. }
  4984. };
  4985. /**
  4986. * @param {Document} htmlDocument
  4987. */
  4988. const openuserjs = async (htmlDocument) => {
  4989. try {
  4990. if (!htmlDocument) {
  4991. showError('Invalid data received from the server, TODO fix this');
  4992. return;
  4993. }
  4994. const selected = htmlDocument.documentElement;
  4995. if (/openuserjs/gi.test(engine.name)) {
  4996. const col = qsA('.col-sm-8 .tr-link', selected) ?? [];
  4997. for (const i of col) {
  4998. while (isNull(qs('.script-version', i))) {
  4999. await new Promise((resolve) => requestAnimationFrame(resolve));
  5000. }
  5001. const fixurl = dom
  5002. .prop(qs('.tr-link-a', i), 'href')
  5003. .replace(
  5004. new RegExp(document.location.origin, 'gi'),
  5005. 'https://openuserjs.org'
  5006. );
  5007. const ujs = _mujs({
  5008. name: dom.text(qs('.tr-link-a', i)),
  5009. description: dom.text(qs('p', i)),
  5010. version: dom.text(qs('.script-version', i)),
  5011. url: fixurl,
  5012. code_url: `${fixurl.replace(/\/scripts/gi, '/install')}.user.js`,
  5013. total_installs: dom.text(qs('td:nth-child(2) p', i)),
  5014. created_at: dom.attr(qs('td:nth-child(4) time', i), 'datetime'),
  5015. code_updated_at: dom.attr(qs('td:nth-child(4) time', i), 'datetime'),
  5016. users: [
  5017. {
  5018. name: dom.text(qs('.inline-block a', i)),
  5019. url: dom.prop(qs('.inline-block a', i), 'href')
  5020. }
  5021. ]
  5022. });
  5023. if (bsFilter.match(ujs)) {
  5024. continue;
  5025. }
  5026. if (
  5027. !ujs._mujs.code.data_code_block &&
  5028. (cfg.preview.code || cfg.preview.metadata)
  5029. ) {
  5030. ujs._mujs.code.request().then(() => {
  5031. dispatch(ujs);
  5032. });
  5033. }
  5034. createjs(ujs, engine.name);
  5035. }
  5036. }
  5037. } catch (ex) {
  5038. showError(ex);
  5039. }
  5040. };
  5041. const gitFN = (data) => {
  5042. try {
  5043. if (isBlank(data.items)) {
  5044. return;
  5045. }
  5046. for (const r of data.items) {
  5047. const ujs = _mujs({
  5048. id: r.id ?? 0,
  5049. name: r.name,
  5050. description: isEmpty(r.description) ? i18n$('no_license') : r.description,
  5051. url: r.html_url,
  5052. code_url: r.html_url,
  5053. page_url: `${r.url}/contents/README.md`,
  5054. created_at: r.created_at,
  5055. code_updated_at: r.updated_at || Date.now(),
  5056. daily_installs: r.watchers_count ?? 0,
  5057. good_ratings: r.stargazers_count ?? 0,
  5058. users: [
  5059. {
  5060. name: r.owner.login,
  5061. url: r.owner.html_url
  5062. }
  5063. ]
  5064. });
  5065. if (r.license?.name) ujs.license = r.license.name;
  5066. const rootPath = r.contents_url.replace(/\{\+path\}/, '');
  5067. const fetchContent = async (dir) => {
  5068. const contents = await Network.req(dir, 'GET', 'json', {
  5069. headers: {
  5070. Accept: 'application/vnd.github+json',
  5071. Authorization: `Bearer ${engine.token}`,
  5072. 'X-GitHub-Api-Version': '2022-11-28'
  5073. }
  5074. }).catch(respError);
  5075. for (const content of contents) {
  5076. if (content.type === 'file') {
  5077. if (isUserJS(content.name)) {
  5078. ujs.code_urls.push({
  5079. name: content.name,
  5080. code_url: content.download_url
  5081. });
  5082. } else if (isUserCSS(content.name)) {
  5083. ujs.code_urls.push({
  5084. name: content.name,
  5085. code_url: content.download_url
  5086. });
  5087. }
  5088. } else if (content.type === 'dir') {
  5089. await fetchContent(`${rootPath}/${content.path}`);
  5090. }
  5091. }
  5092. };
  5093. fetchContent(rootPath).then(() => {
  5094. if (isEmpty(ujs.code_urls)) {
  5095. ujs.deleted = true;
  5096. } else if (
  5097. !ujs._mujs.code.data_code_block &&
  5098. (cfg.preview.code || cfg.preview.metadata)
  5099. ) {
  5100. ujs._mujs.code.request().then(() => {
  5101. dispatch(ujs);
  5102. });
  5103. return;
  5104. }
  5105. dispatch(ujs);
  5106. });
  5107. createjs(ujs, engine.name);
  5108. }
  5109. } catch (ex) {
  5110. showError(ex);
  5111. }
  5112. };
  5113. let netFN;
  5114. if (/github/gi.test(engine.name)) {
  5115. if (isEmpty(engine.token)) {
  5116. showError(`"${engine.name}" requires a token to use`);
  5117. continue;
  5118. }
  5119. Network.req(
  5120. `https://api.github.com/search/repositories?q=topic:${domain}+topic:userstyle`,
  5121. 'GET',
  5122. 'json',
  5123. {
  5124. headers: {
  5125. Accept: 'application/vnd.github+json',
  5126. Authorization: `Bearer ${engine.token}`,
  5127. 'X-GitHub-Api-Version': '2022-11-28'
  5128. }
  5129. }
  5130. )
  5131. .then(gitFN)
  5132. .catch(respError);
  5133. netFN = Network.req(
  5134. toQuery(
  5135. `https://api.github.com/search/repositories?q=topic:${domain}+topic:userscript`
  5136. ),
  5137. 'GET',
  5138. 'json',
  5139. {
  5140. headers: {
  5141. Accept: 'application/vnd.github+json',
  5142. Authorization: `Bearer ${engine.token}`,
  5143. 'X-GitHub-Api-Version': '2022-11-28'
  5144. }
  5145. }
  5146. )
  5147. .then(gitFN)
  5148. .then(() => {
  5149. Network.req('https://api.github.com/rate_limit', 'GET', 'json', {
  5150. headers: {
  5151. Accept: 'application/vnd.github+json',
  5152. Authorization: `Bearer ${engine.token}`,
  5153. 'X-GitHub-Api-Version': '2022-11-28'
  5154. }
  5155. })
  5156. .then((data) => {
  5157. for (const [key, value] of Object.entries(data.resources.code_search)) {
  5158. const txt = make('mujs-row', 'rate-info', {
  5159. textContent: `${key.toUpperCase()}: ${value}`
  5160. });
  5161. rateContainer.append(txt);
  5162. }
  5163. })
  5164. .catch(respError);
  5165. });
  5166. } else if (/openuserjs/gi.test(engine.name)) {
  5167. netFN = Network.req(toQuery(`${engine.url}${host}`), 'GET', 'document').then(
  5168. openuserjs
  5169. );
  5170. } else {
  5171. netFN = Network.req(
  5172. toQuery(`${engine.url}/scripts/by-site/${host}.json?language=all`)
  5173. ).then(forkFN);
  5174. }
  5175. if (netFN) {
  5176. fetchRecords.push(netFN.catch(respError));
  5177. }
  5178. }
  5179. } else {
  5180. for (const ujs of hostCache) tabbody.append(ujs._mujs.root);
  5181. }
  5182.  
  5183. urlBar.placeholder = i18n$('search_placeholder');
  5184. urlBar.value = '';
  5185.  
  5186. if (isBlank(fetchRecords)) {
  5187. this.sortRecords();
  5188. return;
  5189. }
  5190. Promise.allSettled(fetchRecords).then(this.sortRecords).catch(showError);
  5191. } catch (ex) {
  5192. showError(ex);
  5193. }
  5194. }
  5195. // #endregion
  5196.  
  5197. sortRecords() {
  5198. const arr = Array.from(this);
  5199. for (const ujs of arr.flat().sort((a, b) => {
  5200. const sortType = cfg.autoSort ?? 'daily_installs';
  5201. return b[sortType] - a[sortType];
  5202. })) {
  5203. if (isElem(ujs._mujs.root)) tabbody.append(ujs._mujs.root);
  5204. }
  5205. for (const [name, value] of Object.entries(this.groupBy(arr)))
  5206. Counter.update(value.length, { name });
  5207. }
  5208.  
  5209. groupBy() {
  5210. const { groupBy } = _self;
  5211. return groupBy(Array.from(this), ({ _mujs }) => _mujs.info.engine.name);
  5212. }
  5213.  
  5214. *[Symbol.iterator]() {
  5215. const { intHost, engines } = this;
  5216. const arr = Array.from(this.container).filter(
  5217. ({ _mujs }) =>
  5218. _mujs.info.host === intHost &&
  5219. engines.find((engine) => engine.enabled && engine.name === _mujs.info.engine.name)
  5220. );
  5221. for (const userjs of arr) {
  5222. yield userjs;
  5223. }
  5224. }
  5225. }
  5226. const MUList = new List();
  5227. // #endregion
  5228. // #region Make Config
  5229. const makecfg = () => {
  5230. const cbtn = make('mu-js', 'mujs-sty-flex');
  5231. const savebtn = make('mujs-btn', 'save', {
  5232. textContent: i18n$('save'),
  5233. dataset: {
  5234. command: 'save'
  5235. },
  5236. disabled: false
  5237. });
  5238. const resetbtn = make('mujs-btn', 'reset', {
  5239. textContent: i18n$('reset'),
  5240. dataset: {
  5241. command: 'reset'
  5242. }
  5243. });
  5244. cbtn.append(resetbtn, savebtn);
  5245.  
  5246. const makesection = (name, tag) => {
  5247. tag = tag ?? i18n$('no_license');
  5248. name = name ?? i18n$('no_license');
  5249. const sec = make('mujs-section', {
  5250. dataset: {
  5251. name: tag
  5252. }
  5253. });
  5254. const lb = make('label', {
  5255. dataset: {
  5256. command: tag
  5257. }
  5258. });
  5259. const divDesc = make('mu-js', {
  5260. textContent: name
  5261. });
  5262. ael(sec, 'click', (evt) => {
  5263. /** @type { HTMLElement } */
  5264. const target = evt.target.closest('[data-command]');
  5265. if (!target) {
  5266. return;
  5267. }
  5268. const cmd = target.dataset.command;
  5269. if (cmd === tag) {
  5270. const a = qsA(`[data-${tag}]`, sec);
  5271. if (dom.cl.has(a, 'hidden')) {
  5272. dom.cl.remove(a, 'hidden');
  5273. } else {
  5274. dom.cl.add(a, 'hidden');
  5275. }
  5276. }
  5277. });
  5278. lb.append(divDesc);
  5279. sec.append(lb);
  5280. cfgpage.append(sec);
  5281. !cfgSec.has(sec) && cfgSec.add(sec);
  5282. return sec;
  5283. };
  5284. const sections = {
  5285. general: makesection('General', 'general'),
  5286. load: makesection('Automation', 'load'),
  5287. list: makesection('List', 'list'),
  5288. filters: makesection('List Filters', 'filters'),
  5289. blacklist: makesection('Blacklist (WIP)', 'blacklist'),
  5290. engine: makesection('Search Engines', 'engine'),
  5291. theme: makesection('Theme Colors', 'theme'),
  5292. exp: makesection('Import / Export', 'exp')
  5293. };
  5294. const makeRow = (text, value, type = 'checkbox', tag = 'general', attrs = {}) => {
  5295. const lb = make('label', 'sub-section hidden', {
  5296. textContent: text,
  5297. dataset: {
  5298. [tag]: text
  5299. }
  5300. });
  5301. const getDefault = () => {
  5302. if (tag === 'engine') {
  5303. const engine = DEFAULT_CONFIG.engines.find((engine) => engine.name === value);
  5304. if (engine) {
  5305. return engine;
  5306. }
  5307. }
  5308. const nm = /^(\w+)-(.+)/.exec(value);
  5309. if (nm) {
  5310. return DEFAULT_CONFIG[nm[1]][nm[2]];
  5311. }
  5312. return DEFAULT_CONFIG[value];
  5313. };
  5314. const getValue = () => {
  5315. if (tag === 'engine') {
  5316. const engine = cfg.engines.find((engine) => engine.name === value);
  5317. if (engine) {
  5318. return engine;
  5319. }
  5320. }
  5321. const nm = /^(\w+)-(.+)/.exec(value);
  5322. if (nm) {
  5323. return cfg[nm[1]][nm[2]];
  5324. }
  5325. return cfg[value];
  5326. };
  5327. const obj = {
  5328. text,
  5329. tag,
  5330. value,
  5331. type,
  5332. attrs,
  5333. default: getDefault(),
  5334. cache: getValue()
  5335. };
  5336. if (type === 'select') {
  5337. const inp = make('select', {
  5338. dataset: {
  5339. [tag]: text
  5340. },
  5341. ...attrs
  5342. });
  5343. for (const selV of Object.keys(template)) {
  5344. if (selV === 'deleted' || selV === 'users') continue;
  5345. const o = make('option', {
  5346. value: selV,
  5347. textContent: selV
  5348. });
  5349. inp.append(o);
  5350. }
  5351. inp.value = cfg[value];
  5352. lb.append(inp);
  5353. if (sections[tag]) {
  5354. sections[tag].append(lb);
  5355. }
  5356. obj.elem = inp;
  5357. cfgBase.push(obj);
  5358. return lb;
  5359. }
  5360. const inp = make('input', {
  5361. type,
  5362. dataset: {
  5363. [tag]: text
  5364. },
  5365. ...attrs
  5366. });
  5367.  
  5368. if (tag === 'engine') {
  5369. inp.dataset.name = value;
  5370. }
  5371.  
  5372. if (sections[tag]) {
  5373. sections[tag].append(lb);
  5374. }
  5375.  
  5376. if (type === 'checkbox') {
  5377. const inlab = make('mu-js', 'mujs-inlab');
  5378. const la = make('label', {
  5379. onclick() {
  5380. inp.dispatchEvent(new MouseEvent('click'));
  5381. }
  5382. });
  5383. inlab.append(inp, la);
  5384. lb.append(inlab);
  5385.  
  5386. const nm = /^(\w+)-(.+)/.exec(value);
  5387. if (nm) {
  5388. if (nm[1] === 'filters') {
  5389. inp.checked = cfg[nm[1]][nm[2]].enabled;
  5390. } else {
  5391. inp.checked = cfg[nm[1]][nm[2]];
  5392. }
  5393. } else {
  5394. inp.checked = cfg[value];
  5395. }
  5396. ael(inp, 'change', (evt) => {
  5397. container.unsaved = true;
  5398. if (/filterlang/i.test(value)) {
  5399. container.rebuild = true;
  5400. }
  5401. if (nm) {
  5402. if (nm[1] === 'filters') {
  5403. cfg[nm[1]][nm[2]].enabled = evt.target.checked;
  5404. } else {
  5405. cfg[nm[1]][nm[2]] = evt.target.checked;
  5406. }
  5407. } else {
  5408. cfg[value] = evt.target.checked;
  5409. }
  5410. });
  5411.  
  5412. if (tag === 'engine') {
  5413. const engine = cfg.engines.find((engine) => engine.name === value);
  5414. if (engine) {
  5415. inp.checked = engine.enabled;
  5416. inp.dataset.engine = engine.name;
  5417. ael(inp, 'change', (evt) => {
  5418. container.unsaved = true;
  5419. container.rebuild = true;
  5420. engine.enabled = evt.target.checked;
  5421. MUList.engines = cfg.engines;
  5422. });
  5423.  
  5424. if (engine.query) {
  5425. const d = DEFAULT_CONFIG.engines.find((e) => e.name === engine.name);
  5426. const urlInp = make('input', {
  5427. type: 'text',
  5428. defaultValue: '',
  5429. value: decode(engine.query),
  5430. placeholder: decode(d.query),
  5431. dataset: {
  5432. name: nm,
  5433. engine: engine.name
  5434. },
  5435. onchange(evt) {
  5436. container.unsaved = true;
  5437. container.rebuild = true;
  5438. try {
  5439. engine.query = encodeURIComponent(new URL(evt.target.value).toString());
  5440. MUList.engines = cfg.engines;
  5441. } catch (ex) {
  5442. err(ex);
  5443. }
  5444. }
  5445. });
  5446. obj.elemUrl = urlInp;
  5447. lb.append(urlInp);
  5448. }
  5449. if (engine.name === 'github') {
  5450. const ghToken = make('input', {
  5451. type: 'text',
  5452. defaultValue: '',
  5453. value: engine.token ?? '',
  5454. placeholder: 'Paste Access Token',
  5455. dataset: {
  5456. engine: 'github-token'
  5457. },
  5458. onchange(evt) {
  5459. container.unsaved = true;
  5460. container.rebuild = true;
  5461. engine.token = evt.target.value;
  5462. MUList.engines = cfg.engines;
  5463. }
  5464. });
  5465. obj.elemToken = ghToken;
  5466. lb.append(ghToken);
  5467. }
  5468. }
  5469. }
  5470. } else {
  5471. if (type === 'text') {
  5472. inp.defaultValue = '';
  5473. inp.value = value ?? '';
  5474. inp.placeholder = value ?? '';
  5475.  
  5476. if (tag === 'theme') {
  5477. inp.dataset[tag] = text;
  5478. ael(inp, 'change', (evt) => {
  5479. let isvalid = true;
  5480. try {
  5481. const val = evt.target.value;
  5482. const sty = container.root.style;
  5483. const str = `--mujs-${text}`;
  5484. const prop = sty.getPropertyValue(str);
  5485. if (isEmpty(val)) {
  5486. cfg.theme[text] = DEFAULT_CONFIG.theme[text];
  5487. sty.removeProperty(str);
  5488. return;
  5489. }
  5490. if (prop === val) {
  5491. return;
  5492. }
  5493. sty.removeProperty(str);
  5494. sty.setProperty(str, val);
  5495. cfg.theme[text] = val;
  5496. } catch (ex) {
  5497. err(ex);
  5498. isvalid = false;
  5499. } finally {
  5500. if (isvalid) {
  5501. dom.cl.remove(evt.target, 'mujs-invalid');
  5502. dom.prop(savebtn, 'disabled', false);
  5503. } else {
  5504. dom.cl.add(evt.target, 'mujs-invalid');
  5505. dom.prop(savebtn, 'disabled', true);
  5506. }
  5507. }
  5508. });
  5509. }
  5510. }
  5511.  
  5512. lb.append(inp);
  5513. }
  5514. obj.elem = inp;
  5515. cfgBase.push(obj);
  5516.  
  5517. return lb;
  5518. };
  5519. if (isGM) {
  5520. makeRow(i18n$('userjs_sync'), 'cache');
  5521. makeRow(i18n$('userjs_autoinject'), 'autoinject', 'checkbox', 'load');
  5522. }
  5523. makeRow(i18n$('redirect'), 'sleazyredirect');
  5524. makeRow(`${i18n$('dtime')} (ms)`, 'time', 'number', 'general', {
  5525. defaultValue: 10000,
  5526. value: cfg.time,
  5527. min: 0,
  5528. step: 500,
  5529. onbeforeinput(evt) {
  5530. if (evt.target.validity.badInput) {
  5531. dom.cl.add(evt.target, 'mujs-invalid');
  5532. dom.prop(savebtn, 'disabled', true);
  5533. } else {
  5534. dom.cl.remove(evt.target, 'mujs-invalid');
  5535. dom.prop(savebtn, 'disabled', false);
  5536. }
  5537. },
  5538. oninput(evt) {
  5539. container.unsaved = true;
  5540. const t = evt.target;
  5541. if (t.validity.badInput || (t.validity.rangeUnderflow && t.value !== '-1')) {
  5542. dom.cl.add(t, 'mujs-invalid');
  5543. dom.prop(savebtn, 'disabled', true);
  5544. } else {
  5545. dom.cl.remove(t, 'mujs-invalid');
  5546. dom.prop(savebtn, 'disabled', false);
  5547. cfg.time = isEmpty(t.value) ? cfg.time : parseFloat(t.value);
  5548. }
  5549. }
  5550. });
  5551.  
  5552. makeRow(i18n$('auto_fetch'), 'autofetch', 'checkbox', 'load');
  5553. makeRow(i18n$('userjs_fullscreen'), 'autoexpand', 'checkbox', 'load', {
  5554. onchange(e) {
  5555. if (e.target.checked) {
  5556. dom.cl.add([btnfullscreen, main], 'expanded');
  5557. dom.prop(btnfullscreen, 'innerHTML', iconSVG.load('collapse'));
  5558. } else {
  5559. dom.cl.remove([btnfullscreen, main], 'expanded');
  5560. dom.prop(btnfullscreen, 'innerHTML', iconSVG.load('expand'));
  5561. }
  5562. }
  5563. });
  5564. makeRow('Clear on Tab close', 'clearTabCache', 'checkbox', 'load');
  5565.  
  5566. makeRow(i18n$('default_sort'), 'autoSort', 'select', 'list');
  5567. makeRow(i18n$('filter'), 'filterlang', 'checkbox', 'list');
  5568. makeRow(i18n$('preview_code'), 'preview-code', 'checkbox', 'list');
  5569. makeRow(i18n$('preview_metadata'), 'preview-metadata', 'checkbox', 'list');
  5570. makeRow(i18n$('recommend_author'), 'recommend-author', 'checkbox', 'list');
  5571. makeRow(i18n$('recommend_other'), 'recommend-others', 'checkbox', 'list');
  5572.  
  5573. for (const [k, v] of Object.entries(cfg.filters))
  5574. makeRow(v.name, `filters-${k}`, 'checkbox', 'filters');
  5575.  
  5576. makeRow('Greasy Fork', 'greasyfork', 'checkbox', 'engine');
  5577. makeRow('Sleazy Fork', 'sleazyfork', 'checkbox', 'engine');
  5578. makeRow('Open UserJS', 'openuserjs', 'checkbox', 'engine');
  5579. makeRow('GitHub API', 'github', 'checkbox', 'engine');
  5580.  
  5581. for (const [k, v] of Object.entries(cfg.theme)) makeRow(k, v, 'text', 'theme');
  5582.  
  5583. // const blacklist = make('textarea', {
  5584. // dataset: {
  5585. // name: 'blacklist'
  5586. // },
  5587. // rows: '10',
  5588. // autocomplete: false,
  5589. // spellcheck: false,
  5590. // wrap: 'soft',
  5591. // value: JSON.stringify(cfg.blacklist, null, ' '),
  5592. // oninput(evt) {
  5593. // let isvalid = true;
  5594. // try {
  5595. // cfg.blacklist = JSON.parse(evt.target.value);
  5596. // isvalid = true;
  5597. // } catch (ex) {
  5598. // err(ex);
  5599. // isvalid = false;
  5600. // } finally {
  5601. // if (isvalid) {
  5602. // dom.cl.remove(evt.target, 'mujs-invalid');
  5603. // dom.prop(savebtn, 'disabled', false);
  5604. // } else {
  5605. // dom.cl.add(evt.target, 'mujs-invalid');
  5606. // dom.prop(savebtn, 'disabled', true);
  5607. // }
  5608. // }
  5609. // }
  5610. // });
  5611. // const addList = make('mujs-add', {
  5612. // textContent: '+',
  5613. // dataset: {
  5614. // command: 'new-list'
  5615. // }
  5616. // });
  5617. // const n = make('input', {
  5618. // type: 'text',
  5619. // defaultValue: '',
  5620. // value: '',
  5621. // placeholder: 'Name',
  5622. // });
  5623. // const inpValue = make('input', {
  5624. // type: 'text',
  5625. // defaultValue: '',
  5626. // value: '',
  5627. // placeholder: 'Value',
  5628. // });
  5629. // const label = make('label', 'new-list hidden', {
  5630. // dataset: {
  5631. // blacklist: 'new-list'
  5632. // }
  5633. // });
  5634. // label.append(n, inpValue, addList);
  5635. // listSec.append(label);
  5636. // ael(addList, 'click', () => {
  5637. // if (isEmpty(n.value) || isEmpty(inpValue.value)) {
  5638. // return
  5639. // };
  5640. // createList(n.value, n.value, inpValue.value);
  5641. // });
  5642. const createList = (key, v = '', disabled = false, type = 'String') => {
  5643. let txt = key;
  5644. if (typeof key === 'string') {
  5645. if (key.startsWith('userjs-')) {
  5646. disabled = true;
  5647. const s = key.substring(7);
  5648. txt = `Built-in "${s}"`;
  5649. v = builtinList[s];
  5650. }
  5651. } else {
  5652. if (!key.enabled) {
  5653. return;
  5654. }
  5655. }
  5656.  
  5657. if (isRegExp(v)) {
  5658. v = v.toString();
  5659. type = 'RegExp';
  5660. } else {
  5661. v = JSON.stringify(v);
  5662. type = 'Object';
  5663. }
  5664.  
  5665. const lb = make('label', 'hidden', {
  5666. textContent: txt,
  5667. dataset: {
  5668. blacklist: key
  5669. }
  5670. });
  5671. const inp = make('input', {
  5672. type: 'text',
  5673. defaultValue: '',
  5674. value: v ?? '',
  5675. placeholder: v ?? '',
  5676. dataset: {
  5677. blacklist: key
  5678. },
  5679. onchange(evt) {
  5680. let isvalid = true;
  5681. try {
  5682. const val = evt.target.value;
  5683. if (isEmpty(val)) {
  5684. return;
  5685. }
  5686. isvalid = true;
  5687. } catch (ex) {
  5688. err(ex);
  5689. isvalid = false;
  5690. } finally {
  5691. if (isvalid) {
  5692. dom.cl.remove(evt.target, 'mujs-invalid');
  5693. dom.prop(savebtn, 'disabled', false);
  5694. } else {
  5695. dom.cl.add(evt.target, 'mujs-invalid');
  5696. dom.prop(savebtn, 'disabled', true);
  5697. }
  5698. }
  5699. }
  5700. });
  5701. const selType = make('select', {
  5702. disabled,
  5703. dataset: {
  5704. blacklist: key
  5705. }
  5706. });
  5707. if (disabled) {
  5708. inp.readOnly = true;
  5709. const o = make('option', {
  5710. value: type,
  5711. textContent: type
  5712. });
  5713. selType.append(o);
  5714. } else {
  5715. for (const selV of ['String', 'RegExp', 'Object']) {
  5716. const o = make('option', {
  5717. value: selV,
  5718. textContent: selV
  5719. });
  5720. selType.append(o);
  5721. }
  5722. }
  5723. selType.value = type;
  5724. lb.append(inp, selType);
  5725. sections.blacklist.append(lb);
  5726. };
  5727. for (const key of cfg.blacklist) createList(key);
  5728. const transfers = {
  5729. export: {
  5730. cfg: make('mujs-btn', 'mujs-export sub-section hidden', {
  5731. textContent: i18n$('export_config'),
  5732. dataset: {
  5733. command: 'export-cfg',
  5734. exp: 'export-cfg'
  5735. }
  5736. }),
  5737. theme: make('mujs-btn', 'mujs-export sub-section hidden', {
  5738. textContent: i18n$('export_theme'),
  5739. dataset: {
  5740. command: 'export-theme',
  5741. exp: 'export-theme'
  5742. }
  5743. })
  5744. },
  5745. import: {
  5746. cfg: make('mujs-btn', 'mujs-import sub-section hidden', {
  5747. textContent: i18n$('import_config'),
  5748. dataset: {
  5749. command: 'import-cfg',
  5750. exp: 'import-cfg'
  5751. }
  5752. }),
  5753. theme: make('mujs-btn', 'mujs-import sub-section hidden', {
  5754. textContent: i18n$('import_theme'),
  5755. dataset: {
  5756. command: 'import-theme',
  5757. exp: 'import-theme'
  5758. }
  5759. })
  5760. }
  5761. };
  5762. for (const value of Object.values(transfers)) {
  5763. for (const v of Object.values(value)) {
  5764. sections.exp.append(v);
  5765. }
  5766. }
  5767. cfgpage.append(cbtn);
  5768. };
  5769. // #endregion
  5770. container.Tabs.custom = (host) => {
  5771. MUList.host = host;
  5772. respHandles.build();
  5773. };
  5774. ael(mainframe, 'mouseenter', (evt) => {
  5775. evt.preventDefault();
  5776. evt.stopPropagation();
  5777. evt.target.style.opacity = container.opacityMax;
  5778. frameTimeout.clear(...frameTimeout.ids);
  5779. });
  5780. ael(mainframe, 'mouseleave', (evt) => {
  5781. evt.preventDefault();
  5782. evt.stopPropagation();
  5783. evt.target.style.opacity = container.opacityMin;
  5784. container.timeoutFrame();
  5785. });
  5786. ael(mainframe, 'click', (evt) => {
  5787. evt.preventDefault();
  5788. frameTimeout.clear(...frameTimeout.ids);
  5789. dom.cl.remove(main, 'hidden');
  5790. dom.cl.add(mainframe, 'hidden');
  5791. if (cfg.autoexpand) {
  5792. dom.cl.add([btnfullscreen, main], 'expanded');
  5793. dom.prop(btnfullscreen, 'innerHTML', iconSVG.load('collapse'));
  5794. }
  5795. });
  5796. ael(urlBar, 'input', (evt) => {
  5797. evt.preventDefault();
  5798. if (urlBar.placeholder === i18n$('newTab')) {
  5799. return;
  5800. }
  5801. /**
  5802. * @type { string }
  5803. */
  5804. const val = evt.target.value;
  5805. const section = qsA('mujs-section[data-name]', cfgpage);
  5806. if (isEmpty(val)) {
  5807. dom.cl.remove(container.toElem(), 'hidden');
  5808. dom.cl.remove(section, 'hidden');
  5809. return;
  5810. }
  5811. const finds = new Set();
  5812. if (!dom.cl.has(cfgpage, 'hidden')) {
  5813. const reg = new RegExp(val, 'gi');
  5814. for (const elem of section) {
  5815. if (!isElem(elem)) continue;
  5816. if (finds.has(elem)) continue;
  5817. if (elem.dataset.name.match(reg)) finds.add(elem);
  5818. }
  5819. dom.cl.add(section, 'hidden');
  5820. dom.cl.remove([...finds], 'hidden');
  5821. return;
  5822. }
  5823. const cacheValues = Array.from(container).filter(({ _mujs }) => {
  5824. return !finds.has(_mujs.root);
  5825. });
  5826. /**
  5827. * @param {RegExpMatchArray} regExp
  5828. * @param {keyof import("../typings/types.d.ts").GSForkQuery} key
  5829. */
  5830. const ezQuery = (regExp, key) => {
  5831. const q_value = val.replace(regExp, '');
  5832. const reg = new RegExp(q_value, 'gi');
  5833. for (const v of cacheValues) {
  5834. let k = v[key];
  5835. if (typeof k === 'number') {
  5836. k = `${v[key]}`;
  5837. }
  5838. if (k && k.match(reg)) {
  5839. finds.add(v._mujs.root);
  5840. }
  5841. }
  5842. };
  5843. if (val.match(/^(code_url|url):/)) {
  5844. ezQuery(/^(code_url|url):/, 'code_url');
  5845. } else if (val.match(/^(author|users?):/)) {
  5846. const parts = /^[\w_]+:(.+)/.exec(val);
  5847. if (parts) {
  5848. const reg = new RegExp(parts[1], 'gi');
  5849. for (const v of cacheValues.filter((v) => !isEmpty(v.users))) {
  5850. for (const user of v.users) {
  5851. for (const value of Object.values(user)) {
  5852. if (typeof value === 'string' && value.match(reg)) {
  5853. finds.add(v._mujs.root);
  5854. } else if (typeof value === 'number' && `${value}`.match(reg)) {
  5855. finds.add(v._mujs.root);
  5856. }
  5857. }
  5858. }
  5859. }
  5860. }
  5861. } else if (val.match(/^(locale|i18n):/)) {
  5862. ezQuery(/^(locale|i18n):/, 'locale');
  5863. } else if (val.match(/^id:/)) {
  5864. ezQuery(/^id:/, 'id');
  5865. } else if (val.match(/^license:/)) {
  5866. ezQuery(/^license:/, 'license');
  5867. } else if (val.match(/^name:/)) {
  5868. ezQuery(/^name:/, 'name');
  5869. } else if (val.match(/^description:/)) {
  5870. ezQuery(/^description:/, 'description');
  5871. } else if (val.match(/^(search_engine|engine):/)) {
  5872. const parts = /^[\w_]+:(\w+)/.exec(val);
  5873. if (parts) {
  5874. const reg = new RegExp(parts[1], 'gi');
  5875. for (const { _mujs } of cacheValues)
  5876. if (_mujs.info.engine.name.match(reg)) finds.add(_mujs.root);
  5877. }
  5878. } else if (val.match(/^filter:/)) {
  5879. const parts = /^\w+:(.+)/.exec(val);
  5880. if (parts) {
  5881. const bsFilter = loadFilters();
  5882. const filterType = bsFilter.get(parts[1].trim().toLocaleLowerCase());
  5883. if (filterType) {
  5884. const { reg } = filterType;
  5885. for (const { name, users, _mujs } of cacheValues) {
  5886. if ([{ name }, ...users].find((o) => o.name.match(reg))) continue;
  5887. finds.add(_mujs.root);
  5888. }
  5889. }
  5890. }
  5891. } else if (val.match(/^recommend:/)) {
  5892. for (const { url, id, users, _mujs } of cacheValues) {
  5893. if (
  5894. users.find((u) => u.id === authorID) ||
  5895. goodUserJS.includes(url) ||
  5896. goodUserJS.includes(id)
  5897. ) {
  5898. finds.add(_mujs.root);
  5899. }
  5900. }
  5901. } else {
  5902. const reg = new RegExp(val, 'gi');
  5903. for (const v of cacheValues) {
  5904. if (v.name && v.name.match(reg)) finds.add(v._mujs.root);
  5905. if (v.description && v.description.match(reg)) finds.add(v._mujs.root);
  5906. if (v._mujs.code.data_meta)
  5907. for (const key of Object.keys(v._mujs.code.data_meta))
  5908. if (/name|desc/i.test(key) && key.match(reg)) finds.add(v._mujs.root);
  5909. }
  5910. }
  5911. dom.cl.add(qsA('tr[data-engine]', tabbody), 'hidden');
  5912. dom.cl.remove([...finds], 'hidden');
  5913. });
  5914. ael(urlBar, 'change', (evt) => {
  5915. evt.preventDefault();
  5916. const val = evt.target.value;
  5917. const tabElem = Tabs.getActive();
  5918. if (urlBar.placeholder === i18n$('newTab') && tabElem) {
  5919. const tabHost = tabElem.firstElementChild;
  5920. const host = formatURL(normalizedHostname(val));
  5921. if (Tabs.protoReg.test(val)) {
  5922. const createdTab = Tabs.getTab(val);
  5923. Tabs.close(tabElem);
  5924. if (createdTab) {
  5925. Tabs.active(createdTab);
  5926. } else {
  5927. Tabs.create(val);
  5928. }
  5929. evt.target.placeholder = i18n$('search_placeholder');
  5930. evt.target.value = '';
  5931. } else if (host === '*') {
  5932. tabElem.dataset.host = host;
  5933. tabHost.title = '<All Sites>';
  5934. tabHost.textContent = '<All Sites>';
  5935. MUList.host = host;
  5936. respHandles.build();
  5937. } else if (container.checkBlacklist(host)) {
  5938. showError(`Blacklisted "${host}"`);
  5939. } else {
  5940. tabElem.dataset.host = host;
  5941. tabHost.title = host;
  5942. tabHost.textContent = host;
  5943. MUList.host = host;
  5944. respHandles.build();
  5945. }
  5946. }
  5947. });
  5948. scheduler.postTask(makecfg, { priority: 'background' });
  5949.  
  5950. respHandles.build = async () => {
  5951. await scheduler.postTask(MUList.build, { priority: 'background' });
  5952. container.timeoutFrame();
  5953. };
  5954.  
  5955. if (cfg.autofetch) {
  5956. respHandles.build();
  5957. } else {
  5958. container.timeoutFrame();
  5959. }
  5960. } catch (ex) {
  5961. err(ex);
  5962. container.remove();
  5963. }
  5964. return respHandles;
  5965. }
  5966. // #endregion
  5967. /**
  5968. * @template { Function } F
  5969. * @param { (this: F, doc: Document) => * } onDomReady
  5970. */
  5971. const loadDOM = (onDomReady) => {
  5972. if (isFN(onDomReady)) {
  5973. if (document.readyState === 'interactive' || document.readyState === 'complete') {
  5974. onDomReady(document);
  5975. } else {
  5976. document.addEventListener('DOMContentLoaded', (evt) => onDomReady(evt.target), {
  5977. once: true
  5978. });
  5979. }
  5980. }
  5981. };
  5982.  
  5983. const init = async (prefix = 'Config') => {
  5984. const stored = await StorageSystem.getValue(prefix, DEFAULT_CONFIG);
  5985. cfg = {
  5986. ...DEFAULT_CONFIG,
  5987. ...stored
  5988. };
  5989. info('Config:', cfg);
  5990. loadDOM((doc) => {
  5991. try {
  5992. if (window.location === null)
  5993. throw new Error('"window.location" is null, reload the webpage or use a different one', {
  5994. cause: 'loadDOM'
  5995. });
  5996. if (doc === null)
  5997. throw new Error('"doc" is null, reload the webpage or use a different one', {
  5998. cause: 'loadDOM'
  5999. });
  6000. container.redirect();
  6001. if (cfg.autoinject) {
  6002. container.inject(primaryFN, doc);
  6003. } else {
  6004. container.timeoutFrame();
  6005. }
  6006. Command.register(i18n$('userjs_inject'), () => {
  6007. container.inject(primaryFN, doc);
  6008. });
  6009. Command.register(i18n$('userjs_close'), () => {
  6010. container.remove();
  6011. });
  6012. } catch (ex) {
  6013. err(ex);
  6014. }
  6015. });
  6016. };
  6017. init();
  6018.  
  6019. })();