smalljam/json-viewer.html

## json-viewer.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<script>
//https://raw.github.com/dankogai/js-base64/master/base64.js
(function(a){"use strict";var b;typeof module!="undefined"&&module.exports&&(b=require("buffer").Buffer);var c="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",d=function(a){for(var b={},c=0,d=a.length;d>c;c++)b[a.charAt(c)]=c;return b}(c),e=String.fromCharCode,f=function(a){var b=a.charCodeAt(0);return 128>b?a:2048>b?e(192|b>>>6)+e(128|b&63):e(224|b>>>12&15)+e(128|b>>>6&63)+e(128|b&63)},g=function(a){return a.replace(/[^\x00-\x7F]/g,f)},h=function(a){var b=[0,2,1][a.length%3],d=a.charCodeAt(0)<<16|(a.length>1?a.charCodeAt(1):0)<<8|(a.length>2?a.charCodeAt(2):0),e=[c.charAt(d>>>18),c.charAt(d>>>12&63),b>=2?"=":c.charAt(d>>>6&63),b>=1?"=":c.charAt(d&63)];return e.join("")},i=a.btoa||function(a){return a.replace(/[\s\S]{1,3}/g,h)},j=b?function(a){return new b(a).toString("base64")}:function(a){return i(g(a))},k=function(a,b){return b?j(a).replace(/[+\/]/g,function(a){return a=="+"?"-":"_"}):j(a)},l=function(a){return k(a,!0)},m=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}/g,n=function(a){return e(3>a.length?(31&a.charCodeAt(0))<<6|63&a.charCodeAt(1):(15&a.charCodeAt(0))<<12|(63&a.charCodeAt(1))<<6|63&a.charCodeAt(2))},o=function(a){return a.replace(m,n)},p=function(a){var b=a.length,c=b%4,f=(b>0?d[a.charAt(0)]<<18:0)|(b>1?d[a.charAt(1)]<<12:0)|(b>2?d[a.charAt(2)]<<6:0)|(b>3?d[a.charAt(3)]:0),g=[e(f>>>16),e(f>>>8&255),e(f&255)];return g.length-=[0,0,2,1][c],g.join("")},q=a.atob||function(a){return a.replace(/[\s\S]{1,4}/g,p)},r=b?function(a){return new b(a,"base64")+""}:function(a){return o(q(a))},s=function(a){return r(a.replace(/[-_]/g,function(a){return a=="-"?"+":"/"}).replace(/[^A-Za-z0-9\+\/]/g,""))};if(a.Base64={atob:q,btoa:i,fromBase64:s,toBase64:k,utob:g,encode:k,encodeURI:l,btou:o,decode:s},typeof Object.defineProperty=="function"){var t=function(a){return{value:a,enumerable:!1,writable:!0,configurable:!0}};a.Base64.extendString=function(){Object.defineProperty(String.prototype,"fromBase64",t(function(){return s(this)})),Object.defineProperty(String.prototype,"toBase64",t(function(a){return k(this,a)}))}}})(this)
</script>
<body>
<style>
#holder { border: 2px dashed #ccc; width: 100%; height: 50px; margin: 0px auto;}
#holder.hover { border: 2px dashed #333; }
</style>
<div id="holder"></div>
<script>
  window.allJSON = {};

  var holder = document.getElementById('holder');

  holder.ondragover = function () { this.className = 'hover'; return false; };
  holder.ondragend = function () { this.className = ''; return false; };
  holder.ondrop = function (e) {
    this.className = '';
    e.preventDefault();

    var file = e.dataTransfer.files[0],
        reader = new FileReader();

    reader.onload = function (event) {
      var data = JSON.parse( Base64.decode(event.target.result.replace('data:application/json;base64,', '')) );

      allJSON[file.name] = data;
      console.log(data);
    };
    console.log(file.name);
    reader.readAsDataURL(file);
    return false;
  };
