styleguide_rails 0.0.1 → 0.1.0

data/.gitignore

@@ -0,0 +1,7 @@
+.bundle/
+log/*.log
+pkg/
+test/dummy/db/*.sqlite3
+test/dummy/log/*.log
+test/dummy/tmp/
+test/dummy/.sass-cache

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in styleguide_rails.gemspec
+gemspec

data/{MIT-LICENSE → LICENSE}

@@ -1,4 +1,6 @@
-Copyright 2012 Joe Nelson
+Copyright (c) 2012 - 2013 Joe Nelson
+
+MIT License
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

data/README.md

@@ -0,0 +1,55 @@
+Adds a [living style
+guide](http://24ways.org/2011/front-end-style-guides/) to your Rails
+application with one command.
+
+If you don't use a CSS style guide yet, here's why you need to start:
+
+* __It Makes Testing Easier.__ With all your styles in one place you can easily
+check for browser bugs, resizing issues, text zoom issues, and printable
+style. Putting examples of all styles in one place means you don't have to
+reproduce application states to see error messages etc.
+* __It Unifies Design.__ Designing shared components all at once fights the
+temptation to have one-off page styles. This increases the coherence of
+your design, making it less likely that styles drift between pages. It
+also encourages cleaner markup.
+* __It Standardizes Vocabulary.__ Style guides list all your widgets along with
+names you have chosen. By referring to the guide, your team can settle
+on common vocabulary for parts of the page. (e.g. "What does my team
+call this thing on the front page, a slider, a carousel, a flipper, or
+what?")
+* __It Promotes Excellent Markup.__ The styleguide contains examples of your
+desired canonical markup for various elements. Nobody needs to guess how
+to create a menu or a form. Also your best front-end engineers can write
+the markup and teach good habits.
+
+## Usage
+
+Add this gem to your Rails Gemfile, run `bundle`, and execute the
+styleguide generator
+
+    $ rails generate styleguide
+
+That's it, you're done, you have a styleguide available at
+`http://yourapp.com/styleguide`. If you visit that path you'll see there
+is an example widget already created:
+
+<p align="center">
+  <img src="styleguide_rails/raw/master/illustration/screenshot.png" alt="Screenshot" />
+</p>
+
+To add a new widget, create a partial in `app/views/styleguide/widgets`
+and it will appear in the style guide. These partials support templating
+languages like Haml if you have the gems installed.
+
+## Credits
+
+Thanks to project
+[contributors](https://github.com/begriffs/styleguide_rails/contributors),
+and to [Adam Braus](https://github.com/ajbraus) for suggesting the
+idea for this gem.
+
+## License
+
+Styleguide_rails is Copyright © 2012 - 2013 Joe Nelson. It is free
+software, and may be redistributed under the terms specified in the
+LICENSE file.

data/Rakefile

@@ -1,27 +1 @@
-#!/usr/bin/env rake
-begin
-  require 'bundler/setup'
-rescue LoadError
-  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
-end
-begin
-  require 'rdoc/task'
-rescue LoadError
-  require 'rdoc/rdoc'
-  require 'rake/rdoctask'
-  RDoc::Task = Rake::RDocTask
-end
-
-RDoc::Task.new(:rdoc) do |rdoc|
-  rdoc.rdoc_dir = 'rdoc'
-  rdoc.title    = 'StyleguideRails'
-  rdoc.options << '--line-numbers'
-  rdoc.rdoc_files.include('README.rdoc')
-  rdoc.rdoc_files.include('lib/**/*.rb')
-end
-
-
-
-
-Bundler::GemHelper.install_tasks
-
+require "bundler/gem_tasks"

data/lib/generators/styleguide/styleguide_generator.rb

@@ -3,15 +3,30 @@ class StyleguideGenerator < Rails::Generators::Base
 
   def create_controller
     copy_file 'styleguide_controller.rb', 'app/controllers/styleguide_controller.rb'
-    empty_directory 'app/views/styleguide'
+  end
+
+  def create_route
+    route "match 'styleguide' => 'styleguide#index' if Rails.env.development?"
+  end
+
+  def create_views
+    copy_file 'styleguide.html.erb', 'app/views/layouts/styleguide.html.erb'
+
+    empty_directory 'app/views/styleguide/widgets'
+    empty_directory 'app/assets/stylesheets/widgets'
     copy_file 'index.html.erb', 'app/views/styleguide/index.html.erb'
