adsf-live 1.5.0 → 1.5.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 94c360ced013c83adf80c3336a83bb04709cf455739b9e14f74935eebbd89db3
-  data.tar.gz: 2046ecbe1acafc10252bbe68309e12c6d3c244e6eaa5cb1c212fb715ca5d1556
+  metadata.gz: e4220f4fee4eee180d5040729b4839845bca8a28281e2c791f1c6432038511a9
+  data.tar.gz: f1d377a375fb78e668c2c3e807460e67ce1bcc54598f8a3bde764be370f8fd74
 SHA512:
-  metadata.gz: 81f969042aa14dfe7e5f121fac25caf2a0448717fd80271911571aefd555947a2cf5c07d411edda1620bca4f009137b64167db6932972f0b5c61d900ccac28f4
-  data.tar.gz: 6f58e8e486920003ead6966af3ddd3a077d9cf44d62f65dec06accd97998f3efbcf2d24e662d3496e6310c6a6c0548333c8aec4ce5297cebc3ec74260eb8401c
+  metadata.gz: 5d6b6d34d7eb8f907845b6d028ef25c2aa38a754268fcf2331d52cc0de13fad1f4b2f920665c803da3c3ddad43c6999e59300ea1b7d8ce16a03edbfd99f6addd
+  data.tar.gz: 4e7a31fc49e21d5fb1c1f6cad47be74b78f2c55bd8493c0ff322156014d1d08ae5babb1072e3e97a39d0fcee403dadcb89b5e58a440350e671853a509957e097

data/lib/adsf/live/rack_livereload.rb

@@ -0,0 +1,74 @@
+# frozen_string_literal: true
+
+module Rack
+  class LiveReload
+    LIVERELOAD_JS_PATH = '/__rack/livereload.js'
+    VENDORED_JS_PATH = "#{__dir__}/../../../vendor/livereload.js"
+    HEAD_TAG_REGEX = /<head( [^<]+)?>/.freeze
+    LIVERELOAD_PORT = 35_729
+    LIVERELOAD_SCHEME = 'ws'
+
+    def initialize(app, options = {})
+      @app = app
+      @options = options
+    end
+
+    def call(env)
+      return deliver_file(VENDORED_JS_PATH) if env['PATH_INFO']&.end_with? LIVERELOAD_JS_PATH
+
+      status, headers, body = result = @app.call(env)
+
+      if env['REQUEST_METHOD'] != 'GET' ||
+         headers['content-type'] !~ %r{text/html} ||
+         headers['transfer-encoding'] == 'chunked' ||
+         headers['content-disposition'] =~ /^inline/
+        return result
+      end
+
+      body.close if body.respond_to?(:close)
+      new_body = []
+      livereload_added = false
+      @env = env
+      body.each do |line|
+        if !livereload_added && line =~ HEAD_TAG_REGEX
+          new_body << line.sub(HEAD_TAG_REGEX) { |match| %(#{match}#{template}) }
+          livereload_added = true
+        else
+          new_body << line
+        end
+      end
+      headers['content-length'] = new_body.sum(&:bytesize).to_s
+      headers['x-rack-livereload'] = '1' if livereload_added
+
+      [status, headers, new_body]
+    end
+
+    private
+
+    def deliver_file(file)
+      [200, { 'content-type' => 'text/javascript', 'content-length' => ::File.size(file).to_s }, [::File.read(file)]]
+    end
+
+    def template
+      <<~HTML
+        <script>
+          RACK_LIVERELOAD_PORT = #{@options[:live_reload_port] || LIVERELOAD_PORT}
+          RACK_LIVERELOAD_SCHEME = "#{@options[:live_reload_scheme] || LIVERELOAD_SCHEME}"
+        </script>
+        <script src="#{livereload_source}?host=#{host_to_use}"></script>
+      HTML
+    end
+
+    def livereload_source
+      if @options[:source] == :vendored
+        LIVERELOAD_JS_PATH
+      else
+        "#{@options[:protocol] || 'http'}://#{host_to_use}/livereload.js"
+      end
+    end
+
+    def host_to_use
+      (@options[:host] || @env['HTTP_HOST'] || 'localhost').sub(/:.*/, '')
+    end
+  end
+end

data/lib/adsf/live/version.rb

@@ -2,6 +2,6 @@
 
 module Adsf
   module Live
-    VERSION = '1.5.0'
+    VERSION = '1.5.2'
   end
 end

data/lib/adsf/live/web_socket_server.rb

@@ -23,7 +23,7 @@ module Adsf
           data =
             JSON.dump(
               command: 'reload',
-              path: "#{Dir.pwd}#{path}",
+              path: path,
             )
 
           @sockets.each { |ws| ws.send(data) }

data/lib/adsf/live.rb

@@ -5,7 +5,6 @@ require 'eventmachine'
 require 'em-websocket'
 require 'json'
 require 'listen'
-require 'rack-livereload'
 
 module Adsf
   module Live
@@ -13,5 +12,6 @@ module Adsf
 end
 
 require_relative 'live/version'
+require_relative 'live/rack_livereload'
 require_relative 'live/web_socket_server'
 require_relative 'live/watcher'

data/vendor/livereload.js

@@ -0,0 +1,1058 @@
+(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 = this.options.scheme + "://" + 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 = RACK_LIVERELOAD_PORT;
+            this.scheme = RACK_LIVERELOAD_SCHEME;
+            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;
+                    }
+                }
+                var current_path= document.location.pathname // Only reload the page if we need to
+                if (path === current_path || path === current_path+'index.html')
+                    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();
+    });
+})();

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: adsf-live
 version: !ruby/object:Gem::Version
-  version: 1.5.0
+  version: 1.5.2
 platform: ruby
 authors:
 - Denis Defreyne
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-01-08 00:00:00.000000000 Z
+date: 2024-09-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: adsf
@@ -66,20 +66,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.0'
-- !ruby/object:Gem::Dependency
-  name: rack-livereload
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '0.3'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '0.3'
 description: Automatically reloads when changes are detected.
 email: denis.defreyne@stoneship.org
 executables: []
@@ -89,9 +75,11 @@ files:
 - NEWS.md
 - README.md
 - lib/adsf/live.rb
+- lib/adsf/live/rack_livereload.rb
 - lib/adsf/live/version.rb
 - lib/adsf/live/watcher.rb
 - lib/adsf/live/web_socket_server.rb
+- vendor/livereload.js
 homepage: http://github.com/ddfreyne/adsf/
 licenses:
 - MIT
@@ -112,7 +100,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.4
+rubygems_version: 3.5.14
 signing_key:
 specification_version: 4
 summary: livereload support for adsf