mvpkit 2.0.0 → 2.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: efb3bd7d5c2433bbcb2b04a9f01b4c7eae68ec25
-  data.tar.gz: a438288232925292eae8081d6a1c5a5ad4200d47
+  metadata.gz: 43a8f1a7d4f294aef3a08e9d1e9317011d38a960
+  data.tar.gz: 5f3633b797df92142c78c90528576fd3323a662f
 SHA512:
-  metadata.gz: 3e86972e2bdb44fe843ded17e8a3a5bd3cb51e9fc36e1936c3ce6ddf22905d70d4b59c6d94f4f9ebcf055586491f09f7aa68c8fe5ac674df48b1f7235cda6626
-  data.tar.gz: 79d4083e27af2f062a85ff68bce876e22275571b3fd35147540c7ebfd49649b93f7077f32c83a73d38d124915254e87653cf52ffe9e75b9903f53d8387e1454d
+  metadata.gz: af4fd888a04f26a11994f67f114583dc520a1bbf5ec3c2f4766b64c595e471b916171f31007339aeeea3efdf4464516c909d1e428de71ca1537e32fc938c07b1
+  data.tar.gz: 3d22f8655e398b327b5a8d35f90235db4ae0820671b5fba481a1815e4a8aacbe3e8628589a60d5cd578b0ef43f79ca6e48593a6f7f2405a16ce047284c8355ec

data/VERSION

@@ -1 +1 @@
-2.0.0
+2.0.1

data/mvpkit.gemspec

@@ -2,16 +2,16 @@
 # DO NOT EDIT THIS FILE DIRECTLY
 # Instead, edit Jeweler::Tasks in Rakefile, and run 'rake gemspec'
 # -*- encoding: utf-8 -*-
-# stub: mvpkit 2.0.0 ruby lib
+# stub: mvpkit 2.0.1 ruby lib
 
 Gem::Specification.new do |s|
   s.name = "mvpkit".freeze
-  s.version = "2.0.0"
+  s.version = "2.0.1"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0".freeze) if s.respond_to? :required_rubygems_version=
   s.require_paths = ["lib".freeze]
   s.authors = ["Ian Hunter".freeze]
-  s.date = "2017-09-10"
+  s.date = "2017-09-11"
   s.description = "Built for Developers. Ideal for MVPs, product ideation and validation.".freeze
   s.email = "ianhunter@gmail.com".freeze
   s.executables = ["mvp".freeze]
@@ -27,9 +27,6 @@ Gem::Specification.new do |s|
     "README.md",
     "Rakefile",
     "VERSION",
-    "assets/js/application.js",
-    "assets/js/init/controllers.js",
-    "assets/js/init/forms.js",
     "bin/mvp",
     "bin/rails",
     "config/initializers/iteration.rb",
@@ -69,6 +66,8 @@ Gem::Specification.new do |s|
     "project/app/assets/stylesheets/elements/timeline.scss",
     "project/app/assets/stylesheets/elements/typography.scss",
     "project/app/assets/stylesheets/init/bootstrap.scss",
+    "project/app/assets/stylesheets/init/font-awesome.scss",
+    "project/app/assets/stylesheets/init/open-iconic.scss",
     "project/app/assets/stylesheets/init/reset.scss",
     "project/app/assets/stylesheets/init/variables.scss",
     "project/app/assets/stylesheets/treatments/backgrounds.scss",
@@ -128,6 +127,7 @@ Gem::Specification.new do |s|
     "project/app/helpers/application_helper.rb",
     "project/app/javascript/components/.gitkeep",
     "project/app/javascript/components/conversion.jsx",
+    "project/app/javascript/components/examples/reactstrap.jsx",
     "project/app/javascript/packs/application.js",
     "project/app/javascript/packs/server_rendering.js",
     "project/app/mailers/application_mailer.rb",

data/project/Gemfile

@@ -22,6 +22,7 @@ gem "geocoder"
 gem "hashie"
 gem 'identicon'
 gem 'jbuilder', '~> 2.5'
+gem 'kaminari'
 gem 'mustache'
 gem 'mvpkit', '~> 1.1.1'#, path: '../../mvpkit'
 gem 'pg'