-    copy_file 'show.html.erb', 'app/views/styleguide/show.html.erb'
+    copy_file '_widget.html.erb', 'app/views/styleguide/_widget.html.erb'
+    copy_file '_widget_link.html.erb', 'app/views/styleguide/_widget_link.html.erb'
   end
-  def supply_basic_guide
-    copy_file '_elements.html.erb', 'app/views/styleguide/_elements.html.erb'
+
+  def add_private_assets
+    empty_directory 'public/stylesheets'
+    copy_file 'styleguide.css', 'public/stylesheets/styleguide.css'
+    empty_directory 'public/javascripts'
+    copy_file 'styleguide.js', 'public/javascripts/styleguide.js'
   end
-  def create_routes
-    route "match 'styleguide' => 'styleguide#index'"
-    route "match 'styleguide/:name' => 'styleguide#show'"
+
+  def supply_basic_guide
+    copy_file '_example_elements.html', 'app/views/styleguide/widgets/_example_elements.html'
   end
 end

data/lib/generators/styleguide/templates/_widget.html.erb

@@ -0,0 +1,11 @@
+<a name="<%= widget[:name] %>"></a>
+<dt>
+  <%= %|Widget "#{widget[:name].capitalize}"| %>
+</dt>
+<dd class="preview">
+  <%= render :file => widget[:filename] %>
+</dd>
+<dd>
+  <div class="location"><%= widget[:filename] %></div>
+  <pre><code class="lang-<%= widget[:lang] %>"><%= widget[:contents] %></code></pre>
+</dd>

data/lib/generators/styleguide/templates/_widget_link.html.erb

@@ -0,0 +1 @@
+<li><a href="#<%= widget[:name] %>"><%= widget[:name].capitalize %></a></li>

data/lib/generators/styleguide/templates/index.html.erb

@@ -1,7 +1,12 @@
-<dl class="monarchy-styleguide">
-<% @modules.each do |name, contents| %>
- <dt><%= "Module \"#{name.capitalize}\"" %></dt>
- <dd><%= raw contents %></dd>
- <dd><pre><%= contents %></pre></dd>
-<% end %>
+<nav>
+  <ul>
+    <li><a>Widgets</a>
+    <ul>
+      <%= render :partial => 'widget_link', :collection => @widgets, :as => :widget %>
+    </ul>
+    </li>
+  </ul>
+</nav>
+<dl>
+  <%= render :partial => 'widget', :collection => @widgets %>
 </dl>

data/lib/generators/styleguide/templates/styleguide.css

