breakfast 0.2.1 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 11efb650754f43087da4e350873baf2fb161cb65
-  data.tar.gz: 6bcfdfec76b92931a9df92b394c36881d4ddf3f7
+  metadata.gz: b12b97396b07486556ec5d2332c17d328794d430
+  data.tar.gz: 61fd4a2a085594668a2e4e7922c15271ad612f20
 SHA512:
-  metadata.gz: 0cb2f217105309ed34f7555636cb36e70ea0012d015cfd293d9b0b0da0da0df8f729b60ec9974aa75d3072aa09ed1c36c947fd9542e591712f3b0d575c7b360c
-  data.tar.gz: 8d86f0849f5b41557654724adfa7124b9bc2074a0af777a089019401f696e4197f64c885db65d86d3b6ef5a7e6981a6ee0daaaf1c5386b13626312ccdd23a0ab
+  metadata.gz: 1567fbd110b9e21807a61302acf9fdd2f8a49b4de5063ee1c1ffab0a2df4f907727102873afee5542f0ede6dc983a5a48675fa9bc517042606cc3556c761f9e1
+  data.tar.gz: 15c45fba85e50e330f733fc4a0165d2653cc8694cd0ca4d148b43fd1d7248962f87ac0e8c00ab7a4847b497d12a9c1d9a1adeae638a8b29e60db544462f50f0d

data/CHANGELOG.md

