[badge/dynamic/json] User defined JSON source badge

frontend/fragments/try-footer.html

@@ -1,6 +1,8 @@
 
 <h2 id="your-badge"> Your Badge </h2>
 
+<h3 id="static-badge"> Static </h3>
+
 <form action='javascript:makeImage()' id='imageMaker'>
   <input class='short' name='subject' placeholder='subject'/>
   <input class='short' name='status' placeholder='status'/>
@@ -49,6 +51,27 @@ <h2 id="your-badge"> Your Badge </h2>
 <img src="/badge/color-ff69b4-ff69b4.svg" alt='ff69b4'/>
 </p>
 
+<h3 id="dynamic-badge"> Dynamic </h3>
+
+<form action='javascript:generateDynamicImage()' id='dynamicImageMaker'>
+  <input class='short' name='type' list='dynamic-type' placeholder='type'/>
+  <datalist id='dynamic-type'>
+    <option value='json'>
+  </datalist>
+  <input class='short' name='label' placeholder='label'/>
+  <input class='short' name='uri' placeholder='uri'/>
+  <input class='short' name='query' placeholder='$.data.subdata'/>
+  <input class='short' name='color' placeholder='hex color'/>
+  <input class='short' name='prefix' placeholder='prefix'/>
+  <input class='short' name='suffix' placeholder='suffix'/>
+  <button>Generate</button>
+</form>
+
+<p>
+<code>/badge/dynamic/&lt;TYPE&gt;.svg?uri=&lt;URI&gt;&amp;label=&lt;LABEL&gt;&amp;query=&lt;<a href="https://www.npmjs.com/package/jsonpath" target="_BLANK" title="JSONdata syntax">$.DATA.SUBDATA</a>&gt;&amp;colorB=&lt;COLOR&gt;&amp;prefix=&lt;PREFIX&gt;&amp;suffix=&lt;SUFFIX&gt;</code>
+</p>
+<hr class='spacing'/>
+
 <h2 id="styles"> Styles </h2>
 <p>
 The following styles are available (flat is the default as of Feb 1st 2015):
@@ -448,6 +471,17 @@ <h2 id="like-this"> Like This? </h2>
   document.location = url;
 }
 
+function generateDynamicImage() {
+  var url = '/badge/dynamic/' + escapeField(dynamicImageMaker.type.value);
+  url += '.svg?label=' + escapeField(dynamicImageMaker.label.value);
+  url += '&colorB=' + escapeField(dynamicImageMaker.color.value);
+  url += '&prefix=' + escapeField(dynamicImageMaker.prefix.value);
+  url += '&suffix=' + escapeField(dynamicImageMaker.suffix.value);
+  url += '&query=' + dynamicImageMaker.query.value;
+  url += '&uri=' + dynamicImageMaker.uri.value;
+  document.location = url;
+}
+
 function escapeField(s) {
   return encodeURIComponent(s.replace(/-/g, '--').replace(/_/g, '__'));
 }

package.json

@@ -27,6 +27,7 @@
     "dot": "~1.1.2",
     "gm": "^1.23.0",
     "json-autosave": "~1.1.2",
+    "jsonpath": "~0.2.12",
     "lodash.countby": "^4.6.0",
     "moment": "^2.18.1",
     "pdfkit": "~0.8.0",

server.js

@@ -27,6 +27,7 @@ var githubAuth = require('./lib/github-auth');
 var queryString = require('query-string');
 var prettyBytes = require('pretty-bytes');
 var xml2js = require('xml2js');
+var jp = require('jsonpath');
 var serverSecrets = require('./lib/server-secrets');
 log(tryUrl);
 
@@ -7109,6 +7110,50 @@ camp.route(/^\/maven-metadata\/v\/(https?)\/(.+\.xml)\.(svg|png|gif|jpg|json)$/,
     });
 }));
 