</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset=utf-8>
	<script>
	//https://raw.github.com/dankogai/js-base64/master/base64.js
	(function(a){"use strict";var b;typeof module!="undefined"&&module.exports&&(b=require("buffer").Buffer);var c="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",d=function(a){for(var b={},c=0,d=a.length;d>c;c++)b[a.charAt(c)]=c;return b}(c),e=String.fromCharCode,f=function(a){var b=a.charCodeAt(0);return 128>b?a:2048>b?e(192\|b>>>6)+e(128\|b&63):e(224\|b>>>12&15)+e(128\|b>>>6&63)+e(128\|b&63)},g=function(a){return a.replace(/[^\x00-\x7F]/g,f)},h=function(a){var b=[0,2,1][a.length%3],d=a.charCodeAt(0)<<16\|(a.length>1?a.charCodeAt(1):0)<<8\|(a.length>2?a.charCodeAt(2):0),e=[c.charAt(d>>>18),c.charAt(d>>>12&63),b>=2?"=":c.charAt(d>>>6&63),b>=1?"=":c.charAt(d&63)];return e.join("")},i=a.btoa\|\|function(a){return a.replace(/[\s\S]{1,3}/g,h)},j=b?function(a){return new b(a).toString("base64")}:function(a){return i(g(a))},k=function(a,b){return b?j(a).replace(/[+\/]/g,function(a){return a=="+"?"-":"_"}):j(a)},l=function(a){return k(a,!0)},m=/[\xC0-\xDF][\x80-\xBF]\|[\xE0-\xEF][\x80-\xBF]{2}/g,n=function(a){return e(3>a.length?(31&a.charCodeAt(0))<<6\|63&a.charCodeAt(1):(15&a.charCodeAt(0))<<12\|(63&a.charCodeAt(1))<<6\|63&a.charCodeAt(2))},o=function(a){return a.replace(m,n)},p=function(a){var b=a.length,c=b%4,f=(b>0?d[a.charAt(0)]<<18:0)\|(b>1?d[a.charAt(1)]<<12:0)\|(b>2?d[a.charAt(2)]<<6:0)\|(b>3?d[a.charAt(3)]:0),g=[e(f>>>16),e(f>>>8&255),e(f&255)];return g.length-=[0,0,2,1][c],g.join("")},q=a.atob\|\|function(a){return a.replace(/[\s\S]{1,4}/g,p)},r=b?function(a){return new b(a,"base64")+""}:function(a){return o(q(a))},s=function(a){return r(a.replace(/[-_]/g,function(a){return a=="-"?"+":"/"}).replace(/[^A-Za-z0-9\+\/]/g,""))};if(a.Base64={atob:q,btoa:i,fromBase64:s,toBase64:k,utob:g,encode:k,encodeURI:l,btou:o,decode:s},typeof Object.defineProperty=="function"){var t=function(a){return{value:a,enumerable:!1,writable:!0,configurable:!0}};a.Base64.extendString=function(){Object.defineProperty(String.prototype,"fromBase64",t(function(){return s(this)})),Object.defineProperty(String.prototype,"toBase64",t(function(a){return k(this,a)}))}}})(this)
	</script>
	<body>
	<style>
	#holder { border: 2px dashed #ccc; width: 100%; height: 50px; margin: 0px auto;}
	#holder.hover { border: 2px dashed #333; }
	</style>
	<div id="holder"></div>
	<script>
	window.allJSON = {};

	var holder = document.getElementById('holder');

	holder.ondragover = function () { this.className = 'hover'; return false; };
	holder.ondragend = function () { this.className = ''; return false; };
	holder.ondrop = function (e) {
	this.className = '';
	e.preventDefault();

	var file = e.dataTransfer.files[0],
	reader = new FileReader();

	reader.onload = function (event) {
	var data = JSON.parse( Base64.decode(event.target.result.replace('data:application/json;base64,', '')) );

	allJSON[file.name] = data;
	console.log(data);
	};
	console.log(file.name);
	reader.readAsDataURL(file);
	return false;
	};
	</script>
	</body>
	</html>