data/project/Gemfile.lock

@@ -280,6 +280,18 @@ GEM
     js_regex (1.2.3)
       regexp_parser (>= 0.3.6, <= 0.5.0)
     json (1.8.6)
+    kaminari (1.0.1)
+      activesupport (>= 4.1.0)
+      kaminari-actionview (= 1.0.1)
+      kaminari-activerecord (= 1.0.1)
+      kaminari-core (= 1.0.1)
+    kaminari-actionview (1.0.1)
+      actionview
+      kaminari-core (= 1.0.1)
+    kaminari-activerecord (1.0.1)
+      activerecord
+      kaminari-core (= 1.0.1)
+    kaminari-core (1.0.1)
     launchy (2.4.3)
       addressable (~> 2.3)
     letter_opener (1.4.1)
@@ -491,6 +503,7 @@ DEPENDENCIES
   hashie
   identicon
   jbuilder (~> 2.5)
+  kaminari
   letter_opener
   listen (~> 3.0.5)
   mustache

data/project/app/assets/stylesheets/application.scss

@@ -1,9 +1,9 @@
 @import "init/variables";
 
-@import 'font-awesome/scss/font-awesome';
+// Fonts
+@import "init/open-iconic";
+@import "init/font-awesome";
 @import "init/bootstrap";
-@import "bootstrap/scss/bootstrap";
-
 @import "init/reset";
 
 @import "elements/*";

data/project/app/assets/stylesheets/elements/buttons.scss

@@ -1,48 +1,19 @@
 @import 'init/variables';
 
