flammarion 0.2.1 → 0.3.0

data/lib/html/source/javascripts/vendor/twemoji.min.js

@@ -0,0 +1,2 @@
+/*! Copyright Twitter Inc. and other contributors. Licensed under MIT */
+var twemoji=function(){"use strict";var twemoji={base:"https://twemoji.maxcdn.com/2/",ext:".png",size:"72x72",className:"emoji",convert:{fromCodePoint:fromCodePoint,toCodePoint:toCodePoint},onerror:function onerror(){if(this.parentNode){this.parentNode.replaceChild(createText(this.alt,false),this)}},parse:parse,replace:replace,test:test},escaper={"&":"&amp;","<":"&lt;",">":"&gt;","'":"&#39;",'"':"&quot;"},re=/(?:\ud83d[\udc68\udc69])(?:\ud83c[\udffb-\udfff])?\u200d(?:\u2695\ufe0f|\u2696\ufe0f|\u2708\ufe0f|\ud83c[\udf3e\udf73\udf93\udfa4\udfa8\udfeb\udfed]|\ud83d[\udcbb\udcbc\udd27\udd2c\ude80\ude92]|\ud83e[\uddb0-\uddb3])|(?:\ud83c[\udfcb\udfcc]|\ud83d[\udd74\udd75]|\u26f9)((?:\ud83c[\udffb-\udfff]|\ufe0f)\u200d[\u2640\u2642]\ufe0f)|(?:\ud83c[\udfc3\udfc4\udfca]|\ud83d[\udc6e\udc71\udc73\udc77\udc81\udc82\udc86\udc87\ude45-\ude47\ude4b\ude4d\ude4e\udea3\udeb4-\udeb6]|\ud83e[\udd26\udd35\udd37-\udd39\udd3d\udd3e\uddb8\uddb9\uddd6-\udddd])(?:\ud83c[\udffb-\udfff])?\u200d[\u2640\u2642]\ufe0f|(?:\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68|\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d[\udc68\udc69]|\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc68|\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d[\udc66\udc67]|\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d[\udc66\udc67]|\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d[\udc68\udc69]|\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d[\udc66\udc67]|\ud83c\udff3\ufe0f\u200d\ud83c\udf08|\ud83c\udff4\u200d\u2620\ufe0f|\ud83d\udc41\u200d\ud83d\udde8|\ud83d\udc68\u200d\ud83d[\udc66\udc67]|\ud83d\udc69\u200d\ud83d[\udc66\udc67]|\ud83d\udc6f\u200d\u2640\ufe0f|\ud83d\udc6f\u200d\u2642\ufe0f|\ud83e\udd3c\u200d\u2640\ufe0f|\ud83e\udd3c\u200d\u2642\ufe0f|\ud83e\uddde\u200d\u2640\ufe0f|\ud83e\uddde\u200d\u2642\ufe0f|\ud83e\udddf\u200d\u2640\ufe0f|\ud83e\udddf\u200d\u2642\ufe0f)|[\u0023\u002a\u0030-\u0039]\ufe0f?\u20e3|(?:[\u00a9\u00ae\u2122\u265f]\ufe0f)|(?:\ud83c[\udc04\udd70\udd71\udd7e\udd7f\ude02\ude1a\ude2f\ude37\udf21\udf24-\udf2c\udf36\udf7d\udf96\udf97\udf99-\udf9b\udf9e\udf9f\udfcd\udfce\udfd4-\udfdf\udff3\udff5\udff7]|\ud83d[\udc3f\udc41\udcfd\udd49\udd4a\udd6f\udd70\udd73\udd76-\udd79\udd87\udd8a-\udd8d\udda5\udda8\uddb1\uddb2\uddbc\uddc2-\uddc4\uddd1-\uddd3\udddc-\uddde\udde1\udde3\udde8\uddef\uddf3\uddfa\udecb\udecd-\udecf\udee0-\udee5\udee9\udef0\udef3]|[\u203c\u2049\u2139\u2194-\u2199\u21a9\u21aa\u231a\u231b\u2328\u23cf\u23ed-\u23ef\u23f1\u23f2\u23f8-\u23fa\u24c2\u25aa\u25ab\u25b6\u25c0\u25fb-\u25fe\u2600-\u2604\u260e\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262a\u262e\u262f\u2638-\u263a\u2640\u2642\u2648-\u2653\u2660\u2663\u2665\u2666\u2668\u267b\u267f\u2692-\u2697\u2699\u269b\u269c\u26a0\u26a1\u26aa\u26ab\u26b0\u26b1\u26bd\u26be\u26c4\u26c5\u26c8\u26cf\u26d1\u26d3\u26d4\u26e9\u26ea\u26f0-\u26f5\u26f8\u26fa\u26fd\u2702\u2708\u2709\u270f\u2712\u2714\u2716\u271d\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u2764\u27a1\u2934\u2935\u2b05-\u2b07\u2b1b\u2b1c\u2b50\u2b55\u3030\u303d\u3297\u3299])(?:\ufe0f|(?!\ufe0e))|(?:(?:\ud83c[\udfcb\udfcc]|\ud83d[\udd74\udd75\udd90]|[\u261d\u26f7\u26f9\u270c\u270d])(?:\ufe0f|(?!\ufe0e))|(?:\ud83c[\udf85\udfc2-\udfc4\udfc7\udfca]|\ud83d[\udc42\udc43\udc46-\udc50\udc66-\udc69\udc6e\udc70-\udc78\udc7c\udc81-\udc83\udc85-\udc87\udcaa\udd7a\udd95\udd96\ude45-\ude47\ude4b-\ude4f\udea3\udeb4-\udeb6\udec0\udecc]|\ud83e[\udd18-\udd1c\udd1e\udd1f\udd26\udd30-\udd39\udd3d\udd3e\uddb5\uddb6\uddb8\uddb9\uddd1-\udddd]|[\u270a\u270b]))(?:\ud83c[\udffb-\udfff])?|(?:\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f|\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc73\udb40\udc63\udb40\udc74\udb40\udc7f|\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc77\udb40\udc6c\udb40\udc73\udb40\udc7f|\ud83c\udde6\ud83c[\udde8-\uddec\uddee\uddf1\uddf2\uddf4\uddf6-\uddfa\uddfc\uddfd\uddff]|\ud83c\udde7\ud83c[\udde6\udde7\udde9-\uddef\uddf1-\uddf4\uddf6-\uddf9\uddfb\uddfc\uddfe\uddff]|\ud83c\udde8\ud83c[\udde6\udde8\udde9\uddeb-\uddee\uddf0-\uddf5\uddf7\uddfa-\uddff]|\ud83c\udde9\ud83c[\uddea\uddec\uddef\uddf0\uddf2\uddf4\uddff]|\ud83c\uddea\ud83c[\udde6\udde8\uddea\uddec\udded\uddf7-\uddfa]|\ud83c\uddeb\ud83c[\uddee-\uddf0\uddf2\uddf4\uddf7]|\ud83c\uddec\ud83c[\udde6\udde7\udde9-\uddee\uddf1-\uddf3\uddf5-\uddfa\uddfc\uddfe]|\ud83c\udded\ud83c[\uddf0\uddf2\uddf3\uddf7\uddf9\uddfa]|\ud83c\uddee\ud83c[\udde8-\uddea\uddf1-\uddf4\uddf6-\uddf9]|\ud83c\uddef\ud83c[\uddea\uddf2\uddf4\uddf5]|\ud83c\uddf0\ud83c[\uddea\uddec-\uddee\uddf2\uddf3\uddf5\uddf7\uddfc\uddfe\uddff]|\ud83c\uddf1\ud83c[\udde6-\udde8\uddee\uddf0\uddf7-\uddfb\uddfe]|\ud83c\uddf2\ud83c[\udde6\udde8-\udded\uddf0-\uddff]|\ud83c\uddf3\ud83c[\udde6\udde8\uddea-\uddec\uddee\uddf1\uddf4\uddf5\uddf7\uddfa\uddff]|\ud83c\uddf4\ud83c\uddf2|\ud83c\uddf5\ud83c[\udde6\uddea-\udded\uddf0-\uddf3\uddf7-\uddf9\uddfc\uddfe]|\ud83c\uddf6\ud83c\udde6|\ud83c\uddf7\ud83c[\uddea\uddf4\uddf8\uddfa\uddfc]|\ud83c\uddf8\ud83c[\udde6-\uddea\uddec-\uddf4\uddf7-\uddf9\uddfb\uddfd-\uddff]|\ud83c\uddf9\ud83c[\udde6\udde8\udde9\uddeb-\udded\uddef-\uddf4\uddf7\uddf9\uddfb\uddfc\uddff]|\ud83c\uddfa\ud83c[\udde6\uddec\uddf2\uddf3\uddf8\uddfe\uddff]|\ud83c\uddfb\ud83c[\udde6\udde8\uddea\uddec\uddee\uddf3\uddfa]|\ud83c\uddfc\ud83c[\uddeb\uddf8]|\ud83c\uddfd\ud83c\uddf0|\ud83c\uddfe\ud83c[\uddea\uddf9]|\ud83c\uddff\ud83c[\udde6\uddf2\uddfc]|\ud83c[\udccf\udd8e\udd91-\udd9a\udde6-\uddff\ude01\ude32-\ude36\ude38-\ude3a\ude50\ude51\udf00-\udf20\udf2d-\udf35\udf37-\udf7c\udf7e-\udf84\udf86-\udf93\udfa0-\udfc1\udfc5\udfc6\udfc8\udfc9\udfcf-\udfd3\udfe0-\udff0\udff4\udff8-\udfff]|\ud83d[\udc00-\udc3e\udc40\udc44\udc45\udc51-\udc65\udc6a-\udc6d\udc6f\udc79-\udc7b\udc7d-\udc80\udc84\udc88-\udca9\udcab-\udcfc\udcff-\udd3d\udd4b-\udd4e\udd50-\udd67\udda4\uddfb-\ude44\ude48-\ude4a\ude80-\udea2\udea4-\udeb3\udeb7-\udebf\udec1-\udec5\uded0-\uded2\udeeb\udeec\udef4-\udef9]|\ud83e[\udd10-\udd17\udd1d\udd20-\udd25\udd27-\udd2f\udd3a\udd3c\udd40-\udd45\udd47-\udd70\udd73-\udd76\udd7a\udd7c-\udda2\uddb4\uddb7\uddc0-\uddc2\uddd0\uddde-\uddff]|[\u23e9-\u23ec\u23f0\u23f3\u267e\u26ce\u2705\u2728\u274c\u274e\u2753-\u2755\u2795-\u2797\u27b0\u27bf\ue50a])|\ufe0f/g,UFE0Fg=/\uFE0F/g,U200D=String.fromCharCode(8205),rescaper=/[&<>'"]/g,shouldntBeParsed=/^(?:iframe|noframes|noscript|script|select|style|textarea)$/,fromCharCode=String.fromCharCode;return twemoji;function createText(text,clean){return document.createTextNode(clean?text.replace(UFE0Fg,""):text)}function escapeHTML(s){return s.replace(rescaper,replacer)}function defaultImageSrcGenerator(icon,options){return"".concat(options.base,options.size,"/",icon,options.ext)}function grabAllTextNodes(node,allText){var childNodes=node.childNodes,length=childNodes.length,subnode,nodeType;while(length--){subnode=childNodes[length];nodeType=subnode.nodeType;if(nodeType===3){allText.push(subnode)}else if(nodeType===1&&!("ownerSVGElement"in subnode)&&!shouldntBeParsed.test(subnode.nodeName.toLowerCase())){grabAllTextNodes(subnode,allText)}}return allText}function grabTheRightIcon(rawText){return toCodePoint(rawText.indexOf(U200D)<0?rawText.replace(UFE0Fg,""):rawText)}function parseNode(node,options){var allText=grabAllTextNodes(node,[]),length=allText.length,attrib,attrname,modified,fragment,subnode,text,match,i,index,img,rawText,iconId,src;while(length--){modified=false;fragment=document.createDocumentFragment();subnode=allText[length];text=subnode.nodeValue;i=0;while(match=re.exec(text)){index=match.index;if(index!==i){fragment.appendChild(createText(text.slice(i,index),true))}rawText=match[0];iconId=grabTheRightIcon(rawText);i=index+rawText.length;src=options.callback(iconId,options);if(iconId&&src){img=new Image;img.onerror=options.onerror;img.setAttribute("draggable","false");attrib=options.attributes(rawText,iconId);for(attrname in attrib){if(attrib.hasOwnProperty(attrname)&&attrname.indexOf("on")!==0&&!img.hasAttribute(attrname)){img.setAttribute(attrname,attrib[attrname])}}img.className=options.className;img.alt=rawText;img.src=src;modified=true;fragment.appendChild(img)}if(!img)fragment.appendChild(createText(rawText,false));img=null}if(modified){if(i<text.length){fragment.appendChild(createText(text.slice(i),true))}subnode.parentNode.replaceChild(fragment,subnode)}}return node}function parseString(str,options){return replace(str,function(rawText){var ret=rawText,iconId=grabTheRightIcon(rawText),src=options.callback(iconId,options),attrib,attrname;if(iconId&&src){ret="<img ".concat('class="',options.className,'" ','draggable="false" ','alt="',rawText,'"',' src="',src,'"');attrib=options.attributes(rawText,iconId);for(attrname in attrib){if(attrib.hasOwnProperty(attrname)&&attrname.indexOf("on")!==0&&ret.indexOf(" "+attrname+"=")===-1){ret=ret.concat(" ",attrname,'="',escapeHTML(attrib[attrname]),'"')}}ret=ret.concat("/>")}return ret})}function replacer(m){return escaper[m]}function returnNull(){return null}function toSizeSquaredAsset(value){return typeof value==="number"?value+"x"+value:value}function fromCodePoint(codepoint){var code=typeof codepoint==="string"?parseInt(codepoint,16):codepoint;if(code<65536){return fromCharCode(code)}code-=65536;return fromCharCode(55296+(code>>10),56320+(code&1023))}function parse(what,how){if(!how||typeof how==="function"){how={callback:how}}return(typeof what==="string"?parseString:parseNode)(what,{callback:how.callback||defaultImageSrcGenerator,attributes:typeof how.attributes==="function"?how.attributes:returnNull,base:typeof how.base==="string"?how.base:twemoji.base,ext:how.ext||twemoji.ext,size:how.folder||toSizeSquaredAsset(how.size||twemoji.size),className:how.className||twemoji.className,onerror:how.onerror||twemoji.onerror})}function replace(text,callback){return String(text).replace(re,callback)}function test(text){re.lastIndex=0;var result=re.test(text);re.lastIndex=0;return result}function toCodePoint(unicodeSurrogates,sep){var r=[],c=0,p=0,i=0;while(i<unicodeSurrogates.length){c=unicodeSurrogates.charCodeAt(i++);if(p){r.push((65536+(p-55296<<10)+(c-56320)).toString(16));p=0}else if(55296<=c&&c<=56319){p=c}else{r.push(c.toString(16))}}return r.join(sep||"-")}}();

data/lib/html/source/javascripts/websocket.coffee

@@ -1,113 +1,117 @@
-#= require vendor/jquery.js
-#= require status.coffee
-#= require fontawesome.js
-#= require vendor/emojione.min.js
-
-emojione.imagePathPNG = 'images/emoji/'
-
-class WSClient
-  constructor: ->
-    host = $qs.get("host") || "localhost"
-    console.log "Path: #{$qs.get("path")}, Port: #{$qs.get("port")}, Host: #{host}"
-    @ws = new WebSocket "ws://#{host}:#{$qs.get("port")}/#{$qs.get("path")}"
-    @actions["__parent"] = this
-    document.title = decodeURIComponent($qs.get("title")) || "Flammarion"
-    @ws.onopen = (msg) ->
-      $('body').addClass("connected")
-
-    @ws.onclose = (msg) ->
-      $('body').removeClass("connected")
-
-    @ws.onmessage = (msg) =>
-      # Just keeping this around for debug purposes
-      @lastMessage = msg
-      try
-        data = $.parseJSON(msg.data)
-        if @actions[data.action]
-          @actions[data.action](data)
-        else
-          console.log msg
-          console.error("No such action: #{data.action}")
-      catch error
-        console.log msg
-        console.error error
-        console.error error.stack
-
-    @status = new StatusDisplay(this, $('#status > .right'))
-
-  send: (data) ->
-    @ws.send JSON.stringify(data)
-
-  check_target: (data) ->
-    return data.target_element if data.target_element
-    data.target = "default" unless data.target
-    @actions.addpane {name:data.target} if $("#console-#{data.target}").size() is 0
-    @resize_panes
-    return $("#console-#{data.target}")
-
-  resize_panes: (data) ->
-    if data.target
-      target = @check_target(data)
-    else
-      target = $('#panes')
-
-    allPanes =  target.find('> .pane')
-    if target.hasClass('horizontal')
-      orientation = 'horizontal'
-    else
-      orientation = 'vertical'
-
-    total_weight = ((parseFloat($(i).attr('pane-weight') || 1.0)) for i in allPanes).reduce (t,s) -> t + s
-    # total_weight = (allPanes.map((i) -> parseFloat(i[].attr('pane-weight')))).reduce (t, s) -> t + s
-
-    p_height = (pane) -> (parseFloat($(pane).attr('pane-weight') || 1.0) / total_weight * 100).toFixed(0) + "%"
-    console.log target, allPanes.size(), 100.0 / allPanes.size(), total_weight, orientation
-    for pane in allPanes
-      if orientation is 'horizontal'
-        $(pane).css "width", p_height(pane)
-        $(pane).css "height", '100%'
-      else
-        $(pane).css "height", p_height(pane)
-        $(pane).css "width", '100%'
-
-  relink: (text) ->
-    text.replace(/\<a href=['"](https?:\/\/[^\s]+)["']>/gm, (str, l) ->
-      "<a href=\"#{l}\" target='_blank'>"
-    )
-
-  escape: (text, input_options) ->
-    options =
-      raw: false
-      colorize: true
-      escape_html: true
-      escape_icons: false
-    $.extend(options, input_options)
-    return text if options.raw
-    text = "#{text}"
-    text = ansi_up.escape_for_html(text) if options.escape_html
-    text = ansi_up.ansi_to_html(text, {use_classes:true}) if options.colorize
-    if options.escape_icons
-      text = text.replace /:[\w-]+:/g, (match) ->
-        if font_awesome_list.includes(match[1..-2]) then "<i class='fa fa-#{match[1..-2]}'></i>" else match
-
-    text = emojione.toImage(text) if options.escape_icons
-    text = $("<div>#{text}</div>")
-    text.find("a[href^='http']").attr('target','_blank')
-    return text.html()
-
-  add: (object, target, data) ->
-    object.find("a[href^='http']").attr('target','_blank')
-    if data.style
-      object.css(key, val) for own key, val of data.style
-    if data.replace
-      target.html(object)
-    else
-      target.append(object)
-
-  actions:
-    __parent: null
-
-$(document).ready ->
-  window.$ws = new WSClient
-
-window.WSClient = WSClient
+#= require vendor/jquery.js
+#= require status.coffee
+#= require fontawesome.js
+#= require vendor/twemoji.min.js
+#= require vendor/emojione.min.js
+
+# emojione.imagePathPNG = 'images/emoji/'
+
+class WSClient
+  constructor: ->
+    host = $qs.get("host") || "localhost"
+    console.log "Path: #{$qs.get("path")}, Port: #{$qs.get("port")}, Host: #{host}"
+    @ws = new WebSocket "ws://#{host}:#{$qs.get("port")}/#{$qs.get("path")}"
+    @actions["__parent"] = this
+    document.title = decodeURIComponent($qs.get("title")) || "Flammarion"
+    @ws.onopen = (msg) ->
+      $('body').addClass("connected")
+
+    @ws.onclose = (msg) ->
+      $('body').removeClass("connected")
+
+    @ws.onmessage = (msg) =>
+      # Just keeping this around for debug purposes
+      @lastMessage = msg
+      try
+        data = $.parseJSON(msg.data)
+        if @actions[data.action]
+          @actions[data.action](data)
+        else
+          console.log msg
+          console.error("No such action: #{data.action}")
+      catch error
+        console.log msg
+        console.error error
+        console.error error.stack
+
+    @status = new StatusDisplay(this, $('#status > .right'))
+
+  send: (data) ->
+    @ws.send JSON.stringify(data)
+
+  check_target: (data) ->
+    return data.target_element if data.target_element
+    data.target = "default" unless data.target
+    @actions.addpane {name:data.target} if $("#console-#{data.target}").size() is 0
+    @resize_panes
+    return $("#console-#{data.target}")
+
+  resize_panes: (data) ->
+    if data.target
+      target = @check_target(data)
+    else
+      target = $('#panes')
+
+    allPanes =  target.find('> .pane')
+    if target.hasClass('horizontal')
+      orientation = 'horizontal'
+    else
+      orientation = 'vertical'
+
+    total_weight = ((parseFloat($(i).attr('pane-weight') || 1.0)) for i in allPanes).reduce (t,s) -> t + s
+    # total_weight = (allPanes.map((i) -> parseFloat(i[].attr('pane-weight')))).reduce (t, s) -> t + s
+
+    p_height = (pane) -> (parseFloat($(pane).attr('pane-weight') || 1.0) / total_weight * 100).toFixed(0) + "%"
+    console.log target, allPanes.size(), 100.0 / allPanes.size(), total_weight, orientation
+    for pane in allPanes
+      if orientation is 'horizontal'
+        $(pane).css "width", p_height(pane)
+        $(pane).css "height", '100%'
+      else
+        $(pane).css "height", p_height(pane)
+        $(pane).css "width", '100%'
+
+  relink: (text) ->
+    text.replace(/\<a href=['"](https?:\/\/[^\s]+)["']>/gm, (str, l) ->
+      "<a href=\"#{l}\" target='_blank'>"
+    )
+
+  parse_emoji: (text) ->
+    twemoji.parse(emojione.shortnameToUnicode(text), (i) -> "images/emoji/#{i}.png")
+
+  escape: (text, input_options) ->
+    options =
+      raw: false
+      colorize: true
+      escape_html: true
+      escape_icons: false
+    $.extend(options, input_options)
+    return text if options.raw
+    text = "#{text}"
+    text = ansi_up.escape_for_html(text) if options.escape_html
+    text = ansi_up.ansi_to_html(text, {use_classes:true}) if options.colorize
+    if options.escape_icons
+      text = text.replace /:[\w-]+:/g, (match) ->
+        if font_awesome_list.includes(match[1..-2]) then "<i class='fa fa-#{match[1..-2]}'></i>" else match
+
+    text = @parse_emoji text if options.escape_icons or options.escape_emoji
+    text = $("<div>#{text}</div>")
+    text.find("a[href^='http']").attr('target','_blank')
+    return text.html()
+
+  add: (object, target, data) ->
+    object.find("a[href^='http']").attr('target','_blank')
+    if data.style
+      object.css(key, val) for own key, val of data.style
+    if data.replace
+      target.html(object)
+    else
+      target.append(object)
+
+  actions:
+    __parent: null
+
+$(document).ready ->
+  window.$ws = new WSClient
+
+window.WSClient = WSClient

data/lib/html/source/spectrum_test.html.slim

@@ -1,39 +1,39 @@
----
-layout: false
----
-    
-doctype html
-html
-  head
-    meta[http-equiv="content-type" content="text/html; charset=UTF-8"]
-    meta charset="utf-8"
-    meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"
-    meta[name="viewport" content="width=device-width, initial-scale=1.0"]
-    = stylesheet_link_tag("railscasts.css")
-    = stylesheet_link_tag("all")
-    = stylesheet_link_tag("scrollbar")
-    = javascript_include_tag("all")
-    javascript:
-      hljs.initHighlightingOnLoad();
-    coffee:
-      $(document).ready ->
-        $ws.actions.plot {
-          target: "default"
-          data: [-0.38,1.12,1.51,1.22,-0.41,0.12,0.71,-1.03,0.77,0.34,-0.09,-0.05,0.28,-0.04,1.62,0.42,0.19,0.66,-0.42,0.16,0.34,0.15,1.03,-0.56,1.79,-0.55,-0.53,0.25,0.69,2.57,0.71,0.8,1.09,0.56,0.16,-0.07,0.37,0.19,1.49,0.67,1.31,0.91,-0.33,-0.39,-0.13,0.13,1.37,1.82,0.7,1.06,1.02,0.68,0.03,1.48,0.07,0.78,1.6,-0.28,1.06,0.55,0.37,-0.31,0.36,0.34,0.51,-0.74,0.54,-0.54,0.93,1.29,-0.45,0.8,0.67,-0.51,0.14,1.43,1.81,0.35,0.72,0.59,1.44,0.46,0.62,0.49,0.65,0.71,0.14,2.96,-1.02,1.74,0.36,1.11,0.56,1.0,0.27,-0.5,0.52,0.12,1.49,0.73]
-          #data: [0, 1, 0, 2, 0, 1, 0]
-          id: 'ii3'
-          xscale: 0.5
-        }
-  body
-    #toolbar.hidden
-      a.tool-button[href="#"] Open
-      a.tool-button[href="#"] Save
-    #panes
-      pre#console-default.pane[style="height:100%"]
-    #dialog.hidden
-      pre#message Hi World
-      a.full-button[href="#"] Ok
-    #status
-      .left
-      .center
-      .right
+---
+layout: false
+---
+    
+doctype html
+html
+  head
+    meta[http-equiv="content-type" content="text/html; charset=UTF-8"]
+    meta charset="utf-8"
+    meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"
+    meta[name="viewport" content="width=device-width, initial-scale=1.0"]
+    = stylesheet_link_tag("railscasts.css")
+    = stylesheet_link_tag("all")
+    = stylesheet_link_tag("scrollbar")
+    = javascript_include_tag("all")
+    javascript:
+      hljs.initHighlightingOnLoad();
+    coffee:
+      $(document).ready ->
+        $ws.actions.plot {
+          target: "default"
+          data: [-0.38,1.12,1.51,1.22,-0.41,0.12,0.71,-1.03,0.77,0.34,-0.09,-0.05,0.28,-0.04,1.62,0.42,0.19,0.66,-0.42,0.16,0.34,0.15,1.03,-0.56,1.79,-0.55,-0.53,0.25,0.69,2.57,0.71,0.8,1.09,0.56,0.16,-0.07,0.37,0.19,1.49,0.67,1.31,0.91,-0.33,-0.39,-0.13,0.13,1.37,1.82,0.7,1.06,1.02,0.68,0.03,1.48,0.07,0.78,1.6,-0.28,1.06,0.55,0.37,-0.31,0.36,0.34,0.51,-0.74,0.54,-0.54,0.93,1.29,-0.45,0.8,0.67,-0.51,0.14,1.43,1.81,0.35,0.72,0.59,1.44,0.46,0.62,0.49,0.65,0.71,0.14,2.96,-1.02,1.74,0.36,1.11,0.56,1.0,0.27,-0.5,0.52,0.12,1.49,0.73]
+          #data: [0, 1, 0, 2, 0, 1, 0]
+          id: 'ii3'
+          xscale: 0.5
+        }
+  body
+    #toolbar.hidden
+      a.tool-button[href="#"] Open
+      a.tool-button[href="#"] Save
+    #panes
+      pre#console-default.pane[style="height:100%"]
+    #dialog.hidden
+      pre#message Hi World
+      a.full-button[href="#"] Ok
+    #status
+      .left
+      .center
+      .right

data/lib/html/source/stylesheets/all.css

@@ -1 +1 @@
-//=require_tree
+//=require_tree

data/lib/html/source/stylesheets/ansi_colors.styl

@@ -1,55 +1,55 @@
-@import 'colors.styl'
-
-set-ansi(val)
-  &-fg
-    if light($bg-color)
-      newval = darken(val, 10%)
-      if contrast(newval, $bg-color).ratio < 1.2
-        color darken(newval, 30%)
-      else
-        color newval
-
-      if contrast(newval, $status-bg-color).ratio < 1.5
-        #status &
-          color activate(val, 50%)
-        #dialog &
-          color activate(val, 50%)
-    else
-      color val
-  &-bg
-    background-color val
-  &-bg&-fg
-    color val
-
-.ansi-black
-  set-ansi(rgb(41, 41, 41))
-.ansi-red
-  set-ansi(rgb(187, 0, 0))
-.ansi-green
-  set-ansi(rgb(0, 187, 0))
-.ansi-yellow
-  set-ansi(rgb(187, 187, 0))
-.ansi-blue
-  set-ansi(rgb(35, 75, 198))
-.ansi-magenta
-  set-ansi(rgb(187, 0, 187))
-.ansi-cyan
-  set-ansi(rgb(0, 187, 187))
-.ansi-white
-  set-ansi(rgb(255,255,255))
-.ansi-bright-black
-  set-ansi(rgb(85, 85, 85))
-.ansi-bright-red
-  set-ansi(rgb(255, 85, 85))
-.ansi-bright-green
-  set-ansi(rgb(0, 255, 0))
-.ansi-bright-yellow
-  set-ansi(rgb(255, 255, 85))
-.ansi-bright-blue
-  set-ansi(rgb(85, 85, 255))
-.ansi-bright-magenta
-  set-ansi(rgb(255, 85, 255))
-.ansi-bright-cyan
-  set-ansi(rgb(85, 255, 255))
-.ansi-bright-white
-  set-ansi(rgb(255, 255, 255))
+@import 'colors.styl'
+
+set-ansi(val)
+  &-fg
+    if light($bg-color)
+      newval = darken(val, 10%)
+      if contrast(newval, $bg-color).ratio < 1.2
+        color darken(newval, 30%)
+      else
+        color newval
+
+      if contrast(newval, $status-bg-color).ratio < 1.5
+        #status &
+          color activate(val, 50%)
+        #dialog &
+          color activate(val, 50%)
+    else
+      color val
+  &-bg
+    background-color val
+  &-bg&-fg
+    color val
+
+.ansi-black
+  set-ansi(rgb(41, 41, 41))
+.ansi-red
+  set-ansi(rgb(187, 0, 0))
+.ansi-green
+  set-ansi(rgb(0, 187, 0))
+.ansi-yellow
+  set-ansi(rgb(187, 187, 0))
+.ansi-blue
+  set-ansi(rgb(35, 75, 198))
+.ansi-magenta
+  set-ansi(rgb(187, 0, 187))
+.ansi-cyan
+  set-ansi(rgb(0, 187, 187))
+.ansi-white
+  set-ansi(rgb(255,255,255))
+.ansi-bright-black
+  set-ansi(rgb(85, 85, 85))
+.ansi-bright-red
+  set-ansi(rgb(255, 85, 85))
+.ansi-bright-green
+  set-ansi(rgb(0, 255, 0))
+.ansi-bright-yellow
+  set-ansi(rgb(255, 255, 85))
+.ansi-bright-blue
+  set-ansi(rgb(85, 85, 255))
+.ansi-bright-magenta
+  set-ansi(rgb(255, 85, 255))
+.ansi-bright-cyan
+  set-ansi(rgb(85, 255, 255))
+.ansi-bright-white
+  set-ansi(rgb(255, 255, 255))

data/lib/html/source/stylesheets/buttons.styl

@@ -1,139 +1,139 @@
-@import 'colors.styl'
-@import 'mixins.styl'
-
-buttony(raised = false)
-  background-color lighten($bg-color, 0%)
-  color darken($fg-color, 0%)
-  font-family $main-font
-  border $normal-border
-  padding 1em
-  text-decoration none
-  display block
-  text-align center
-  margin-top 0.5em
-  margin-bottom 0.5em
-  user-select none
-  if raised and $enable-gradients
-    button-gradient $bg-color
-
-  &:hover
-    color darken($fg-color, 0%)
-    background-color $highlight
-    if raised and $enable-gradients
-      button-gradient $highlight
-  &:active
-    background-color $active-highlight
-    if raised and $enable-gradients
-      button-gradient $highlight, true
-
-  & > .label-icon-left
-    float left
-  & > .label-icon-right
-    float right
-
-.full-button
-  buttony(true)
-
-.inline-text-input, .inline-dropdown
-  buttony()
-  text-align left
-  box-sizing border-box
-  width 100%
-  box-shadow-inset()
-  &.unclicked
-    color darken($fg-color, 50%)
-  textarea&
-    height 25em
-
-input::-webkit-input-placeholder
-    color darken($fg-color, 50%)
-
-input:focus::-webkit-input-placeholder
-      opacity 0
-
-.inline-checkbox
-  padding 0.2em
-  -webkit-user-select none
-  user-select none
-  font-family $main-font
-  min-height 1.4em
-  display inline-block
-  & > span
-    vertical-align middle
-  & input[type=checkbox]
-    display: none
-  &:before
-    display inline-block
-    vertical-align middle
-    content " "
-    width 1em
-    height 1em
-    border $normal-border
-    margin-right 0.5em
-    button-gradient $bg-color
-  &.checked:before
-    content "X"
-    font-weight 900
-    color activate($bg-color, 40%)
-    text-align center
-    button-gradient $highlight, true
-  &:hover
-    background-color $highlight
-
-#toolbar
-  background-color #000
-  margin 0px
-  font-family $main-font
-  height calc(2% + 15px)
-
-.tool-button
-  float left
-  padding 0.5em
-  margin 0
-  text-decoration none
-  color $fg-color
-  border-right 1px solid
-  border-left 1px solid
-  margin-right 0.0em
-  &:hover
-    background-color #333
-
-.button-box
-  position: absolute
-  top: 0.5em
-  right: 0.5em
-  margin-right: 1.0em
-  background-color: rgba(0, 0, 0, 0.5)
-  drop-shadow()
-  padding: 0
-  z-index: 3
-
-  & .full-button, .inline-text-input, .inline-checkbox
-    float: left
-    margin: 0
-    padding: 0.2em
-  & .full-button:active, .inline-checkbox:active
-    margin-top: 0.1em
-    margin-bottom: -0.1em
-  & .inline-text-input
-    width auto
-  & .inline-checkbox
-    border $normal-border
-    &:before
-      border 1px solid darken($fg-color, 70%)
-      height 50%
-  & .label-icon-left, & .label-icon-right
-    margin 0px 5px
-
-.inline-button
-  buttony()
-  display inline-block
-
-.floating-button
-  buttony()
-  float: left
-  margin: 0
-  padding: 0.2em
-  &:active
-    margin-top: 0.1em
-    margin-bottom: -0.1em
+@import 'colors.styl'
+@import 'mixins.styl'
+
+buttony(raised = false)
+  background-color lighten($bg-color, 0%)
+  color darken($fg-color, 0%)
+  font-family $main-font
+  border $normal-border
+  padding 1em
+  text-decoration none
+  display block
+  text-align center
+  margin-top 0.5em
+  margin-bottom 0.5em
+  user-select none
+  if raised and $enable-gradients
+    button-gradient $bg-color
+
+  &:hover
+    color darken($fg-color, 0%)
+    background-color $highlight
+    if raised and $enable-gradients
+      button-gradient $highlight
+  &:active
+    background-color $active-highlight
+    if raised and $enable-gradients
+      button-gradient $highlight, true
+
+  & > .label-icon-left
+    float left
+  & > .label-icon-right
+    float right
+
+.full-button
+  buttony(true)
+
+.inline-text-input, .inline-dropdown
+  buttony()
+  text-align left
+  box-sizing border-box
+  width 100%
+  box-shadow-inset()
+  &.unclicked
+    color darken($fg-color, 50%)
+  textarea&
+    height 25em
+
+input::-webkit-input-placeholder
+    color darken($fg-color, 50%)
+
+input:focus::-webkit-input-placeholder
+      opacity 0
+
+.inline-checkbox
+  padding 0.2em
+  -webkit-user-select none
+  user-select none
+  font-family $main-font
+  min-height 1.4em
+  display inline-block
+  & > span
+    vertical-align middle
+  & input[type=checkbox]
+    display: none
+  &:before
+    display inline-block
+    vertical-align middle
+    content " "
+    width 1em
+    height 1em
+    border $normal-border
+    margin-right 0.5em
+    button-gradient $bg-color
+  &.checked:before
+    content "X"
+    font-weight 900
+    color activate($bg-color, 40%)
+    text-align center
+    button-gradient $highlight, true
+  &:hover
+    background-color $highlight
+
+#toolbar
+  background-color #000
+  margin 0px
+  font-family $main-font
+  height calc(2% + 15px)
+
+.tool-button
+  float left
+  padding 0.5em
+  margin 0
+  text-decoration none
+  color $fg-color
+  border-right 1px solid
+  border-left 1px solid
+  margin-right 0.0em
+  &:hover
+    background-color #333
+
+.button-box
+  position: absolute
+  top: 0.5em
+  right: 0.5em
+  margin-right: 1.0em
+  background-color: rgba(0, 0, 0, 0.5)
+  drop-shadow()
+  padding: 0
+  z-index: 3
+
+  & .full-button, .inline-text-input, .inline-checkbox
+    float: left
+    margin: 0
+    padding: 0.2em
+  & .full-button:active, .inline-checkbox:active
+    margin-top: 0.1em
+    margin-bottom: -0.1em
+  & .inline-text-input
+    width auto
+  & .inline-checkbox
+    border $normal-border
+    &:before
+      border 1px solid darken($fg-color, 70%)
+      height 50%
+  & .label-icon-left, & .label-icon-right
+    margin 0px 5px
+
+.inline-button
+  buttony()
+  display inline-block
+
+.floating-button
+  buttony()
+  float: left
+  margin: 0
+  padding: 0.2em
+  &:active
+    margin-top: 0.1em
+    margin-bottom: -0.1em