spa/lib/assets/bootstrap.js

Single-page applications builder with continuous integration, granular updates and loader.

var $, UI, emptyArray;

emptyArray = [];

UI = (function() {
  function UI(items) {
    this.items = items;
  }

  UI.prototype.each = function(callback) {
    emptyArray.every.call(this.items, function(el, idx) {
      return callback.call(el, idx, el) !== false;
    });
    return this;
  };

  UI.prototype.addClass = function(name) {
    if (name == null) {
      return this;
    }
    return this.each(function(idx) {
      var classList, klass, _i, _len, _ref;
      classList = this.className.split(/\s+/g);
      _ref = name.split(/\s+/g);
      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
        klass = _ref[_i];
        if (classList.indexOf(klass) === -1) {
          classList.push(klass);
        }
      }
      return this.className = classList.join(" ");
    });
  };

  UI.prototype.bind = function(name, func) {
    return this.each(function(idx) {
      this.addEventListener(name, func);
    });
  };

  UI.prototype.removeClass = function(name) {
    return this.each(function(idx) {
      var classList, index, klass, _i, _len, _ref;
      if (name == null) {
        this.className = "";
        return;
      }
      classList = this.className.split(/\s+/g);
      _ref = name.split(/\s+/g);
      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
        klass = _ref[_i];
        index = classList.indexOf(klass);
        if (index >= 0) {
          classList.splice(index);
        }
      }
      return this.className = classList.join(" ");
    });
  };

  UI.prototype.text = function(text) {
    if (text != null) {
      return this.each(function() {
        return this.textContent = '' + text;
      });
    } else {
      if (this.length > 0) {
        return this[0].textContent;
      }
    }
  };

  UI.prototype.css = function(property, value) {
    var computedStyle, element;
    if (arguments.length < 2) {
      element = this.items[0];
      if (element == null) {
        return;
      }
      computedStyle = getComputedStyle(element, '');
      return computedStyle.getPropertyValue(property);
    }
    if (!value && value !== 0) {
      return this.each(function() {
        return this.style.removeProperty(property);
      });
    } else {
      return this.each(function() {
        return this.style.cssText += ';' + property + ":" + value;
      });
    }
  };

  UI.prototype.attr = function(name, value) {
    var element;
    if (arguments.length < 2) {
      element = this.items[0];
      if (element == null) {
        return;
      }
      return element.getAttribute(name);
    }
    if (value != null) {
      return this.each(function() {
        return this.setAttribute(name, value);
      });
    } else {
      return this.each(function() {
        return this.removeAttribute(name);
      });
    }
  };

  UI.prototype.clone = function() {
    return new UI(emptyArray.map.call(this.items, function(el) {
      return el.cloneNode(true);
    }));
  };

  UI.prototype.append = function(elements) {
    return this.each(function() {
      var parent;
      parent = this;
      elements.each(function() {
        return parent.appendChild(this.cloneNode(true));
      });
    });
  };

  UI.prototype.find = function(selector) {
    var result;
    result = [];
    this.each(function() {
      var nodes;
      nodes = this.querySelectorAll(selector);
      return emptyArray.every.call(nodes, function(el, idx) {
        return result.push(el);
      });
    });
    return new UI(result);
  };

  return UI;

})();

$ = function(param) {
  if (typeof param === "string") {
    return new UI([document]).find(param);
  } else {
    return new UI(param);
  }
};
var log, malfunction,
  __slice = [].slice;

log = function() {
  var args;
  args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
};

malfunction = {
  start: function() {
    return this._timeout = setTimeout(this.show.bind(this), 3000);
  },
  stop: function() {
    return clearTimeout(this._timeout);
  },
  reset: function() {
    this.stop();
    return this.start();
  },
  show: function() {
    $("#page-fail .error").text(this.error);
    $("#loader .page").addClass("hide");
    $("#page-fail").removeClass("hide");
    $("#btn-retry").bind("click", function(event) {
      return location.reload();
    });
    $("#btn-force").bind("click", function(event) {
      loader.dropData();
      return location.reload();
    });
  },
  report: function(error) {
    this.error = error;
  }
};

malfunction.start();

