mountain_view 0.3.3 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: bf9f3a42f8af9715d3b0c0855903cd0aeba57c49
-  data.tar.gz: ba52d8500178623e782b1a41e26605b31bf2ce69
+  metadata.gz: d65e26c365858e61121a0b3bbb8f2f90907f0c84
+  data.tar.gz: 05fc336f347ca1d67e6b9eff203b66fc74f8012e
 SHA512:
-  metadata.gz: 596f9344da8ac52a2418062f8e2ef09961253b6a1f261ad6f3d9fec026abe13af9dfd6533b81c9607e5cfaeaa7962251ee5acd8856076813943a8cce575f3390
-  data.tar.gz: 4f6beb3bd54dccecf71eb67e96ca4267e024f41ad3161533743c8b399fae48b36e4514bd9e577fb2389c59b9b217500bb5a56483f7c3c116b1d664d4fe6c20ea
+  metadata.gz: 19e480f95a51f78bdcd169040700c865ca2dd26bd8172699c8e002a31f43956b4f64411db83a75d0aadbc64ecca3bf5cabf70dc591a1d804484875919b367dcd
+  data.tar.gz: c1c20a2fa1e7c54514679f8873372f64b9667c7582c39b6c1b7df89e3bedad70b716e5e74382eb6667901f213cf245c92d2eae21b67c34fe38774e283907597a

data/README.md

@@ -1,7 +1,11 @@
 # Mountain View
 
-Mountain View helps you create reusable visual components on your Rails
-Application and automatically generates a style guide for your components.
+[![Build Status](https://travis-ci.org/jgnatch/mountain_view.svg?branch=master)](https://travis-ci.org/jgnatch/mountain_view)
+[![Code Climate](https://codeclimate.com/github/jgnatch/mountain_view/badges/gpa.svg)](https://codeclimate.com/github/jgnatch/mountain_view)
+
+With Mountain View you create reusable components for your Rails frontend, while generating a living style guide.
+
+_FAQ_: Does it generate it automatically? You bet!
 
 ## Installation
 
@@ -56,7 +60,7 @@ You can then call your components on any view by using the following
 helper:
 
 ```erb
-<%= ui_component "header", title: "This is a title", subtitle: "And this is a subtitle" %>
+<%= render_component "header", title: "This is a title", subtitle: "And this is a subtitle" %>
 ```
 
 ### Assets
@@ -104,11 +108,7 @@ E.g: `app/components/card/card.yml`
 
 ## Contributing
 
-1. Fork it ([https://github.com/jgnatch/mountain_view/fork](https://github.com/jgnatch/mountain_view/fork))
-2. Create your feature branch (`git checkout -b my-new-feature`)
-3. Commit your changes (`git commit -am 'Add some feature'`)
-4. Push to the branch (`git push origin my-new-feature`)
-5. Create new Pull Request
+See the [contributing guide](./CONTRIBUTING.md).
 
 ## Team
 

data/app/assets/stylesheets/mountain_view/styleguide.css

@@ -56,21 +56,21 @@ body{
 }
 
 .mv-sidebar ul li a{
-  color:#555;
+  color: #555;
   font-size: 14px;
   text-decoration: none;
   font-weight: 300;
 }
 
 .mv-sidebar ul li a:hover{
-  color:#000;
+  color: #000;
 }
 
 /* MAIN */
 .mv-main{
   box-sizing: border-box;
   width: 82%;
-  float:left;
+  float: left;
   padding: 30px 60px;
 }
 .mv-main__header{
@@ -98,28 +98,29 @@ body{
   padding: 25px;
   background: #F7F7F7;
   border: 1px solid #E4E4E4;
-  margin-top:30px;
+  margin-top: 30px;
 }
 
 .mv-component__description h2{
-  font-weight:bold;
-  margin-bottom:20px;
+  font-weight: bold;
+  margin-bottom: 20px;
 }
 
 .mv-component__description__definition{
-  margin-bottom:20px;
+  margin-bottom: 20px;
 }
 
-.mv-component__description__definition code{
+.mv-component__description__definition code,
+.mv-component__description__properties code {
   background: none !important;
-  font-size:14px;
+  font-size: 14px;
 }
 
 .mv-component__description__properties{
   background: #fff !important;
-  border:1px solid #e4e4e4;
-  max-height:230px;
-  overflow:auto;
+  border: 1px solid #e4e4e4;
+  max-height: 230px;
+  overflow: auto;
   font-size: 13px;
   padding: 30px 20px;
 }

data/app/helpers/mountain_view/component_helper.rb

@@ -1,6 +1,6 @@
 module MountainView
   module ComponentHelper
-    def ui_component(slug, properties = {})
+    def render_component(slug, properties = {})
       render "#{slug}/#{slug}", properties: properties
     end
   end

data/app/views/mountain_view/styleguide/show.html.erb

@@ -5,15 +5,17 @@
 <% styleguide_stubs(@component).each_with_index do |component_properties, index| %>
   <div class="mv-component">
     <div class="mv-component__item">
-      <%= ui_component @component, component_properties %>
+      <%= render_component @component, component_properties %>
     </div>
     <div class="mv-component__description">
       <h2><%= @component.capitalize %> <%= index + 1 %></h2>
       <div class="mv-component__description__definition">
-        <code class="language-ruby">&lt;%= ui_component("<%= @component %>", {properties as below}) %&gt;</code>
+        <code class="language-ruby">&lt;%= render_component("<%= @component %>", {properties as below}) %&gt;</code>
+      </div>
+      <%- formatted = JSON.pretty_generate component_properties %>
+      <div class="mv-component__description__properties">
+        <code class="language-ruby"><%= formatted.gsub(/\"(\S+)?\":/, '\1:') %></code>
       </div>
-      <%- formatted = JSON.pretty_generate component_properties  %>
-      <pre class="mv-component__description__properties language-ruby"><code><%= formatted.gsub(/\"(\S+)?\":/, '\1:') %></code></pre>
     </div>
   </div>
 <% end %>

data/lib/mountain_view/version.rb

@@ -1,3 +1,3 @@
 module MountainView
-  VERSION = "0.3.3"
+  VERSION = "0.4.0"
 end

data/test/dummy/app/views/home/index.html.erb

@@ -1,2 +1,2 @@
-<%= ui_component "header", {title: "Pepe"} %>
+<%= render_component "header", title: "Pepe" %>
 Hello