stylio 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 64704ec7b217f7f598e51752e3c1869fb8a233af
-  data.tar.gz: aa58e88dc77c0b05aad0edf2bddb72bef70ecfaf
+  metadata.gz: 0f1fe5111c2ec9d099fef060d0f07d82e701b37e
+  data.tar.gz: 026d50440dbb3cb81055cfd1894752410228d338
 SHA512:
-  metadata.gz: 75bb227ad980a6bb45e80a70df01bc07a6f8de3b897b6b9aefb4289efe4371db788990df1f19c053fb47e04ee5681c648509856a24a31720634b2f4796b3dd5c
-  data.tar.gz: bf2391b52be1de38d42450b188e917fcd0714e39d21423abd50f8ee6f1a4c3f83a9f004cbe1e08df4ec7dc9ce3c9a95c89a802e8bf3052a0c7d25a1c018b848c
+  metadata.gz: 226361459e961b082b88976588145510b3fd4a3ecb9b3ec4ecc023de43fa360356b68e5c0427ca81f1d809aac4a99a5d3ad600ac62e2217809fc2fab079be053
+  data.tar.gz: 1920810b7efda0c2854e58cb102a486d970c14cf785043ab637327d05c306c9a8e44f7623f9443663c33c4dc91b58ce15e47ab158bb6582a6b6efbf3ad552ffb

data/README.md

@@ -1,6 +1,6 @@
 # Stylio
 
-Stylio is a Sinatra based frameowrk to make a living styleguide that can easily be ported into a Rails application.
+Stylio is a Sinatra based framework to make a living style guide that can easily be ported into a Rails application.
 
 Currently supports Sass and ERB
 
@@ -20,7 +20,7 @@ Or install it yourself as:
 
 `gem install stylio`
 
-Add framework folders
+Add the framework folders
 
 `mkdir components && mkdir layouts`
 
@@ -34,7 +34,7 @@ Stylesheets are added to the `assets/stylesheets` folder which you will need to
 
 ## Adding components
 
-`mkdir COMPONENT_NAME` and then add two files in this folder:
+`mkdir components/COMPONENT_NAME` and then add two files in this folder:
 
 An erb partial `touch _COMPONENT_NAME.html.erb`
 A fixture file `touch COMPONENT_NAME.yml`
@@ -45,11 +45,22 @@ See (stylio-example)[http://github.com/substrakt/stylio-example] to see an examp
 
 ## Adding layouts
 
-`mkdir LAYOUT_NAME` and then add a file in this folder:
+`mkdir layouts/LAYOUT_NAME` and then add a file in this folder:
 
 An erb template `touch LAYOUT_NAME.html.erb`
 
-No parameters can be referenced on this page except for `<%= yield_example %>`. When moving to a Rails app, simply change `yield_example` to `yield`
+No parameters can be referenced on this page except for `<%= yield %>`.
+
+See (stylio-example)[http://github.com/substrakt/stylio-example] to see an example setup.
+
+## Adding examples
+
+`mkdir examples/EXAMPLE_NAME` and then add a file in this folder:
+
+An erb template `touch EXAMPLE_NAME.html.erb`
+and yaml file `touch EXAMPLE_NAME.yml`
+
+No parameters can be referenced on this page except for `<%= yield %>` and calling other components and the name of the yml data `<%= render_component 'component_name', :component_data %>`
 
 See (stylio-example)[http://github.com/substrakt/stylio-example] to see an example setup.
 

data/lib/stylio/app.rb

@@ -54,22 +54,44 @@ module Stylio
     end
 
     get '/layouts/:id' do
-
       name = params[:id]
       path = File.join(settings.app_path, 'layouts', name)
 
-      erb :layout,
+      erb :styleguide, :layout => false do
+        erb :"#{path}/#{name}.html" do
+          "Yielded content"
+        end
+      end
+    end
+
+    get '/examples' do
+      examples = File.join(settings.app_path, 'examples')
+      directories = Dir.entries(examples).select {|f| !File.directory? f}
+      erb :examples,
         locals: {
-          name: name,
-          path: path
+          examples: directories
         }, layout: :styleguide
     end
 
+    get '/examples/:id' do
+
+      name = params[:id]
+      layouts = File.join(settings.app_path, 'layouts')
+      path = File.join(settings.app_path, 'examples', name)
+      yaml = YAML.load_file(File.join(path, "#{ name }.yml"))
+
+      erb :styleguide, :layout => false do
+        erb :"#{layouts}/#{yaml['layout']}/#{yaml['layout']}.html", :layout => false do
+          erb :"#{path}/#{name}.html"
+        end
+      end
+    end
+
     helpers do
       def render_component(name, key)
-        path = File.join(settings.components, name)
+        path = File.join(settings.app_path, 'components', name)
         yaml = YAML.load_file(File.join(path, "#{ name }.yml"))
-        erb :"../components/#{name}/_#{name}.html", locals: { params: yaml[key.to_s] }
+        erb :"#{path}/_#{name}.html", locals: { params: yaml[key.to_s] }
       end
     end
   end

data/lib/stylio/version.rb

@@ -1,3 +1,3 @@
 module Stylio
-  VERSION = "0.0.2"
+  VERSION = "0.0.3"
 end

data/lib/stylio/views/examples.erb

@@ -0,0 +1,8 @@
+<div style="padding:20px;">
+  <h1>Examples</h1>
+  <ul>
+    <% examples.each do |example| %>
+      <li><a href="/examples/<%= example %>"><%= example %></a></li>
+    <% end %>
+  </ul>
+</div>

data/lib/stylio/views/menu.erb

@@ -4,5 +4,6 @@
     <li style="display: inline;"><a style="color: #FFF;" href="/elements">Elements</a></li>
     <li style="display: inline;"><a style="color: #FFF;" href="/components">Components</a></li>
     <li style="display: inline;"><a style="color: #FFF;" href="/layouts">Layouts</a></li>
+    <li style="display: inline;"><a style="color: #FFF;" href="/examples">Examples</a></li>
   </ul>
 </div>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: stylio
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - Substrakt
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-06-15 00:00:00.000000000 Z
+date: 2016-07-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sinatra
@@ -119,8 +119,8 @@ files:
 - lib/stylio/views/component.erb
 - lib/stylio/views/components.erb
 - lib/stylio/views/elements.erb
+- lib/stylio/views/examples.erb
 - lib/stylio/views/header.erb
-- lib/stylio/views/layout.erb
 - lib/stylio/views/layouts.erb
 - lib/stylio/views/menu.erb
 - lib/stylio/views/styleguide.erb
@@ -147,7 +147,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5.1
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: An independent living styleguide with simple Rails portability

data/lib/stylio/views/layout.erb

@@ -1 +0,0 @@
-<%= erb :"#{path}/#{name}.html", locals: { yield_placeholder: 'Yielded content' } %>