@@ -0,0 +1,201 @@
+#styleguide_rails {
+  background: white;
+  padding: 0;
+  margin: 0;
+}
+#styleguide_rails > nav {
+  font-family: Helvetica, sans-serif;
+  font-size: 18px;
+  line-height: 24px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+#styleguide_rails > nav > ul {
+  width: 100%;
+  line-height: 32px;
+}
+#styleguide_rails > nav > ul ul {
+  display: none;
+}
+#styleguide_rails > nav > ul > li:hover > ul {
+  display: block;
+}
+#styleguide_rails > nav ul {
+  background: #efefef;
+  background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
+  background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
+  background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
+  box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  position: relative;
+  display: inline-table;
+}
+#styleguide_rails > nav > ul > li {
+  float: left;
+}
+#styleguide_rails > nav > ul > li:hover {
+  background: #4b545f;
+  background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
+  background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
+  background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
+}
+#styleguide_rails > nav > ul > li:hover > a {
+  color: #fff;
+}
+#styleguide_rails > nav > ul > li a {
+  display: block;
+  padding: 0 10px;
+  color: #757575;
+  text-decoration: none;
+}
+#styleguide_rails > nav > ul ul {
+  background: #5f6975;
+  padding: 0;
+  position: absolute;
+  top: 100%;
+}
+#styleguide_rails > nav > ul ul > li {
+  float: none;
+  border-top: 1px solid #6b727c;
+  border-bottom: 1px solid #575f6a;
+  position: relative;
+}
+#styleguide_rails > nav > ul ul > li > a {
+  color: #fff;
+}
+#styleguide_rails > nav > ul ul > li > a:hover {
+  background: #4b545f;
+}
+#styleguide_rails > dl {
+  padding: 0 10px;
+  margin: 0;
+}
+#styleguide_rails > dl > dt {
+  margin: 0;
+  padding: 10px 0;
+  display: block;
+  font-size: 120%;
+  text-align: center;
+  color: white;
+  background: #5f6975;
+}
+#styleguide_rails > dl > dd {
+  margin: 0;
+}
+#styleguide_rails > dl > dd.preview {
+  border: 1px dashed #5f6975;
+}
+#styleguide_rails > dl > dd > div.location {
+  font-style: italic;
+  color: #ddd;
+  margin-top: 0.5em;
+}
+#styleguide_rails a[name] {
+  display: block;
+  padding-top: 42px;
+}
+
+
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', monospace;
+  direction: ltr;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0 0 0.5em 0;
+  overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #a67f59;
+  background: hsla(0,0%,100%,.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+
+.token.regex,
+.token.important {
+  color: #e90;
+}
+
+.token.important {
+  font-weight: bold;
+}
+
+.token.entity {
+  cursor: help;
+}

data/lib/generators/styleguide/templates/styleguide.html.erb

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Application Style Guide</title>
+    <%= stylesheet_link_tag    "application", :media => "all" %>
+    <%= javascript_include_tag "application" %>
+
+    <!-- Bypass asset pipeline to protect other pages -->
+    <script src="/javascripts/styleguide.js" type="text/javascript"></script>
+    <link href="/stylesheets/styleguide.css" media="all" rel="stylesheet" type="text/css" />
+  </head>
+  <body id="styleguide_rails">
+    <%= yield %>
+  </body>
+</html>

data/lib/generators/styleguide/templates/styleguide.js

@@ -0,0 +1,399 @@
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ * MIT license http://www.opensource.org/licenses/mit-license.php/
+ * @author Lea Verou http://lea.verou.me
+ */
+
+(function(){
+
+// Private helper vars
+var lang = /\blang(?:uage)?-(?!\*)(\w+)\b/i;
+
+var _ = self.Prism = {
+  util: {
+    type: function (o) {
+      return Object.prototype.toString.call(o).match(/\[object (\w+)\]/)[1];
+    },
+
+    // Deep clone a language definition (e.g. to extend it)
+    clone: function (o) {
+      var type = _.util.type(o);
+
+      switch (type) {
+        case 'Object':
+          var clone = {};
+
+          for (var key in o) {
+            if (o.hasOwnProperty(key)) {
+              clone[key] = _.util.clone(o[key]);
+            }
+          }
+
+          return clone;
+
+        case 'Array':
+          return o.slice();
+      }
+
+      return o;
+    }
+  },
+
+  languages: {
+    extend: function (id, redef) {
+      var lang = _.util.clone(_.languages[id]);
+
+      for (var key in redef) {
+        lang[key] = redef[key];
+      }
+
+      return lang;
+    },
+
+    // Insert a token before another token in a language literal
+    insertBefore: function (inside, before, insert, root) {
+      root = root || _.languages;
+      var grammar = root[inside];
+      var ret = {};
+
+      for (var token in grammar) {
+
+        if (grammar.hasOwnProperty(token)) {
+
+          if (token == before) {
+
+            for (var newToken in insert) {
+
+              if (insert.hasOwnProperty(newToken)) {
+                ret[newToken] = insert[newToken];
+              }
+            }
+          }
+
+          ret[token] = grammar[token];
+        }
+      }
+
+      return root[inside] = ret;
+    },
+
+    // Traverse a language definition with Depth First Search
+    DFS: function(o, callback) {
+      for (var i in o) {
+        callback.call(o, i, o[i]);
+
+        if (_.util.type(o) === 'Object') {
+          _.languages.DFS(o[i], callback);
+        }
+      }
+    }
+  },
+
+  highlightAll: function(async, callback) {
+    var elements = document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code');
+
+    for (var i=0, element; element = elements[i++];) {
+      _.highlightElement(element, async === true, callback);
+    }
+  },
+
+  highlightElement: function(element, async, callback) {
+    // Find language
+    var language, grammar, parent = element;
+
+    while (parent && !lang.test(parent.className)) {
+      parent = parent.parentNode;
+    }
+
+    if (parent) {
+      language = (parent.className.match(lang) || [,''])[1];
+      grammar = _.languages[language];
+    }
+
+    if (!grammar) {
+      return;
+    }
+
+    // Set language on the element, if not present
+    element.className = element.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
+
+    // Set language on the parent, for styling
+    parent = element.parentNode;
+
+    if (/pre/i.test(parent.nodeName)) {
+      parent.className = parent.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
+    }
+
+    var code = element.textContent;
+
+    if(!code) {
+      return;
+    }
+
+    code = code.replace(/&/g, '&amp;').replace(/</g, '&lt;')
+               .replace(/>/g, '&gt;').replace(/\u00a0/g, ' ');
+    //console.time(code.slice(0,50));
+
+    var env = {
+      element: element,
+      language: language,
+      grammar: grammar,
+      code: code
+    };
+
+    _.hooks.run('before-highlight', env);
+
+    if (async && self.Worker) {
+      var worker = new Worker(_.filename);
+
+      worker.onmessage = function(evt) {
+        env.highlightedCode = Token.stringify(JSON.parse(evt.data));
+        env.element.innerHTML = env.highlightedCode;
+
+        callback && callback.call(env.element);
+        //console.timeEnd(code.slice(0,50));
+        _.hooks.run('after-highlight', env);
+      };
+
+      worker.postMessage(JSON.stringify({
+        language: env.language,
+        code: env.code
+      }));
+    }
+    else {
+      env.highlightedCode = _.highlight(env.code, env.grammar)
+      env.element.innerHTML = env.highlightedCode;
+
+      callback && callback.call(element);
+
+      _.hooks.run('after-highlight', env);
+      //console.timeEnd(code.slice(0,50));
+    }
+  },
+
+  highlight: function (text, grammar) {
+    return Token.stringify(_.tokenize(text, grammar));
+  },
+
+  tokenize: function(text, grammar) {
+    var Token = _.Token;
+
+    var strarr = [text];
+
+    var rest = grammar.rest;
+
+    if (rest) {
+      for (var token in rest) {
+        grammar[token] = rest[token];
+      }
+
+      delete grammar.rest;
+    }
+
+    tokenloop: for (var token in grammar) {
+      if(!grammar.hasOwnProperty(token) || !grammar[token]) {
+        continue;
+      }
+
+      var pattern = grammar[token],
+        inside = pattern.inside,
+        lookbehind = !!pattern.lookbehind || 0;
+
+      pattern = pattern.pattern || pattern;
+
+      for (var i=0; i<strarr.length; i++) { // Don’t cache length as it changes during the loop
+
+        var str = strarr[i];
+
+        if (strarr.length > text.length) {
+          // Something went terribly wrong, ABORT, ABORT!
+          break tokenloop;
+        }
+
+        if (str instanceof Token) {
+          continue;
+        }
+
+        pattern.lastIndex = 0;
+
+        var match = pattern.exec(str);
+
+        if (match) {
+          if(lookbehind) {
+            lookbehind = match[1].length;
+          }
+
+          var from = match.index - 1 + lookbehind,
+              match = match[0].slice(lookbehind),
+              len = match.length,
+              to = from + len,
+            before = str.slice(0, from + 1),
+            after = str.slice(to + 1);
+
+          var args = [i, 1];
+
+          if (before) {
+            args.push(before);
+          }
+
+          var wrapped = new Token(token, inside? _.tokenize(match, inside) : match);
+
+          args.push(wrapped);
+
+          if (after) {
+            args.push(after);
+          }
+
+          Array.prototype.splice.apply(strarr, args);
+        }
+      }
+    }
+
+    return strarr;
+  },
+
+  hooks: {
+    all: {},
+
+    add: function (name, callback) {
+      var hooks = _.hooks.all;
+
+      hooks[name] = hooks[name] || [];
+
+      hooks[name].push(callback);
+    },
+
+    run: function (name, env) {
+      var callbacks = _.hooks.all[name];
+
+      if (!callbacks || !callbacks.length) {
+        return;
+      }
+
+      for (var i=0, callback; callback = callbacks[i++];) {
+        callback(env);
+      }
+    }
+  }
+};
+
+var Token = _.Token = function(type, content) {
+  this.type = type;
+  this.content = content;
+};
+
+Token.stringify = function(o) {
+  if (typeof o == 'string') {
+    return o;
+  }
+
+  if (Object.prototype.toString.call(o) == '[object Array]') {
+    for (var i=0; i<o.length; i++) {
+      o[i] = Token.stringify(o[i]);
+    }
+
+    return o.join('');
+  }
+
+  var env = {
+    type: o.type,
+    content: Token.stringify(o.content),
+    tag: 'span',
+    classes: ['token', o.type],
+    attributes: {}
+  };
+
+  if (env.type == 'comment') {
+    env.attributes['spellcheck'] = 'true';
+  }
+
+  _.hooks.run('wrap', env);
+
+  var attributes = '';
+
+  for (var name in env.attributes) {
+    attributes += name + '="' + (env.attributes[name] || '') + '"';
+  }
+
+  return '<' + env.tag + ' class="' + env.classes.join(' ') + '" ' + attributes + '>' + env.content + '</' + env.tag + '>';
+
+};
+
+if (!self.document) {
+  // In worker
+  self.addEventListener('message', function(evt) {
+    var message = JSON.parse(evt.data),
+        lang = message.language,
+        code = message.code;
+
+    self.postMessage(JSON.stringify(_.tokenize(code, _.languages[lang])));
+    self.close();
+  }, false);
+
+  return;
+}
+
+// Get current script and highlight
+var script = document.getElementsByTagName('script');
+
+script = script[script.length - 1];
+
+if (script) {
+  _.filename = script.src;
+
+  if (document.addEventListener && !script.hasAttribute('data-manual')) {
+    document.addEventListener('DOMContentLoaded', _.highlightAll);
+  }
+}
+
+})();;
+Prism.languages.markup = {
+  'comment': /&lt;!--[\w\W]*?--(&gt;|&gt;)/g,
+  'prolog': /&lt;\?.+?\?&gt;/,
+  'doctype': /&lt;!DOCTYPE.+?&gt;/,
+  'cdata': /&lt;!\[CDATA\[[\w\W]*?]]&gt;/i,
+  'tag': {
+    pattern: /&lt;\/?[\w:-]+\s*(?:\s+[\w:-]+(?:=(?:("|')(\\?[\w\W])*?\1|\w+))?\s*)*\/?&gt;/gi,
+    inside: {
+      'tag': {
+        pattern: /^&lt;\/?[\w:-]+/i,
+        inside: {
+          'punctuation': /^&lt;\/?/,
+          'namespace': /^[\w-]+?:/
+        }
+      },
+      'attr-value': {
+        pattern: /=(?:('|")[\w\W]*?(\1)|[^\s>]+)/gi,
+        inside: {
+          'punctuation': /=|&gt;|"/g
+        }
+      },
+      'punctuation': /\/?&gt;/g,
+      'attr-name': {
+        pattern: /[\w:-]+/g,
+        inside: {
+          'namespace': /^[\w-]+?:/
+        }
+      }
+    }
+  },
+  'entity': /&amp;#?[\da-z]{1,8};/gi
+};
+Prism.languages.haml = {
+  'string': /("|')(\\?.)*?\1/g,
+  'comment': /\/[^\r\n]*(\r?\n|$)/g,
+  'boolean': /\b(true|false)\b/g,
+  'number': /\b-?(0x)?\d*\.?\d+\b/g,
+  'tag': /%[a-zA-Z_0-9]*\b/g,
+  'var': /[@&]\b[a-zA-Z_0-9]*[?!]?\b/g,
+  'operator': /[-+]{1,2}|!|={1,2}|(&amp;){1,2}|\|?\||\?|\*|\//g,
+  'rails': /(form_tag|do|end|link_to|image_tag|content_for)/g,
+  'ignore': /&(lt|gt|amp);/gi
+};
+
+// Plugin to make entity title show the real entity, idea by Roman Komarov
+Prism.hooks.add('wrap', function(env) {
+  if (env.type === 'entity') {
+    env.attributes['title'] = env.content.replace(/&amp;/, '&');
+  }
+});;

data/lib/generators/styleguide/templates/styleguide_controller.rb

@@ -1,14 +1,21 @@
 class StyleguideController < ApplicationController
+  layout "styleguide"
+
   def index
-    @modules = Hash.new
-    Dir.glob('app/views/styleguide/_*.html.erb').each do |mod|
-      name = File.basename(mod, '.html.erb')[1..-1]
-      @modules[name] = File.read mod
-    end
-  end
+    widget_files = Dir.glob('app/views/styleguide/widgets/_*.html*')
 
-  def show
-    @name     = params[:name]
-    @contents = File.read "app/views/styleguide/_#{@name}.html.erb"
+    @widgets = widget_files.reduce([]) do |widgets, filename|
+      lang = filename.match(/haml$/) ? 'haml' : 'markup'
+
+      name = File.basename(filename)
+                 .sub(/.html.*/, '')
+                 .sub(/^_/, '')
+
+      widgets << { :name       => name,
+                   :filename   => filename,
+                   :contents   => File.read(filename),
+                   :lang       => lang }
+      widgets
+    end
   end
 end

data/lib/styleguide_rails.rb

@@ -1,2 +1,4 @@
+require "styleguide_rails/version"
+
 module StyleguideRails
 end

data/lib/styleguide_rails/version.rb

@@ -1,3 +1,3 @@
 module StyleguideRails
-  VERSION = "0.0.1"
+  VERSION = "0.1.0"
 end

data/styleguide_rails.gemspec

@@ -0,0 +1,21 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'styleguide_rails/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "styleguide_rails"
+  gem.version       = StyleguideRails::VERSION
+  gem.authors       = ["Joe Nelson", "Adam Braus"]
+  gem.email         = ["cred+github@begriffs.com"]
+  gem.description   = %q{Add living CSS styleguide to your Rails project}
+  gem.summary       = %q{Generates a controller, route, and views for your styleguide}
+  gem.homepage      = "http://github.com/begriffs/styleguide_rails"
+
+  gem.files         = `git ls-files`.split($/)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.require_paths = ["lib"]
+
+  gem.add_dependency "rails", ">= 3.0.0"
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: styleguide_rails
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.1.0
   prerelease: 
 platform: ruby
 authors:
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-07-15 00:00:00.000000000 Z
+date: 2013-01-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -28,25 +28,32 @@ dependencies:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: 3.0.0
-description: Provides a custom generator to build a styleguide controller, routes,
-  and views.
-email: 
+description: Add living CSS styleguide to your Rails project
+email:
+- cred+github@begriffs.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- lib/Gemfile
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- illustration/screenshot.png
+- lib/generators/styleguide/USAGE
 - lib/generators/styleguide/styleguide_generator.rb
-- lib/generators/styleguide/templates/_elements.html.erb
+- lib/generators/styleguide/templates/_example_elements.html
+- lib/generators/styleguide/templates/_widget.html.erb
+- lib/generators/styleguide/templates/_widget_link.html.erb
 - lib/generators/styleguide/templates/index.html.erb
-- lib/generators/styleguide/templates/show.html.erb
+- lib/generators/styleguide/templates/styleguide.css
+- lib/generators/styleguide/templates/styleguide.html.erb
+- lib/generators/styleguide/templates/styleguide.js
 - lib/generators/styleguide/templates/styleguide_controller.rb
-- lib/generators/styleguide/USAGE
-- lib/styleguide_rails/version.rb
 - lib/styleguide_rails.rb
-- MIT-LICENSE
-- Rakefile
-- README.rdoc
+- lib/styleguide_rails/version.rb
+- styleguide_rails.gemspec
 homepage: http://github.com/begriffs/styleguide_rails
 licenses: []
 post_install_message: 
@@ -67,9 +74,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.23
+rubygems_version: 1.8.24
 signing_key: 
 specification_version: 3
-summary: An easy modular styleguide for rails -- run rails g styleguide
+summary: Generates a controller, route, and views for your styleguide
 test_files: []
-has_rdoc: 

data/README.rdoc

@@ -1,17 +0,0 @@
-= styleguide_rails
-
-Adds a `/styleguide` route to your app where you can view HTML
-snippets and see how CSS affects them. Place the snippets into
-`app/views/styleguide` as partials and they will appear in the
-styleguide. To view an individual partial, visit
-`/styleguide/partial_name`.
-
-== Usage
-
-In your Gemfile:
-
-  gem 'styleguide_rails'
-
-Then bundle and run
-
-  rails g styleguide

data/lib/Gemfile

@@ -1,2 +0,0 @@
-source "http://rubygems.org"
-gemspec

data/lib/generators/styleguide/templates/show.html.erb

@@ -1,5 +0,0 @@
-<dl class="monarchy-styleguide">
- <dt><%= "Module \"#{@name.capitalize}\"" %></dt>
- <dd><%= raw @contents %></dd>
- <dd><pre><%= @contents %></pre></dd>
-</dl>