From dc6858ee1ce36bff2766af8825032d10c7d75ae7 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Wed, 15 Jul 2015 20:28:20 -0400
Subject: adding vendor dir..

---
 js/upload.js               |  34 +++
 js/user.js                 |  54 +++++
 js/vendor/FileSaver.js     | 232 ++++++++++++++++++++
 js/vendor/colorcode.js     | 528 +++++++++++++++++++++++++++++++++++++++++++++
 js/vendor/dataUriToBlob.js |  47 ++++
 5 files changed, 895 insertions(+)
 create mode 100644 js/upload.js
 create mode 100644 js/user.js
 create mode 100644 js/vendor/FileSaver.js
 create mode 100644 js/vendor/colorcode.js
 create mode 100644 js/vendor/dataUriToBlob.js

(limited to 'js')

diff --git a/js/upload.js b/js/upload.js
new file mode 100644
index 0000000..917d1b8
--- /dev/null
+++ b/js/upload.js
@@ -0,0 +1,34 @@
+function upload(uri, filename, tag){
+  filename = filename || get_filename()
+  uri = (uri && ! uri.target) ? uri : lastGif
+  tag = tag || "shader"
+
+  var blob = dataUriToBlob(uri)
+  uploadImage({
+    blob: blob,
+    filename: filename,
+    username: user.username,
+    tag: tag,
+    success: function(data){
+
+      // data.url
+      // data.filesize
+      // data.success
+
+      console.log(data);
+      $("#uploaded-url").show().focus().val(data.url)
+      $("#uploaded-url + br").show()
+      status && status("uploaded");
+    },
+    error: function(data){
+      console.log(data)
+      status("error uploading: " + data.error)
+    }
+  });
+}
+
+function save (){
+  var filename = get_filename()
+  var blob = dataUriToBlob(lastGif)
+  saveAs(blob, filename);
+}
diff --git a/js/user.js b/js/user.js
new file mode 100644
index 0000000..460a937
--- /dev/null
+++ b/js/user.js
@@ -0,0 +1,54 @@
+var user = (function(){
+
+  var user = {}
+
+  user.init = function(){
+    user.load()
+    user.bind()
+  }
+  user.bind = function(){
+    $("#username").on("input", user.save)
+  }
+  user.load = function(){
+    user.username = user.getCookie()
+    $("#username").val(user.username)
+  }
+  user.prefs = new function(){}
+  user.prefs.get = function (key){
+    return localStorage.getItem("im.prefs." + key)
+  }
+  user.prefs.set = function (key,value){
+    return localStorage.setItem("im.prefs." + key, value)
+  }
+  user.sanitize = function(){
+    return $("#username").val().replace(/[^-_ a-zA-Z0-9]/g,"")
+  }
+  user.getCookie = function () {
+    var username = localStorage.getItem("im.name") || "";
+    if (document.cookie && ! username.length) {
+      var cookies = document.cookie.split(";")
+      for (i in cookies) {
+        var cookie = cookies[i].split("=")
+        if (cookie[0].indexOf("imname") !== -1) {
+          if (cookie[1] !== 'false' && cookie[1] !== 'undefined' && cookie[1].length) {
+            return cookie[1]
+          }
+        }
+      }
+    }
+    return username
+  }
+  user.save = function(){
+    var username = user.sanitize()
+    if (username != user.username) user.setCookie(username);
+  }
+  user.setCookie = function(username){
+    console.log("setting to " + username)
+    document.cookie = "imname="+username+";path=/;domain=.asdf.us;max-age=1086400"
+    localStorage.setItem("im.name", username);
+  }
+  
+  user.init()
+  
+  return user
+})()
diff --git a/js/vendor/FileSaver.js b/js/vendor/FileSaver.js
new file mode 100644
index 0000000..0f596ab
--- /dev/null
+++ b/js/vendor/FileSaver.js
@@ -0,0 +1,232 @@
+/* FileSaver.js
+ * A saveAs() FileSaver implementation.
+ * 2013-10-21
+ *
+ * By Eli Grey, http://eligrey.com
+ * License: X11/MIT
+ *   See LICENSE.md
+ */
+
+/*global self */
+/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true,
+  plusplus: true */
+
+/*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
+
+var saveAs = saveAs
+  || (typeof navigator !== 'undefined' && navigator.msSaveOrOpenBlob && navigator.msSaveOrOpenBlob.bind(navigator))
+  || (function(view) {
+	"use strict";
+	var
+		  doc = view.document
+		  // only get URL when necessary in case BlobBuilder.js hasn't overridden it yet
+		, get_URL = function() {
+			return view.URL || view.webkitURL || view;
+		}
+		, URL = view.URL || view.webkitURL || view
+		, save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a")
+		, can_use_save_link =  !view.externalHost && "download" in save_link
+		, click = function(node) {
+			var event = doc.createEvent("MouseEvents");
+			event.initMouseEvent(
+				"click", true, false, view, 0, 0, 0, 0, 0
+				, false, false, false, false, 0, null
+			);
+			node.dispatchEvent(event);
+		}
+		, webkit_req_fs = view.webkitRequestFileSystem
+		, req_fs = view.requestFileSystem || webkit_req_fs || view.mozRequestFileSystem
+		, throw_outside = function (ex) {
+			(view.setImmediate || view.setTimeout)(function() {
+				throw ex;
+			}, 0);
+		}
+		, force_saveable_type = "application/octet-stream"
+		, fs_min_size = 0
+		, deletion_queue = []
+		, process_deletion_queue = function() {
+			var i = deletion_queue.length;
+			while (i--) {
+				var file = deletion_queue[i];
+				if (typeof file === "string") { // file is an object URL
+					URL.revokeObjectURL(file);
+				} else { // file is a File
+					file.remove();
+				}
+			}
+			deletion_queue.length = 0; // clear queue
+		}
+		, dispatch = function(filesaver, event_types, event) {
+			event_types = [].concat(event_types);
+			var i = event_types.length;
+			while (i--) {
+				var listener = filesaver["on" + event_types[i]];
+				if (typeof listener === "function") {
+					try {
+						listener.call(filesaver, event || filesaver);
+					} catch (ex) {
+						throw_outside(ex);
+					}
+				}
+			}
+		}
+		, FileSaver = function(blob, name) {
+			// First try a.download, then web filesystem, then object URLs
+			var
+				  filesaver = this
+				, type = blob.type
+				, blob_changed = false
+				, object_url
+				, target_view
+				, get_object_url = function() {
+					var object_url = get_URL().createObjectURL(blob);
+					deletion_queue.push(object_url);
+					return object_url;
+				}
+				, dispatch_all = function() {
+					dispatch(filesaver, "writestart progress write writeend".split(" "));
+				}
+				// on any filesys errors revert to saving with object URLs
+				, fs_error = function() {
+					// don't create more object URLs than needed
+					if (blob_changed || !object_url) {
+						object_url = get_object_url(blob);
+					}
+					if (target_view) {
+						target_view.location.href = object_url;
+					} else {
+                        window.open(object_url, "_blank");
+                    }
+					filesaver.readyState = filesaver.DONE;
+					dispatch_all();
+				}
+				, abortable = function(func) {
+					return function() {
+						if (filesaver.readyState !== filesaver.DONE) {
+							return func.apply(this, arguments);
+						}
+					};
+				}
+				, create_if_not_found = {create: true, exclusive: false}
+				, slice
+			;
+			filesaver.readyState = filesaver.INIT;
+			if (!name) {
+				name = "download";
+			}
+			if (can_use_save_link) {
+				object_url = get_object_url(blob);
+				// FF for Android has a nasty garbage collection mechanism
+				// that turns all objects that are not pure javascript into 'deadObject'
+				// this means `doc` and `save_link` are unusable and need to be recreated
+				// `view` is usable though:
+				doc = view.document;
+				save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a");
+				save_link.href = object_url;
+				save_link.download = name;
+				var event = doc.createEvent("MouseEvents");
+				event.initMouseEvent(
+					"click", true, false, view, 0, 0, 0, 0, 0
+					, false, false, false, false, 0, null
+				);
+				save_link.dispatchEvent(event);
+				filesaver.readyState = filesaver.DONE;
+				dispatch_all();
+				return;
+			}
+			// Object and web filesystem URLs have a problem saving in Google Chrome when
+			// viewed in a tab, so I force save with application/octet-stream
+			// http://code.google.com/p/chromium/issues/detail?id=91158
+			if (view.chrome && type && type !== force_saveable_type) {
+				slice = blob.slice || blob.webkitSlice;
+				blob = slice.call(blob, 0, blob.size, force_saveable_type);
+				blob_changed = true;
+			}
+			// Since I can't be sure that the guessed media type will trigger a download
+			// in WebKit, I append .download to the filename.
+			// https://bugs.webkit.org/show_bug.cgi?id=65440
+			if (webkit_req_fs && name !== "download") {
+				name += ".download";
+			}
+			if (type === force_saveable_type || webkit_req_fs) {
+				target_view = view;
+			}
+			if (!req_fs) {
+				fs_error();
+				return;
+			}
+			fs_min_size += blob.size;
+			req_fs(view.TEMPORARY, fs_min_size, abortable(function(fs) {
+				fs.root.getDirectory("saved", create_if_not_found, abortable(function(dir) {
+					var save = function() {
+						dir.getFile(name, create_if_not_found, abortable(function(file) {
+							file.createWriter(abortable(function(writer) {
+								writer.onwriteend = function(event) {
+									target_view.location.href = file.toURL();
+									deletion_queue.push(file);
+									filesaver.readyState = filesaver.DONE;
+									dispatch(filesaver, "writeend", event);
+								};
+								writer.onerror = function() {
+									var error = writer.error;
+									if (error.code !== error.ABORT_ERR) {
+										fs_error();
+									}
+								};
+								"writestart progress write abort".split(" ").forEach(function(event) {
+									writer["on" + event] = filesaver["on" + event];
+								});
+								writer.write(blob);
+								filesaver.abort = function() {
+									writer.abort();
+									filesaver.readyState = filesaver.DONE;
+								};
+								filesaver.readyState = filesaver.WRITING;
+							}), fs_error);
+						}), fs_error);
+					};
+					dir.getFile(name, {create: false}, abortable(function(file) {
+						// delete file if it already exists
+						file.remove();
+						save();
+					}), abortable(function(ex) {
+						if (ex.code === ex.NOT_FOUND_ERR) {
+							save();
+						} else {
+							fs_error();
+						}
+					}));
+				}), fs_error);
+			}), fs_error);
+		}
+		, FS_proto = FileSaver.prototype
+		, saveAs = function(blob, name) {
+			return new FileSaver(blob, name);
+		}
+	;
+	FS_proto.abort = function() {
+		var filesaver = this;
+		filesaver.readyState = filesaver.DONE;
+		dispatch(filesaver, "abort");
+	};
+	FS_proto.readyState = FS_proto.INIT = 0;
+	FS_proto.WRITING = 1;
+	FS_proto.DONE = 2;
+
+	FS_proto.error =
+	FS_proto.onwritestart =
+	FS_proto.onprogress =
+	FS_proto.onwrite =
+	FS_proto.onabort =
+	FS_proto.onerror =
+	FS_proto.onwriteend =
+		null;
+
+	view.addEventListener("unload", process_deletion_queue, false);
+	return saveAs;
+}(this.self || this.window || this.content));
+// `self` is undefined in Firefox for Android content script context
+// while `this` is nsIContentFrameMessageManager
+// with an attribute `content` that corresponds to the window
+
+if (typeof module !== 'undefined') module.exports = saveAs;
\ No newline at end of file
diff --git a/js/vendor/colorcode.js b/js/vendor/colorcode.js
new file mode 100644
index 0000000..c401b84
--- /dev/null
+++ b/js/vendor/colorcode.js
@@ -0,0 +1,528 @@
+!function(e){if("object"==typeof exports)module.exports=e();else if("function"==typeof define&&define.amd)define(e);else{var o;"undefined"!=typeof window?o=window:"undefined"!=typeof global?o=global:"undefined"!=typeof self&&(o=self),o.colorcode=e()}}(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+var colorcode = {};
+module.exports = colorcode;
+colorcode.to_json = require('./src/to_json');
+colorcode.from_json = require('./src/from_json');
+colorcode.style = require('./src/style');
+colorcode.to_canvas = require('./src/canvas');
+colorcode.color = require('./src/color');
+colorcode.font = require('./src/font');
+
+},{"./src/canvas":2,"./src/color":3,"./src/font":4,"./src/from_json":8,"./src/style":9,"./src/to_json":10}],2:[function(require,module,exports){
+var to_json = require('./to_json');
+var fontload = require('./font').load;
+var style = require('./style');
+var color = require('./color');
+
+// node-canvas
+var Canvas = require('canvas');
+if (typeof Image === "undefined") Image = Canvas.Image;
+
+var make_canvas = function(){
+  if (typeof document === "undefined" && typeof Canvas !== "undefined")
+    return new Canvas();
+  else
+    return document.createElement("canvas");
+}
+
+var canvas_tmp;
+
+var render_colorcode = function(json, canvas, font, opts){
+
+  var cw = font.char_w
+    , ch = font.char_h
+    , ctx = canvas.getContext('2d')
+    , canvas_tmp = canvas_tmp || make_canvas()
+    , ctx_tmp = canvas_tmp.getContext("2d")
+
+  var palette = color.palettes[opts.palette || style.palette];
+  var bg = opts.bg || style.bg;
+
+  canvas_tmp.width = cw;
+  canvas_tmp.height = ch;
+
+  canvas.width = json.w * cw;
+  canvas.height = json.h * ch;
+
+  // pre fill entire canvas with bg color
+  // is this a good optimization?
+  if (bg === color.transparent_index){
+    // already cleared when resized above
+    // canvas.clearRect(0,0, canvas.width,canvas.height);
+  } else {
+    ctx.fillStyle = palette[bg];
+    ctx.fillRect(0,0, canvas.width,canvas.height);
+  }
+
+  for (var l=0; l<json.lines.length; l++){
+    var line = json.lines[l];
+    for (var c=0; c<line.length; c++){
+      var char = line[c];
+      var x = c * cw
+      var y = l * ch
+      
+      // draw bg for this char if not already filled
+      if (char.bg !== bg) {
+        if (char.bg === color.transparent_index) {
+            ctx.clearRect(x, y, cw, ch)
+        } else { 
+          ctx.fillStyle = palette[char.bg]
+          ctx.fillRect(x, y, cw, ch);
+        }
+      }
+
+      if (font.is_char_blank(char.value)) continue;
+
+      // draw char in fg
+      var fg = palette[char.fg]
+      if (fg !== color.transparent){
+        ctx_tmp.globalCompositeOperation = 'source-over'
+        ctx_tmp.fillStyle = fg
+        ctx_tmp.fillRect(0,0,cw,ch)
+        ctx_tmp.globalCompositeOperation = 'destination-in'
+        font.render_char(font, char.value, ctx_tmp, 0, 0, char)
+        ctx.drawImage(canvas_tmp, x, y)
+      } else { // transparent foreground punches out bg
+        ctx.globalCompositeOperation = 'destination-out'
+        font.render_char(font, char.value, ctx, x, y, char)
+        ctx.globalCompositeOperation = 'source-over'
+      }
+
+    }
+  }
+
+  if (opts.done) opts.done(canvas)
+
+
+}
+
+var to_canvas = function(string_or_json, opts){
+  opts = opts || {};
+  
+  if (typeof string_or_json === 'string')
+    string_or_json = to_json(string_or_json, opts);
+  
+  var canvas = opts.canvas || make_canvas();
+  var font_name = opts.font || style.font;
+
+  fontload(font_name, function(font){ 
+    render_colorcode(string_or_json, canvas, font, opts)
+  });
+
+  return canvas;
+}
+
+module.exports = to_canvas;
+
+},{"./color":3,"./font":4,"./style":9,"./to_json":10,"canvas":11}],3:[function(require,module,exports){
+var style = require('./style');
+
+var color = {};
+module.exports = color;
+
+style.palette = 'mirc';
+
+color.transparent_index = 99;
+color.transparent = 'rgba(0,0,0,0)';
+var ps = color.palettes = {};
+
+ps.mirc = [
+ 'rgb(255,255,255)'
+,'rgb(0,0,0)'
+,'rgb(0,0,127)'
+,'rgb(0,147,0)'
+,'rgb(255,0,0)'
+,'rgb(127,0,0)'
+,'rgb(156,0,156)'
+,'rgb(252,127,0)'
+,'rgb(255,255,0)'
+,'rgb(0,252,0)'
+,'rgb(0,147,147)'
+,'rgb(0,255,255)'
+,'rgb(0,0,252)'
+,'rgb(255,0,255)'
+,'rgb(127,127,127)'
+,'rgb(210,210,210)'
+];
+
+ps.winxp = [
+ 'rgb(255,255,255)'
+,'rgb(0,0,0)'
+,'rgb(0,0,128)'
+,'rgb(0,128,0)'
+,'rgb(255,0,0)'
+,'rgb(128,0,0)'
+,'rgb(128,0,128)'
+,'rgb(255,128,0)'
+,'rgb(255,255,0)'
+,'rgb(0,255,0)'
+,'rgb(0,128,128)'
+,'rgb(0,255,255)'
+,'rgb(0,0,255)'
+,'rgb(255,0,255)'
+,'rgb(128,128,128)'
+,'rgb(192,192,192)'
+];
+
+ps.vga = [
+ 'rgb(255,255,255)'
+,'rgb(0,0,0)'
+,'rgb(0,0,170)'
+,'rgb(0,170,0)'
+,'rgb(255,85,85)'
+,'rgb(170,0,0)'
+,'rgb(170,0,170)'
+,'rgb(170,85,0)'
+,'rgb(255,255,85)'
+,'rgb(85,255,85)'
+,'rgb(0,170,170)'
+,'rgb(85,255,255)'
+,'rgb(85,85,255)'
+,'rgb(255,85,255)'
+,'rgb(85,85,85)'
+,'rgb(170,170,170)'
+];
+
+ps.c64 = [
+ 'rgb(255,255,255)'
+,'rgb(0,0,0)'
+,'rgb(69,32,170)'
+,'rgb(101,170,69)'
+,'rgb(138,101,32)'
+,'rgb(138,69,32)'
+,'rgb(138,69,170)'
+,'rgb(101,69,0)'
+,'rgb(207,207,101)'
+,'rgb(170,239,138)'
+,'rgb(138,138,138)'
+,'rgb(101,170,207)'
+,'rgb(138,101,223)'	
+,'rgb(207,138,101)'
+,'rgb(69,69,69)'
+,'rgb(170,170,170)'
+];
+
+ps.appleii = [
+ 'rgb(255,255,255)' 
+,'rgb(0,0,0)'
+,'rgb(64,53,121)'
+,'rgb(64,75,7)'
+,'rgb(191,180,248)'
+,'rgb(109,41,64)'
+,'rgb(218,60,241)'
+,'rgb(218,104,15)'
+,'rgb(191,202,134)'
+,'rgb(38,195,16)'
+,'rgb(19,87,64)'
+,'rgb(146,214,191)'
+,'rgb(37,151,240)'
+,'rgb(236,168,191)'
+,'rgb(128,128,128)'
+,'rgb(128,128,128)'
+];
+
+
+},{"./style":9}],4:[function(require,module,exports){
+var __dirname="/src";var style = require('./style');
+// node-canvas
+var Canvas = require('canvas');
+if (typeof Image === "undefined") Image = Canvas.Image;
+
+var font = {};
+module.exports = font;
+
+// hack for loading fonts in node... todo, fix this
+font.img_path = "";
+if (typeof document === "undefined") font.img_path = __dirname + "/../examples/web/"
+
+
+font.list = {};
+
+font.list.fixedsys = require('./font/fixedsys');
+var cp437s = require('./font/cp437');
+for (f in cp437s) font.list[cp437s[f].name] = cp437s[f];
+
+style.font = 'fixedsys';
+
+var err_font_load = function(){
+  console.log("couldn't load font")
+}
+
+
+font.load = function(font_name, callback_fn){
+  if (!(font_name in font.list)) { return;} // todo error
+  
+  var f = font.list[font_name]
+  
+  if (f.loaded) {
+    callback_fn(f);
+  } else {
+    f.sheet = new Image();
+    f.sheet.crossOrigin = 'anonymous'
+    // node-canvas doesn't have addEventListener :(
+    f.sheet.onload = function(){
+      f.loaded = true
+      callback_fn(f);
+    }
+    f.sheet.src = font.img_path + f.sheet_url
+
+  }
+}
+
+
+},{"./font/cp437":5,"./font/fixedsys":6,"./style":9,"canvas":11}],5:[function(require,module,exports){
+var cp437s = [[8,8],[8,12],[8,14],[8,16],[10,10],[10,16],[12,12],[16,16]]
+var fonts = {};
+module.exports = fonts;
+
+// utf8 -> cp437 function by sheetjs
+// edited from https://github.com/SheetJS/js-codepage/blob/master/bits/437.js
+var cp437 = (function(){ var d = "\u0000\u0001\u0002\u0003\u0004\u0005\u0006\u0007\b\t\n\u000b\f\r\u000e\u000f\u0010\u0011\u0012\u0013\u0014\u0015\u0016\u0017\u0018\u0019\u001a\u001b\u001c\u001d\u001e\u001f !\"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\\]^_`abcdefghijklmnopqrstuvwxyz{|}~ÇüéâäàåçêëèïîìÄÅÉæÆôöòûùÿÖÜ¢£¥₧ƒáíóúñѪº¿⌐¬½¼¡«»░▒▓│┤╡╢╖╕╣║╗╝╜╛┐└┴┬├─┼╞╟╚╔╩╦╠═╬╧╨╤╥╙╘╒╓╫╪┘┌█▄▌▐▀αßΓπΣσµτΦΘΩδ∞φε∩≡±≥≤⌠⌡÷≈°∙·√ⁿ²■ ", D = [], e = {}; for(var i=0;i!=d.length;++i) { if(d.charCodeAt(i) !== 0xFFFD) e[d[i]] = i; D[i] = d.charAt(i); } return {"enc": e, "dec": D }; })();
+
+var render_char = function(font, char_value, ctx, ctx_x, ctx_y){
+  char_value = cp437.enc[String.fromCharCode(char_value)] | 0;
+  var sheet_x = (char_value % font.sheet_w_in_chars) * font.char_w
+  var sheet_y = ((char_value / font.sheet_w_in_chars) |0) * font.char_h
+  ctx.drawImage(font.sheet, 
+               sheet_x|0, sheet_y|0, font.char_w, font.char_h,
+               ctx_x|0, ctx_y|0, font.char_w, font.char_h)
+
+}
+
+for (var i=0, wh; wh=cp437s[i]; i++){
+  var font = {};
+  font.is_char_blank = require('../fontutil').is_char_blank;
+  font.render_char = render_char;
+  font.name = 'cp437_' + wh[0] + 'x' + wh[1];
+  font.sheet_url = './img/' + font.name + '.png'
+  font.sheet_w_in_chars = 16;
+  font.char_w = wh[0]
+  font.char_h = wh[1]
+  fonts[font.name] = font;
+}
+
+
+
+// window.cp437 = cp437;
+
+},{"../fontutil":7}],6:[function(require,module,exports){
+var font = {};
+module.exports = font;
+font.name = 'fixedsys'
+font.sheet_url = './img/fsex-simple.png'
+font.sheet_w_in_chars = 128
+//url_sheet = 'http://i.imgur.com/vSzBNwZ.png'
+font.char_w = 8
+font.char_h = 16;
+font.is_char_blank = require('../fontutil').is_char_blank;
+
+font.render_char = function(font, char_value, ctx, ctx_x, ctx_y, char){
+  var sheet_x = 0, sheet_y = 3;
+  if (char_value >= 0x20 && char_value <= 0x7e){ // ascii
+    sheet_x = (char_value - 0x20) * font.char_w
+    if (char.i){ // italic
+      sheet_y = 1 * font.char_h + 3
+    }
+  } else if (char_value >= 0x2500 && char_value <= 0x25ff){ // geom
+    sheet_x = (char_value - 0x2500) * font.char_w; 
+    sheet_y = 2 * font.char_h + 3
+  } else if (char_value >= 0x2600 && char_value <= 0x26ff){ // emoji
+    sheet_x = (char_value - 0x2600) * font.char_w; 
+    sheet_y = 3 * font.char_h + 3
+  }
+
+  // var sheet_x = (char_value % font.sheet_w_in_chars) * font.char_w
+  // var sheet_y = ((char_value / font.sheet_w_in_chars) |0) * font.char_h + 3
+  ctx.drawImage(font.sheet, 
+               sheet_x|0, sheet_y|0, font.char_w, font.char_h,
+               ctx_x|0, ctx_y|0, font.char_w, font.char_h)
+
+}
+
+},{"../fontutil":7}],7:[function(require,module,exports){
+var util = {};
+module.exports = util;
+
+util.is_char_blank = function(char_value){
+  if (char_value === 32) return true;
+}
+
+util.render_char = function(font, char_value, ctx, ctx_x, ctx_y){
+  var sheet_x = (char_value % font.sheet_w_in_chars) * font.char_w
+  var sheet_y = ((char_value / font.sheet_w_in_chars) |0) * font.char_h
+  ctx.drawImage(font.sheet, 
+               sheet_x|0, sheet_y|0, font.char_w, font.char_h,
+               ctx_x|0, ctx_y|0, font.char_w, font.char_h)
+
+}
+
+
+},{}],8:[function(require,module,exports){
+var char_color = '\x03';
+
+var make_colorcode_fgbg = function(fg, bg){
+  // pad numbers: this prevents irc parsing confusion
+  // when the character after the colorcode is a number
+  if (fg < 10) fg = "0" + fg;
+  if (bg < 10) bg = "0" + bg;
+  return char_color + fg + "," + bg
+}
+
+var colorcode_from_json = function(json, opts){
+  var out = "";
+  for (var li=0, line; line=json.lines[li]; li++){
+    for (var ci=0, char; char=line[ci]; ci++){
+      out += make_colorcode_fgbg(char.fg, char.bg)
+      out += String.fromCharCode(char.value)
+    }   
+    out += "\n";
+  }
+  return out;
+}
+
+
+module.exports = colorcode_from_json;
+
+},{}],9:[function(require,module,exports){
+// default settings for fonts, colors, etc
+var style = {};
+module.exports = style;
+
+},{}],10:[function(require,module,exports){
+var default_style = require('./style');
+
+default_style.b = false;
+default_style.i = false;
+default_style.u = false;
+default_style.fg = 1;
+default_style.bg = 99;
+
+var char_color = '\x03';
+var regexp_color = /(^[\d]{1,2})?(?:,([\d]{1,2}))?/;
+
+var style_chars = {
+  '\x02': 'bold',
+  '\x1d': 'italic',
+  '\x1f': 'underline',
+  '\x0f': 'reset',
+  '\x16': 'inverse'
+};
+
+var Style = function(style){
+  this.b = style.b
+  this.i = style.i
+  this.u = style.u
+  this.fg = style.fg
+  this.bg = style.bg
+};
+
+var style_fns = {};
+
+style_fns.bold = function(style){ style.b = !style.b }
+
+style_fns.italic = function(style){ style.i = !style.i }
+
+style_fns.underline = function(style){ style.u = !style.u }
+
+style_fns.inverse = function(style){
+  var tmp = style.fg;
+  style.fg = style.bg;
+  style.bg = tmp;
+}
+
+style_fns.reset = function(style, base_style){
+  style.b =  base_style.b
+  style.i =  base_style.i
+  style.u =  base_style.u
+  style.fg = base_style.fg
+  style.bg = base_style.bg
+}
+
+var to_json = function(string, opts){
+  opts = opts || {};
+
+  var base_style = {
+    "b":  ("b" in opts) ? opts.b : default_style.b,
+    "i":  ("i" in opts) ? opts.i : default_style.i,
+    "u":  ("u" in opts) ? opts.u : default_style.u,
+    "fg": ("fg" in opts) ? opts.fg : default_style.fg,
+    "bg": ("bg" in opts) ? opts.bg : default_style.bg
+  };
+
+  var lines_in = string.split(/\r?\n/);
+  var data = [];
+  var w = 0, h = 0;
+
+  for (var i=0; i<lines_in.length; i++){
+    var line = lines_in[i];
+    if (line.length === 0) continue;
+    var json_line = line_to_json(line, base_style);
+    if (w < json_line.length) w = json_line.length;
+    data.push(json_line);
+    h++;
+  }
+
+  return {w:w, h:h, lines:data};
+};
+
+var line_to_json = function(line, base_style){
+  var out = [];
+  var pos = -1;
+  var len = line.length -1;
+  var char;
+  var style = new Style(base_style); 
+  
+  while (pos < len){ pos++;
+
+    char = line[pos];
+    
+    // next char is a styling char
+    if (char in style_chars){
+      style_fns[style_chars[char]](style, base_style);
+      continue;
+    }
+
+    // next char is a color styling char, with possible color nums after
+    if (char === char_color){
+      var matches = line.substr(pos+1,5).match(regexp_color);
+      
+      // \x03 without color code is a soft style reset 
+      if (matches[1] === undefined && matches[2] === undefined) {
+        style.fg = base_style.fg;
+        style.bg = base_style.bg;
+        continue;
+      }
+
+      if (matches[1] !== undefined){
+        style.fg = Number(matches[1])
+      }
+
+      if (matches[2] !== undefined){
+        style.bg = Number(matches[2])
+      }
+
+      pos += matches[0].length;
+      continue;
+       
+    }
+
+    // otherwise, next char is treated as normal content
+    var data = new Style(style);
+    //data.value = char;
+    data.value = char.charCodeAt(0)
+
+    out.push(data)
+  }
+  return out
+}
+
+
+
+module.exports = to_json;
+
+
+},{"./style":9}],11:[function(require,module,exports){
+
+},{}]},{},[1])
+(1)
+});
\ No newline at end of file
diff --git a/js/vendor/dataUriToBlob.js b/js/vendor/dataUriToBlob.js
new file mode 100644
index 0000000..b45801c
--- /dev/null
+++ b/js/vendor/dataUriToBlob.js
@@ -0,0 +1,47 @@
+window.dataUriToBlob = (function(){
+/**
+ * Blob constructor.
+ */
+
+var Blob = window.Blob;
+
+/**
+ * ArrayBufferView support.
+ */
+
+var hasArrayBufferView = new Blob([new Uint8Array(100)]).size == 100;
+
+/**
+ * Return a `Blob` for the given data `uri`.
+ *
+ * @param {String} uri
+ * @return {Blob}
+ * @api public
+ */
+
+var dataUriToBlob = function(uri){
+  var data = uri.split(',')[1];
+  var bytes = atob(data);
+  var buf = new ArrayBuffer(bytes.length);
+  var arr = new Uint8Array(buf);
+  for (var i = 0; i < bytes.length; i++) {
+    arr[i] = bytes.charCodeAt(i);
+  }
+
+  if (!hasArrayBufferView) arr = buf;
+  var blob = new Blob([arr], { type: mime(uri) });
+  blob.slice = blob.slice || blob.webkitSlice;
+  return blob;
+};
+
+/**
+ * Return data uri mime type.
+ */
+
+function mime(uri) {
+  return uri.split(';')[0].slice(5);
+}
+
+return dataUriToBlob;
+
+})()
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2