woo 0.0.1 → 0.1.0.pre1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 798e2471c7925bd5fb0c8ca47a0bf798c44d2679
+  data.tar.gz: 9f7246f08661483fdf886cb8f3c6b927f5913520
+SHA512:
+  metadata.gz: b60116a2643ce78bbbab40c5ae22edb358e8dd415c670b5dbc2f0a2b15e547f5076e72f786dcf34b2157de7dd8d038680886e8f04465be1def18b9f1718a76ba
+  data.tar.gz: 834f3c966f3e4cdce3a1c73d135bfd0c134607e422201920ce29e4c99a4cc55d869705515f06d8d36e4b836947c2ae043ae58df08b0b1461340e442d5c10b39d

data/Rakefile

@@ -8,7 +8,6 @@ end
 APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
 load 'rails/tasks/engine.rake'
 
-
 Bundler::GemHelper.install_tasks
 
 Dir[File.join(File.dirname(__FILE__), 'tasks/**/*.rake')].each {|f| load f }
@@ -17,4 +16,4 @@ require 'rspec/core'
 require 'rspec/core/rake_task'
 
 desc "Run all specs in spec directory (excluding plugin specs)"
-task default: :test
+task default: :spec

data/app/assets/javascripts/{styleguide → woo}/application.js

@@ -18473,7 +18473,7 @@ return jQuery;
 }.call(this));
 
 },{}],97:[function(require,module,exports){
-var $, Styleguide, hljs, _,
+var $, Woo, hljs, _,
   __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
 
 $ = require('jquery');
@@ -18482,10 +18482,10 @@ _ = require('underscore');
 
 window.hljs = hljs = require('highlight.js');
 
-Styleguide = (function() {
-  Styleguide.prototype.menuPreviewTolerance = 150;
+Woo = (function() {
+  Woo.prototype.menuPreviewTolerance = 150;
 
-  function Styleguide() {
+  function Woo() {
     this.closeMenuEventually = __bind(this.closeMenuEventually, this);
     this.openMenu = __bind(this.openMenu, this);
     hljs.initHighlighting();
@@ -18494,22 +18494,22 @@ Styleguide = (function() {
     this.activateCodeShowing();
   }
 
-  Styleguide.prototype.openMenu = function() {
+  Woo.prototype.openMenu = function() {
     $('body').addClass('open');
     if (this.delayedClose) {
       return clearTimeout(this.delayedClose);
     }
   };
 
-  Styleguide.prototype.closeMenuEventually = function() {
+  Woo.prototype.closeMenuEventually = function() {
     return this.delayedClose = _.delay(this.closeMenu, 300);
   };
 
-  Styleguide.prototype.closeMenu = function() {
+  Woo.prototype.closeMenu = function() {
     return $('body').removeClass('open');
   };
 
-  Styleguide.prototype.bindWidthPickers = function() {
+  Woo.prototype.bindWidthPickers = function() {
     return $('a[data-width]').click(function() {
       $('dd.preview').css('width', $(this).data('width'));
       $(this).siblings().removeClass('selected');
@@ -18517,13 +18517,13 @@ Styleguide = (function() {
     });
   };
 
-  Styleguide.prototype.activateCodeShowing = function() {
+  Woo.prototype.activateCodeShowing = function() {
     return $('div.location').click(function() {
       return $(this).toggleClass('show-code');
     });
   };
 
-  Styleguide.prototype.setupEvents = function() {
+  Woo.prototype.setupEvents = function() {
     $('body').on('mouseleave', 'nav', this.closeMenuEventually);
     $('body').on('mouseover', 'nav', this.openMenu);
     $('body nav').on('click', '.menu', this.closeMenu);
@@ -18537,18 +18537,21 @@ Styleguide = (function() {
         }
       };
     })(this));
-    return $('nav .nav-item').on('click', function(e) {
-      $('nav .nav-item').removeClass('open');
-      return $(this).toggleClass('open');
-    });
+    $('nav .nav-item .nav-item-icon').on('mouseover', this.openNavItem);
+    return $('nav .nav-item .nav-item-title').on('click', this.openNavItem);
+  };
+
+  Woo.prototype.openNavItem = function(e) {
+    $('nav .nav-item').removeClass('open');
+    return $(this).parent().toggleClass('open');
   };
 
-  return Styleguide;
+  return Woo;
 
 })();
 
 $(function() {
-  return new Styleguide();
+  return new Woo();
 });
 
 

data/app/assets/stylesheets/woo/application.css.scss

@@ -0,0 +1,20 @@
+@import "bourbon";
+
+// config
+@import "woo/config/colors";
+@import "woo/config/fonts";
+@import "woo/config/icons";
+@import "woo/config/settings";
+@import "woo/config/media-queries";
+
+// My lyberries
+@import "woo/lib/functions";
+@import "woo/lib/animation-mixins";
+@import "woo/lib/icon-factory";
+
+// Mixins
+@import "woo/mixins/color-block";
+@import "woo/mixins/hover-border";
+
+// partials
+@import "woo/partials/main";

data/app/assets/stylesheets/{styleguide → woo}/config/_fonts.scss

@@ -8,7 +8,7 @@
 @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic);
 
 //
-// Styleguide font-family overrides
+// Woo font-family overrides
 $header-font: 'Source Sans Pro', sans-serif;
 $body-font: 'Source Sans Pro', Helvetica, sans-serif;
 $code-font: 'Source Code Pro', Fixed, monospace;

data/app/assets/stylesheets/{styleguide → woo}/config/_icons.scss

@@ -8,7 +8,7 @@
 // $icons: list of names and character maps used in the icon class and mixin
 
 $icon-name: 'styleguide';
-$icon-path: 'styleguide/';
+$icon-path: 'woo/';
 
 $icons: mobile "\e000",
         expand "\e110",

data/app/assets/stylesheets/{styleguide → woo}/partials/_main.scss

@@ -8,7 +8,7 @@ $notes-background-color: $white;
 // Smoove dem fonts!
 * { -webkit-font-smoothing: antialiased; }
 
-#styleguide-rails {
+#woo-styleguide {
   background: $black;
   padding: 0;
   margin: 0;
@@ -71,12 +71,16 @@ $notes-background-color: $white;
 
     .nav-item {
       @include transition(all .3s ease .2s);
+      cursor: pointer;
+      position: relative;
       opacity: 0;
 
       &.open {
-        .nav-item-title {
-          color: $white;
-          &:after { @include icon('arrow-down'); }
+        .nav-item-icon {
+          &:after {
+            @include icon('arrow-down');
+            color: $white;
+          }
         }
         ul.nav-item-list { display: block; }
       }
@@ -86,11 +90,21 @@ $notes-background-color: $white;
         font-weight: 500;
         margin-bottom: 1px;
         text-transform: uppercase;
+      }
 
+      .nav-item-icon {
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        top: 0;
+        width: 40px;
         &:after {
           @include icon('arrow-up');
+          color: $grey;
+          top: 20px;
           position: absolute;
           right: 20px;
+          line-height: 100%;
         }
       }
     }

data/app/controllers/{styleguide → woo}/application_controller.rb

@@ -1,4 +1,4 @@
-module Styleguide
+module Woo
   class ApplicationController < ActionController::Base
   end
 end

data/app/controllers/{styleguide → woo}/styleguide_controller.rb

@@ -1,4 +1,4 @@
-module Styleguide
+module Woo
   class StyleguideController < ApplicationController
     include StyleguideHelper
 

data/app/helpers/{styleguide → woo}/application_helper.rb

@@ -1,4 +1,4 @@
-module Styleguide
+module Woo
   module ApplicationHelper
   end
 end

data/app/helpers/{styleguide → woo}/styleguide_helper.rb

@@ -1,4 +1,4 @@
-module Styleguide
+module Woo
   module StyleguideHelper
 
     BASE_PATH = "app/views/styleguide"

data/app/views/layouts/{styleguide → woo}/application.html.haml

@@ -4,10 +4,9 @@
     %title Application Style Guide
     %meta(content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport")
 
-    = javascript_include_tag 'styleguide/application'
-    = stylesheet_link_tag 'styleguide/application', media: 'all', 'data-turbolinks-track' => true
+    = javascript_include_tag 'woo/application'
+    = stylesheet_link_tag 'woo/application', media: 'all', 'data-turbolinks-track' => true
     = stylesheet_link_tag "//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/styles/github.min.css"
-  %body#styleguide-rails
+  %body#woo-styleguide
     = yield
 
-  / %script(src="/assets/styleguide/main.js")

data/app/views/{styleguide → woo}/shared/_navigation.html.haml

@@ -4,7 +4,8 @@
   - navigation_hash.each do |folder_name, folder_contents|
     .nav-item
       %a.nav-item-title= folder_name.titleize
-      %ul.nav-item-list= render partial: 'styleguide/shared/navigation_link', collection: folder_contents, as: :page, locals: { folder: folder_name }
+      %ul.nav-item-list= render partial: 'woo/shared/navigation_link', collection: folder_contents, as: :page, locals: { folder: folder_name }
+      .nav-item-icon
   .nav-item
     %a.nav-item-title Width
     %ul.nav-item-list

data/app/views/woo/styleguide/index.html.haml

@@ -0,0 +1,3 @@
+= render partial: 'woo/shared/navigation'
+
+= render partial: 'woo/shared/single_page', collection: @ui_elements, as: :page

data/app/views/woo/styleguide/page.html.haml

@@ -0,0 +1,3 @@
+= render partial: "woo/shared/navigation"
+
+= render :partial => 'woo/shared/single_page', :locals => { :page => @page }

data/config/routes.rb

@@ -1,3 +1,6 @@
-Styleguide::Engine.routes.draw do
+Woo::Engine.routes.draw do
   root 'styleguide#index'
+  get '/:folder/:page' => 'styleguide#page',
+    :page   => :page,
+    :folder => :folder
 end

data/lib/generators/woo/USAGE

@@ -0,0 +1,17 @@
+Description:
+    Creates views used within the woo styleguide.
+
+Usage:
+  Pass the name of the page or ui_element as the first argument.
+
+Example:
+    rails generate woo:page [DIRECTORY/]NAME
+
+      Creates app/views/styleguide/DIRECTORY/NAME
+      If <DIRECTORY> is not specified, it will default to 'pages'
+
+    rails generate styleguide:ui_element NAME
+
+      Creates app/views/styleguide/ui_elements/_NAME
+      ui_elements are rendered as partials
+

data/lib/generators/woo/page_generator.rb

@@ -0,0 +1,28 @@
+module Woo
+  module Generators
+    class PageGenerator < Rails::Generators::Base
+      source_root File.expand_path('../templates', __FILE__)
+      argument :file_path
+
+      desc 'Create a Page for woo!'
+
+      def create_page
+        path_array = Pathname.new(file_path).each_filename.to_a
+        if path_array.length > 2
+          puts '
+Rut Roh! You specified a path with more than one directory
+
+Example:
+    rails generate woo:page [DIRECTORY/]NAME
+
+      Creates: app/views/styleguide/DIRECTORY/NAME
+      If <DIRECTORY> is not specified, it will default to \'pages\''
+          return
+        end
+
+        @page_path = Pathname.new(file_path).cleanpath.to_s
+        template 'example_page.erb', "app/views/styleguide/#{@page_path}.html.haml"
+      end
+    end
+  end
+end

data/lib/generators/woo/templates/_module.erb

@@ -0,0 +1,8 @@
+---
+%h1 These are my <%= file_name %> notes
+%p Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium sapiente nobis nisi doloremque ipsum adipisci, cupiditate, consequatur animi tempore praesentium? Cum laudantium voluptate ipsa, assumenda, tempore soluta distinctio? Maxime, aliquam.
+---
+
+.<%= file_name %> Default <%= file_name %>
+.<%= file_name %>.primary Primary <%= file_name %>
+.<%= file_name %>.secondary Secondary <%= file_name %>

data/lib/generators/woo/templates/example_page.erb

@@ -0,0 +1,7 @@
+---
+%h1 These are my <%= @page_path %> notes
+%p Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum id a placeat perferendis magnam repellendus aliquam. Numquam quod, totam corrupti consequatur fuga qui minus, placeat sapiente deleniti sed vitae non.
+---
+
+%h1 <%= @page_path %> page
+%p Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto dolores obcaecati, laborum ratione expedita sapiente? Rem fugiat nemo voluptates dignissimos, iure ducimus, cumque eaque sed nihil ut, doloremque repellendus in.

data/lib/generators/woo/ui_element_generator.rb

@@ -0,0 +1,14 @@
+module Woo
+  module Generators
+    class UiElementGenerator < Rails::Generators::Base
+      source_root File.expand_path('../templates', __FILE__)
+      argument :file_name
+
+      desc 'Create a UI Element for woo!'
+
+      def create_ui_element
+        template '_module.erb', "app/views/styleguide/ui_elements/_#{file_name}.html.haml"
+      end
+    end
+  end
+end

data/lib/{styleguide → woo}/engine.rb

@@ -1,6 +1,6 @@
-module Styleguide
+module Woo
   class Engine < ::Rails::Engine
-    isolate_namespace Styleguide
+    isolate_namespace Woo
 
     config.generators do |g|
       g.test_framework      :rspec,        :fixture => false

data/lib/woo/version.rb

@@ -0,0 +1,3 @@
+module Woo
+  VERSION = "0.1.0.pre1"
+end

data/lib/{styleguide.rb → woo.rb}

@@ -1,7 +1,7 @@
-require "styleguide/engine"
+require 'woo/engine'
+require 'bourbon'
 require 'haml'
 require 'sass'
-require 'bourbon'
 
-module Styleguide
+module Woo
 end

data/spec/dummy/config/application.rb

@@ -3,21 +3,11 @@ require File.expand_path('../boot', __FILE__)
 require 'rails/all'
 
 Bundler.require(*Rails.groups)
-require "styleguide"
+require 'woo'
 
 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
   end
 end
 

data/spec/dummy/config/routes.rb

@@ -1,3 +1,3 @@
 Rails.application.routes.draw do
-  mount Styleguide::Engine => "/styleguide"
+  mount Woo::Engine => "/styleguide"
 end