linner 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 96597b56da64c0335227695b713d6ca663a93192
-  data.tar.gz: ac32c7dfd3bf23876cd8db939a4927a5b5fcf599
+  metadata.gz: 632ba0af08197976ece2c8920e3991868d0c5000
+  data.tar.gz: d1fe25a52c0a8af4edd46451b7cdbca1753530e2
 SHA512:
-  metadata.gz: c4ffb6f987945e1aff80caf495e728a0013ac32cbfc200f86f4cbe65223f7a24b4ce3dfb23cd3f24240a95b963aead6829591f94fa7c7f91749e0edf6c3a3993
-  data.tar.gz: d105dcab73e1f4b26a55f588e5d2aecb990dd1a9367e5086a8f59bd92ccfcd1dd9e7db1804163bb49cc682c87690b298f2cb6fdc48c6325efdff6b494735a110
+  metadata.gz: 2a5be3981994798ce60ca8b94af752b9bcbe13c2735dd99bc61416fc2e80544d63682628870cf53c90be190491cb9536869262b86e6995fe8d47ce4f7ea0afdb
+  data.tar.gz: 9c1eee6c25c28942848e0d9ca44b27d28e38b1c3e8986a379b0ee9fb4b30632af3abe8010414f44044e12a567957d2871e4086615ae3fdf61bd66fb807ad220d

data/.gitignore

@@ -1,5 +1,6 @@
 *.gem
 *.rbc
+.DS_Store
 .bundle
 .config
 .yardoc

data/lib/linner.rb

@@ -2,11 +2,12 @@ require "linner/version"
 require "linner/command"
 require "linner/asset"
 require "linner/helper"
-require "linner/environment"
+require "linner/reactor"
 require "linner/wrapper"
 require "linner/template"
 require "linner/notifier"
 require "linner/compressor"
+require "linner/environment"
 
 module Linner
   extend self
@@ -33,8 +34,7 @@ module Linner
       Thread.new do
         dist = Asset.new(File.join environment.public_folder, dist)
         dist.content = ""
-        matches = Dir.glob(File.join root, regex).uniq
-        matches.sort_by_before_and_after(config["order"]["before"], config["order"]["after"]).each do |m|
+        Dir.glob(regex).uniq.sort_by_before_and_after(config["order"]["before"], config["order"]["after"]).each do |m|
           asset = Asset.new(m)
           content = asset.content
           if asset.wrappable?
@@ -51,11 +51,10 @@ module Linner
   def copy(config)
     config["copy"].each do |dist, regex|
       Thread.new do
-        matches = Dir.glob(File.join root, regex)
-        matches.each do |path|
+        Dir.glob(regex).each do |path|
           asset = Asset.new(path)
           asset.path = File.join(environment.public_folder, dist, asset.logical_path)
-          next if File.exist?(asset.path) and FileUtils.uptodate?(path, [asset.path])
+          next if File.exist?(asset.path) and File.identical?(path, asset.path)
           asset.write
         end
       end.join

data/lib/linner/asset.rb

@@ -5,7 +5,11 @@ module Linner
 
     def initialize(path)
       @path = path
-      @content ||= File.exist?(path) ? Tilt.new(path).render : ""
+      @content ||= begin
+        File.exist?(path) ? Tilt.new(path, :default_encoding => "UTF-8").render : ""
+      rescue RuntimeError
+        File.read(path)
+      end
     end
 
     def wrap
@@ -13,7 +17,7 @@ module Linner
     end
 
     def wrappable?
-      !!(@path.include? Linner.root.join("app").to_path and Template.template_for_script?(@path))
+      !!(@path.include? Linner.environment.app_folder and Template.template_for_script?(@path))
     end
 
     def write
@@ -28,7 +32,7 @@ module Linner
     end
 
     def logical_path