+// User defined sources - JSON response
+camp.route(/^\/badge\/dynamic\/(json)\.(svg|png|gif|jpg|json)$/,
+cache({
+  queryParams: ['uri', 'query', 'prefix', 'suffix'],
+  handler: function(query, match, sendBadge, request) {
+    var type = match[1];
+    var format = match[2];
+    var prefix = query.prefix || '';
+    var suffix = query.suffix || '';
+    var pathExpression = query.query;
+
+    var badgeData = getBadgeData('custom badge', query);
+
+    if (!query.uri){
+      badgeData.text[1] = 'no uri specified';
+      sendBadge(format, badgeData);
+      return;
+    }
+    var uri = encodeURI(decodeURIComponent(query.uri));
+
+    request(uri, (err, res, data) => {
+      try {
+        if (res && res.statusCode === 404)
+          throw 'invalid resource';
+
+        if (err != null || !res || res.statusCode !== 200)
+          throw 'inaccessible';
+
+        switch (type){
+          case 'json':
+            data = (typeof data == 'object' ? data : JSON.parse(data));
+            badgeData.text[1] = (prefix || '') + jp.query(data, pathExpression).join(', ') + (suffix || '');
+            break;
+        }
+      } catch(e) {
+        badgeData.colorB = 'lightgrey';
+        badgeData.text[1] = e;
+      } finally {
+        sendBadge(format, badgeData);
+      }
+    });
+  }
+}));
+
 // nsp for npm packages
 camp.route(/^\/nsp\/npm\/(?:@([^/]+)?\/)?([^/]+)?(?:\/([^/]+)?)?\.(svg|png|gif|jpg|json)?$/, cache((data, match, sendBadge, request) => {
   // A: /nsp/npm/:package.:format

service-tests/json.js

@@ -0,0 +1,48 @@
+'use strict';
+
+const Joi = require('joi');
+const ServiceTester = require('./runner/service-tester');
+
+const t = new ServiceTester({ id: 'badge/dynamic/json', title: 'User Defined JSON Source Data' });
+module.exports = t;
+
+t.create('Connection error')
+  .get('.json?uri=https://github.com/badges/shields/raw/master/package.json&query=$.name&label=Package Name')
+  .networkOff()
+  .expectJSON({ name: 'Package Name', value: 'inaccessible' });
+
+t.create('No URI specified')
+  .get('.json?query=$.name&label=Package Name')
+  .expectJSON({ name: 'Package Name', value: 'no uri specified' });
+
+t.create('JSON from uri')
+  .get('.json?uri=https://github.com/badges/shields/raw/master/package.json&query=$.name')
+  .expectJSON({ name: 'custom badge', value: 'gh-badges'});
+
+t.create('JSON from uri | caching with new query params')
+  .get('.json?uri=https://github.com/badges/shields/raw/master/package.json&query=$.version')
+  .expectJSONTypes(Joi.object().keys({
+    name: Joi.equal('custom badge'),
+    value: Joi.string().regex(/^\d+(\.\d+)?(\.\d+)?$/)
+  }));
+
+t.create('JSON from uri | with prefix & suffix & label')
+  .get('.json?uri=https://github.com/badges/shields/raw/master/package.json&query=$.version&prefix=v&suffix= dev&label=Shields')
+  .expectJSONTypes(Joi.object().keys({
+    name: Joi.equal('Shields'),
+    value: Joi.string().regex(/^v\d+(\.\d+)?(\.\d+)?\sdev$/)
+  }));
+
+t.create('JSON from uri | object doesnt exist')
+  .get('.json?uri=https://github.com/badges/shields/raw/master/package.json&query=$.does_not_exist')
+  .expectJSONTypes(Joi.object().keys({
+    name: Joi.equal('custom badge'),
+    value: Joi.equal('')
+  }));
+
+t.create('JSON from uri | invalid uri')
+  .get('.json?uri=https://github.com/badges/shields/raw/master/notafile.json&query=$.version')
+  .expectJSONTypes(Joi.object().keys({
+    name: Joi.equal('custom badge'),
+    value: Joi.equal('invalid resource')
+  }));