☰

Greasy Fork User Statistics+

shows user statistics as total installs, total scripts etc.

目前为 2022-11-18 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name Greasy Fork User Statistics+
  3. // @namespace -
  4. // @version 1.1.0
  5. // @description shows user statistics as total installs, total scripts etc.
  6. // @author NotYou
  7. // @include *greasyfork.org/*/users/*
  8. // @include *sleazyfork.org/*/users/*
  9. // @license GPL-3.0-or-later
  10. // @run-at document-end
  11. // @grant none
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.     let translations = {
  16.         'ar': {
  17.             stats: 'إحصائيات المستخدم',
  18.             works: 'يعمل المستخدم',
  19.         },
  20.         'bg': {
  21.             stats: 'Потребителска статистика',
  22.             works: 'Потребителят работи',
  23.         },
  24.         'cs': {
  25.             stats: 'Statistiky uživatelů',
  26.             works: 'Uživatel pracuje',
  27.         },
  28.         'da': {
  29.             stats: 'Brugerstatistik',
  30.             works: 'Brugeren fungerer',
  31.         },
  32.         'de': {
  33.             stats: 'Benutzerstatistiken',
  34.             works: 'Benutzer funktioniert',
  35.         },
  36.         'el': {
  37.             stats: 'Στατιστικά στοιχεία χρηστών',
  38.             works: 'Ο χρήστης λειτουργεί',
  39.         },
  40.         'en': {
  41.             stats: 'User statistics',
  42.             works: 'User works',
  43.         },
  44.         'eo': {
  45.             stats: 'Statistiko de uzantoj',
  46.             works: 'Uzanto funkcias',
  47.         },
  48.         'es': {
  49.             stats: 'Estadísticas de usuario',
  50.             works: 'El usuario trabaja',
  51.         },
  52.         'fi': {
  53.             stats: 'Käyttäjätilastot',
  54.             works: 'Käyttäjä toimii',
  55.         },
  56.         'fr': {
  57.             stats: 'Statistiques d\'utilisateurs',
  58.             works: 'L\'utilisateur travaille',
  59.         },
  60.         'he': {
  61.             stats: 'סטטיסטיקות משתמשים',
  62.             works: 'משתמש עובד',
  63.         },
  64.         'hu': {
  65.             stats: 'Felhasználói statisztikák',
  66.             works: 'Felhasználó működik',
  67.         },
  68.         'id': {
  69.             stats: 'Statistik pengguna',
  70.             works: 'Pengguna bekerja',
  71.         },
  72.         'it': {
  73.             stats: 'Statistiche utente',
  74.             works: 'L\'utente lavora',
  75.         },
  76.         'ja': {
  77.             stats: 'ユーザー統計',
  78.             works: 'ユーザーは動作します',
  79.         },
  80.         'ko': {
  81.             stats: '사용자 통계',
  82.             works: '사용자 작품',
  83.         },
  84.         'ne': {
  85.             stats: 'Gebruikersstatistieken',
  86.             works: 'Gebruiker werkt',
  87.         },
  88.         'pl': {
  89.             stats: 'Statystyki użytkowników',
  90.             works: 'Użytkownik pracuje',
  91.         },
  92.         'ro': {
  93.             stats: 'Statistici utilizatori',
  94.             works: 'Utilizatorul lucrează',
  95.         },
  96.         'ru': {
  97.             stats: 'Статистика пользователей',
  98.             works: 'Пользовательские работы',
  99.         },
  100.         'tr': {
  101.             stats: 'Kullanıcı istatistikleri',
  102.             works: 'Kullanıcı işleri',
  103.         },
  104.         'uk': {
  105.             stats: 'Статистика користувачів',
  106.             works: 'Користувач працює',
  107.         },
  108.         'vi': {
  109.             stats: 'Thống kê người dùng',
  110.             works: 'Người dùng hoạt động',
  111.         },
  112.         'zh-CN': {
  113.             stats: '用户统计',
  114.             works: '用户作品',
  115.         },
  116.         'zh-TW': {
  117.             stats: '用戶統計',
  118.             works: '用戶作品',
  119.         },
  120.     }
  121.  
  122.     let currentTranslation = translations[document.querySelector('#language-selector-locale').value] || translations.en
  123.     let i = 0
  124.  
  125.     let data = new Proxy({
  126.         total: 0,
  127.         daily: 0,
  128.         scripts: 0,
  129.         styles: 0,
  130.         libraries: 0,
  131.  
  132.         stats: 0,
  133.         works: 0,
  134.     }, {
  135.         set(target, prop, value) {
  136.             let t = target
  137.  
  138.             t[prop] = value
  139.  
  140.             t.stats = t.total + t.daily
  141.             t.works = t.scripts + t.styles + t.libraries
  142.         }
  143.     })
  144.  
  145.     let stats = document.createElement('div')
  146.  
  147.     stats.id = 'user-statistics'
  148.  
  149.     addStyle({
  150.         '.statistics-bar': {
  151.             width: 'calc(100% - 2.4vw)',
  152.             margin: '1em',
  153.         },
  154.  
  155.         '.statistics-bar div': {
  156.             height: '20px',
  157.             borderRadius: '4px',
  158.             padding: '3px',
  159.         },
  160.  
  161.         '.statistics-bar span': {
  162.             position: 'relative',
  163.             bottom: '23px',
  164.             zIndex: '50',
  165.             height: '0',
  166.             display: 'block',
  167.             left: '5px',
  168.         },
  169.  
  170.         '.statistics-bar div[style*=" 0%"]': {
  171.             padding: '0',
  172.         },
  173.  
  174.         '.statistics-bar div[style*=" 0%"] + span': {
  175.             color: 'unset !important',
  176.         },
  177.     })
  178.  
  179.     document.querySelectorAll('.script-list > li').forEach(e => {
  180.         let dataset = e.dataset
  181.  
  182.         data.total += +dataset.scriptTotalInstalls
  183.         data.daily += +dataset.scriptDailyInstalls
  184.  
  185.         if(dataset.scriptType === 'library') {
  186.             data.libraries++
  187.         } else {
  188.             data[dataset.scriptLanguage === 'js' ? 'scripts' : 'styles']++
  189.         }
  190.     })
  191.  
  192.     createStat({
  193.         title: 'stats',
  194.         values: [
  195.             'total',
  196.             'daily',
  197.         ]
  198.     })
  199.  
  200.     createStat({
  201.         title: 'works',
  202.         values: [
  203.             'scripts',
  204.             'styles',
  205.             'libraries',
  206.         ]
  207.     })
  208.  
  209.     function createStat(input) {
  210.         let { values, title } = input
  211.         let titleEl = document.createElement('h3')
  212.  
  213.         if(data[title] > 0) {
  214.             titleEl.textContent = currentTranslation[title]
  215.             stats.appendChild(titleEl)
  216.  
  217.             values.forEach(e => {
  218.                 let value = data[e]
  219.                 let total = data[title]
  220.  
  221.                 createBar(value / total * 100, e, value)
  222.             })
  223.         }
  224.  
  225.         i++
  226.     }
  227.  
  228.     function createBar(width, name, value) {
  229.         let bar = document.createElement('div')
  230.         let barActual = document.createElement('div')
  231.         let text = document.createElement('span')
  232.         let bg = '128, 128, 128'
  233.  
  234.         bar.className = 'statistics-bar'
  235.  
  236.         switch (name) {
  237.             case 'total':
  238.                 bg = '255, 28, 28'
  239.                 break
  240.             case 'daily':
  241.                 bg = '255, 58, 58'
  242.                 break
  243.             case 'styles':
  244.                 bg = '50, 149, 208'
  245.                 break
  246.             case 'scripts':
  247.                 bg = '236, 203, 27'
  248.                 break
  249.             case 'libraries':
  250.                 bg = '221, 102, 15'
  251.                 break
  252.         }
  253.         barActual.style.width = width + '%'
  254.         barActual.style.backgroundColor = 'rgba(' + bg + ', .7)'
  255.  
  256.         if(i > 0) {
  257.             text.style.color = 'rgb(0, 0, 0)'
  258.         }
  259.  
  260.         text.textContent = capitalize(name) + ` (${value.toLocaleString()})`
  261.  
  262.         bar.appendChild(barActual)
  263.         bar.appendChild(text)
  264.         stats.appendChild(bar)
  265.     }
  266.  
  267.     function addStyle(css) {
  268.         let keys = Object.keys(css)
  269.         let cssActual = ''
  270.         let style = document.createElement('style')
  271.  
  272.         keys.forEach(e => {
  273.             let _keys = Object.keys(css[e])
  274.  
  275.             cssActual += e + '{'
  276.  
  277.             _keys.forEach(r => {
  278.                 cssActual += r.replace(/[A-Z]/, m => `-${m.toLowerCase()}`) + ':' + css[e][r] + ';'
  279.             })
  280.  
  281.             cssActual += '}'
  282.         })
  283.  
  284.         style.textContent = cssActual
  285.         document.querySelector('head').appendChild(style)
  286.     }
  287.  
  288.     function capitalize(str) {
  289.         return str[0].toUpperCase() + str.slice(1)
  290.     }
  291.  
  292.     document.querySelector('#about-user').appendChild(stats)
  293. })()
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308.