loader.onNoManifest = function(error) {
  log("onNoManifest", error);
  loader.onUpdateFailed = function(event, error) {
    log("onUpdateFailed", event, error);
    malfunction.report(error != null ? error : "Error while downloading manifest file: " + event.target.statusText);
    return $("#loader .page").addClass("hide");
  };
  loader.onUpdateFound = function(event, manifest) {
    var el, id, list, module, proto, _i, _len, _ref;
    log("onUpdateFound", event, manifest);
    malfunction.reset();
    $("#loader .page").addClass("hide");
    $("#page-update").removeClass("hide");
    proto = $("#download-item-template");
    list = $("#page-update .items");
    _ref = manifest.modules;
    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
      module = _ref[_i];
      id = "module-" + module.id;
      el = proto.clone().attr("id", id);
      el.find(".name").text(module.url);
      list.append(el);
    }
    malfunction.report("Unknown error during update");
    return loader.startUpdate();
  };
  loader.onModuleBeginDownload = function(module) {
    var el;
    log("onModuleBeginDownload", module);
    malfunction.reset();
    el = $("#module-" + module.id);
    el.find(".state").addClass("hide");
    el.find(".progress").removeClass("hide");
    el.find(".bytes-loaded").text(0);
    return el.find(".bytes-total").text(module.size);
  };
  loader.onModuleDownloadFailed = function(event, module, error) {
    var el, message, _ref, _ref1;
    log("onModuleDownloadFailed", event, module, error);
    message = (_ref = event != null ? (_ref1 = event.target) != null ? _ref1.statusText : void 0 : void 0) != null ? _ref : error;
    malfunction.report(("Error while downloading module `" + module.id + "` from url `" + module.url + "`: ") + message);
    el = $("#module-" + module.id);
    el.find(".state").addClass("hide");
    return el.find(".error").text(message).removeClass("hide");
  };
  loader.onModuleDownloadProgress = function(event, module) {
    var el;
    log("onModuleDownloadProgress", event, module);
    malfunction.reset();
    el = $("#module-" + module.id);
    return el.find(".bytes-loaded").text(event.loaded);
  };
  loader.onModuleDownloaded = function(module) {
    var el;
    log("onModuleDownloaded", module);
    malfunction.reset();
    el = $("#module-" + module.id);
    el.find(".state").addClass("hide");
    return el.find(".success").removeClass("hide");
  };
  loader.onTotalDownloadProgress = function(progress) {
    log(progress);
    malfunction.reset();
    $("#page-update .total-progress .modules-loaded").text(progress.loaded_count);
    $("#page-update .total-progress .modules-total").text(progress.total_count);
    $("#page-update .total-progress .bytes-loaded").text(progress.loaded_size);
    return $("#page-update .total-progress .bytes-total").text(progress.total_size);
  };
  loader.onUpdateCompleted = function(manifest) {
    log("onUpdateCompleted", manifest);
    malfunction.reset();
    setTimeout((function() {
      return location.reload();
    }), 0);
    return true;
  };
  return loader.checkUpdate();
};

loader.onEvaluationStarted = function(manifest) {
  var el, id, list, module, proto, _i, _len, _ref;
  log("onEvaluationStarted");
  malfunction.reset();
  $("#loader .page").addClass("hide");
  $("#page-load").removeClass("hide");
  proto = $("#evaluate-item-template");
  list = $("#page-load .items");
  _ref = manifest.modules;
  for (_i = 0, _len = _ref.length; _i < _len; _i++) {
    module = _ref[_i];
    id = "module-" + module.id;
    el = proto.clone().attr("id", id);
    el.find(".name").text(module.url);
    list.append(el);
  }
  loader.onEvaluationError = function(module, error) {
    log("onEvaluationError", module, error);
    malfunction.report(error);
    el = $("#module-" + module.id);
    el.find(".state").addClass("hide");
    return el.find(".error").text(error).removeClass("hide");
  };
  loader.onModuleEvaluated = function(module) {
    log("onModuleEvaluated", module);
    malfunction.reset();
    el = $("#module-" + module.id);
    el.find(".state").addClass("hide");
    return el.find(".success").removeClass("hide");
  };
  loader.onApplicationReady = function(manifest) {
    log("onApplicationReady");
    malfunction.stop();
    return this.checkUpdate();
  };
  malfunction.report("Unknown error occured while loading modules");
  return true;
};