-.btn {
-  box-shadow: 0 1px 2px 0 rgba(106, 116, 135, 0.1);
-  padding: 8px 15px 5px 15px;
+.btn-group {
+  .btn {
+    // padding: 16px;
+  }
+}
 
+.btn {
   &:hover {
     cursor: pointer;
   }
 
-  &.btn-lg {
-    padding: 9px 15px 5px 15px
-  }
-
-  &.btn-sm {
-    padding: 5px 5px 3px 5px
-  }
-
-  &.btn-wite {
-    padding-left: 30px;
-    padding-right: 30px;
-  }
-
-  &.btn-secondary {
-    border: solid 1px $color-grey;
-    color: $color-grey-dark;
-    background-color: $color-grey-lightest;
-
-    .fa {
-      color: $color-grey;
-    }
-
+  &.btn-outline-light {
     &:hover {
-      background-color: darken($color-grey-lightest, 5%);
-    }
-
-    &:focus,
-    &:active {
-     outline: none !important;
-     box-shadow: 0 1px 2px 0 rgba(106, 116, 135, 0.1);
-    }
-
-    &.selected {
-      color: $color-grey-lightest;
-      background-color: $color-grey;
+      color: $color-black;
     }
   }
 
@@ -62,8 +33,9 @@
 
   @each $name, $val in $colors {
     &.btn-#{"" + $name} {
-      @include button-variant(#FFF, $val, $color-grey-light);
-      .fa { color: #fff; }
+      color: $color-white !important;
+      @include button-variant($val, $val);
+      .fa { color: $color-white; }
     }
 
     &.btn-outline-#{"" + $name} {
@@ -99,9 +71,3 @@
     }
   }
 }
-
-.btn-group {
-  .btn {
-    padding: 8px 10px 5px 10px;
-  }
-}

data/project/app/assets/stylesheets/elements/forms.scss

@@ -1,8 +1,3 @@
-.form-group {
-  margin-bottom: 0;
-  position: relative;
-}
-
 .form-control {
   padding: 8px 10px 5px 10px;
   box-shadow: 0 1px 2px 0 rgba(106, 116, 135, 0.1);

data/project/app/assets/stylesheets/elements/sidebar.scss

@@ -18,7 +18,7 @@
     &.active {
       color: $color-green;
       border: $card-border-width solid $card-border-color;
-      background: #FFF;
+      background: $color-white;
       @include border-radius($card-border-radius);
       @extend .shadowed;
     }

data/project/app/assets/stylesheets/init/bootstrap.scss

@@ -51,3 +51,5 @@ $state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%) !
 
 $table-cell-padding: 15px 10px 10px 10px;
 $table-sm-cell-padding: 0;
+
+@import "bootstrap/scss/bootstrap";

data/project/app/assets/stylesheets/init/font-awesome.scss

@@ -0,0 +1,2 @@
+$fa-font-path: 'font-awesome/font/fonts/';
+@import 'font-awesome/scss/font-awesome';

data/project/app/assets/stylesheets/init/open-iconic.scss

@@ -0,0 +1,2 @@
+$icon-font-path: 'open-iconic/font/fonts/';
+@import 'open-iconic/font/css/open-iconic-bootstrap.scss';

data/project/app/assets/stylesheets/init/variables.scss

@@ -6,6 +6,7 @@ $color-green:           #BFE1BF;
 $color-yellow:          #FCD059;
 $color-red:             #DE5842;
 
+$color-white:           #FFF;
 $color-black:           #000;
 $color-grey:            #EDEDEA;
 $color-grey-lightest:   lighten($color-grey, 30%);

data/project/app/assets/stylesheets/treatments/backgrounds.scss

@@ -1,9 +1,9 @@
 body {
-  background-color: #FFF;
+  background-color: $color-white;
 }
 
 .bg-white {
-  background-color: #FFF !important;
+  background-color: $color-white !important;
 }
 
 @each $name, $val in $colors {

data/project/app/controllers/application_controller.rb

@@ -5,7 +5,7 @@ class ApplicationController < ActionController::Base
 
   helper MVP::Engine.helpers
 
-  before_action :authenticate_with_http_basic if ENV['HTTP_BASIC_AUTH_USER']
+  before_action :http_basic_auth if ENV['HTTP_BASIC_AUTH_USER']
   # before_action :authenticate_user!
   before_action :configure_permitted_parameters, if: :devise_controller?
 
@@ -28,7 +28,7 @@ class ApplicationController < ActionController::Base
 
   private
 
-  def authenticate_with_http_basic
+  def http_basic_auth
     authenticate_or_request_with_http_basic do |username, password|
       username == ENV['HTTP_BASIC_AUTH_USER'] && password == ENV['HTTP_BASIC_AUTH_PASSWORD']
     end

data/project/app/engines/admin/app/controllers/admin/application_controller.rb

@@ -1,5 +1,6 @@
 module Admin
   class ApplicationController < ::ApplicationController
     protect_from_forgery with: :exception
+    before_action :http_basic_auth if ENV['HTTP_BASIC_AUTH_USER']
   end
 end

data/project/app/javascript/components/examples/reactstrap.jsx

@@ -0,0 +1,79 @@
+import React from 'react';
+import { Button, Form, FormGroup, Label, Input, FormText } from 'reactstrap';
+
+export default class ReactstrapExamples extends React.Component {
+  render() {
+    return (
+      <Form>
+        <FormGroup>
+          <Label for="exampleEmail">Email</Label>
+          <Input type="email" name="email" id="exampleEmail" placeholder="with a placeholder" />
+        </FormGroup>
+        <FormGroup>
+          <Label for="examplePassword">Password</Label>
+          <Input type="password" name="password" id="examplePassword" placeholder="password placeholder" />
+        </FormGroup>
+        <FormGroup>
+          <Label for="exampleSelect">Select</Label>
+          <Input type="select" name="select" id="exampleSelect">
+            <option>1</option>
+            <option>2</option>
+            <option>3</option>
+            <option>4</option>
+            <option>5</option>
+          </Input>
+        </FormGroup>
+        <FormGroup>
+          <Label for="exampleSelectMulti">Select Multiple</Label>
+          <Input type="select" name="selectMulti" id="exampleSelectMulti" multiple>
+            <option>1</option>
+            <option>2</option>
+            <option>3</option>
+            <option>4</option>
+            <option>5</option>
+          </Input>
+        </FormGroup>
+        <FormGroup>
+          <Label for="exampleText">Text Area</Label>
+          <Input type="textarea" name="text" id="exampleText" />
+        </FormGroup>
+        <FormGroup>
+          <Label for="exampleFile">File</Label>
+          <Input type="file" name="file" id="exampleFile" />
+          <FormText color="muted">
+            This is some placeholder block-level help text for the above input.
+            It's a bit lighter and easily wraps to a new line.
+          </FormText>
+        </FormGroup>
+        <FormGroup tag="fieldset">
+          <legend>Radio Buttons</legend>
+          <FormGroup check>
+            <Label check>
+              <Input type="radio" name="radio1" />{' '}
+              Option one is this and that—be sure to include why it's great
+            </Label>
+          </FormGroup>
+          <FormGroup check>
+            <Label check>
+              <Input type="radio" name="radio1" />{' '}
+              Option two can be something else and selecting it will deselect option one
+            </Label>
+          </FormGroup>
+          <FormGroup check disabled>
+            <Label check>
+              <Input type="radio" name="radio1" disabled />{' '}
+              Option three is disabled
+            </Label>
+          </FormGroup>
+        </FormGroup>
+        <FormGroup check>
+          <Label check>
+            <Input type="checkbox" />{' '}
+            Check me out
+          </Label>
+        </FormGroup>
+        <Button>Submit</Button>
+      </Form>
+    );
+  }
+}

data/project/app/javascript/packs/application.js

@@ -12,17 +12,18 @@ var componentRequireContext = require.context("components", true)
 var ReactRailsUJS = require("react_ujs")
 ReactRailsUJS.useContext(componentRequireContext)
 
-window.Tether          = require('tether');
-window.Popper = require('popper.js').default
-window.jQuery          = require('jquery')
-window.jQueryUJS       = require('jquery-ujs');
-window.$               = window.jQuery;
+window.Tether             = require('tether');
+window.Popper             = require('popper.js').default
+window.jQuery             = require('jquery')
+window.jQueryUJS          = require('jquery-ujs');
+window.$                  = window.jQuery;
 
-window.is              = require('is_js');
-window._               = require('lodash');
+window.is                 = require('is_js');
+window._                  = require('lodash');
 _.mixin(require('lodash-inflection'));
 
-window.Moment          = require('moment');
-window.bs              = require('bootstrap');
+window.Moment             = require('moment');
+window.bs                 = require('bootstrap');
 
-window.Conversion      = require('components/conversion');
+window.ReactstrapExamples = require('components/examples/reactstrap');
+window.Conversion         = require('components/conversion');

data/project/app/views/home/index.html.erb

@@ -10,10 +10,11 @@
     <h2 class="mb20">Quick Tour</h2>
 
     <div class="mb50">
-      <p class="mb20">You've got <a href="https://getbootstrap.com/docs/4.0/getting-started/introduction/">Bootstrap 4</a> ready to go.</p>
+      <h4 class="mb10">Bootstrap 4</h4>
+      <p class="mb20">You've got <a href="https://getbootstrap.com/docs/4.0/getting-started/introduction/" target="_blank">Bootstrap 4</a> right out of the box.</p>
 
       <div class="row">
-        <% ['primary','secondary','success','warning','danger'].each do |color| %>
+        <% ['primary','secondary','success','warning','danger','green','red','blue','yellow'].each do |color| %>
           <div class="col-sm-4 mb20">
             <a href="#" class="btn btn-<%= color %> btn-block">.btn-<%= color %></a>
           </div>
@@ -21,6 +22,77 @@
       </div>
     </div>
 
+    <div class="mb50">
+      <h4 class="mb10">Reactstrap</h4>
+      <p class="mb20">Inside React components you have the Reactstrap library <a href="https://reactstrap.github.io/components/" target="_blank">Bootstrap 4</a> right out of the box.</p>
+
+      <%= react_component 'examples/reactstrap' %>
+    </div>
+
+    <div class="mb50">
+      <h4 class="mb20">Icons</h4>
+      <p class="mb20">Font-Awesome (<a href="http://fontawesome.io/icons/" target="_blank">icons</a>)</p>
+      <div class="mb20">
+        <% ['address-book','address-book-o','address-card','address-card-o','bandcamp','bath','bathtub (alias)','drivers-license (alias)','drivers-license-o (alias)','eercast','envelope-open','envelope-open-o','etsy','free-code-camp','grav','handshake-o','id-badge','id-card','id-card-o','imdb','linode','meetup','microchip','podcast','quora','ravelry','s15 (alias)','shower','snowflake-o','superpowers','telegram','thermometer (alias)','thermometer-0 (alias)','thermometer-1 (alias)','thermometer-2 (alias)','thermometer-3 (alias)','thermometer-4 (alias)','thermometer-empty','thermometer-full','thermometer-half','thermometer-quarter','thermometer-three-quarters','times-rectangle (alias)','times-rectangle-o (alias)','user-circle','user-circle-o','user-o','vcard (alias)','vcard-o (alias)','window-close','window-close-o','window-maximize','window-minimize','window-restore','wpexplorer','address-book','address-book-o','address-card','address-card-o','adjust','american-sign-language-interpreting','anchor','archive','area-chart','arrows','arrows-h','arrows-v','asl-interpreting (alias)','assistive-listening-systems','asterisk','at','audio-description','automobile (alias)','balance-scale','ban','bank (alias)','bar-chart','bar-chart-o (alias)','barcode','bars','bath','bathtub (alias)','battery (alias)','battery-0 (alias)','battery-1 (alias)','battery-2 (alias)','battery-3 (alias)','battery-4 (alias)','battery-empty','battery-full','battery-half','battery-quarter','battery-three-quarters','bed','beer','bell','bell-o','bell-slash','bell-slash-o','bicycle','binoculars','birthday-cake','blind','bluetooth','bluetooth-b','bolt','bomb','book','bookmark','bookmark-o','braille','briefcase','bug','building','building-o','bullhorn','bullseye','bus','cab (alias)','calculator','calendar','calendar-check-o','calendar-minus-o','calendar-o','calendar-plus-o','calendar-times-o','camera','camera-retro','car','caret-square-o-down','caret-square-o-left','caret-square-o-right','caret-square-o-up','cart-arrow-down','cart-plus','cc','certificate','check','check-circle','check-circle-o','check-square','check-square-o','child','circle','circle-o','circle-o-notch','circle-thin','clock-o','clone','close (alias)','cloud','cloud-download','cloud-upload','code','code-fork','coffee','cog','cogs','comment','comment-o','commenting','commenting-o','comments','comments-o','compass','copyright','creative-commons','credit-card','credit-card-alt','crop','crosshairs','cube','cubes','cutlery','dashboard (alias)','database','deaf','deafness (alias)','desktop','diamond','dot-circle-o','download','drivers-license (alias)','drivers-license-o (alias)','edit (alias)','ellipsis-h','ellipsis-v','envelope','envelope-o','envelope-open','envelope-open-o','envelope-square','eraser','exchange','exclamation','exclamation-circle','exclamation-triangle','external-link','external-link-square','eye','eye-slash','eyedropper','fax','feed (alias)','female','fighter-jet','file-archive-o','file-audio-o','file-code-o','file-excel-o','file-image-o','file-movie-o (alias)','file-pdf-o','file-photo-o (alias)','file-picture-o (alias)','file-powerpoint-o','file-sound-o (alias)','file-video-o','file-word-o','file-zip-o (alias)','film','filter','fire','fire-extinguisher','flag','flag-checkered','flag-o','flash (alias)','flask','folder','folder-o','folder-open','folder-open-o','frown-o','futbol-o','gamepad','gavel','gear (alias)','gears (alias)','gift','glass','globe','graduation-cap','group (alias)','hand-grab-o (alias)','hand-lizard-o','hand-paper-o','hand-peace-o','hand-pointer-o','hand-rock-o','hand-scissors-o','hand-spock-o','hand-stop-o (alias)','handshake-o','hard-of-hearing (alias)','hashtag','hdd-o','headphones','heart','heart-o','heartbeat','history','home','hotel (alias)','hourglass','hourglass-1 (alias)','hourglass-2 (alias)','hourglass-3 (alias)','hourglass-end','hourglass-half','hourglass-o','hourglass-start','i-cursor','id-badge','id-card','id-card-o','image (alias)','inbox','industry','info','info-circle','institution (alias)','key','keyboard-o','language','laptop','leaf','legal (alias)','lemon-o','level-down','level-up','life-bouy (alias)','life-buoy (alias)','life-ring','life-saver (alias)','lightbulb-o','line-chart','location-arrow','lock','low-vision','magic','magnet','mail-forward (alias)','mail-reply (alias)','mail-reply-all (alias)','male','map','map-marker','map-o','map-pin','map-signs','meh-o','microchip','microphone','microphone-slash','minus','minus-circle','minus-square','minus-square-o','mobile','mobile-phone (alias)','money','moon-o','mortar-board (alias)','motorcycle','mouse-pointer','music','navicon (alias)','newspaper-o','object-group','object-ungroup','paint-brush','paper-plane','paper-plane-o','paw','pencil','pencil-square','pencil-square-o','percent','phone','phone-square','photo (alias)','picture-o','pie-chart','plane','plug','plus','plus-circle','plus-square','plus-square-o','podcast','power-off','print','puzzle-piece','qrcode','question','question-circle','question-circle-o','quote-left','quote-right','random','recycle','refresh','registered','remove (alias)','reorder (alias)','reply','reply-all','retweet','road','rocket','rss','rss-square','s15 (alias)','search','search-minus','search-plus','send (alias)','send-o (alias)','server','share','share-alt','share-alt-square','share-square','share-square-o','shield','ship','shopping-bag','shopping-basket','shopping-cart','shower','sign-in','sign-language','sign-out','signal','signing (alias)','sitemap','sliders','smile-o','snowflake-o','soccer-ball-o (alias)','sort','sort-alpha-asc','sort-alpha-desc','sort-amount-asc','sort-amount-desc','sort-asc','sort-desc','sort-down (alias)','sort-numeric-asc','sort-numeric-desc','sort-up (alias)','space-shuttle','spinner','spoon','square','square-o','star','star-half','star-half-empty (alias)','star-half-full (alias)','star-half-o','star-o','sticky-note','sticky-note-o','street-view','suitcase','sun-o','support (alias)','tablet','tachometer','tag','tags','tasks','taxi','television','terminal','thermometer (alias)','thermometer-0 (alias)','thermometer-1 (alias)','thermometer-2 (alias)','thermometer-3 (alias)','thermometer-4 (alias)','thermometer-empty','thermometer-full','thermometer-half','thermometer-quarter','thermometer-three-quarters','thumb-tack','thumbs-down','thumbs-o-down','thumbs-o-up','thumbs-up','ticket','times','times-circle','times-circle-o','times-rectangle (alias)','times-rectangle-o (alias)','tint','toggle-down (alias)','toggle-left (alias)','toggle-off','toggle-on','toggle-right (alias)','toggle-up (alias)','trademark','trash','trash-o','tree','trophy','truck','tty','tv (alias)','umbrella','universal-access','university','unlock','unlock-alt','unsorted (alias)','upload','user','user-circle','user-circle-o','user-o','user-plus','user-secret','user-times','users','vcard (alias)','vcard-o (alias)','video-camera','volume-control-phone','volume-down','volume-off','volume-up','warning (alias)','wheelchair','wheelchair-alt','wifi','window-close','window-close-o','window-maximize','window-minimize','window-restore','wrench'].each do |icon| %>
+          <i class="fa fa-<%= icon %>"></i>
+        <% end %>
+      </div>
+
+      <div class="mb20">
+        <span><i class="fa fa-spinner fa-pulse fa-1x fa-fw"></i> spinning icons too ...</span>
+      </div>
+
+      <p class="mb20">Open Iconic (<a href="https://useiconic.com/open/" target="_blank">icons</a>)</p>
+      <div class="mb20">
+        <% icons = [  "account-login", "account-logout", "action-redo", "action-undo",
+                      "align-center", "align-left", "align-right", "aperture", "arrow-bottom",
+                      "arrow-circle-bottom", "arrow-circle-left", "arrow-circle-right",
+                      "arrow-circle-top", "arrow-left", "arrow-right", "arrow-thick-bottom",
+                      "arrow-thick-left", "arrow-thick-right", "arrow-thick-top", "arrow-top",
+                      "audio", "audio-spectrum", "badge", "ban", "bar-chart", "basket",
+                      "battery-empty", "battery-full", "beaker", "bell", "bluetooth", "bold",
+                      "bolt", "book", "bookmark", "box", "briefcase", "british-pound",
+                      "browser", "brush", "bug", "bullhorn", "calculator", "calendar",
+                      "camera-slr", "caret-bottom", "caret-left", "caret-right", "caret-top",
+                      "cart", "chat", "check", "chevron-bottom", "chevron-left",
+                      "chevron-right", "chevron-top", "circle-check", "circle-x", "clipboard",
+                      "clock", "cloud", "cloud-download", "cloud-upload", "cloudy", "code",
+                      "cog", "collapse-left", "collapse-down", "collapse-right", "collapse-up",
+                      "command", "comment-square", "compass", "contrast", "copywriting",
+                      "credit-card", "crop", "dashboard", "data-transfer-download",
+                      "data-transfer-upload", "delete", "dial", "document", "dollar",
+                      "double-quote-sans-left", "double-quote-sans-right",
+                      "double-quote-serif-left", "double-quote-serif-right", "droplet", "eject",
+                      "elevator", "ellipses", "envelope-closed", "euro", "envelope-open",
+                      "excerpt", "expand-down", "expand-left", "expand-right", "expand-up",
+                      "external-link", "eye", "eyedropper", "file", "fire", "flag", "flash",
+                      "folder", "fork", "fullscreen-enter", "fullscreen-exit", "globe", "graph",
+                      "grid-four-up", "grid-three-up", "grid-two-up", "hard-drive", "header",
+                      "headphones", "heart", "image", "inbox", "home", "infinity", "info",
+                      "italic", "justify-center", "justify-left", "justify-right", "key",
+                      "laptop", "layers", "lightbulb", "link-broken", "link-intact", "list",
+                      "list-rich", "location", "lock-locked", "lock-unlocked", "loop",
+                      "loop-circular", "loop-square", "magnifying-glass", "map", "map-marker",
+                      "media-pause", "media-play", "media-record", "media-skip-backward",
+                      "media-skip-forward", "media-step-backward", "media-step-forward",
+                      "media-stop", "medical-cross", "menu", "microphone", "minus", "monitor",
+                      "moon", "move", "musical-note", "paperclip", "people", "pencil", "person",
+                      "phone", "pie-chart", "pin", "play-circle", "plus", "power-standby",
+                      "print", "project", "pulse", "puzzle-piece", "question-mark", "rain",
+                      "random", "reload", "resize-both", "resize-height", "resize-width", "rss",
+                      "rss-alt", "script", "share", "share-boxed", "shield", "signal",
+                      "signpost", "sort-ascending", "sort-descending", "spreadsheet", "star",
+                      "sun", "tablet", "tag", "tags", "target", "task", "terminal", "text",
+                      "thumb-up", "thumb-down", "timer", "transfer", "trash", "underline",
+                      "vertical-align-bottom", "vertical-align-center", "vertical-align-top",
+                      "volume-high", "video", "volume-low", "volume-off", "warning", "wifi",
+                      "wrench", "x", "yen", "zoom-in", "zoom-out"
+                    ].each do |icon| %>
+          <span class="oi oi-<%= icon %>"></span>
+        <% end %>
+      </div>
+    </div>
+
     <p class="mb15">Here's a sample React conversion form.  It takes an email as an input, validates and submits to the server to create a conversion, which will show up in <a href="/a/conversions">conversions admin</a></p>
 
     <%= react_component 'Conversion' %>

data/project/package.json

@@ -37,6 +37,7 @@
     "jquery-ujs": "^1.2.2",
     "lodash-inflection": "^1.5.0",
     "moment": "^2.18.1",
+    "open-iconic": "^1.1.1",
     "path-complete-extname": "^0.1.0",
     "popper.js": "^1.12.5",
     "react": "^15.6.1",

data/project/yarn.lock

@@ -3091,6 +3091,10 @@ onetime@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/onetime/-/onetime-1.1.0.tgz#a1f7838f8314c516f05ecefcbc4ccfe04b4ed789"
 
+open-iconic@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/open-iconic/-/open-iconic-1.1.1.tgz#9dcfc8c7cd3c61cdb4a236b1a347894c97adc0c6"
+
 opn@4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/opn/-/opn-4.0.2.tgz#7abc22e644dff63b0a96d5ab7f2790c0f01abc95"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mvpkit
 version: !ruby/object:Gem::Version
-  version: 2.0.0
+  version: 2.0.1
 platform: ruby
 authors:
 - Ian Hunter
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-09-10 00:00:00.000000000 Z
+date: 2017-09-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: semantic
@@ -54,9 +54,6 @@ files:
 - README.md
 - Rakefile
 - VERSION
-- assets/js/application.js
-- assets/js/init/controllers.js
-- assets/js/init/forms.js
 - bin/mvp
 - bin/rails
 - config/initializers/iteration.rb
@@ -96,6 +93,8 @@ files:
 - project/app/assets/stylesheets/elements/timeline.scss
 - project/app/assets/stylesheets/elements/typography.scss
 - project/app/assets/stylesheets/init/bootstrap.scss
+- project/app/assets/stylesheets/init/font-awesome.scss
+- project/app/assets/stylesheets/init/open-iconic.scss
 - project/app/assets/stylesheets/init/reset.scss
 - project/app/assets/stylesheets/init/variables.scss
 - project/app/assets/stylesheets/treatments/backgrounds.scss
@@ -155,6 +154,7 @@ files:
 - project/app/helpers/application_helper.rb
 - project/app/javascript/components/.gitkeep
 - project/app/javascript/components/conversion.jsx
+- project/app/javascript/components/examples/reactstrap.jsx
 - project/app/javascript/packs/application.js
 - project/app/javascript/packs/server_rendering.js
 - project/app/mailers/application_mailer.rb

data/assets/js/application.js

@@ -1,31 +0,0 @@
-require('jquery')
-require('jquery-ujs')
-require('jquery.cookie')
-var _  = require('lodash')
-var is = require('is')
-
-require('./init/controllers')
-require('./init/forms')
-
-window.track = function(event, attributes, fn){
-  console.log("Track: " + event + " " + JSON.stringify(attributes))
-
-  if (is.fn(attributes)) fn = attributes, attributes = null;
-  if (is.undefined(attributes)) { attributes = {} }
-  if ($.cookie('invisible') == "true") {
-    if (!is.undefined(fn)) { fn() }
-    return
-  }
-
-  var attrs = _.extend({
-    iteration: $('body').data('iteration')
-  }, attributes)
-
-  if (typeof(analytics) != 'undefined') {
-    analytics.track(event, attrs, fn);
-  }
-
-  if (typeof(amplitude) != 'undefined') {
-    amplitude.getInstance().logEvent(event, attrs, fn);
-  }
-}

data/assets/js/init/controllers.js

@@ -1,26 +0,0 @@
-window.controllers = {}
-
-let handler = function(){
-  var $body = $("body");
-  var controller = $body.data("controller").replace(/\//g, "_");
-  var action = $body.data("action");
-
-  var activeController = window.controllers[controller];
-
-  if (activeController !== undefined) {
-    if (window.env == "development") {
-      console.log("[Controllers] " + controller + "." + action + "()");
-    }
-
-    if ($.isFunction(activeController.init)) {
-      activeController.init();
-    }
-
-    if ($.isFunction(activeController[action])) {
-      activeController[action]();
-    }
-  }
-}
-
-// $(handler);
-document.addEventListener("turbolinks:load", handler)

data/assets/js/init/forms.js

@@ -1,12 +0,0 @@
-$(function(){
-  $('form.no-enter-submit').bind("keypress", function(e) {
-    if (e.keyCode == 13) {
-      e.preventDefault();
-      return false;
-    }
-  });
-
-  $('form.disable-on-submit').on('submit', function(e){
-    $(this).find(".btn").addClass('disabled')
-  })
-})