dvl-core 0.0.12 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 98184e2eb214df346c76050dd1443d9fa968e264
-  data.tar.gz: 3708dac92dce55a124807fecceffe5220cf9af60
+  metadata.gz: 3c777dbfd9ae3d27f2bf2e8da62b5af5700364bd
+  data.tar.gz: 7b7675b9abafbb00b3e80b524ff729af5218a53b
 SHA512:
-  metadata.gz: aabf63900ebbe84e8fea46975be833c070939f16479a97e56e9a0f217c270979375b5dd712648eac81b18d7e90059ebcdac75b9649ad48149c464f020dfd955f
-  data.tar.gz: a51033f1a5036b7e28fc7403ce3d4b6ad3abab94ae176dd754615972a2372923c5812753217c9244667c093f5b03a049ba7df85e4cee6d2c5e3744bfd92a08e6
+  metadata.gz: 45231c013739045389fec1f970dece1779a178c22ae4a3a7ed8eb0bbb8d27a6629b7aca25eca286823d5f052241ed3780118023b3118c1f0b94d30ec8d6aca0a
+  data.tar.gz: 0a5308e5d0e8e5e97ef5d54fdb8d9d949a8951d85ec8ab9fe43b52c4688e0be2825a4a1354e87f6211f9f999d7d2af643a92b4a11cbee118c6071080fd4b526c

data/.gitignore

@@ -2,3 +2,5 @@
 Gemfile.lock
 *.gem
 screenshots/
+spec/dummy/tmp
+spec/dummy/log

data/config/locales/en.yml

@@ -2,6 +2,7 @@ en:
   dvl_core:
     footer:
       about: " is an application by <a href='http://www.dobt.co' target='_blank'>The Department of Better Technology</a>."
+      about_no_app: "Built by <a href='http://www.dobt.co' target='_blank'>The Department of Better Technology</a>."
       status: Service Status
       legal: Legal
       help: Get Help

data/dvl-core.gemspec

@@ -21,11 +21,10 @@ Gem::Specification.new do |s|
   s.add_dependency 'erector-rails4'
   s.add_dependency 'sass'
 
-  s.add_development_dependency 'capybara', '2.4.2'
+  s.add_development_dependency 'autoprefixer-rails', '4.0.2.2'
+  s.add_development_dependency 'capybara', '2.4.4'
   s.add_development_dependency 'poltergeist', '1.5.1'
-  s.add_development_dependency 'rerun', '0.10.0'
-  s.add_development_dependency 'rspec', '3.1.0'
+  s.add_development_dependency 'rails', '4.2.0'
+  s.add_development_dependency 'rspec-rails', '3.1.0'
   s.add_development_dependency 'rspec-html-matchers', '0.6.1'
-  s.add_development_dependency 'sinatra', '1.4.5'
-  s.add_development_dependency 'sinatra-assetpack', '0.3.3'
 end

data/lib/dvl/components/flashes.rb

@@ -1,3 +1,5 @@
+require 'erector'
+
 class Dvl::Components::Flashes < Erector::Widget
   needs :flash
 

data/lib/dvl/components/footer.rb

@@ -1,3 +1,5 @@
+require 'erector'
+
 class Dvl::Components::Footer < Erector::Widget
   needs :application_name
 