-      @logical_path ||= @path.gsub(/#{Linner.root}\/app\/\w*\//, "")
+      @logical_path ||= @path.gsub(/#{Linner.environment.app_folder}\/\w*\//, "")
     end
   end
 end

data/lib/linner/command.rb

@@ -18,21 +18,33 @@ module Linner
 
     desc "watch", "watch assets"
     def watch
-      proc = Proc.new do |modified, added, removed|
+      @reactor = Reactor.new
+
+      @proc = Proc.new do |modified, added, removed|
         begin
           Notifier.info{ Linner.perform }
         rescue
           Notifier.error $!
         end
       end
-      proc.call
-      listener = Listen.to "app/", "vendor/", "test/", filter: /\.(js|coffee|css|sass|scss)$/
-      listener.change &proc
+      @proc.call
+
+      Listen.to env.app_folder, env.vendor_folder, env.test_folder do |modified, added, removed|
+        @proc.call
+      end
+
+      Listen.to env.public_folder, :relative_paths => true do |modified, added, removed|
+        paths = [].push(modified, added, removed).flatten.compact
+        @reactor.reload_browser(paths)
+      end
+
       trap :INT do
         Notifier.exit
+        @reactor.stop
         exit!
       end
-      listener.start!
+
+      sleep
     end
 
     desc "clean", "clean assets"
@@ -45,6 +57,11 @@ module Linner
       directory('templates', name)
       chmod("#{name}/bin/server", 0755)
     end
+
+    private
+    def env
+      Linner.environment
+    end
   end
 end
 

data/lib/linner/environment.rb

@@ -11,7 +11,7 @@ module Linner
 
     %w(app test vendor public).each do |method|
       define_method("#{method}_folder") do
-        Linner.root.join(@env["paths"][method]).expand_path.to_path
+        @env["paths"][method]
       end
     end
 

data/lib/linner/notifier.rb

@@ -11,7 +11,7 @@ module Linner
 
       def error(message)
         puts message = "👻 : #{message}!"
-        if Linner.environment.notifications && TerminalNotifier.available?
+        if Linner.environment.notification && TerminalNotifier.available?
           TerminalNotifier.notify message, :title => 'Linner'
         end
       end

data/lib/linner/reactor.rb

@@ -0,0 +1,101 @@
+require "eventmachine"
+require "em-websocket"
+require "http/parser"
+
+module Linner
+  # Steal from guard livereload
+  # https://github.com/guard/guard-livereload/blob/master/lib/guard/livereload/reactor.rb
+  class Reactor
+    OPTIONS = {
+      :host => '0.0.0.0',
+      :port => '35729',
+      :apply_css_live => true,
+      :override_url => false,
+      :grace_period => 0
+    }
+
+    attr_reader :web_sockets, :thread, :options
+
+    def initialize
+      @web_sockets = []
+      @options     = OPTIONS
+      @thread      = start_threaded_reactor(OPTIONS)
+    end
+
+    def stop
+      thread.kill
+    end
+
+    def reload_browser(paths = [])
+      paths.each do |path|
+        data = {
+          :command  => 'reload',
+          :path     => "/#{path}",
+          :liveCSS  => @options[:apply_css_live]
+        }
+        web_sockets.each { |ws| ws.send(MultiJson.encode(data)) }
+      end
+    end
+
+  private
+
+    def start_threaded_reactor(options)
+      Thread.new do
+        EventMachine.epoll
+        EventMachine.run do
+          EventMachine.start_server(options[:host], options[:port], Connection, {}) do |ws|
+            ws.onopen do
+              begin
+                ws.send MultiJson.encode({
+                  :command    => 'hello',
+                  :protocols  => ['http://livereload.com/protocols/official-7'],
+                  :serverName => 'guard-livereload'
+                })
+                @web_sockets << ws
+              rescue
+                Notifier.error $!
+              end
+            end
+
+            ws.onclose do
+              @web_sockets.delete(ws)
+            end
+          end
+        end
+      end
+    end
+
+
+
+    class Connection < EventMachine::WebSocket::Connection
+      def dispatch data
+        parser = Http::Parser.new
+        parser << data
+        if parser.http_method != 'GET' || parser.upgrade?
+          super #pass the request to websocket
+        elsif parser.request_path == '/livereload.js'
+          serve_file File.join(File.dirname(__FILE__), "../../vendor", "livereload.js")
+        elsif File.exist?(parser.request_path[1..-1])
+          serve_file parser.request_path[1..-1] # Strip leading slash
+        else
+          send_data "HTTP/1.1 404 Not Found\r\nContent-Type: text/plain\r\nContent-Length: 13\r\n\r\n404 Not Found"
+          close_connection_after_writing
+        end
+      end
+
+      def serve_file path
+        content_type = case File.extname(path)
+        when '.css' then 'text/css'
+        when '.js' then 'application/ecmascript'
+        when '.gif' then 'image/gif'
+        when '.jpeg', '.jpg' then 'image/jpeg'
+        when '.png' then 'image/png'
+        else; 'text/plain'
+        end
+        send_data "HTTP/1.1 200 OK\r\nContent-Type: #{content_type}\r\nContent-Length: #{File.size path}\r\n\r\n"
+        stream_file_data(path).callback { close_connection_after_writing }
+      end
+    end
+
+  end
+end

data/lib/linner/template.rb

@@ -20,11 +20,11 @@ module Linner
 
     class << self
       def template_for_script?(path)
-        [Tilt::JavascriptTemplate, Tilt::CoffeeScriptTemplate].include? Tilt[path]
+        Tilt[path].default_mime_type == "application/javascript"
       end
 
       def template_for_style?(path)
-        [Tilt::CSSTemplate, Tilt::SassTemplate, Tilt::ScssTemplate].include? Tilt[path]
+        Tilt[path].default_mime_type == "text/css"
       end
     end
   end

data/lib/linner/templates/config.yml

@@ -21,4 +21,4 @@ files:
       "/": "app/views/**/*.{html,hbs}"
 modules:
   wrapper: "CMD"
-notifications: true
+notification: true

data/lib/linner/version.rb

@@ -1,3 +1,3 @@
 module Linner
-  VERSION = "0.1.1"
+  VERSION = "0.1.2"
 end

data/linner.gemspec

@@ -23,6 +23,9 @@ Gem::Specification.new do |spec|
   spec.add_dependency "sass", "~> 3.2"
   spec.add_dependency "listen", "~> 1.2"
   spec.add_dependency "uglifier", "~> 2.1"
+  spec.add_dependency "multi_json", "~> 1.7"
+  spec.add_dependency "em-websocket", "~> 0.5"
+  spec.add_dependency "eventmachine", "~> 1.0.3"
   spec.add_dependency "coffee-script", "~> 2.2"
   spec.add_dependency "yui-compressor", "~> 0.9.6"
   spec.add_dependency "terminal-notifier", "~> 1.4"

data/spec/linner/asset_spec.rb

@@ -3,6 +3,19 @@ require "spec_helper"
 describe Asset do
 
   before(:each) do
-    @asset = Asset.new("app.js")
+    @asset = Asset.new("app/scripts/app.js")
+  end
+
+  describe :logical_path do
+    it "should be return right logical_path" do
+      @asset.logical_path.should == "app.js"
+    end
+  end
+
+  describe :wrappable do
+    it "should wrapperable" do
+      @asset.wrappable?.should be_true
+      Asset.new("app/styles/app.css").wrappable?.should be_false
+    end
   end
 end

data/spec/linner/environment_spec.rb

@@ -7,10 +7,10 @@ describe Environment do
 
   describe "convension" do
     it "should equals default path folder" do
-      @env.app_folder.should == root.join("app").to_path
-      @env.test_folder.should == root.join("test").to_path
-      @env.vendor_folder.should == root.join("vendor").to_path
-      @env.public_folder.should == root.join("public").to_path
+      @env.app_folder.should == "app"
+      @env.test_folder.should == "test"
+      @env.vendor_folder.should == "vendor"
+      @env.public_folder.should == "public"
     end
 
     it "should equals default config" do

data/spec/linner/template_spec.rb

@@ -13,14 +13,14 @@ describe Template do
     end
 
     it "should tempalte for script" do
-      Template.template_for_script? "app.js".should be_true
-      Template.template_for_script? "app.coffee".should be_true
+      Template.template_for_script?("app.js").should be_true
+      Template.template_for_script?("app.coffee").should be_true
     end
 
     it "should tempalte for style" do
-      Template.template_for_style? "app.css".should be_true
-      Template.template_for_style? "app.sass".should be_true
-      Template.template_for_style? "app.scss".should be_true
+      Template.template_for_style?("app.css").should be_true
+      Template.template_for_style?("app.sass").should be_true
+      Template.template_for_style?("app.scss").should be_true
     end
   end
 end

data/vendor/config.default.yml

@@ -5,32 +5,27 @@ paths:
   public: "public"
 files:
   scripts:
-    concat:
-      "scripts/app.js": "app/**/*.{js,coffee}"
-      "scripts/vendor.js": "vendor/**/*.{js,coffee}"
+    concat: {}
     copy: {}
     order:
       before:
         - "vendor/jquery-1.10.2.js"
       after: []
   styles:
-    concat:
-      "styles/app.css": "app/**/[a-z]*.{css,scss,sass}"
+    concat: {}
     copy: {}
     order:
       before: []
       after: []
   images:
     concat: {}
-    copy:
-      "images/": "app/**/*.{png,gif}"
+    copy: {}
     order:
       before: []
       after: []
   views:
     concat: {}
-    copy:
-      "/": "app/**/*.{html,hbs}"
+    copy: {}
     order:
       before: []
       after: []

data/vendor/livereload.js

@@ -0,0 +1,1055 @@
+ (function() {
+   var __customevents = {}, __protocol = {}, __connector = {}, __timer = {}, __options = {}, __reloader = {}, __livereload = {}, __less = {}, __startup = {};
+
+   // customevents
+   var CustomEvents;
+   CustomEvents = {
+     bind: function(element, eventName, handler) {
+       if (element.addEventListener) {
+         return element.addEventListener(eventName, handler, false);
+       } else if (element.attachEvent) {
+         element[eventName] = 1;
+         return element.attachEvent('onpropertychange', function(event) {
+           if (event.propertyName === eventName) {
+             return handler();
+           }
+         });
+       } else {
+         throw new Error("Attempt to attach custom event " + eventName + " to something which isn't a DOMElement");
+       }
+     },
+     fire: function(element, eventName) {
+       var event;
+       if (element.addEventListener) {
+         event = document.createEvent('HTMLEvents');
+         event.initEvent(eventName, true, true);
+         return document.dispatchEvent(event);
+       } else if (element.attachEvent) {
+         if (element[eventName]) {
+           return element[eventName]++;
+         }
+       } else {
+         throw new Error("Attempt to fire custom event " + eventName + " on something which isn't a DOMElement");
+       }
+     }
+   };
+   __customevents.bind = CustomEvents.bind;
+   __customevents.fire = CustomEvents.fire;
+
+   // protocol
+   var PROTOCOL_6, PROTOCOL_7, Parser, ProtocolError;
+   var __indexOf = Array.prototype.indexOf || function(item) {
+     for (var i = 0, l = this.length; i < l; i++) {
+       if (this[i] === item) return i;
+     }
+     return -1;
+   };
+   __protocol.PROTOCOL_6 = PROTOCOL_6 = 'http://livereload.com/protocols/official-6';
+   __protocol.PROTOCOL_7 = PROTOCOL_7 = 'http://livereload.com/protocols/official-7';
+   __protocol.ProtocolError = ProtocolError = (function() {
+     function ProtocolError(reason, data) {
+       this.message = "LiveReload protocol error (" + reason + ") after receiving data: \"" + data + "\".";
+     }
+     return ProtocolError;
+   })();
+   __protocol.Parser = Parser = (function() {
+     function Parser(handlers) {
+       this.handlers = handlers;
+       this.reset();
+     }
+     Parser.prototype.reset = function() {
+       return this.protocol = null;
+     };
+     Parser.prototype.process = function(data) {
+       var command, message, options, _ref;
+       try {
+         if (!(this.protocol != null)) {
+           if (data.match(/^!!ver:([\d.]+)$/)) {
+     this.protocol = 6;
+           } else if (message = this._parseMessage(data, ['hello'])) {
+             if (!message.protocols.length) {
+               throw new ProtocolError("no protocols specified in handshake message");
+             } else if (__indexOf.call(message.protocols, PROTOCOL_7) >= 0) {
+               this.protocol = 7;
+             } else if (__indexOf.call(message.protocols, PROTOCOL_6) >= 0) {
+               this.protocol = 6;
+             } else {
+               throw new ProtocolError("no supported protocols found");
+             }
+           }
+           return this.handlers.connected(this.protocol);
+         } else if (this.protocol === 6) {
+           message = JSON.parse(data);
+           if (!message.length) {
+             throw new ProtocolError("protocol 6 messages must be arrays");
+           }
+           command = message[0], options = message[1];
+           if (command !== 'refresh') {
+             throw new ProtocolError("unknown protocol 6 command");
+           }
+           return this.handlers.message({
+             command: 'reload',
+             path: options.path,
+             liveCSS: (_ref = options.apply_css_live) != null ? _ref : true
+           });
+         } else {
+           message = this._parseMessage(data, ['reload', 'alert']);
+           return this.handlers.message(message);
+         }
+       } catch (e) {
+         if (e instanceof ProtocolError) {
+           return this.handlers.error(e);
+         } else {
+           throw e;
+         }
+       }
+     };
+     Parser.prototype._parseMessage = function(data, validCommands) {
+       var message, _ref;
+       try {
+         message = JSON.parse(data);
+       } catch (e) {
+         throw new ProtocolError('unparsable JSON', data);
+       }
+       if (!message.command) {
+         throw new ProtocolError('missing "command" key', data);
+       }
+       if (_ref = message.command, __indexOf.call(validCommands, _ref) < 0) {
+         throw new ProtocolError("invalid command '" + message.command + "', only valid commands are: " + (validCommands.join(', ')) + ")", data);
+       }
+       return message;
+     };
+     return Parser;
+   })();
+
+   // connector
+   // Generated by CoffeeScript 1.3.3
+   var Connector, PROTOCOL_6, PROTOCOL_7, Parser, Version, _ref;
+
+   _ref = __protocol, Parser = _ref.Parser, PROTOCOL_6 = _ref.PROTOCOL_6, PROTOCOL_7 = _ref.PROTOCOL_7;
+
+   Version = '2.0.8';
+
+   __connector.Connector = Connector = (function() {
+
+     function Connector(options, WebSocket, Timer, handlers) {
+       var _this = this;
+       this.options = options;
+       this.WebSocket = WebSocket;
+       this.Timer = Timer;
+       this.handlers = handlers;
+       this._uri = "ws://" + this.options.host + ":" + this.options.port + "/livereload";
+       this._nextDelay = this.options.mindelay;
+       this._connectionDesired = false;
+       this.protocol = 0;
+       this.protocolParser = new Parser({
+         connected: function(protocol) {
+           _this.protocol = protocol;
+           _this._handshakeTimeout.stop();
+           _this._nextDelay = _this.options.mindelay;
+           _this._disconnectionReason = 'broken';
+           return _this.handlers.connected(protocol);
+         },
+         error: function(e) {
+           _this.handlers.error(e);
+           return _this._closeOnError();
+         },
+         message: function(message) {
+           return _this.handlers.message(message);
+         }
+       });
+       this._handshakeTimeout = new Timer(function() {
+         if (!_this._isSocketConnected()) {
+           return;
+         }
+         _this._disconnectionReason = 'handshake-timeout';
+         return _this.socket.close();
+       });
+       this._reconnectTimer = new Timer(function() {
+         if (!_this._connectionDesired) {
+           return;
+         }
+         return _this.connect();
+       });
+       this.connect();
+     }
+
+     Connector.prototype._isSocketConnected = function() {
+       return this.socket && this.socket.readyState === this.WebSocket.OPEN;
+     };
+
+     Connector.prototype.connect = function() {
+       var _this = this;
+       this._connectionDesired = true;
+       if (this._isSocketConnected()) {
+         return;
+       }
+       this._reconnectTimer.stop();
+       this._disconnectionReason = 'cannot-connect';
+       this.protocolParser.reset();
+       this.handlers.connecting();
+       this.socket = new this.WebSocket(this._uri);
+       this.socket.onopen = function(e) {
+         return _this._onopen(e);
+       };
+       this.socket.onclose = function(e) {
+         return _this._onclose(e);
+       };
+       this.socket.onmessage = function(e) {
+         return _this._onmessage(e);
+       };
+       return this.socket.onerror = function(e) {
+         return _this._onerror(e);
+       };
+     };
+
+     Connector.prototype.disconnect = function() {
+       this._connectionDesired = false;
+       this._reconnectTimer.stop();
+       if (!this._isSocketConnected()) {
+         return;
+       }
+       this._disconnectionReason = 'manual';
+       return this.socket.close();
+     };
+
+     Connector.prototype._scheduleReconnection = function() {
+       if (!this._connectionDesired) {
+         return;
+       }
+       if (!this._reconnectTimer.running) {
+         this._reconnectTimer.start(this._nextDelay);
+         return this._nextDelay = Math.min(this.options.maxdelay, this._nextDelay * 2);
+       }
+     };
+
+     Connector.prototype.sendCommand = function(command) {
+       if (this.protocol == null) {
+         return;
+       }
+       return this._sendCommand(command);
+     };
+
+     Connector.prototype._sendCommand = function(command) {
+       return this.socket.send(JSON.stringify(command));
+     };
+
+     Connector.prototype._closeOnError = function() {
+       this._handshakeTimeout.stop();
+       this._disconnectionReason = 'error';
+       return this.socket.close();
+     };
+
+     Connector.prototype._onopen = function(e) {
+       var hello;
+       this.handlers.socketConnected();
+       this._disconnectionReason = 'handshake-failed';
+       hello = {
+         command: 'hello',
+         protocols: [PROTOCOL_6, PROTOCOL_7]
+       };
+       hello.ver = Version;
+       if (this.options.ext) {
+         hello.ext = this.options.ext;
+       }
+       if (this.options.extver) {
+         hello.extver = this.options.extver;
+       }
+       if (this.options.snipver) {
+         hello.snipver = this.options.snipver;
+       }
+       this._sendCommand(hello);
+       return this._handshakeTimeout.start(this.options.handshake_timeout);
+     };
+
+     Connector.prototype._onclose = function(e) {
+       this.protocol = 0;
+       this.handlers.disconnected(this._disconnectionReason, this._nextDelay);
+       return this._scheduleReconnection();
+     };
+
+     Connector.prototype._onerror = function(e) {};
+
+     Connector.prototype._onmessage = function(e) {
+       return this.protocolParser.process(e.data);
+     };
+
+     return Connector;
+
+   })();
+
+   // timer
+   var Timer;
+   var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
+   __timer.Timer = Timer = (function() {
+     function Timer(func) {
+       this.func = func;
+       this.running = false;
+       this.id = null;
+       this._handler = __bind(function() {
+         this.running = false;
+         this.id = null;
+         return this.func();
+       }, this);
+     }
+     Timer.prototype.start = function(timeout) {
+       if (this.running) {
+         clearTimeout(this.id);
+       }
+       this.id = setTimeout(this._handler, timeout);
+       return this.running = true;
+     };
+     Timer.prototype.stop = function() {
+       if (this.running) {
+         clearTimeout(this.id);
+         this.running = false;
+         return this.id = null;
+       }
+     };
+     return Timer;
+   })();
+   Timer.start = function(timeout, func) {
+     return setTimeout(func, timeout);
+   };
+
+   // options
+   var Options;
+   __options.Options = Options = (function() {
+     function Options() {
+       this.host = null;
+       this.port = 35729;
+       this.snipver = null;
+       this.ext = null;
+       this.extver = null;
+       this.mindelay = 1000;
+       this.maxdelay = 60000;
+       this.handshake_timeout = 5000;
+     }
+     Options.prototype.set = function(name, value) {
+       switch (typeof this[name]) {
+         case 'undefined':
+           break;
+         case 'number':
+           return this[name] = +value;
+         default:
+           return this[name] = value;
+       }
+     };
+     return Options;
+   })();
+   Options.extract = function(document) {
+     var element, keyAndValue, m, mm, options, pair, src, _i, _j, _len, _len2, _ref, _ref2;
+     _ref = document.getElementsByTagName('script');
+     for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+       element = _ref[_i];
+       if ((src = element.src) && (m = src.match(/^[^:]+:\/\/(.*)\/z?livereload\.js(?:\?(.*))?$/))) {
+         options = new Options();
+         if (mm = m[1].match(/^([^\/:]+)(?::(\d+))?$/)) {
+           options.host = mm[1];
+           if (mm[2]) {
+             options.port = parseInt(mm[2], 10);
+           }
+         }
+         if (m[2]) {
+           _ref2 = m[2].split('&');
+         for (_j = 0, _len2 = _ref2.length; _j < _len2; _j++) {
+           pair = _ref2[_j];
+           if ((keyAndValue = pair.split('=')).length > 1) {
+         options.set(keyAndValue[0].replace(/-/g, '_'), keyAndValue.slice(1).join('='));
+           }
+         }
+         }
+         return options;
+       }
+     }
+     return null;
+   };
+
+   // reloader
+   // Generated by CoffeeScript 1.3.1
+   (function() {
+     var IMAGE_STYLES, Reloader, numberOfMatchingSegments, pathFromUrl, pathsMatch, pickBestMatch, splitUrl;
+
+     splitUrl = function(url) {
+       var hash, index, params;
+       if ((index = url.indexOf('#')) >= 0) {
+     hash = url.slice(index);
+     url = url.slice(0, index);
+       } else {
+         hash = '';
+       }
+       if ((index = url.indexOf('?')) >= 0) {
+           params = url.slice(index);
+           url = url.slice(0, index);
+       } else {
+         params = '';
+       }
+       return {
+         url: url,
+         params: params,
+         hash: hash
+       };
+     };
+
+     pathFromUrl = function(url) {
+       var path;
+       url = splitUrl(url).url;
+       if (url.indexOf('file://') === 0) {
+           path = url.replace(/^file:\/\/(localhost)?/, '');
+       } else {
+         path = url.replace(/^([^:]+:)?\/\/([^:\/]+)(:\d*)?\//, '/');
+       }
+       return decodeURIComponent(path);
+     };
+
+     pickBestMatch = function(path, objects, pathFunc) {
+       var bestMatch, object, score, _i, _len;
+       bestMatch = {
+         score: 0
+       };
+       for (_i = 0, _len = objects.length; _i < _len; _i++) {
+         object = objects[_i];
+         score = numberOfMatchingSegments(path, pathFunc(object));
+         if (score > bestMatch.score) {
+           bestMatch = {
+             object: object,
+           score: score
+           };
+         }
+       }
+       if (bestMatch.score > 0) {
+         return bestMatch;
+       } else {
+         return null;
+       }
+     };
+
+     numberOfMatchingSegments = function(path1, path2) {
+       var comps1, comps2, eqCount, len;
+       path1 = path1.replace(/^\/+/, '').toLowerCase();
+       path2 = path2.replace(/^\/+/, '').toLowerCase();
+       if (path1 === path2) {
+         return 10000;
+       }
+       comps1 = path1.split('/').reverse();
+       comps2 = path2.split('/').reverse();
+       len = Math.min(comps1.length, comps2.length);
+       eqCount = 0;
+       while (eqCount < len && comps1[eqCount] === comps2[eqCount]) {
+         ++eqCount;
+       }
+       return eqCount;
+     };
+
+     pathsMatch = function(path1, path2) {
+       return numberOfMatchingSegments(path1, path2) > 0;
+     };
+
+     IMAGE_STYLES = [
+     {
+       selector: 'background',
+       styleNames: ['backgroundImage']
+     }, {
+       selector: 'border',
+       styleNames: ['borderImage', 'webkitBorderImage', 'MozBorderImage']
+     }
+     ];
+
+     __reloader.Reloader = Reloader = (function() {
+
+       Reloader.name = 'Reloader';
+
+       function Reloader(window, console, Timer) {
+         this.window = window;
+         this.console = console;
+         this.Timer = Timer;
+         this.document = this.window.document;
+         this.importCacheWaitPeriod = 200;
+         this.plugins = [];
+       }
+
+       Reloader.prototype.addPlugin = function(plugin) {
+         return this.plugins.push(plugin);
+       };
+
+       Reloader.prototype.analyze = function(callback) {
+         return results;
+       };
+
+       Reloader.prototype.reload = function(path, options) {
+         var plugin, _base, _i, _len, _ref;
+         this.options = options;
+         if ((_base = this.options).stylesheetReloadTimeout == null) {
+           _base.stylesheetReloadTimeout = 15000;
+         }
+         _ref = this.plugins;
+         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+           plugin = _ref[_i];
+           if (plugin.reload && plugin.reload(path, options)) {
+             return;
+           }
+         }
+         if (options.liveCSS) {
+           if (path.match(/\.css$/i)) {
+             if (this.reloadStylesheet(path)) {
+               return;
+             }
+           }
+         }
+         if (options.liveImg) {
+           if (path.match(/\.(jpe?g|png|gif)$/i)) {
+             this.reloadImages(path);
+             return;
+           }
+         }
+         return this.reloadPage();
+       };
+
+       Reloader.prototype.reloadPage = function() {
+         return this.window.document.location.reload();
+       };
+
+       Reloader.prototype.reloadImages = function(path) {
+         var expando, img, selector, styleNames, styleSheet, _i, _j, _k, _l, _len, _len1, _len2, _len3, _ref, _ref1, _ref2, _ref3, _results;
+         expando = this.generateUniqueString();
+         _ref = this.document.images;
+         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+           img = _ref[_i];
+           if (pathsMatch(path, pathFromUrl(img.src))) {
+             img.src = this.generateCacheBustUrl(img.src, expando);
+           }
+         }
+         if (this.document.querySelectorAll) {
+           for (_j = 0, _len1 = IMAGE_STYLES.length; _j < _len1; _j++) {
+             _ref1 = IMAGE_STYLES[_j], selector = _ref1.selector, styleNames = _ref1.styleNames;
+             _ref2 = this.document.querySelectorAll("[style*=" + selector + "]");
+     for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {
+       img = _ref2[_k];
+       this.reloadStyleImages(img.style, styleNames, path, expando);
+     }
+           }
+         }
+         if (this.document.styleSheets) {
+           _ref3 = this.document.styleSheets;
+           _results = [];
+           for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) {
+             styleSheet = _ref3[_l];
+             _results.push(this.reloadStylesheetImages(styleSheet, path, expando));
+           }
+           return _results;
+         }
+       };
+
+       Reloader.prototype.reloadStylesheetImages = function(styleSheet, path, expando) {
+         var rule, rules, styleNames, _i, _j, _len, _len1;
+         try {
+           rules = styleSheet != null ? styleSheet.cssRules : void 0;
+         } catch (e) {
+
+         }
+         if (!rules) {
+           return;
+         }
+         for (_i = 0, _len = rules.length; _i < _len; _i++) {
+           rule = rules[_i];
+           switch (rule.type) {
+             case CSSRule.IMPORT_RULE:
+               this.reloadStylesheetImages(rule.styleSheet, path, expando);
+               break;
+             case CSSRule.STYLE_RULE:
+               for (_j = 0, _len1 = IMAGE_STYLES.length; _j < _len1; _j++) {
+                 styleNames = IMAGE_STYLES[_j].styleNames;
+                 this.reloadStyleImages(rule.style, styleNames, path, expando);
+               }
+               break;
+             case CSSRule.MEDIA_RULE:
+               this.reloadStylesheetImages(rule, path, expando);
+           }
+         }
+       };
+
+       Reloader.prototype.reloadStyleImages = function(style, styleNames, path, expando) {
+         var newValue, styleName, value, _i, _len,
+         _this = this;
+         for (_i = 0, _len = styleNames.length; _i < _len; _i++) {
+           styleName = styleNames[_i];
+           value = style[styleName];
+           if (typeof value === 'string') {
+             newValue = value.replace(/\burl\s*\(([^)]*)\)/, function(match, src) {
+               if (pathsMatch(path, pathFromUrl(src))) {
+                 return "url(" + (_this.generateCacheBustUrl(src, expando)) + ")";
+               } else {
+                 return match;
+               }
+             });
+             if (newValue !== value) {
+               style[styleName] = newValue;
+             }
+           }
+         }
+       };
+
+       Reloader.prototype.reloadStylesheet = function(path) {
+         var imported, link, links, match, style, _i, _j, _k, _l, _len, _len1, _len2, _len3, _ref, _ref1,
+         _this = this;
+         links = (function() {
+           var _i, _len, _ref, _results;
+           _ref = this.document.getElementsByTagName('link');
+         _results = [];
+         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+           link = _ref[_i];
+           if (link.rel === 'stylesheet' && !link.__LiveReload_pendingRemoval) {
+             _results.push(link);
+           }
+         }
+         return _results;
+         }).call(this);
+         imported = [];
+         _ref = this.document.getElementsByTagName('style');
+         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+           style = _ref[_i];
+           if (style.sheet) {
+             this.collectImportedStylesheets(style, style.sheet, imported);
+           }
+         }
+         for (_j = 0, _len1 = links.length; _j < _len1; _j++) {
+           link = links[_j];
+           this.collectImportedStylesheets(link, link.sheet, imported);
+         }
+         if (this.window.StyleFix && this.document.querySelectorAll) {
+           _ref1 = this.document.querySelectorAll('style[data-href]');
+           for (_k = 0, _len2 = _ref1.length; _k < _len2; _k++) {
+             style = _ref1[_k];
+             links.push(style);
+           }
+         }
+         this.console.log("LiveReload found " + links.length + " LINKed stylesheets, " + imported.length + " @imported stylesheets");
+         match = pickBestMatch(path, links.concat(imported), function(l) {
+           return pathFromUrl(_this.linkHref(l));
+         });
+         if (match) {
+           if (match.object.rule) {
+             this.console.log("LiveReload is reloading imported stylesheet: " + match.object.href);
+             this.reattachImportedRule(match.object);
+           } else {
+             this.console.log("LiveReload is reloading stylesheet: " + (this.linkHref(match.object)));
+             this.reattachStylesheetLink(match.object);
+           }
+         } else {
+           this.console.log("LiveReload will reload all stylesheets because path '" + path + "' did not match any specific one");
+           for (_l = 0, _len3 = links.length; _l < _len3; _l++) {
+             link = links[_l];
+             this.reattachStylesheetLink(link);
+           }
+         }
+         return true;
+       };
+
+       Reloader.prototype.collectImportedStylesheets = function(link, styleSheet, result) {
+         var index, rule, rules, _i, _len;
+         try {
+           rules = styleSheet != null ? styleSheet.cssRules : void 0;
+         } catch (e) {
+
+         }
+         if (rules && rules.length) {
+           for (index = _i = 0, _len = rules.length; _i < _len; index = ++_i) {
+             rule = rules[index];
+             switch (rule.type) {
+               case CSSRule.CHARSET_RULE:
+                 continue;
+               case CSSRule.IMPORT_RULE:
+                 result.push({
+                   link: link,
+                   rule: rule,
+                   index: index,
+                   href: rule.href
+                 });
+                 this.collectImportedStylesheets(link, rule.styleSheet, result);
+                 break;
+               default:
+                 break;
+             }
+           }
+         }
+       };
+
+       Reloader.prototype.waitUntilCssLoads = function(clone, func) {
+         var callbackExecuted, executeCallback, poll,
+         _this = this;
+         callbackExecuted = false;
+         executeCallback = function() {
+           if (callbackExecuted) {
+             return;
+           }
+           callbackExecuted = true;
+           return func();
+         };
+         clone.onload = function() {
+           console.log("onload!");
+           _this.knownToSupportCssOnLoad = true;
+           return executeCallback();
+         };
+         if (!this.knownToSupportCssOnLoad) {
+           (poll = function() {
+             if (clone.sheet) {
+               console.log("polling!");
+           return executeCallback();
+             } else {
+               return _this.Timer.start(50, poll);
+             }
+           })();
+         }
+         return this.Timer.start(this.options.stylesheetReloadTimeout, executeCallback);
+       };
+
+       Reloader.prototype.linkHref = function(link) {
+         return link.href || link.getAttribute('data-href');
+       };
+
+       Reloader.prototype.reattachStylesheetLink = function(link) {
+         var clone, parent,
+         _this = this;
+         if (link.__LiveReload_pendingRemoval) {
+           return;
+         }
+         link.__LiveReload_pendingRemoval = true;
+         if (link.tagName === 'STYLE') {
+           clone = this.document.createElement('link');
+           clone.rel = 'stylesheet';
+           clone.media = link.media;
+           clone.disabled = link.disabled;
+         } else {
+           clone = link.cloneNode(false);
+         }
+         clone.href = this.generateCacheBustUrl(this.linkHref(link));
+         parent = link.parentNode;
+         if (parent.lastChild === link) {
+           parent.appendChild(clone);
+         } else {
+           parent.insertBefore(clone, link.nextSibling);
+         }
+         return this.waitUntilCssLoads(clone, function() {
+           var additionalWaitingTime;
+           if (/AppleWebKit/.test(navigator.userAgent)) {
+           additionalWaitingTime = 5;
+           } else {
+             additionalWaitingTime = 200;
+           }
+           return _this.Timer.start(additionalWaitingTime, function() {
+             var _ref;
+             if (!link.parentNode) {
+               return;
+             }
+             link.parentNode.removeChild(link);
+             clone.onreadystatechange = null;
+             return (_ref = _this.window.StyleFix) != null ? _ref.link(clone) : void 0;
+           });
+         });
+       };
+
+       Reloader.prototype.reattachImportedRule = function(_arg) {
+         var href, index, link, media, newRule, parent, rule, tempLink,
+         _this = this;
+         rule = _arg.rule, index = _arg.index, link = _arg.link;
+         parent = rule.parentStyleSheet;
+         href = this.generateCacheBustUrl(rule.href);
+         media = rule.media.length ? [].join.call(rule.media, ', ') : '';
+         newRule = "@import url(\"" + href + "\") " + media + ";";
+         rule.__LiveReload_newHref = href;
+         tempLink = this.document.createElement("link");
+         tempLink.rel = 'stylesheet';
+         tempLink.href = href;
+         tempLink.__LiveReload_pendingRemoval = true;
+         if (link.parentNode) {
+           link.parentNode.insertBefore(tempLink, link);
+         }
+         return this.Timer.start(this.importCacheWaitPeriod, function() {
+           if (tempLink.parentNode) {
+             tempLink.parentNode.removeChild(tempLink);
+           }
+           if (rule.__LiveReload_newHref !== href) {
+             return;
+           }
+           parent.insertRule(newRule, index);
+           parent.deleteRule(index + 1);
+           rule = parent.cssRules[index];
+           rule.__LiveReload_newHref = href;
+           return _this.Timer.start(_this.importCacheWaitPeriod, function() {
+             if (rule.__LiveReload_newHref !== href) {
+               return;
+             }
+             parent.insertRule(newRule, index);
+             return parent.deleteRule(index + 1);
+           });
+         });
+       };
+
+       Reloader.prototype.generateUniqueString = function() {
+         return 'livereload=' + Date.now();
+       };
+
+       Reloader.prototype.generateCacheBustUrl = function(url, expando) {
+         var hash, oldParams, params, _ref;
+         if (expando == null) {
+           expando = this.generateUniqueString();
+         }
+         _ref = splitUrl(url), url = _ref.url, hash = _ref.hash, oldParams = _ref.params;
+         if (this.options.overrideURL) {
+           if (url.indexOf(this.options.serverURL) < 0) {
+             url = this.options.serverURL + this.options.overrideURL + "?url=" + encodeURIComponent(url);
+           }
+         }
+         params = oldParams.replace(/(\?|&)livereload=(\d+)/, function(match, sep) {
+           return "" + sep + expando;
+         });
+         if (params === oldParams) {
+           if (oldParams.length === 0) {
+             params = "?" + expando;
+           } else {
+             params = "" + oldParams + "&" + expando;
+           }
+         }
+         return url + params + hash;
+       };
+
+       return Reloader;
+
+     })();
+
+   }).call(this);
+
+   // livereload
+   var Connector, LiveReload, Options, Reloader, Timer;
+
+   Connector = __connector.Connector;
+
+   Timer = __timer.Timer;
+
+   Options = __options.Options;
+
+   Reloader = __reloader.Reloader;
+
+   __livereload.LiveReload = LiveReload = (function() {
+
+     function LiveReload(window) {
+       var _this = this;
+       this.window = window;
+       this.listeners = {};
+       this.plugins = [];
+       this.pluginIdentifiers = {};
+       this.console = this.window.location.href.match(/LR-verbose/) && this.window.console && this.window.console.log && this.window.console.error ? this.window.console : {
+         log: function() {},
+         error: function() {}
+       };
+       if (!(this.WebSocket = this.window.WebSocket || this.window.MozWebSocket)) {
+         console.error("LiveReload disabled because the browser does not seem to support web sockets");
+         return;
+       }
+       if (!(this.options = Options.extract(this.window.document))) {
+         console.error("LiveReload disabled because it could not find its own <SCRIPT> tag");
+         return;
+       }
+       this.reloader = new Reloader(this.window, this.console, Timer);
+       this.connector = new Connector(this.options, this.WebSocket, Timer, {
+         connecting: function() {},
+                                      socketConnected: function() {},
+                                      connected: function(protocol) {
+                                        var _base;
+                                        if (typeof (_base = _this.listeners).connect === "function") {
+                                          _base.connect();
+                                        }
+                                        _this.log("LiveReload is connected to " + _this.options.host + ":" + _this.options.port + " (protocol v" + protocol + ").");
+                                        return _this.analyze();
+                                      },
+                                      error: function(e) {
+                                        if (e instanceof ProtocolError) {
+                                          return console.log("" + e.message + ".");
+                                        } else {
+                                          return console.log("LiveReload internal error: " + e.message);
+                                        }
+                                      },
+                                      disconnected: function(reason, nextDelay) {
+                                        var _base;
+                                        if (typeof (_base = _this.listeners).disconnect === "function") {
+                                          _base.disconnect();
+                                        }
+                                        switch (reason) {
+                                          case 'cannot-connect':
+                                            return _this.log("LiveReload cannot connect to " + _this.options.host + ":" + _this.options.port + ", will retry in " + nextDelay + " sec.");
+                                          case 'broken':
+                                            return _this.log("LiveReload disconnected from " + _this.options.host + ":" + _this.options.port + ", reconnecting in " + nextDelay + " sec.");
+                                          case 'handshake-timeout':
+                                            return _this.log("LiveReload cannot connect to " + _this.options.host + ":" + _this.options.port + " (handshake timeout), will retry in " + nextDelay + " sec.");
+                                          case 'handshake-failed':
+                                            return _this.log("LiveReload cannot connect to " + _this.options.host + ":" + _this.options.port + " (handshake failed), will retry in " + nextDelay + " sec.");
+                                          case 'manual':
+                                            break;
+                                          case 'error':
+                                            break;
+                                          default:
+                                            return _this.log("LiveReload disconnected from " + _this.options.host + ":" + _this.options.port + " (" + reason + "), reconnecting in " + nextDelay + " sec.");
+                                        }
+                                      },
+                                      message: function(message) {
+                                        switch (message.command) {
+                                          case 'reload':
+                                            return _this.performReload(message);
+                                          case 'alert':
+                                            return _this.performAlert(message);
+                                        }
+                                      }
+       });
+     }
+
+     LiveReload.prototype.on = function(eventName, handler) {
+       return this.listeners[eventName] = handler;
+     };
+
+     LiveReload.prototype.log = function(message) {
+       return this.console.log("" + message);
+     };
+
+     LiveReload.prototype.performReload = function(message) {
+       var _ref, _ref2;
+       this.log("LiveReload received reload request for " + message.path + ".");
+       return this.reloader.reload(message.path, {
+         liveCSS: (_ref = message.liveCSS) != null ? _ref : true,
+                                   liveImg: (_ref2 = message.liveImg) != null ? _ref2 : true,
+                                   originalPath: message.originalPath || '',
+                                   overrideURL: message.overrideURL || '',
+                                   serverURL: "http://" + this.options.host + ":" + this.options.port
+       });
+     };
+
+     LiveReload.prototype.performAlert = function(message) {
+       return alert(message.message);
+     };
+
+     LiveReload.prototype.shutDown = function() {
+       var _base;
+       this.connector.disconnect();
+       this.log("LiveReload disconnected.");
+       return typeof (_base = this.listeners).shutdown === "function" ? _base.shutdown() : void 0;
+     };
+
+     LiveReload.prototype.hasPlugin = function(identifier) {
+       return !!this.pluginIdentifiers[identifier];
+     };
+
+     LiveReload.prototype.addPlugin = function(pluginClass) {
+       var plugin;
+       var _this = this;
+       if (this.hasPlugin(pluginClass.identifier)) return;
+       this.pluginIdentifiers[pluginClass.identifier] = true;
+       plugin = new pluginClass(this.window, {
+         _livereload: this,
+         _reloader: this.reloader,
+         _connector: this.connector,
+         console: this.console,
+         Timer: Timer,
+         generateCacheBustUrl: function(url) {
+           return _this.reloader.generateCacheBustUrl(url);
+         }
+       });
+       this.plugins.push(plugin);
+       this.reloader.addPlugin(plugin);
+     };
+
+     LiveReload.prototype.analyze = function() {
+       var plugin, pluginData, pluginsData, _i, _len, _ref;
+       if (!(this.connector.protocol >= 7)) return;
+       pluginsData = {};
+       _ref = this.plugins;
+       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+         plugin = _ref[_i];
+         pluginsData[plugin.constructor.identifier] = pluginData = (typeof plugin.analyze === "function" ? plugin.analyze() : void 0) || {};
+         pluginData.version = plugin.constructor.version;
+       }
+       this.connector.sendCommand({
+         command: 'info',
+         plugins: pluginsData,
+         url: this.window.location.href
+       });
+     };
+
+     return LiveReload;
+
+   })();
+
+   // less
+   var LessPlugin;
+   __less = LessPlugin = (function() {
+     LessPlugin.identifier = 'less';
+     LessPlugin.version = '1.0';
+     function LessPlugin(window, host) {
+       this.window = window;
+       this.host = host;
+     }
+     LessPlugin.prototype.reload = function(path, options) {
+       if (this.window.less && this.window.less.refresh) {
+         if (path.match(/\.less$/i)) {
+           return this.reloadLess(path);
+         }
+         if (options.originalPath.match(/\.less$/i)) {
+           return this.reloadLess(options.originalPath);
+         }
+       }
+       return false;
+     };
+     LessPlugin.prototype.reloadLess = function(path) {
+       var link, links, _i, _len;
+       links = (function() {
+         var _i, _len, _ref, _results;
+         _ref = document.getElementsByTagName('link');
+       _results = [];
+       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+         link = _ref[_i];
+         if (link.href && link.rel === 'stylesheet/less' || (link.rel.match(/stylesheet/) && link.type.match(/^text\/(x-)?less$/))) {
+           _results.push(link);
+         }
+       }
+       return _results;
+       })();
+       if (links.length === 0) {
+         return false;
+       }
+       for (_i = 0, _len = links.length; _i < _len; _i++) {
+         link = links[_i];
+         link.href = this.host.generateCacheBustUrl(link.href);
+       }
+       this.host.console.log("LiveReload is asking LESS to recompile all stylesheets");
+       this.window.less.refresh(true);
+       return true;
+     };
+     LessPlugin.prototype.analyze = function() {
+       return {
+         disable: !!(this.window.less && this.window.less.refresh)
+       };
+     };
+     return LessPlugin;
+   })();
+
+   // startup
+   var CustomEvents, LiveReload, k;
+   CustomEvents = __customevents;
+   LiveReload = window.LiveReload = new (__livereload.LiveReload)(window);
+   for (k in window) {
+     if (k.match(/^LiveReloadPlugin/)) {
+       LiveReload.addPlugin(window[k]);
+     }
+   }
+   LiveReload.addPlugin(__less);
+   LiveReload.on('shutdown', function() {
+     return delete window.LiveReload;
+   });
+   LiveReload.on('connect', function() {
+     return CustomEvents.fire(document, 'LiveReloadConnect');
+   });
+   LiveReload.on('disconnect', function() {
+     return CustomEvents.fire(document, 'LiveReloadDisconnect');
+   });
+   CustomEvents.bind(document, 'LiveReloadShutDown', function() {
+     return LiveReload.shutDown();
+   });
+ })();