minimum-viable-product 0.0.2

data/app/assets/stylesheets/mvp/layout/cover.scss

@@ -0,0 +1,111 @@
+body.body-cover {
+  text-align: center;
+
+  .site-wrapper {
+    display: table;
+    width: 100%;
+    height: 100%; /* For at least Firefox */
+    min-height: 100%;
+  }
+  .site-wrapper-inner {
+    display: table-cell;
+    vertical-align: top;
+  }
+  .cover-container {
+    margin-right: auto;
+    margin-left: auto;
+  }
+
+  /* Padding for spacing */
+  .inner {
+    padding: 30px;
+  }
+
+
+  /*
+   * Header
+   */
+  .masthead-brand {
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
+
+  .masthead-nav > li {
+    display: inline-block;
+  }
+  .masthead-nav > li + li {
+    margin-left: 20px;
+  }
+  .masthead-nav > li > a {
+    padding-right: 0;
+    padding-left: 0;
+    font-size: 16px;
+    font-weight: bold;
+  }
+  .masthead-nav > li > a:hover,
+  .masthead-nav > li > a:focus {
+    background-color: transparent;
+  }
+  .masthead-nav > .active > a,
+  .masthead-nav > .active > a:hover,
+  .masthead-nav > .active > a:focus {
+
+  }
+
+  @media (min-width: 768px) {
+    .masthead-brand {
+      float: left;
+    }
+    .masthead-nav {
+      float: right;
+    }
+  }
+
+
+  /*
+   * Cover
+   */
+
+  .cover {
+    padding: 0 20px;
+  }
+  .cover .btn-lg {
+    padding: 10px 20px;
+    font-weight: bold;
+  }
+
+
+  /*
+   * Affix and center
+   */
+
+  @media (min-width: 768px) {
+    /* Pull out the header and footer */
+    .masthead {
+      position: fixed;
+      top: 0;
+    }
+    .mastfoot {
+      position: fixed;
+      bottom: 0;
+    }
+    /* Start the vertical centering */
+    .site-wrapper-inner {
+      vertical-align: middle;
+    }
+    /* Handle the widths */
+    .masthead,
+    .mastfoot,
+    .cover-container {
+      width: 100%; /* Must be percentage or pixels for horizontal alignment */
+    }
+  }
+
+  @media (min-width: 992px) {
+    .masthead,
+    .mastfoot,
+    .cover-container {
+      width: 700px;
+    }
+  }
+}

data/app/assets/stylesheets/mvp/pages/sample.scss

@@ -0,0 +1,14 @@
+.home-pages {
+  .topic {
+    position:relative;
+
+    &:hover {
+      cursor: pointer;
+    }
+
+    p {
+      text-transform: uppercase;
+      font-weight: bold;
+    }
+  }
+}

data/app/assets/stylesheets/mvp/skin/style.scss

@@ -0,0 +1,8 @@
+body {
+  background: #F3F3F3;
+  font-family: 'Open Sans', sans-serif;
+}
+
+h1,h2,h3,h4,h5,h6 {
+  font-weight: 700;
+}

data/app/controllers/mvp/analytics_controller.rb

@@ -0,0 +1,14 @@
+require_dependency "mvp/application_controller"
+
+module Mvp
+  class AnalyticsController < ApplicationController
+    def optout
+      cookies[AnalyticsConcern::INVISIBLE_SESSION_COOKIE] = {
+        :value   => true,
+        :expires => 1.year.from_now,
+      }
+
+      redirect_to root_path
+    end
+  end
+end

data/app/controllers/mvp/application_controller.rb

@@ -0,0 +1,11 @@
+require_relative 'concerns/analytics_concern'
+require_relative 'concerns/seo_concern'
+require_relative 'concerns/session_concern'
+
+module Mvp
+  class ApplicationController < ActionController::Base
+    include Mvp::AnalyticsConcern
+    include Mvp::SEOConcern
+    include Mvp::SessionConcern
+  end
+end

data/app/controllers/mvp/concerns/analytics_concern.rb

@@ -0,0 +1,77 @@
+module Mvp
+  module AnalyticsConcern
+    extend ActiveSupport::Concern
+
+    INVISIBLE_SESSION_COOKIE = 'invisible'
+
+    included do
+      before_action :generate_uid_if_not_set
+      helper_method :analytics_id
+    end
+
+    def track!(event, properties={})
+      return if session[INVISIBLE_SESSION_COOKIE].to_b == true
+      return unless analytics
+      analytics.track({
+        user_id: analytics_id,
+        event: event,
+        properties: properties.reverse_merge({
+          iteration: Mvp::Iteration.version,
+          user: current_user.try(:name),
+          url: request.fullpath
+        })
+      })
+    end
+
+    def slack!(message)
+      if ENV['SLACK_WEBHOOK_URL']
+        begin
+          slack_notifier.ping message
+        rescue
+          slack_notifier.ping "Tried to use slack messaging but failure happened"
+        end
+      end
+    end
+
+    def page!(name, opts={})
+      return if sessions[INVISIBLE_SESSION_COOKIE].to_b == true
+      return unless analytics
+      analytics.page(
+        user_id: current_user.try(:id),
+        name: name,
+        category: opts[:category],
+        properties: {
+          url: opts[:url],
+          iteration: Mvp::Iteration.version
+        }
+      )
+    end
+
+    private
+
+    def analytics
+      unless defined?(Analytics)
+        puts ""
+        puts "Please set SEGMENT_WRITE_KEY in .env"
+        puts ""
+        nil
+      else
+        Analytics
+      end
+    end
+
+    def slack_notifier
+      Slack::Notifier.new ENV['SLACK_WEBHOOK_URL'], channel: ENV['SLACK_WEBHOOK_URL'],
+                                                    username: ENV['SLACK_POST_USERNAME'],
+                                                    channel: ENV['SLACK_POST_CHANNEL']
+    end
+
+    def analytics_id
+      current_user.try(:id) || cookies[:uid]
+    end
+
+    def generate_uid_if_not_set
+      cookies[:uid] = SecureRandom.uuid unless cookies[:uid].present?
+    end
+  end
+end

data/app/controllers/mvp/concerns/seo_concern.rb

@@ -0,0 +1,25 @@
+module Mvp
+  module SEOConcern
+    extend ActiveSupport::Concern
+
+    private
+
+    included do
+      before_action :force_no_trailing_slash
+      helper_method :page
+    end
+
+    def force_no_trailing_slash
+      return if request.path == '/'
+      redirect_to request.original_url.gsub(/\/$/,'') if request.original_url.match(/\/$/)
+    end
+
+    def page
+      @page ||= begin
+        h = Hashie::Mash.new
+        h.classes = []
+        h
+      end
+    end
+  end
+end

data/app/controllers/mvp/concerns/session_concern.rb

@@ -0,0 +1,40 @@
+module Mvp
+  module SessionConcern
+    extend ActiveSupport::Concern
+
+    COOKIE_ID = '_session'
+
+    included do
+      helper_method :current_user
+    end
+
+    def sign_in(user)
+      session[COOKIE_ID] = user.id
+    end
+
+    def current_user
+      @current_user ||= begin
+                          if session[COOKIE_ID]
+                            Conversion.find(session[COOKIE_ID])
+                          end
+                        rescue ActiveRecord::RecordNotFound
+                          session[COOKIE_ID] = nil
+                        end
+    end
+
+    # http://blog.laaz.org/tech/2012/12/27/rails-redirect_back_or_default/
+    def store_location
+      session[:return_to] = if request.get?
+        request.url
+      else
+        request.referer
+      end
+    end
+
+    # http://blog.laaz.org/tech/2012/12/27/rails-redirect_back_or_default/
+    def redirect_back_or_default(default = root_url)
+      redirect_to(session.delete(:return_to) || request.referer || default)
+    end
+    alias_method :redirect_to_back_or_default, :redirect_back_or_default
+  end
+end

data/app/controllers/mvp/seo_controller.rb

@@ -0,0 +1,13 @@
+require_dependency "mvp/application_controller"
+
+module Mvp
+  class SeoController < ApplicationController
+    def robots
+      render text: %%
+  User-agent: *
+  Disallow:
+  Sitemap: #{sitemap_url}
+      %, content_type: "text/plain"
+    end
+  end
+end

data/app/controllers/mvp/styleguide_controller.rb

@@ -0,0 +1,17 @@
+require_dependency "mvp/application_controller"
+
+module Mvp
+  class StyleguideController < ApplicationController
+    def layout_basic
+      render template: 'styleguide/layouts/basic', layout: 'basic'
+    end
+
+    def layout_cover
+      render template: 'styleguide/layouts/cover', layout: 'cover'
+    end
+
+    def layout_carousel
+      render template: 'styleguide/layouts/carousel', layout: 'carousel'
+    end
+  end
+end

data/app/helpers/mvp/analytics_helper.rb

@@ -0,0 +1,4 @@
+module Mvp
+  module AnalyticsHelper
+  end
+end

data/app/helpers/mvp/application_helper.rb

@@ -0,0 +1,15 @@
+module Mvp
+  module ApplicationHelper
+    def body_id
+      "#{controller_name}-#{action_name}-page"
+    end
+
+    def body_classes
+      klass = []
+      klass << "#{controller_name}-pages"
+      klass << page.classes if page.classes.present?
+      klass << "hidden-header" if page.header == false
+      klass.join(' ')
+    end
+  end
+end

data/app/helpers/mvp/bootstrap_helper.rb

@@ -0,0 +1,38 @@
+module Mvp
+  module BootstrapHelper
+    def col_groups_of(count, collection, opts={})
+      return if collection.blank?
+
+      html = []
+      collection.in_groups_of(count).each do |groups|
+        groups.compact.each do |obj|
+          html << capture do
+            content_tag :div, class: ["col-md-#{12/count.to_f.floor}", opts[:col_class]].compact.join(' ') do
+              yield obj
+            end
+          end.html_safe
+        end
+      end
+      concat html.join.html_safe
+    end
+
+    def row_groups_of(count, collection, opts={}, &block)
+      return if collection.blank?
+
+      html = []
+      subsetsize = (collection.count/count.to_f)
+      subsetsize.ceil.times do |i|
+        subset = collection[count*i...((count*i)+count)]
+        html << capture do
+          content_tag :div, class: ["row",opts[:row_class]].compact.join(' ') do
+            capture do
+              col_groups_of(count, subset, opts, &block)
+            end
+          end
+        end.html_safe
+      end
+
+      concat html.join.html_safe
+    end
+  end
+end

data/app/helpers/mvp/seo_helper.rb

@@ -0,0 +1,4 @@
+module Mvp
+  module SeoHelper
+  end
+end

data/app/helpers/mvp/styleguide_helper.rb

@@ -0,0 +1,4 @@
+module Mvp
+  module StyleguideHelper
+  end
+end

data/app/models/concerns/slugification.rb

@@ -0,0 +1,16 @@
+module Slugification
+  extend ActiveSupport::Concern
+
+  module ClassMethods
+    def slugify(name, opts={})
+      _opts = opts.reverse_merge(:if => lambda{ |obj| obj.send("#{name}_changed?".to_sym) })
+      before_validation -> { self.slug = slugify(self.send(name.to_sym)) }, _opts
+    end
+  end
+
+  private
+
+  def slugify(str)
+    str.gsub(/\s/,'_').dasherize.downcase
+  end
+end

data/app/views/layouts/mvp/_header.html.erb

@@ -0,0 +1,48 @@
+<nav class="navbar navbar-default mt20">
+  <div class="container-fluid">
+    <!-- Brand and toggle get grouped for better mobile display -->
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" href="#">__PROJECT_NAME__</a>
+    </div>
+
+    <!-- Collect the nav links, forms, and other content for toggling -->
+    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+      <ul class="nav navbar-nav">
+        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
+        <li><a href="#">Link</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="#">Action</a></li>
+            <li><a href="#">Another action</a></li>
+            <li><a href="#">Something else here</a></li>
+            <li role="separator" class="divider"></li>
+            <li><a href="#">Separated link</a></li>
+            <li role="separator" class="divider"></li>
+            <li><a href="#">One more separated link</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="#">Link</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="#">Action</a></li>
+            <li><a href="#">Another action</a></li>
+            <li><a href="#">Something else here</a></li>
+            <li role="separator" class="divider"></li>
+            <li><a href="#">Separated link</a></li>
+          </ul>
+        </li>
+      </ul>
+    </div><!-- /.navbar-collapse -->
+  </div><!-- /.container-fluid -->
+</nav>