@@ -5,8 +7,12 @@ class Dvl::Components::Footer < Erector::Widget
     footer.footer {
       div.footer_inner {
         span {
-          text @application_name
-          rawtext t('dvl_core.footer.about')
+          if @application_name
+            text @application_name
+            rawtext t('dvl_core.footer.about')
+          else
+            rawtext t('dvl_core.footer.about_no_app')
+          end
         }
 
         ul {

data/lib/dvl/components/modal.rb

@@ -1,3 +1,5 @@
+require 'erector'
+
 class Dvl::Components::Modal < Erector::Widget
   needs :title,
         id: nil,

data/lib/dvl/core/version.rb

@@ -1,5 +1,5 @@
 module Dvl
   module Core
-    VERSION = '0.0.12'
+    VERSION = '0.1.0'
   end
 end

data/script/preview

@@ -1,3 +1,3 @@
 #! /bin/sh
 
-bundle exec rerun 'ruby preview/app.rb'
+cd spec/dummy && bundle exec rails s --port 4567

data/spec/dummy/Rakefile

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Dummy::Application.load_tasks

data/spec/dummy/app/assets/javascripts/application.js

@@ -0,0 +1,14 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require dvl/core
+//= require dvl/components/flashes

data/spec/dummy/app/assets/stylesheets/application.css

@@ -0,0 +1,14 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require dvl/core
+ *= require dvl/components/flashes
+ *= require dvl/components/footer
+ */

data/spec/dummy/app/controllers/home_controller.rb

@@ -0,0 +1,3 @@
+class HomeController < ActionController::Base
+  layout false
+end

data/spec/dummy/app/views/base.rb

@@ -0,0 +1,41 @@
+class Views::Base < Erector::Widget
+  def content
+    rawtext '<!doctype html>'
+    html {
+      head {
+        link href: '//fonts.googleapis.com/css?family=Open+Sans:400,300,700,600', rel: 'stylesheet', type: 'text/css'
+        stylesheet_link_tag 'application', media: 'all'
+        style(type: 'text/css') {
+          rawtext %{
+            body {
+              padding: 0 1rem 1rem;
+              background: white;
+            }
+
+            .section_header {
+              font-size: 1.6rem;
+              padding: 1rem 0 0.25rem;
+              margin-bottom: 1rem;
+              border-bottom: 1px solid #eee;
+            }
+          }
+        }
+      }
+      body {
+        main
+        script src: '//code.jquery.com/jquery-1.11.1.min.js'
+        javascript_include_tag 'application'
+        script %{
+          $('[data-toggle="tooltip"]').tooltip()
+        }.html_safe
+      }
+    }
+  end
+
+  private
+
+  def docs(name, &block)
+    div.section_header name, id: name.downcase
+    yield
+  end
+end

data/spec/dummy/app/views/home/flashes.rb

@@ -0,0 +1,15 @@
+class Views::Home::Flashes < Views::Base
+  def main
+    ul {
+      li {
+        a 'Success', href: 'javascript:DvlFlash("success", "You did it!")'
+      }
+      li {
+        a 'Info', href: 'javascript:DvlFlash("info", "An informational message...")'
+      }
+      li {
+        a 'Error', href: 'javascript:DvlFlash("error", "Oh no, an error occured!")'
+      }
+    }
+  end
+end

data/spec/dummy/app/views/home/footer.rb

@@ -0,0 +1,7 @@
+class Views::Home::Footer < Views::Base
+  def main
+    br
+    br
+    widget Dvl::Components::Footer.new(application_name: 'dvl-core')
+  end
+end

data/spec/dummy/app/views/home/index.rb

@@ -0,0 +1,204 @@
+class Views::Home::Index < Views::Base
+  def main
+    docs 'Buttons' do
+      a.button 'Yo!'
+      text ' '
+      a.button.info 'Info'
+      text ' '
+      a.button.primary 'Primary'
+      text ' '
+      a.button.success 'Success'
+      text ' '
+      a.button.white 'White'
+      text ' '
+      a.button_uppercase 'Uppercase'
+    end
+
+    docs 'Code' do
+      pre %{<p>This is some awesome code</p>}
+      p %{This is a paragraph with <code>code</code>.}.html_safe
+    end
+
+    docs 'Dropdowns' do
+      span.dropdown {
+        a.dropdown_toggle 'Click me',
+                          'data-toggle' => 'dropdown'
+        div.dropdown_menu {
+          ul.dropdown_body {
+            li {
+              a 'Hey! This is some really long dropdown text, yo.'
+            }
+            li {
+              a 'No!'
+            }
+          }
+        }
+      }
+    end
+
+    docs 'Forms' do
+      form {
+        input type: 'text'
+        label.checkbox {
+          input type: 'checkbox'
+          text 'Foo'
+        }
+        div.input_sub {
+          label.checkbox {
+            input type: 'checkbox'
+            text 'This is a sub-option of foo.'
+          }
+        }
+        div.form_actions {
+          button.button.primary 'Submit'
+        }
+      }
+    end
+
+    docs 'Grid' do
+      div.grid {
+        div.item.six_columns 'six_columns'
+        div.item.six_columns 'six_columns'
+      }
+      div.grid.gutter_none {
+        div.item.three_columns 'three_columns (gutter_none)'
+        div.item.three_columns 'three_columns (gutter_none)'
+        div.item.three_columns 'three_columns (gutter_none)'
+        div.item.three_columns 'three_columns (gutter_none)'
+      }
+    end
+
+    docs 'Labels' do
+      span.label.label_error 'Error'
+      text ' '
+      span.label.label_success 'Success'
+      text ' '
+      span.label.label_info 'Info'
+      text ' '
+      span.label.label_warning 'Warning'
+    end
+
+    docs 'Links' do
+      a.uppercase 'Uppercase'
+      text ' '
+      a.smallbold 'Smallbold'
+    end
+
+    docs 'Lists' do
+      ul {
+        li 'This'
+        li 'is a'
+        li 'list!'
+      }
+    end
+
+    docs 'Modals' do
+      a 'Open modal', 'data-toggle' => 'modal', href: '#modal'
+      widget Dvl::Components::Modal.new(title: 'Awesome modal', id: 'modal') do
+        div.modal_body {
+          text 'This is the modal body!'
+        }
+      end
+
+      br
+
+      a 'Confirmation modal', 'data-toggle' => 'modal', href: '#confirmModal'
+      widget Dvl::Components::Modal.new(
+        title: 'Are you sure?',
+        id: 'confirmModal',
+        html_opts: { class: 'modal_confirm' }
+      ) do
+        div.modal_body {
+          text 'Are you sure?'
+        }
+        div.modal_footer {
+          a.button.error 'OK'
+        }
+      end
+    end
+
+    docs 'Pagination' do
+      div(class: 'pagination-wrapper') {
+        ul {
+          li { a '‹' }
+          li { a '1' }
+          li { span '2' }
+          li { a '3' }
+          li { a '›' }
+        }
+      }
+    end
+
+    docs 'Progress' do
+      div.progress {
+        div.progress_inner(style: "width: 30%") {
+          text '30%'
+        }
+      }
+    end
+
+    docs 'Sidebar' do
+      div.sidebar_box {
+        ul.sidebar_data {
+          li {
+            div.sidebar_data_icon {
+              i '✓'
+            }
+            div.sidebar_data_text {
+              div.sidebar_data_label 'Label'
+              div.sidebar_data_value 'Value'
+              div.sidebar_data_details 'Details'
+            }
+          }
+        }
+      }
+    end
+
+    docs 'Tables' do
+      table {
+        thead {
+          tr {
+            th 'ID'
+            th 'Name'
+          }
+        }
+        tbody {
+          tr {
+            td '1'
+            td 'Bob'
+          }
+          tr {
+            td '2'
+            td 'Job'
+          }
+        }
+      }
+    end
+
+    docs 'Tooltips' do
+      %w(top right bottom left).each do |x|
+        a x.capitalize,
+          'data-toggle' => 'tooltip',
+          'data-placement' => x,
+          'data-container' => 'body',
+          title: "Tooltip on the #{x}!"
+        text ' '
+      end
+    end
+
+    docs 'Typography' do
+      h1 'Heading 1'
+      h2 'Heading 2'
+      h3 'Heading 3'
+      h4 'Heading 4'
+      h5 'Heading 5'
+      h6 'Heading 6'
+      p 'Lorem ipsum.'
+
+      p.microcopy {
+        text 'This is some awesome .microcopy.'
+        a.microcopy_action 'Microcopy action'
+      }
+    end
+  end
+end

data/spec/dummy/bin/bundle

@@ -0,0 +1,3 @@
+#!/usr/bin/env ruby
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__)
+load Gem.bin_path('bundler', 'bundle')

data/spec/dummy/bin/rails

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+APP_PATH = File.expand_path('../../config/application', __FILE__)
+require_relative '../config/boot'
+require 'rails/commands'

data/spec/dummy/bin/rake

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+require_relative '../config/boot'
+require 'rake'
+Rake.application.run

data/spec/dummy/bin/setup

@@ -0,0 +1,29 @@
+#!/usr/bin/env ruby
+require 'pathname'
+
+# path to your application root.
+APP_ROOT = Pathname.new File.expand_path('../../',  __FILE__)
+
+Dir.chdir APP_ROOT do
+  # This script is a starting point to setup your application.
+  # Add necessary setup steps to this file:
+
+  puts "== Installing dependencies =="
+  system "gem install bundler --conservative"
+  system "bundle check || bundle install"
+
+  # puts "\n== Copying sample files =="
+  # unless File.exist?("config/database.yml")
+  #   system "cp config/database.yml.sample config/database.yml"
+  # end
+
+  puts "\n== Preparing database =="
+  system "bin/rake db:setup"
+
+  puts "\n== Removing old logs and tempfiles =="
+  system "rm -f log/*"
+  system "rm -rf tmp/cache"
+
+  puts "\n== Restarting application server =="
+  system "touch tmp/restart.txt"
+end

data/spec/dummy/config.ru

@@ -0,0 +1,4 @@
+# This file is used by Rack-based servers to start the application.
+
+require ::File.expand_path('../config/environment',  __FILE__)
+run Rails.application

data/spec/dummy/config/application.rb

@@ -0,0 +1,37 @@
+require File.expand_path('../boot', __FILE__)
+
+require "rails"
+
+%w(
+  action_controller
+  action_view
+  action_mailer
+  active_job
+  rails/test_unit
+  sprockets
+).each do |framework|
+  begin
+    require "#{framework}/railtie"
+  rescue LoadError
+  end
+end
+
+Bundler.require(*Rails.groups)
+
+module Dummy
+  class Application < Rails::Application
+    # Settings in config/environments/* take precedence over those specified here.
+    # Application configuration should go into files in config/initializers
+    # -- all .rb files in that directory are automatically loaded.
+
+    # Set Time.zone default to the specified zone and make Active Record auto-convert to this zone.
+    # Run "rake -D time" for a list of tasks for finding time zone names. Default is UTC.
+    # config.time_zone = 'Central Time (US & Canada)'
+
+    # The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded.
+    # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s]
+    # config.i18n.default_locale = :de
+    config.secret_key_base = 'xxx'
+  end
+end
+

data/spec/dummy/config/boot.rb

@@ -0,0 +1,5 @@
+# Set up gems listed in the Gemfile.
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../../../Gemfile', __FILE__)
+
+require 'bundler/setup' if File.exists?(ENV['BUNDLE_GEMFILE'])
+$LOAD_PATH.unshift File.expand_path('../../../../lib', __FILE__)

data/spec/dummy/config/environment.rb

@@ -0,0 +1,5 @@
+# Load the Rails application.
+require File.expand_path('../application', __FILE__)
+
+# Initialize the Rails application.
+Dummy::Application.initialize!

data/spec/dummy/config/environments/test.rb

@@ -0,0 +1,36 @@
+Dummy::Application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # The test environment is used exclusively to run your application's
+  # test suite. You never need to work with it otherwise. Remember that
+  # your test database is "scratch space" for the test suite and is wiped
+  # and recreated between test runs. Don't rely on the data there!
+  config.cache_classes = true
+
+  # Do not eager load code on boot. This avoids loading your whole application
+  # just for the purpose of running a single test. If you are using a tool that
+  # preloads Rails for running tests, you may have to set it to true.
+  config.eager_load = false
+
+  # Configure static asset server for tests with Cache-Control for performance.
+  config.serve_static_files = true
+  config.static_cache_control = "public, max-age=3600"
+
+  # Show full error reports and disable caching.
+  config.consider_all_requests_local       = true
+  config.action_controller.perform_caching = false
+
+  # Raise exceptions instead of rendering exception templates.
+  config.action_dispatch.show_exceptions = false
+
+  # Disable request forgery protection in test environment.
+  config.action_controller.allow_forgery_protection = false
+
+  # Tell Action Mailer not to deliver emails to the real world.
+  # The :test delivery method accumulates sent emails in the
+  # ActionMailer::Base.deliveries array.
+  config.action_mailer.delivery_method = :test
+
+  # Print deprecation notices to the stderr.
+  config.active_support.deprecation = :stderr
+end

data/spec/dummy/config/routes.rb

@@ -0,0 +1,7 @@
+Rails.application.routes.draw do
+  scope controller: :home do
+    get '', action: :index
+    get 'flashes'
+    get 'footer'
+  end
+end

data/spec/spec_helper.rb

@@ -1,12 +1,15 @@
+ENV["RAILS_ENV"] = "test"
+require File.expand_path("../dummy/config/environment.rb",  __FILE__)
+
+Rails.backtrace_cleaner.remove_silencers!
+
+require 'rspec/rails'
 require 'capybara/rspec'
 require 'capybara/poltergeist'
 require 'rspec-html-matchers'
 require 'active_support/all'
-require 'erector'
 require 'dvl/core'
-require_relative '../preview/app'
 
-Capybara.app = App
 Capybara.javascript_driver = :poltergeist
 
 def take_screenshot(path, name, opts = {})

data/vendor/assets/stylesheets/dvl/core/forms.scss

@@ -104,14 +104,9 @@ input[type="radio"] {
   padding: 0; /* 2 */
 }
 /**
- * 1. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
- *    (include `-moz` to future-proof)
  * 2. Address `appearance` set to `searchfield` in Safari 5 and Chrome
  */
 input[type="search"] {
-  -webkit-box-sizing: content-box; /* 1 */
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
   -webkit-appearance: textfield; /* 2 */
 }
 /* Remove decoration & cancel button in Safari 5 and Chrome on OS X */

data/vendor/assets/stylesheets/dvl/core/includes.scss

@@ -94,32 +94,32 @@ $fontSize: 14;
 
 // Animation mixins
 
-$ease_in_quad:      cubic-bezier(0.550,  0.085, 0.680, 0.530);
-$ease_in_cubic:     cubic-bezier(0.550,  0.055, 0.675, 0.190);
-$ease_in_quart:     cubic-bezier(0.895,  0.030, 0.685, 0.220);
-$ease_in_quint:     cubic-bezier(0.755,  0.050, 0.855, 0.060);
-$ease_in_sine:      cubic-bezier(0.470,  0.000, 0.745, 0.715);
-$ease_in_expo:      cubic-bezier(0.950,  0.050, 0.795, 0.035);
-$ease_in_circ:      cubic-bezier(0.600,  0.040, 0.980, 0.335);
-$ease_in_back:      cubic-bezier(0.600, -0.280, 0.735, 0.045);
-
-$ease_out_quad:     cubic-bezier(0.250,  0.460, 0.450, 0.940);
-$ease_out_cubic:    cubic-bezier(0.215,  0.610, 0.355, 1.000);
-$ease_out_quart:    cubic-bezier(0.165,  0.840, 0.440, 1.000);
-$ease_out_quint:    cubic-bezier(0.230,  1.000, 0.320, 1.000);
-$ease_out_sine:     cubic-bezier(0.390,  0.575, 0.565, 1.000);
-$ease_out_expo:     cubic-bezier(0.190,  1.000, 0.220, 1.000);
-$ease_out_circ:     cubic-bezier(0.075,  0.820, 0.165, 1.000);
-$ease_out_back:     cubic-bezier(0.175,  0.885, 0.320, 1.275);
-
-$ease_in_out_quad:  cubic-bezier(0.455,  0.030, 0.515, 0.955);
-$ease_in_out_cubic: cubic-bezier(0.645,  0.045, 0.355, 1.000);
-$ease_in_out_quart: cubic-bezier(0.770,  0.000, 0.175, 1.000);
-$ease_in_out_quint: cubic-bezier(0.860,  0.000, 0.070, 1.000);
-$ease_in_out_sine:  cubic-bezier(0.445,  0.050, 0.550, 0.950);
-$ease_in_out_expo:  cubic-bezier(1.000,  0.000, 0.000, 1.000);
-$ease_in_out_circ:  cubic-bezier(0.785,  0.135, 0.150, 0.860);
-$ease_in_out_back:  cubic-bezier(0.680, -0.550, 0.265, 1.550);
+$easeInQuad:      cubic-bezier(0.550,  0.085, 0.680, 0.530);
+$easeInCubic:     cubic-bezier(0.550,  0.055, 0.675, 0.190);
+$easeInQuart:     cubic-bezier(0.895,  0.030, 0.685, 0.220);
+$easeInQuint:     cubic-bezier(0.755,  0.050, 0.855, 0.060);
+$easeInSine:      cubic-bezier(0.470,  0.000, 0.745, 0.715);
+$easeInExpo:      cubic-bezier(0.950,  0.050, 0.795, 0.035);
+$easeInCirc:      cubic-bezier(0.600,  0.040, 0.980, 0.335);
+$easeInBack:      cubic-bezier(0.600, -0.280, 0.735, 0.045);
+
+$easeOutQuad:     cubic-bezier(0.250,  0.460, 0.450, 0.940);
+$easeOutCubic:    cubic-bezier(0.215,  0.610, 0.355, 1.000);
+$easeOutQuart:    cubic-bezier(0.165,  0.840, 0.440, 1.000);
+$easeOutQuint:    cubic-bezier(0.230,  1.000, 0.320, 1.000);
+$easeOutSine:     cubic-bezier(0.390,  0.575, 0.565, 1.000);
+$easeOutExpo:     cubic-bezier(0.190,  1.000, 0.220, 1.000);
+$easeOutCirc:     cubic-bezier(0.075,  0.820, 0.165, 1.000);
+$easeOutBack:     cubic-bezier(0.175,  0.885, 0.320, 1.275);
+
+$easeInOutQuad:  cubic-bezier(0.455,  0.030, 0.515, 0.955);
+$easeInOutCubic: cubic-bezier(0.645,  0.045, 0.355, 1.000);
+$easeInOutQuart: cubic-bezier(0.770,  0.000, 0.175, 1.000);
+$easeInOutQuint: cubic-bezier(0.860,  0.000, 0.070, 1.000);
+$easeInOutSine:  cubic-bezier(0.445,  0.050, 0.550, 0.950);
+$easeInOutExpo:  cubic-bezier(1.000,  0.000, 0.000, 1.000);
+$easeInOutCirc:  cubic-bezier(0.785,  0.135, 0.150, 0.860);
+$easeInOutBack:  cubic-bezier(0.680, -0.550, 0.265, 1.550);
 
 
 @mixin cf() {

data/vendor/assets/stylesheets/dvl/core/tooltips.scss

@@ -9,7 +9,7 @@
   opacity: 0;
   visibility: visible;
   min-width: 40px;
-  transition: transform 0.25s $ease_out_back, opacity 120ms ease-out;
+  transition: transform 0.25s $easeOutBack, opacity 120ms ease-out;
   &.top, &.bottom {
     padding: 5px 0;
   }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dvl-core
 version: !ruby/object:Gem::Version
-  version: 0.0.12
+  version: 0.1.0
 platform: ruby
 authors:
 - Adam Becker
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-01-05 00:00:00.000000000 Z
+date: 2015-01-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activesupport
@@ -67,103 +67,89 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: capybara
+  name: autoprefixer-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 2.4.2
+        version: 4.0.2.2
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 2.4.2
-- !ruby/object:Gem::Dependency
-  name: poltergeist
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 1.5.1
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 1.5.1
+        version: 4.0.2.2
 - !ruby/object:Gem::Dependency
-  name: rerun
+  name: capybara
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.10.0
+        version: 2.4.4
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.10.0
+        version: 2.4.4
 - !ruby/object:Gem::Dependency
-  name: rspec
+  name: poltergeist
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 3.1.0
+        version: 1.5.1
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 3.1.0
+        version: 1.5.1
 - !ruby/object:Gem::Dependency
-  name: rspec-html-matchers
+  name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.6.1
+        version: 4.2.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.6.1
+        version: 4.2.0
 - !ruby/object:Gem::Dependency
-  name: sinatra
+  name: rspec-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.4.5
+        version: 3.1.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.4.5
+        version: 3.1.0
 - !ruby/object:Gem::Dependency
-  name: sinatra-assetpack
+  name: rspec-html-matchers
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.3.3
+        version: 0.6.1
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.3.3
+        version: 0.6.1
 description: 
 email: adam@dobt.co
 executables: []
@@ -182,11 +168,28 @@ files:
 - lib/dvl/components/modal.rb
 - lib/dvl/core.rb
 - lib/dvl/core/version.rb
-- preview/app.rb
 - script/bootstrap
 - script/cibuild
 - script/preview
 - script/release
+- spec/dummy/Rakefile
+- spec/dummy/app/assets/javascripts/application.js
+- spec/dummy/app/assets/stylesheets/application.css
+- spec/dummy/app/controllers/home_controller.rb
+- spec/dummy/app/views/base.rb
+- spec/dummy/app/views/home/flashes.rb
+- spec/dummy/app/views/home/footer.rb
+- spec/dummy/app/views/home/index.rb
+- spec/dummy/bin/bundle
+- spec/dummy/bin/rails
+- spec/dummy/bin/rake
+- spec/dummy/bin/setup
+- spec/dummy/config.ru
+- spec/dummy/config/application.rb
+- spec/dummy/config/boot.rb
+- spec/dummy/config/environment.rb
+- spec/dummy/config/environments/test.rb
+- spec/dummy/config/routes.rb
 - spec/dvl_flashes_spec.rb
 - spec/main_spec.rb
 - spec/spec_helper.rb
@@ -245,6 +248,24 @@ signing_key:
 specification_version: 4
 summary: Base styles for the DOBT View Layer.
 test_files:
+- spec/dummy/Rakefile
+- spec/dummy/app/assets/javascripts/application.js
+- spec/dummy/app/assets/stylesheets/application.css
+- spec/dummy/app/controllers/home_controller.rb
+- spec/dummy/app/views/base.rb
+- spec/dummy/app/views/home/flashes.rb
+- spec/dummy/app/views/home/footer.rb
+- spec/dummy/app/views/home/index.rb
+- spec/dummy/bin/bundle
+- spec/dummy/bin/rails
+- spec/dummy/bin/rake
+- spec/dummy/bin/setup
+- spec/dummy/config.ru
+- spec/dummy/config/application.rb
+- spec/dummy/config/boot.rb
+- spec/dummy/config/environment.rb
+- spec/dummy/config/environments/test.rb
+- spec/dummy/config/routes.rb
 - spec/dvl_flashes_spec.rb
 - spec/main_spec.rb
 - spec/spec_helper.rb

data/preview/app.rb

@@ -1,331 +0,0 @@
-require 'sinatra/base'
-require 'sinatra/assetpack'
-require 'active_support/all'
-require 'erector'
-require 'dvl/core'
-require 'yaml'
-
-module AppHelpers
-  def docs(name, &block)
-    div.section_header name, id: name.downcase
-    yield
-  end
-
-  def translations
-    @translations ||= YAML::load(File.read("#{File.dirname(__FILE__)}/../config/locales/en.yml"))['en']
-  end
-
-  def t(key)
-    pieces = key.split('.')
-    found = translations.dup
-
-    while pieces.length > 0
-      found = found[pieces.shift] || {}
-    end
-
-    found
-  end
-end
-
-Erector::HTMLWidget.send(:include, AppHelpers)
-
-module Views
-  class Base < Erector::Widget
-    def content
-      rawtext '<!doctype html>'
-      html {
-        head {
-          link href: '//fonts.googleapis.com/css?family=Open+Sans:400,300,700,600', rel: 'stylesheet', type: 'text/css'
-
-          link href: '/css/dvl/core.css', rel: 'stylesheet', type: 'text/css', media: 'all'
-          link href: '/css/dvl/components/flashes.css', rel: 'stylesheet', type: 'text/css', media: 'all'
-          link href: '/css/dvl/components/footer.css', rel: 'stylesheet', type: 'text/css', media: 'all'
-          style(type: 'text/css') {
-            rawtext %{
-              body {
-                padding: 0 1rem 1rem;
-                background: white;
-              }
-
-              .section_header {
-                font-size: 1.6rem;
-                padding: 1rem 0 0.25rem;
-                margin-bottom: 1rem;
-                border-bottom: 1px solid #eee;
-              }
-            }
-          }
-        }
-        body {
-          main
-
-          script src: '//code.jquery.com/jquery-1.11.1.min.js'
-          script src: '/js/dvl/core/modals.js'
-          script src: '/js/dvl/core/dropdowns.js'
-          script src: '/js/dvl/core/tooltips.js'
-          script src: '/js/dvl/core/buttons.js'
-          script src: '/js/dvl/components/flashes.js'
-          script %{
-            $('[data-toggle="tooltip"]').tooltip()
-          }.html_safe
-        }
-      }
-    end
-  end
-
-  class Home < Base
-    def main
-      docs 'Buttons' do
-        a.button 'Yo!'
-        text ' '
-        a.button.info 'Info'
-        text ' '
-        a.button.primary 'Primary'
-        text ' '
-        a.button.success 'Success'
-        text ' '
-        a.button.white 'White'
-        text ' '
-        a.button_uppercase 'Uppercase'
-      end
-
-      docs 'Code' do
-        pre %{<p>This is some awesome code</p>}
-        p %{This is a paragraph with <code>code</code>.}.html_safe
-      end
-
-      docs 'Dropdowns' do
-        span.dropdown {
-          a.dropdown_toggle 'Click me',
-                            'data-toggle' => 'dropdown'
-          div.dropdown_menu {
-            ul.dropdown_body {
-              li {
-                a 'Hey! This is some really long dropdown text, yo.'
-              }
-              li {
-                a 'No!'
-              }
-            }
-          }
-        }
-      end
-
-      docs 'Forms' do
-        form {
-          input type: 'text'
-          label.checkbox {
-            input type: 'checkbox'
-            text 'Foo'
-          }
-          div.input_sub {
-            label.checkbox {
-              input type: 'checkbox'
-              text 'This is a sub-option of foo.'
-            }
-          }
-          div.form_actions {
-            button.button.primary 'Submit'
-          }
-        }
-      end
-
-      docs 'Grid' do
-        div.grid {
-          div.item.six_columns 'six_columns'
-          div.item.six_columns 'six_columns'
-        }
-        div.grid.gutter_none {
-          div.item.three_columns 'three_columns (gutter_none)'
-          div.item.three_columns 'three_columns (gutter_none)'
-          div.item.three_columns 'three_columns (gutter_none)'
-          div.item.three_columns 'three_columns (gutter_none)'
-        }
-      end
-
-      docs 'Labels' do
-        span.label.label_error 'Error'
-        text ' '
-        span.label.label_success 'Success'
-        text ' '
-        span.label.label_info 'Info'
-        text ' '
-        span.label.label_warning 'Warning'
-      end
-
-      docs 'Links' do
-        a.uppercase 'Uppercase'
-        text ' '
-        a.smallbold 'Smallbold'
-      end
-
-      docs 'Lists' do
-        ul {
-          li 'This'
-          li 'is a'
-          li 'list!'
-        }
-      end
-
-      docs 'Modals' do
-        a 'Open modal', 'data-toggle' => 'modal', href: '#modal'
-        widget Dvl::Components::Modal.new(title: 'Awesome modal', id: 'modal') do
-          div.modal_body {
-            text 'This is the modal body!'
-          }
-        end
-
-        br
-
-        a 'Confirmation modal', 'data-toggle' => 'modal', href: '#confirmModal'
-        widget Dvl::Components::Modal.new(
-          title: 'Are you sure?',
-          id: 'confirmModal',
-          html_opts: { class: 'modal_confirm' }
-        ) do
-          div.modal_body {
-            text 'Are you sure?'
-          }
-          div.modal_footer {
-            a.button.error 'OK'
-          }
-        end
-      end
-
-      docs 'Pagination' do
-        div(class: 'pagination-wrapper') {
-          ul {
-            li { a '‹' }
-            li { a '1' }
-            li { span '2' }
-            li { a '3' }
-            li { a '›' }
-          }
-        }
-      end
-
-      docs 'Progress' do
-        div.progress {
-          div.progress_inner(style: "width: 30%") {
-            text '30%'
-          }
-        }
-      end
-
-      docs 'Sidebar' do
-        div.sidebar_box {
-          ul.sidebar_data {
-            li {
-              div.sidebar_data_icon {
-                i '✓'
-              }
-              div.sidebar_data_text {
-                div.sidebar_data_label 'Label'
-                div.sidebar_data_value 'Value'
-                div.sidebar_data_details 'Details'
-              }
-            }
-          }
-        }
-      end
-
-      docs 'Tables' do
-        table {
-          thead {
-            tr {
-              th 'ID'
-              th 'Name'
-            }
-          }
-          tbody {
-            tr {
-              td '1'
-              td 'Bob'
-            }
-            tr {
-              td '2'
-              td 'Job'
-            }
-          }
-        }
-      end
-
-      docs 'Tooltips' do
-        %w(top right bottom left).each do |x|
-          a x.capitalize,
-            'data-toggle' => 'tooltip',
-            'data-placement' => x,
-            'data-container' => 'body',
-            title: "Tooltip on the #{x}!"
-          text ' '
-        end
-      end
-
-      docs 'Typography' do
-        h1 'Heading 1'
-        h2 'Heading 2'
-        h3 'Heading 3'
-        h4 'Heading 4'
-        h5 'Heading 5'
-        h6 'Heading 6'
-        p 'Lorem ipsum.'
-
-        p.microcopy {
-          text 'This is some awesome .microcopy.'
-          a.microcopy_action 'Microcopy action'
-        }
-      end
-    end
-  end
-
-  class Flashes < Base
-    def main
-      ul {
-        li {
-          a 'Success', href: 'javascript:DvlFlash("success", "You did it!")'
-        }
-        li {
-          a 'Info', href: 'javascript:DvlFlash("info", "An informational message...")'
-        }
-        li {
-          a 'Error', href: 'javascript:DvlFlash("error", "Oh no, an error occured!")'
-        }
-      }
-    end
-  end
-
-  class Footer < Base
-    def main
-      br
-      br
-      widget Dvl::Components::Footer.new(application_name: 'dvl-core')
-    end
-  end
-end
-
-class App < Sinatra::Base
-
-  set :root, File.dirname(__FILE__)
-  set :scss, { load_paths: [ "#{self.root}/../vendor/assets/stylesheets", "#{self.root}/../vendor/assets/stylesheets/dvl" ] }
-
-  register Sinatra::AssetPack
-
-  assets do
-    serve '/css', from: '../vendor/assets/stylesheets'
-    serve '/js', from: '../vendor/assets/javascripts'
-  end
-
-  get '/' do
-    Views::Home.new.to_html
-  end
-
-  get '/flashes' do
-    Views::Flashes.new.to_html
-  end
-
-  get '/footer' do
-    Views::Footer.new.to_html
-  end
-
-  run! if app_file == $0
-end