@@ -0,0 +1,42 @@
+# CHANGE LOG
+
+## 0.3.0 - 2016-09-28
+
+### Upgrading from `0.2.0`
+- Update gem with `bundle update breakfast`
+- Bump the `breakfast-rails` version in `package.json` to `0.3.1`
+- Run `npm install`
+- If you have modified the `config.breakfast.view_folders` option you will need
+  to replace it. The new option is `config.breakfast.source_code_folders` and it
+  defaults to `[Rails.root.join("app")]`. If you have view or Ruby files that
+  you would like to trigger reloads outside of the `app` folder then append
+  those paths by adding:
+
+  ```
+  config.breakfast.source_code_folders << Rails.root.join("lib")
+  ```
+
+  To which ever environment you want `Breakfast` to run in
+  (probably `config/environments/development.rb`).
+
+### Added
+- New status bar that allows the user to switch reload strategies on the fly
+- Support for Haml & Slim files (without .html extension)
+- Reloading on ruby file changes.
+- Specify minimum Node & NPM versions when installing (avoid awkward and none
+  descriptive error messages)
+- NPM binary path for Capistrano
+
+### Changes
+- config.breakfast.view_folders change to config.breakfast.source_code_folders.
+  Change brought about by need to trigger reloads when Ruby source code changes.
+
+### Removed
+- config.breakfast.view_folders is no longer supported. Deprecated in favor of
+  source_code_folders option.
+
+#### Contributors
+Many many thanks to the contributors for this release!
+
+- [@patkoperwas](https://github.com/patkoperwas)
+- [@josh-rosen](https://github.com/Josh-Rosen)

data/README.md

@@ -13,6 +13,44 @@ support. Be up and running on the latest frontend framework in minutes.
 See the official docs at
 [http://breakfast.devlocker.io](http://breakfast.devlocker.io).
 
+View updates in the [CHANGELOG](https://github.com/devlocker/breakfast/blob/master/CHANGELOG.md)
+
+### Latest Release `0.3.0`
+#### Added
+- New status bar that allows the user to switch reload strategies on the fly
+- Support for Haml & Slim files (without .html extension)
+- Reloading on ruby file changes.
+- Specify minimum Node & NPM versions when installing (avoid awkward and none
+  descriptive error messages)
+- NPM binary path for Capistrano
+
+#### Changes
+- config.breakfast.view_folders change to config.breakfast.source_code_folders.
+  Change brought about by need to trigger reloads when Ruby source code changes.
+
+#### Removed
+- config.breakfast.view_folders is no longer supported. Deprecated in favor of
+  source_code_folders option.
+
+
+### Upgrading
+#### Upgrading to `0.3.0` from `0.2.0`
+- Update gem with `bundle update breakfast`
+- Bump the `breakfast-rails` version in `package.json` to `0.3.1`
+- Run `npm install`
+- If you have modified the `config.breakfast.view_folders` option you will need
+  to replace it. The new option is `config.breakfast.source_code_folders` and it
+  defaults to `[Rails.root.join("app")]`. If you have view or Ruby files that
+  you would like to trigger reloads outside of the `app` folder then append
+  those paths by adding:
+
+  ```
+  config.breakfast.source_code_folders << Rails.root.join("lib")
+  ```
+
+  To which ever environment you want `Breakfast` to run in
+  (probably `config/environments/development.rb`).
+
 
 ### Contributing
 Bug reports and pull requests are welcome on GitHub at

data/breakfast.gemspec

@@ -23,6 +23,6 @@ Gem::Specification.new do |spec|
   spec.add_development_dependency "rake", "~> 10.0"
   spec.add_development_dependency "rspec", "~> 3.0"
   spec.add_dependency "rails", "~> 5.0"
-  spec.add_dependency "actioncable"
-  spec.add_dependency "listen"
+  spec.add_dependency "actioncable", "~> 5.0"
+  spec.add_dependency "listen", "~> 3.1"
 end

data/lib/breakfast.rb

@@ -6,6 +6,8 @@ require "breakfast/brunch_watcher"
 require "breakfast/compilation_listener"
 
 module Breakfast
+  STATUS_CHANNEL = "breakfast_status".freeze
+  RELOAD_CHANNEL = "breakfast_live_reload".freeze
 end
 
 require "breakfast/railtie" if defined?(Rails)

data/lib/breakfast/brunch_watcher.rb

@@ -2,7 +2,6 @@ require "pty"
 
 module Breakfast
   class BrunchWatcher
-    CHANNEL = "breakfast_status".freeze
     BRUNCH_COMMAND = "./node_modules/brunch/bin/brunch watch".freeze
 
     def self.spawn(log:)
@@ -26,7 +25,6 @@ module Breakfast
           log.debug output
 
           output = output.gsub(/\e\[([;\d]+)?m/, '')
-
           case output
           when /compiled/
             broadcast(status: "success", message: output.split("info: ").last)
@@ -46,7 +44,7 @@ module Breakfast
     private
 
     def broadcast(status:, message:)
-      ActionCable.server.broadcast(CHANNEL, {
+      ActionCable.server.broadcast(STATUS_CHANNEL, {
         status: status,
         message: message
       })

data/lib/breakfast/capistrano/tasks/breakfast.rake

@@ -3,7 +3,7 @@ namespace :breakfast do
   task :compile do
     on roles fetch(:breakfast_roles) do |host|
       within release_path do
-        execute :npm, "install"
+        execute fetch(:breakfast_npm_path).to_sym, "install"
         execute "node_modules/brunch/bin/brunch", "build --production"
       end
     end
@@ -16,5 +16,6 @@ end
 namespace :load do
   task :defaults do
     set :breakfast_roles, -> { :web }
+    set :breakfast_npm_path, "/usr/bin/npm"
   end
 end

data/lib/breakfast/compilation_listener.rb

@@ -1,22 +1,51 @@
 module Breakfast
   class CompilationListener
-    EXTENSIONS = ["css", "js", "html"].freeze
-    CHANNEL = "breakfast_live_reload".freeze
+    ASSET_EXTENSIONS = ["css", "js"].freeze
+    SOURCE_CODE_EXTENSIONS = ["rb", "html", "haml", "slim"].freeze
 
-    def self.start(asset_output_folders:, view_folders:)
-      listen_to_paths = Array.wrap(asset_output_folders) + Array.wrap(view_folders)
+    def self.start(asset_output_folders:, source_code_folders:)
+      asset_listener = 
+        ::Listen.to(*asset_output_folders) do |modified, added, removed|
+          files = modified + added + removed
 
-      listener = ::Listen.to(*listen_to_paths) do |modified, added, removed|
-        files = modified + added + removed
+          ASSET_EXTENSIONS.each do |extension|
+            if files.any? { |file| file.match(/\.#{extension}/) }
+              ActionCable.server.broadcast(
+                Breakfast::RELOAD_CHANNEL,
+                { extension: extension }
+              )
+            end
+          end
+        end
+
+      rails_listener = 
+        ::Listen.to(*source_code_folders) do |modified, added, removed|
+          files = modified + added + removed
+
+          SOURCE_CODE_EXTENSIONS.each do |extension|
+            matched = files.select { |file| file.match(/\.#{extension}/) }
+            if matched.present?
+              ActionCable.server.broadcast(
+                Breakfast::RELOAD_CHANNEL,
+                { extension: extension }
+              )
+
+              file_names = matched
+                .map { |file| file.split("/").last }
+                .join(", ")
+                .truncate(60)
 
-        EXTENSIONS.each do |extension|
-          if files.any? { |file| file.match(/\.#{extension}/) }
-            ActionCable.server.broadcast(CHANNEL, { extension: extension })
+              ActionCable.server.broadcast(Breakfast::STATUS_CHANNEL, {
+                status: "success",
+                message: "saved: #{file_names}",
+                extension: extension
+              })
+            end
           end
         end
-      end
 
-      listener.start
+      asset_listener.start
+      rails_listener.start
     end
   end
 end

data/lib/breakfast/railtie.rb

@@ -9,9 +9,10 @@ module BrunchRails
       config.breakfast.html_reload_strategy = :turbolinks
       config.breakfast.js_reload_strategy = :page
       config.breakfast.css_reload_strategy = :hot
+      config.breakfast.ruby_reload_strategy = :off
 
       config.breakfast.asset_output_folders = [Rails.root.join("public")]
-      config.breakfast.view_folders = [Rails.root.join("app", "views")]
+      config.breakfast.source_code_folders = [Rails.root.join("app")]
       config.breakfast.environments = %w(development)
       config.breakfast.status_bar_location = :bottom
     end
@@ -30,7 +31,7 @@ module BrunchRails
 
         Breakfast::CompilationListener.start(
           asset_output_folders: config.breakfast.asset_output_folders,
-          view_folders: config.breakfast.view_folders
+          source_code_folders: config.breakfast.source_code_folders
         )
       end
     end

data/lib/breakfast/version.rb

@@ -1,3 +1,3 @@
 module Breakfast
-  VERSION = "0.2.1"
+  VERSION = "0.3.0"
 end

data/lib/breakfast/view_helper.rb

@@ -7,10 +7,11 @@ module Breakfast
             require("breakfast-rails").init({
               host: "#{request.host}",
               port: #{request.port},
-              reloadStrategies: {
+              strategies: {
                 js: "#{Rails.configuration.breakfast.js_reload_strategy}",
                 css: "#{Rails.configuration.breakfast.css_reload_strategy}",
-                html: "#{Rails.configuration.breakfast.html_reload_strategy}"
+                html: "#{Rails.configuration.breakfast.html_reload_strategy}",
+                rb: "#{Rails.configuration.breakfast.ruby_reload_strategy}"
               },
               statusBarLocation: "#{Rails.configuration.breakfast.status_bar_location}"
             });

data/lib/generators/breakfast/install_generator.rb

@@ -4,9 +4,11 @@ module Breakfast
   module Generators
     class InstallGenerator < Rails::Generators::Base
       source_root File.expand_path('../templates', __FILE__)
+      NODE_VERSION = 'v4.1.1'
+      NPM_VERSION  = '3.10.6'
 
       def install
-        if prerequisites_installed?
+        if node_prerequisites_installed?
           create_brunch_config
           create_package_json
           create_directory_structure
@@ -27,7 +29,7 @@ module Breakfast
 
             ---> ERROR - MISSING NODE & NPM
 
-            ---> Node & npm are required to run Breakfast.
+            ---> Node version >= #{NODE_VERSION} & npm version >= #{NPM_VERSION} are required to run Breakfast.
             ---> Please install them before attempting to continue.
             ---> https://nodejs.org
             ---> https://npmjs.org
@@ -38,8 +40,12 @@ module Breakfast
 
       private
 
-      def prerequisites_installed?
-        `which node`.present? && `which npm`.present?
+      def node_prerequisites_installed?
+        `which node`.present? && `which npm`.present? && node_versions_are_satisfactory?
+      end
+
+      def node_versions_are_satisfactory?
+        `node -v` >= NODE_VERSION && `npm -v` >= NPM_VERSION
       end
 
       def create_brunch_config

data/lib/generators/breakfast/templates/package.json

@@ -2,7 +2,7 @@
   "repository": {},
   "dependencies": {
     "actioncable": "^5.0.0",
-    "breakfast-rails": "0.2.0",
+    "breakfast-rails": "0.3.1",
     "jquery": "^3.1.0",
     "jquery-ujs": "^1.2.2",
     "turbolinks": "^5.0.0"

data/node_package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "breakfast-rails",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "Assets for the Breakfast Gem",
   "main": "./lib/breakfast-rails.js",
   "scripts": {

data/node_package/src/breakfast-rails.js

@@ -1,13 +1,14 @@
 const LiveReloader = require('./live-reload');
 const StatusBar = require('./status-bar');
-const ActionCable = require('actioncable');
+const Settings = require('./settings');
 
 const BreakfastRails = {
   init(options = {}) {
-    options.cable = ActionCable.createConsumer(`ws://${options.host}:${options.port}/cable`);
+    window.Breakfast = (window.Breakfast || {});
 
-    const liveReloader = new LiveReloader(options);
-    const statusBar = new StatusBar(options);
+    const settings = new Settings(options);
+    const liveReloader = new LiveReloader(settings);
+    const statusBar = new StatusBar(settings);
 
     liveReloader.init();
     statusBar.init();

data/node_package/src/live-reload.js

@@ -1,6 +1,8 @@
+const RELOAD_CHANNEL = 'Breakfast::LiveReloadChannel';
+
 class LiveReloader {
-  constructor(options = {}) {
-    this.options = options;
+  constructor(settings) {
+    this.settings = settings;
   }
 
   buildFreshUrl(url) {
@@ -52,7 +54,26 @@ class LiveReloader {
       case 'turbolinks':
         const location = window.top.location;
 
-        if (typeof Turbolinks !== 'undefined') {
+        if (this.turbolinksAvailable() && !this.onErrorPage()) {
+          Turbolinks.visit(location);
+        } else {
+          location.reload();
+        }
+        break;
+      case 'page':
+        window.top.location.reload();
+        break;
+      case 'off':
+        break;
+    }
+  }
+
+  rubyReload(strategy) {
+    switch (strategy) {
+      case 'turbolinks':
+        const location = window.top.location;
+
+        if (this.turbolinksAvailable() && !this.onErrorPage()) {
           Turbolinks.visit(location);
         } else {
           location.reload();
@@ -66,20 +87,31 @@ class LiveReloader {
     }
   }
 
+  turbolinksAvailable() {
+    return (typeof Turbolinks !== 'undefined');
+  }
+  // If user is on an error page and they fix the error and re-render using
+  // turbolinks than the CSS from the Rails error page will hang around. Will
+  // initiate a full refresh to get rid of it.
+  onErrorPage() {
+    return (document.title.indexOf('Exception caught') !== -1);
+  }
+
   init() {
     const reloaders = {
       js: this.jsReload.bind(this),
       css: this.cssReload.bind(this),
-      html: this.htmlReload.bind(this)
+      html: this.htmlReload.bind(this),
+      slim: this.htmlReload.bind(this),
+      haml: this.htmlReload.bind(this),
+      rb: this.rubyReload.bind(this)
     };
 
     document.addEventListener('DOMContentLoaded', () => {
-      const reloadChannel = 'Breakfast::LiveReloadChannel';
-
-      this.options.cable.subscriptions.create(reloadChannel, {
+      this.settings.cable.subscriptions.create(RELOAD_CHANNEL, {
         received: (data) => {
           const reloader = reloaders[data.extension];
-          reloader(this.options.reloadStrategies[data.extension]);
+          reloader(this.settings.strategies[data.extension]);
         }
       });
     });

data/node_package/src/settings.js

@@ -0,0 +1,48 @@
+const LOCAL_STORAGE_KEY = 'breakfast-rails-settings';
+const ActionCable = require('actioncable');
+
+class Settings {
+  constructor(options = {}) {
+    this.options = options;
+    this.host = options.host;
+    this.port = options.port;
+    this.strategies = this.determineStrategies();
+    this.statusBarLocation = options.statusBarLocation;
+    this.cable = ActionCable.createConsumer(`ws://${this.host}:${this.port}/cable`);
+    this.log = (this.storedSettings().log || {});
+
+    this.save();
+  }
+
+  save() {
+    localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify({
+      host: this.host,
+      port: this.port,
+      strategies: this.strategies,
+      log: this.log
+    }));
+  }
+
+  determineStrategies() {
+    const defaults = this.options.strategies || {};
+    const existing = this.storedSettings().strategies || {};
+
+    return (Object.assign(defaults, existing));
+  }
+
+  updateStrategies(strategy) {
+    this.strategies = Object.assign(this.strategies, strategy);
+    this.save();
+  }
+
+  updateLog(log) {
+    this.log = log;
+    this.save();
+  }
+
+  storedSettings() {
+    return (JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY)) || {});
+  }
+}
+
+module.exports = Settings;

data/node_package/src/status-bar.js

@@ -1,52 +1,230 @@
-const LOCAL_STORAGE_KEY = 'breakfast-last-log';
 const STATUS_CHANNEL = 'Breakfast::StatusChannel';
 
 class StatusBar {
-  constructor(options = {}) {
-    this.options = options;
+  constructor(settings = {}) {
+    this.settings = settings;
+
+    this.settings.cable.subscriptions.create(STATUS_CHANNEL, {
+      connected: () => {
+        this.write(this.settings.log.message, this.settings.log.status);
+      },
+      received: (log) => {
+        if (this.settings.strategies[log.extension] !== 'off') {
+          this.settings.updateLog(log);
+          this.write(log.message, log.status);
+        }
+      },
+      disconnected: () => {
+        this.write('Disconnected from server...', 'error');
+      }
+    });
   }
 
   init() {
-    ['DOMContentLoaded', 'turbolinks:load']
-      .forEach(event => document.addEventListener(event, () => {
-        const lastLog = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY)) || {};
-        this.drawStatusBar(lastLog);
-
-        this.options.cable.subscriptions.create(STATUS_CHANNEL, {
-          received: (statusData) => {
-            localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(statusData));
-            this.drawStatusBar(statusData);
-          }
-        });
-      })
-    );
-  }
-
-  drawStatusBar(statusData = {}) {
-    const statusBar = document.getElementById('breakfast-status-bar');
+    let eventName;
+
+    if (typeof Turbolinks !== 'undefined') {
+      eventName = 'turbolinks:load';
+    } else {
+      eventName = 'DOMContentLoaded';
+    }
+
+    document.addEventListener(eventName, () => {
+      this.render();
+      this.write(this.settings.log.message, this.settings.log.status);
+    });
 
-    if (statusBar) {
-      document.body.removeChild(statusBar);
+    window.Breakfast.StatusBar = this;
+  }
+
+  write(message, status) {
+    const log = document.getElementById('breakfast-message-log');
+    if (log) {
+      log.innerHTML = message;
+      log.className = `breakfast-message-log-${ status }`;
     }
+  }
+
+  handleClick(option) {
+    this.settings.updateStrategies(option);
+    const reloaders = document.getElementById('breakfast-reloaders');
+    reloaders.innerHTML = this.renderReloaders();
+  }
+
+  render() {
+    const statusBar = document.getElementById('breakfast-status-bar');
+
+    if (statusBar) { document.body.removeChild(statusBar); }
+
+    const sb = document.createElement('DIV');
+    sb.setAttribute('class', 'breakfast-status-bar');
+    sb.setAttribute('id', 'breakfast-status-bar');
+
+    sb.innerHTML = `
+      ${ this.stylesheet() }
+      <div id="breakfast-reloaders" class="breakfast-reloaders">
+        ${ this.renderReloaders() }
+      </div>
+      <div id="breakfast-message-log">
+      </div>
+   `;
+
+    document.body.appendChild(sb);
+  }
+
+  renderReloaders() {
+    return (`
+      <div class="breakfast-reloader">
+        <span>js: </span><span class="breakfast-type">${ this.settings.strategies.js }</span>
+        <div class="breakfast-menu">
+          ${ this.renderLink('js', 'page', 'Page Reload') }
+          ${ this.renderLink('js', 'off', 'Off') }
+        </div>
+      </div>
+
+      <div class="breakfast-reloader">
+        <span>css: </span><span class="breakfast-type">${ this.settings.strategies.css }</span>
+        <div class="breakfast-menu">
+          ${ this.renderLink('css', 'page', 'Page Reload') }
+          ${ this.renderLink('css', 'hot', 'Hot Reload') }
+          ${ this.renderLink('css', 'off', 'Off') }
+        </div>
+      </div>
+      <div class="breakfast-reloader">
+        <span>html: </span><span class="breakfast-type">${ this.settings.strategies.html }</span>
+        <div class="breakfast-menu">
+          ${ this.renderLink('html', 'page', 'Page Reload') }
+          ${ this.renderLink('html', 'turbolinks', 'Turbolinks Reload') }
+          ${ this.renderLink('html', 'off', 'Off') }
+        </div>
+      </div>
+
+      <div class="breakfast-reloader">
+        <span>ruby: </span><span class="breakfast-type">${ this.settings.strategies.rb }</span>
+        <div class="breakfast-menu">
+          ${ this.renderLink('rb', 'page', 'Page Reload') }
+          ${ this.renderLink('rb', 'turbolinks', 'Turbolinks Reload') }
+          ${ this.renderLink('rb', 'off', 'Off') }
+        </div>
+      </div>
+    `);
+  }
+
+  renderLink(type, strategy, text) {
+    const active = this.settings.strategies[type] === strategy;
+
+    return (`
+      <a
+        class="breakfast-menu-option ${ active ? 'breakfast-active' : '' }"
+        onclick="Breakfast.StatusBar.handleClick({'${ type }': '${ strategy }'}); return false;"
+        href="#"
+      >
+        <div class="breakfast-toggle"></div><div>${ text }</div>
+      </a>
+    `);
+  }
+
+  stylesheet() {
+    return (`
+      <style>
+        .breakfast-status-bar {
+          align-items: center;
+          background-color: #1f1f1f;
+          ${this.settings.statusBarLocation}: 0;
+          color: #999;
+          font-family: monospace;
+          font-size: 12px;
+          display: flex;
+          height: 30px;
+          position: fixed;
+          width: 100%;
+        }
+
+        .breakfast-status-bar .breakfast-reloaders {
+          align-items: center;
+          display: flex;
+        }
+
+        .breakfast-status-bar .breakfast-reloader {
+          border-left: 1px solid #444;
+          padding: 4px 8px;
+          position: relative;
+        }
+
+        .breakfast-status-bar .breakfast-reloader:hover {
+          cursor: pointer;
+        }
+
+        .breakfast-status-bar .breakfast-reloader:hover .breakfast-menu {
+          display: block;
+        }
+
+        .breakfast-status-bar .breakfast-type {
+          color: #eee;
+        }
+
+        .breakfast-status-bar .breakfast-menu {
+          background-color: #1f1f1f;
+          border-radius: 2px;
+          ${this.settings.statusBarLocation}: 22px;
+          display: none;
+          left: 0;
+          position: absolute;
+          width: 225px;
+        }
+
+        .breakfast-status-bar .breakfast-menu-option {
+          align-items: center;
+          border-bottom: 1px solid #000;
+          border-top: 1px solid #333;
+          color: #999;
+          display: flex;
+          padding: 6px 15px;
+          z-index: 1000;
+        }
+
+        .breakfast-status-bar .breakfast-menu-option:hover {
+          background-color: #333;
+          text-decoration: none;
+        }
+
+        .breakfast-status-bar .breakfast-active {
+          color: #eee;
+        }
+
+        .breakfast-status-bar .breakfast-active .breakfast-toggle {
+          background-color: #539417;
+        }
+
+        .breakfast-status-bar .breakfast-toggle {
+          background-color: #000;
+          border-radius: 50%;
+          height: 8px;
+          margin-right: 8px;
+          width: 8px;
+        }
+
+        .breakfast-status-bar .breakfast-message-log-success {
+          align-items: center;
+          background-color: #539417;
+          color: #fff;
+          display: flex;
+          flex-grow: 1;
+          height: 30px;
+          padding: 8px;
+        }
 
-    const colors = {
-      'success': '#539417',
-      'error': '#a93131'
-    };
-
-    document.body.innerHTML += `
-      <div id="breakfast-status-bar" style="
-        font-family: monospace;
-        font-size: 13px;
-        position:fixed;
-        min-width:300px;
-        padding: 6px;
-        background: ${colors[statusData.status]};
-        color: #fff;
-        white-space: pre-wrap;
-        ${this.options.statusBarLocation}: 0;"
-      >Breakfast: ${ statusData.message }</div>
-    `;
+        .breakfast-status-bar .breakfast-message-log-error {
+          align-self: ${ this.settings.statusBarLocation === 'bottom' ? 'flex-end' : 'flex-start' };
+          background-color: #a93131;
+          color: #fff;
+          flex-grow: 1;
+          min-height: 30px;
+          padding: 5px 8px;
+          white-space: pre-wrap;
+        }
+      </style>
+    `);
   }
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: breakfast
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.3.0
 platform: ruby
 authors:
 - Patrick Koperwas
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-09-09 00:00:00.000000000 Z
+date: 2016-09-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -70,30 +70,30 @@ dependencies:
   name: actioncable
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: listen
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '3.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '3.1'
 description: Replace the asset pipeline with Brunch. Get CSS, JS and HTML live-reloading
   out of the box. Full ES6 support with require.
 email:
@@ -105,6 +105,7 @@ files:
 - ".gitignore"
 - ".rspec"
 - ".travis.yml"
+- CHANGELOG.md
 - Gemfile
 - LICENSE.txt
 - README.md
@@ -132,6 +133,7 @@ files:
 - node_package/package.json
 - node_package/src/breakfast-rails.js
 - node_package/src/live-reload.js
+- node_package/src/settings.js
 - node_package/src/status-bar.js
 homepage: https://github.com/devlocker/breakfast
 licenses: