ENH add stats to website

Author: beckermr

css/theme.css

@@ -416,3 +416,9 @@ body {
   max-width: 100%;
   height: auto;
 }
+
+/*  https://stackoverflow.com/a/25517025 */
+.vcenter {
+    display: flex;
+    align-items: center;
+}

index.html.tmpl

@@ -8,7 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="">
     <meta name="author" content="">
-    
+
     <link rel="shortcut icon" href="img/favicon.ico">
 
     <title>conda-forge | community driven packaging for conda</title>
@@ -121,6 +121,28 @@
                   each repository, also known as a feedstock, automatically
                   builds its own recipe in a clean and repeatable way on Windows, Linux and OSX.
                 </p>
+            </div>
+        </div>
+
+        <div class="row vcenter" style="display: none;" id="stats1">
+            <div class="col-md-4 col-md-offset-2 padded">
+              <p class="text-center" id="stats-downloads"></p>
+            </div>
+            <div class="col-md-4 padded">
+              <p class="text-center" id="stats-members"></p>
+            </div>
+        </div>
+        <div class="row vcenter" style="display: none;" id="stats2">
+            <div class="col-md-4 col-md-offset-2 padded">
+              <p class="text-center" id="stats-data"></p>
+            </div>
+            <div class="col-md-4 padded">
+              <p class="text-center" id="stats-issues-prs"></p>
+            </div>
+        </div>
+
+        <div class="row">
+            <div class="col-lg-8 col-lg-offset-2 padded">
                 <p>
                   The built distributions are uploaded to <a href="http://anaconda.org/conda-forge">anaconda.org/conda-forge</a>
                   and can be <a href="http://conda.pydata.org/docs/intro.html">installed with conda</a>. For example, to install a
@@ -394,6 +416,9 @@
     <!-- Custom Theme JavaScript -->
     <script src="js/theme.js"></script>
 
+    <!-- stats -->
+    <script src="js/stats.js"></script>
+
 </body>
 
 </html>

js/stats.js

@@ -0,0 +1,54 @@
+function loadStatsJSON (url, callback) {
+  var xobj = new XMLHttpRequest()
+  xobj.overrideMimeType('application/json')
+  xobj.open('GET', url, true)
+  xobj.onreadystatechange = function () {
+    if (xobj.readyState === 4 && xobj.status === 200) {
+      // Required use of an anonymous callback as .open will NOT return a value
+      // but simply returns undefined in asynchronous mode
+      callback(xobj.responseText)
+    }
+  }
+  xobj.send(null)
+}
+
+function displayStatsJSON (reportText) {
+  var stats = JSON.parse(reportText)
+
+  var div = document.getElementById('stats-downloads')
+  var mlns = stats.downloads.month / 1e6
+  var blns = stats.downloads.all / 1e9
+  div.innerHTML = (
+    mlns.toFixed(0) + ' million monthly downloads<br>' +
+    blns.toFixed(0) + ' billion all-time downloads'
+  )
+
+  div = document.getElementById('stats-members')
+  div.innerHTML = (
+    stats.n_members_core + ' core devs<br>' +
+    stats.n_members_staged_recipes + ' staged-recipes maintainers<br>' +
+    (stats.n_members / 1e3).toFixed(1) + 'k feedstock maintainers'
+  )
+
+  div = document.getElementById('stats-data')
+  div.innerHTML = (
+    (stats.n_repos / 1e3).toFixed(1) + 'k feedstocks<br>' +
+    (stats.n_packages / 1e3).toFixed(1) + 'k packages<br>' +
+    (stats.n_artifacts / 1e3).toFixed(1) + 'k artifacts'
+  )
+
+  div = document.getElementById('stats-issues-prs')
+  div.innerHTML = (
+    ((stats.n_prs + stats.n_issues) / 1e3).toFixed(1) + 'k issues+PRs<br>' +
+    ((stats.n_open_prs + stats.n_open_issues) / 1e3).toFixed(1) + 'k/' +
+    ((stats.n_closed_prs + stats.n_closed_issues) / 1e3).toFixed(1) + 'k open/closed'
+  )
+
+  div = document.getElementById('stats1')
+  div.style.display = ''
+  div = document.getElementById('stats2')
+  div.style.display = ''
+}
+
+var url = 'https://raw.githubusercontent.com/conda-forge/by-the-numbers/main/data/live_counts.json'
+loadStatsJSON(url, displayStatsJSON)