☰

imgur_show_user_stats_light

Show user statistics on imgur

  1. // ==UserScript==
  2. // @name        imgur_show_user_stats_light
  3. // @namespace   someName
  4. // @include     http://imgur.com/user/*
  5. // @include     https://imgur.com/user/*
  6. // @version     0.3.7
  7. // @grant       none
  8. // @description Show user statistics on imgur
  9. // ==/UserScript==
  10. // TODO: Catch errors and check result.success
  11. // TODO: Think about useable version numbers...
  12. // TODO: Add support for username.imgur.com style urls
  13. // TODO: Show errors and handle no credits remaining ?
  14.  
  15. $(window).ready(function () {
  16.   var CLIENT_ID = 'cd0695f1226536b';
  17.   var SHOW_ID = false;
  18.   var MAX_SUB_PAGES = 15;
  19.   var _submissions_left = -1;
  20.   var _sub_site = 0;
  21.   var _submissions = [];
  22.   var _last_sub_id = -1;
  23.   var _last_post = -1;
  24.   
  25.   function _update_limits_from_header(xhr) {
  26.     xhr.getResponseHeader('Header')
  27.     $('#stats_credits_user').html('User Credits: ' + xhr.getResponseHeader('X-RateLimit-UserRemaining') + ' / ' + xhr.getResponseHeader('X-RateLimit-UserLimit'));
  28.     $('#stats_credits_script').html('Script Credits: : ' + xhr.getResponseHeader('X-RateLimit-ClientRemaining') + ' / ' + xhr.getResponseHeader('X-RateLimit-ClientLimit'));
  29.   }
  30.  
  31.   function request_user_info(endpoint, success_cb, error_cb) {
  32.     $.ajax({
  33.       url: 'https://api.imgur.com/3/account/' + username + '/' + endpoint,
  34.       method: 'GET',
  35.       headers: {
  36.         Authorization: 'Client-ID ' + CLIENT_ID,
  37.         Accept: 'application/json'
  38.       },
  39.       success: function (a, b, c) {
  40.         _update_limits_from_header(c);
  41.         success_cb(a, b, c);
  42.       },
  43.       error: error_cb
  44.     });
  45.   }
  46.   
  47.   
  48.   if (window.location.pathname.indexOf('/user/') === 0 && $('.button').filter('.comments').length > 0) {
  49.     // Set up UI
  50.     var username = window.location.pathname.split('/', 3) [2]; // TODO: look for a more stable way (is there an imgur js var maybe ?)
  51.     var newBox = $('<div id="statsBox" class="textbox"></div>');
  52.     var tble = $('<table id="_stats_table" width="100%">' +
  53.     //'<tr><td colspan="2" align="center" style="display:none; color:#cf3131; font-weight:bold;" id="stats_is_mod">Moderator</td></tr>' +
  54.     '<tr><td colspan="2"><hr></td></tr>'+
  55.     '<tr style="display:none"><td>Userid:</td><td align="right"><span id="stats_uid"> - </span></td></tr>' +
  56.     '<tr><td>Account creation</td><td align="right"><span id="stats_created"> - </span></td></tr>' +
  57.     '<tr><td>Comments</td><td align="right"><a href="http://imgur.com/user/' + username + '/" id="stats_comments"> - </a></td></tr>' +
  58.     '<tr><td>Submissions</td><td align="right"><a href="http://imgur.com/user/' + username + '/submitted" id="stats_submissions"> - </a></td></tr>' +
  59.     '<tr><td>Albums</td><td align="right"><a href="http://' + username + '.imgur.com" id="stats_albums"> - </a></td></tr>' +
  60.     '<tr><td>Images</td><td align="right"><a href="http://' + username + '.imgur.com/all" id="stats_images"> - </a></td></tr>' +
  61.     '<tr><td>Favorites</td><td align="right"><a href="http://imgur.com/user/' + username + '/favorites" id="stats_favorites"> - </a></td></tr>' +
  62.     '<tr><td colspan="2"><hr></td></tr>'+
  63.     '<tr><td colspan="2" align="center"><button id="_btn_extend">Extended statistics</button></td></tr>' +
  64.     '<tr class="_extended"><td colspan="2"><hr></td></tr>'+
  65.     '<tr class="_extended"><td>Last activity</td><td align="right" id="stats_last_active"></td></tr>' +
  66.     '<tr class="_extended"><td>AVG post points</td><td align="right" id="stats_score"></td></tr>' +
  67.     '<tr class="_extended"><td>AVG post views</td><td align="right" id="stats_views"></td></tr>' +
  68.     '<tr class="_extended"><td>Most viral posts </td><td align="right" id="stats_most_viral"></td></tr>' +
  69.     '<tr class="_extended"><td>NSFW posts </td><td align="right" id="stats_nsfw"></td></tr>' +
  70.     '<tr class="_extended"><td>Top tags</td><td align="right" id="stats_toptags"></td></tr>' +
  71.     '<tr><td colspan="2"><hr></td></tr>'+
  72.     '<tr><td colspan="2" align="center"><a href="http://community.imgur.com/users/' + username + '">IC profile</a></td></tr>' +             
  73.     '<tr><td style="color: #2B2B2B; font-size: 0.7em;" colspan="2" align="center" id="stats_credits_user"> - </td></tr>' +
  74.     '<tr><td style="color: #2B2B2B; font-size: 0.7em;" colspan="2" align="center" id="stats_credits_script"> - </td></tr>' +
  75.     '</table>');
  76.     newBox.append(tble);
  77.     newBox.insertBefore($('.notoriety-container'));
  78.     
  79.     tble.find('._extended').hide();
  80.     
  81.     // Add loading icon to all rows
  82.     var tmp = $('#_stats_table tr td:nth-child(2)'); tmp.children().hide();
  83.     tmp.append('<img style="height:1em" src="https://i.imgur.com/LR2v0rh.gif" />');
  84.     
  85.     
  86.     $('#_btn_extend').click(function(){
  87.       if(_submissions_left == 0) return;
  88.       tble.find('._extended').show();
  89.       get_submissions();
  90.     });
  91.     
  92.     
  93.     // get coments / submission stats
  94.     request_user_info('gallery_profile', function (result, status, request) {
  95.         $('#stats_comments').text(result.data.total_gallery_comments.toLocaleString()).closest('td').children().show().filter('img').remove();
  96.         $('#stats_submissions').text(result.data.total_gallery_submissions.toLocaleString()).closest('td').children().show().filter('img').remove();
  97.         $('#stats_favorites').text(result.data.total_gallery_favorites.toLocaleString()).closest('td').children().show().filter('img').remove();
  98.         _submissions_left = result.data.total_gallery_submissions;
  99.         if(_submissions_left == 0) $('#_btn_extend, #_stats_table hr:nth(1)').hide()
  100.       }, function (a, b, c) {
  101.         console.log('Failed to load', a, b, c);
  102.         $('#stats_comments, #stats_submissions, #stats_favorites').text('Failed to load').closest('td').children().show().filter('img').remove();
  103.       }
  104.     );
  105.     
  106.     // get the exact (*) join date. TODO: I bet i messed up the time(zones) here.
  107.     request_user_info('', function (result, status, request) {
  108.         var date = new Date(result.data.created * 1000);
  109.         var cake = new Date(result.data.created * 1000);
  110.         var now = new Date();
  111.         cake.setFullYear(now.getFullYear());
  112.         if(cake < now){
  113.           cake.setFullYear(cake.getFullYear() + 1);
  114.         }
  115.         var dist = cake - now;
  116.         var foo = [[1000*60*60*24, 'day'], [1000*60*60, 'hour'], [1000*60, 'minute'], [1000, 'second']];
  117.         var till_str = "";
  118.         for(var i=0; i< foo.length; ++i){
  119.           var val = Math.floor(dist / foo[i][0]);
  120.           dist -= val * foo[i][0];
  121.           if(val == 0 && till_str.length == 0)
  122.             continue;
  123.           till_str += val + " " + foo[i][1];
  124.           if(val > 1) till_str += "s";
  125.           till_str += " ";
  126.         }
  127.         $('#stats_created').text(date.toLocaleDateString()).attr('title', date.toLocaleString() + "\n" + "In: " + till_str).closest('td').children().show().filter('img').remove();
  128.         if(SHOW_ID){
  129.           $('#stats_uid').text(result.data.id).parent().parent().show();
  130.           $('#stats_uid').closest('td').children().show().filter('img').remove();
  131.         }
  132.         /*if(result.data.pro_expiration != false){
  133.           $('#stats_is_mod').show();  
  134.         }*/
  135.       }, function (a, b, c) {
  136.         console.log('Failed to load', a, b, c);
  137.         $('#stats_created').text('Failed to load').closest('td').children().show().filter('img').remove();
  138.       }
  139.     );
  140.     
  141.     // album count (inklusive not submitted to gallery), if album settings are set to public.
  142.     request_user_info('albums/count', function (result, status, request) {
  143.         $('#stats_albums').text(result.data.toLocaleString()).closest('td').children().show().filter('img').remove();
  144.       }, function (a, b, c) {
  145.         console.log('Failed to load', a, b, c);
  146.         $('#stats_albums').text('private').closest('td').children().show().filter('img').remove();
  147.       }
  148.     );
  149.     
  150.     // image count (inklusive not submitted to gallery), if image settings are set to public.
  151.     request_user_info('images/count', function (result, status, request) {
  152.         $('#stats_images').text(result.data.toLocaleString()).closest('td').children().show().filter('img').remove();
  153.       }, function (a, b, c) {
  154.         console.log('Failed to load', a, b, c);
  155.         $('#stats_images').text('private').closest('td').children().show().filter('img').remove();
  156.       }
  157.     );
  158.     
  159.     
  160.     
  161.     function get_submissions() {
  162.       if(_submissions_left <= 0){
  163.         return; 
  164.       }
  165.       console.log("Requesting submission page #" + _sub_site);
  166.       
  167.       request_user_info('submissions/' + _sub_site, function (result, status, request) {
  168.           _submissions.push.apply(_submissions, result.data);
  169.           _submissions_left -= result.data.length;
  170.           var done = true;
  171.           if(result.data.length > 0 && _submissions_left > 0 &&  _last_sub_id != result.data[0].id){
  172.             if(_sub_site+1 == MAX_SUB_PAGES){
  173.               var a = $('<span style="color:yellow; font-weight: bold; padding: 0 5px 0 5px;">!</span>');
  174.               a.attr('title', 'Only the last '+ _submissions.length +' submissions are considered.');
  175.               $('#stats_score, #stats_views, #stats_toptags, #stats_nsfw, #stats_most_viral').parent().children('td:nth-child(1)').append(a);
  176.             }else{
  177.               _last_sub_id = result.data[0].id;
  178.               _sub_site += 1;
  179.               get_submissions();
  180.               done = false;
  181.             }
  182.           }
  183.           if(done){
  184.             if(_submissions.length > 0){
  185.               //  TODO: are they  always returned newest first ?
  186.               _last_post = _submissions[0].datetime;
  187.             }
  188.             calc_views();
  189.             calc_score();
  190.             collect_tags();
  191.             get_last_comment();
  192.             calc_most_viral();
  193.             calc_nsfw();
  194.           }
  195.         }, function (a, b, c) {
  196.           console.log('Failed to load', a, b, c);
  197.         }
  198.       );
  199.     }
  200.     
  201.     function _get_field(array, field){
  202.       var ret = Array();
  203.       for(var i=0; i < array.length; ++i){
  204.         ret.push(array[i][field])
  205.       }
  206.       return ret;
  207.     }
  208.     
  209.     // some array funcs for convinience
  210.     Array.prototype.sum = function() {
  211.       return this.reduce(function(a, b) { return a + b; }, 0);
  212.     };
  213.     Array.prototype.max = function() {
  214.       return Math.max.apply(null, this);
  215.     };
  216.     Array.prototype.min = function() {
  217.       return Math.min.apply(null, this);
  218.     };
  219.     var round = Math.round;
  220.     
  221.     function calc_views(){
  222.       var views = _get_field(_submissions ,'views');
  223.       var view_sum = views.sum();
  224.       var a = $('<span></span>');
  225.       a.text(round(view_sum / views.length).toLocaleString());
  226.       a.attr('title', 'All: ' + round(view_sum).toLocaleString() + ". Max: " + views.max().toLocaleString() + ". Min: " + views.min().toLocaleString() + ".");
  227.       $('#stats_views').append(a).closest('td').children().show().filter('img').remove();
  228.     }
  229.     
  230.     function calc_score(){
  231.       var points = _get_field(_submissions ,'points');
  232.       var ups = _get_field(_submissions ,'ups').sum() / points.length;
  233.       var downs = _get_field(_submissions ,'downs').sum() / points.length;
  234.       var point_sum = points.sum();
  235.       var a = $('<span></span>');
  236.       a.text( round(point_sum / points.length).toLocaleString());
  237.       a.attr('title', 'Upvotes avg: ' + round(ups).toLocaleString() + ". Downvotes avg: " + round(downs).toLocaleString() + ".");
  238.       $('#stats_score').append(a).closest('td').children().show().filter('img').remove();
  239.     }
  240.     
  241.     function calc_most_viral(){
  242.       var virals = _get_field(_submissions ,'in_most_viral');
  243.       var _sum = virals.sum();
  244.       if(virals.length > 0){
  245.         val = Math.round((100.0 / virals.length) * _sum);
  246.       }
  247.       var a = $('<span></span>');
  248.       a.text( val + "%" );
  249.       a.attr('title', _sum + " / " + virals.length + " posts");
  250.       $('#stats_most_viral').append(a).closest('td').children().show().filter('img').remove();
  251.     }
  252.     
  253.     function calc_nsfw(){
  254.       var nsfws = _get_field(_submissions ,'nsfw');
  255.       var _sum = nsfws.sum();
  256.       var val = 0;
  257.       if(nsfws.length > 0){
  258.         val = Math.round((100.0 / nsfws.length) * _sum);
  259.       }
  260.       var a = $('<span></span>');
  261.       a.text( val + "%" );
  262.       a.attr('title', _sum + " / " + nsfws.length + " posts");
  263.       $('#stats_nsfw').append(a).closest('td').children().show().filter('img').remove();
  264.     }
  265.     
  266.     function collect_tags(){
  267.       console.log('collect_tags');
  268.       var counter = {};
  269.       for(var i=0; i < _submissions.length; ++i){
  270.         var tags = _submissions[i].tags;
  271.         for(var j=0; j < tags.length; ++j){
  272.           var count = 1; var k = tags[j].display_name;
  273.           if( k in counter ){
  274.             count += counter[k][0];
  275.           }
  276.           counter[k] = [count, tags[j]];
  277.         }
  278.       }
  279.       var vals = Object.values(counter);
  280.       vals.sort(function(a, b) {
  281.        return b[0] - a[0];
  282.       });
  283.       
  284.       $('#stats_toptags').children().show().filter('img').remove();
  285.       for(var i=0; i < 5 && i < vals.length; ++i){
  286.         var node = $('<a>-</a><br>');
  287.         node.filter('a').text(vals[i][1].display_name).attr('title', "Used "+vals[i][0]+" times").attr('href', 'https://imgur.com/t/'+vals[i][1].name);
  288.         $('#stats_toptags').append(node);
  289.       }
  290.     }
  291.   }
  292.   
  293.   function get_last_comment(){
  294.     request_user_info('comments/newest', function (result, status, request) {
  295.         if(result.data.length == 0 && _last_post == -1){
  296.           $('#stats_last_active').text('-');
  297.           return; 
  298.         }
  299.         if(result.data.length == 0) return;
  300.         var d = result.data[0].datetime;
  301.         var link = result.data[0].datetime;
  302.         if(d > _last_post){
  303.           link = 'https://imgur.com/gallery/' +result.data[0].image_id+ '/comment/' + result.data[0].id;
  304.         }else{
  305.           link = 'https://imgur.com/gallery/' + _submissions[0].id;
  306.           d = _last_post;
  307.         }
  308.         var delta = (new Date().getTime()/1000) - d;  
  309.         function pluralize(val, word){
  310.           val = Math.floor(val);
  311.           return val + " " + Imgur.Util.pluralize(val, word);
  312.         }
  313.         // thats propably somewhere already
  314.         if(delta >= 356*24*60*60) delta = pluralize(delta / (356*24*60*60), " year");
  315.         else if(delta >= 24*60*60) delta = pluralize(delta / (24*60*60), " day");
  316.         else if(delta >= 60*60) delta = pluralize(delta / (60*60), " hour");
  317.         else if(delta >= 60) delta = pluralize(delta / 60, " minute");
  318.         else delta = pluralize(delta, " second");
  319.         d = new Date(d * 1000);
  320.         var a = $('<a></a>').attr('href', link).text(delta + " ago").attr('title', d.toLocaleDateString() + " " + d.toLocaleTimeString());
  321.         $('#stats_last_active').append(a).children().show().filter('img').remove();
  322.       }, function (a, b, c) {
  323.         console.log('Failed to load', a, b, c);
  324.         $('#stats_last_active').text('Failed to load comment').closest('td').children().show().filter('img').remove();
  325.       }
  326.     );
  327.   }
  328. });