livingstyleguide 2.0.0.alpha.10 → 2.0.0.alpha.11

data/lib/livingstyleguide/engine.rb

@@ -1,194 +0,0 @@
-module LivingStyleGuide
-
-  class Engine
-    attr_accessor :markdown, :files, :options, :variables
-
-    def initialize(options, sass_options)
-      @options = LivingStyleGuide.default_options.merge(options)
-      @sass_options = sass_options
-      @variables = {}
-      @files = []
-      @markdown = ''
-    end
-
-    def render
-      template('layout.html.erb')
-    end
-
-    def files
-      collect_data if @files.empty?
-      @files
-    end
-
-    def variables
-      collect_data if @variables.empty?
-      @variables
-    end
-
-    def markdown
-      generate_markdown if @markdown.empty?
-      @markdown
-    end
-
-    def sass
-      separator = @options[:syntax] == :sass ? "\n" : ';'
-      [
-        %Q(@import "#{@options[:source]}"),
-        style_variables,
-        %Q(@import "livingstyleguide"),
-        @options[:styleguide_sass] || @options[:styleguide_scss]
-      ].flatten.join(separator)
-    end
-
-    def css
-      sass_engine.render
-    end
-
-    def html
-      renderer = RedcarpetHTML.new(@options, self)
-      redcarpet = ::Redcarpet::Markdown.new(renderer, REDCARPET_RENDER_OPTIONS)
-      redcarpet.render(markdown)
-    end
-
-    private
-    def collect_data
-      traverse_children sass_engine.to_tree
-    end
-
-    private
-    def traverse_children(node)
-      node.children.each do |child|
-        if child.is_a?(Sass::Tree::ImportNode)
-          add_file child.imported_file.to_tree
-        elsif child.is_a?(Sass::Tree::VariableNode)
-          add_variable child
-        end
-      end
-    end
-
-    private
-    def add_file(node)
-      filename = File.expand_path(node.filename)
-      if local_sass_file?(filename)
-        @files << filename
-        traverse_children node
-      end
-    end
-
-    private
-    def add_variable(node)
-      key = import_filename(node.filename)
-      @variables[key] ||= []
-      @variables[key] << node.name
-    end
-
-    private
-    def local_sass_file?(filename)
-      @local_sass_file_regexp ||= /^#{File.expand_path(@options[:root])}\/.+\.s[ac]ss$/
-      filename =~ @local_sass_file_regexp
-    end
-
-    private
-    def import_filename(filename)
-      @import_filename_regexp ||= /(?<=^|\/)_?([^\/]+?)\.s[ac]ss$/
-      filename.sub(@import_filename_regexp, '\\1')
-    end
-
-    private
-    def sass_engine
-      return @sass_engine if @sass_engine
-      sass_options = @sass_options.clone
-      sass_options[:living_style_guide] = self
-      @sass_engine = ::Sass::Engine.new(sass, sass_options)
-      collect_data
-      @sass_engine
-    end
-
-    private
-    def style_variables
-      return unless @options.has_key?(:style)
-      @options[:style].map do |key, value|
-        "$lsg--#{key}: #{value}"
-      end
-    end
-
-    private
-    def generate_markdown
-      files.clone.each do |sass_filename|
-        next unless sass_filename.is_a?(String)
-        glob = "#{sass_filename.sub(/\.s[ac]ss$/, '')}.md"
-        Dir.glob(glob) do |markdown_filename|
-          next if files.include?(markdown_filename)
-
-          files << markdown_filename
-          @markdown << File.read(markdown_filename)
-        end
-      end
-    end
-
-    private
-    def template(filename)
-      data = TemplateData.new(self)
-      erb = File.read(File.join(File.dirname(__FILE__), 'templates', filename))
-      ERB.new(erb).result(data.get_binding)
-    end
-
-  end
-
-  class TemplateData
-    include ERB::Util
-
-    def initialize(engine)
-      @engine = engine
-    end
-
-    def get_binding
-      binding
-    end
-
-    def title
-      @engine.options[:title]
-    end
-
-    def css
-      @engine.css
-    end
-
-    def variables
-      @engine.variables
-    end
-
-    def html
-      @engine.html
-    end
-
-    def head
-      javascript_tags_for(@engine.options[:javascript_before]).join("\n")
-    end
-
-    def header
-      contents = [@engine.options[:header]]
-      contents.join("\n")
-    end
-
-    def footer
-      contents = [@engine.options[:footer]]
-      contents << javascript_tags_for(@engine.options[:javascript_after])
-      contents.join("\n")
-    end
-
-    private
-    def javascript_tags_for(list)
-      return [] unless list
-      list.map do |src|
-        if src =~ /\.js$/
-          %Q(<script src="#{src}"></script>)
-        else
-          %Q(<script>#{src}</script>)
-        end
-      end
-    end
-
-  end
-
-end

data/lib/livingstyleguide/filters.rb

@@ -1,38 +0,0 @@
-class LivingStyleGuide::Filters
-  attr_reader :document
-
-  def initialize(doc)
-    @document = doc
-  end
-
-  def get_binding
-    binding
-  end
-
-  def self.add_filter(*keys, &block)
-    keys.each do |key|
-      define_method key, &block
-    end
-  end
-end
-
-require 'livingstyleguide/filters/options'
-require 'livingstyleguide/filters/default'
-require 'livingstyleguide/filters/import_and_use'
-require 'livingstyleguide/filters/require'
-require 'livingstyleguide/filters/full_width'
-require 'livingstyleguide/filters/haml'
-require 'livingstyleguide/filters/type'
-require 'livingstyleguide/filters/markdown'
-require 'livingstyleguide/filters/javascript'
-require 'livingstyleguide/filters/coffee_script'
-require 'livingstyleguide/filters/add_wrapper_class'
-require 'livingstyleguide/filters/font_example'
-require 'livingstyleguide/filters/colors'
-require 'livingstyleguide/filters/css'
-require 'livingstyleguide/filters/sass'
-require 'livingstyleguide/filters/style'
-require 'livingstyleguide/filters/data'
-require 'livingstyleguide/filters/layout'
-require 'livingstyleguide/filters/syntax'
-require 'livingstyleguide/filters/search_box'

data/lib/livingstyleguide/filters/add_wrapper_class.rb

@@ -1,4 +0,0 @@
-LivingStyleGuide.add_filter :add_wrapper_class do |arguments, options, block|
-  document.classes << arguments.first
-  nil
-end

data/lib/livingstyleguide/filters/coffee_script.rb

@@ -1,5 +0,0 @@
-LivingStyleGuide.add_filter :coffee_script, :coffee do |arguments, options, block|
-  document.type = :coffee
-  document.template = :javascript
-  nil
-end

data/lib/livingstyleguide/filters/full_width.rb

@@ -1,4 +0,0 @@
-LivingStyleGuide.add_filter :full_width do |arguments, options, block|
-  document.classes << '-lsg-has-full-width'
-  nil
-end

data/lib/livingstyleguide/filters/haml.rb

@@ -1,4 +0,0 @@
-LivingStyleGuide.add_filter :haml do |arguments, options, block|
-  document.type = :haml
-  nil
-end

data/lib/livingstyleguide/filters/markdown.rb

@@ -1,4 +0,0 @@
-LivingStyleGuide.add_filter :markdown do |arguments, options, block|
-  document.type = :markdown
-  nil
-end

data/lib/livingstyleguide/filters/require.rb

@@ -1,4 +0,0 @@
-LivingStyleGuide.add_filter :require do |arguments, options, block|
-  Kernel.require arguments.first
-  nil
-end

data/lib/livingstyleguide/filters/search_box.rb

@@ -1,9 +0,0 @@
-LivingStyleGuide.default_options[:search_box] = {
-  placeholder: "Search …"
-}
-
-LivingStyleGuide.add_filter :search_box do |arguments, options, content|
-  placeholder = options[:placeholder] || LivingStyleGuide.default_options[:search_box][:placeholder]
-  document.header << ERB.new(File.read("#{File.dirname(__FILE__)}/../templates/search-box.html.erb")).result(binding)
-  nil
-end

data/lib/livingstyleguide/filters/syntax.rb

@@ -1,4 +0,0 @@
-LivingStyleGuide.add_filter :syntax do |arguments, options, block|
-  document.syntax = arguments.first.to_sym
-  nil
-end

data/lib/livingstyleguide/filters/type.rb

@@ -1,4 +0,0 @@
-LivingStyleGuide.add_filter :type do |arguments, options, block|
-  document.type = arguments.first.to_sym
-  nil
-end

data/lib/livingstyleguide/templates/code-example.html.erb

@@ -1,21 +0,0 @@
-<script>
-  document.addEventListener("DOMContentLoaded", function() {
-    if (testCopy()) {
-      var code = document.getElementsByClassName("lsg--code");
-
-      for (var i = 0; i < code.length; i++) {
-        var newButton = createButton()
-        code[i].appendChild(newButton)
-        newButton.addEventListener("click", function(event) {
-          selectElementRange(this.parentNode);
-        })
-      }
-    }
-  });
-
-  function createButton(copyCodeSelect) {
-    var buttonCopy = document.createElement("button");
-    buttonCopy.className = "lsg--button";
-    return buttonCopy;
-  }
-</script>

data/lib/livingstyleguide/templates/colors-example.html.erb

@@ -1,38 +0,0 @@
-<script>
-  document.addEventListener("DOMContentLoaded", function() {
-    if (testCopy()) {
-      var colorSwatches = document.getElementsByClassName("lsg--color-swatch");
-      for (var i = 0; i < colorSwatches.length; i++) {
-        if (!colorSwatches[i].classList.contains("-lsg-empty")) {
-          colorSwatches[i].appendChild(createSpan());
-          colorSwatches[i].addEventListener("click", function(event) {
-            if (event.altKey) {
-              var copyHexColors = window.getComputedStyle(this, ":after").getPropertyValue("content");
-              copyHexColors = copyHexColors.replace(/'/g, "");
-              selectElementRange(createDiv(copyHexColors));
-            }
-            else {
-              selectElementRange(this.children[0]);
-            }
-          });
-        }
-      }
-    }
-  });
-
-  function createDiv(copyHexColors) {
-    var divCopy = document.createElement("div");
-    divCopy.className = "-lsg-remove";
-    divCopy.setAttribute("style", "opacity: 0; position: absolute; top: -10000px");
-    divCopy.appendChild(document.createTextNode(copyHexColors));
-    document.body.appendChild(divCopy);
-    return divCopy
-  }
-
-  function createSpan() {
-    var spanHover = document.createElement("span");
-    spanHover.className = "lsg--copy-color";
-    spanHover.appendChild(document.createTextNode("Click to copy variable\nAlt + click to copy HEX code"));
-    return spanHover
-  }
-</script>

data/lib/livingstyleguide/templates/javascript-copy.html.erb

@@ -1,26 +0,0 @@
-<script>
-  function selectElementRange(copyElementSelect) {
-    var range = document.createRange();
-    range.selectNode(copyElementSelect);
-    window.getSelection().removeAllRanges();
-    window.getSelection().addRange(range);
-
-    document.execCommand("copy");
-
-    if (copyElementSelect.classList.contains("-lsg-remove")) {
-      document.body.removeChild(copyElementSelect);
-    }
-
-    window.getSelection().removeAllRanges();
-  }
-
-  function testCopy() {
-    try {
-      document.execCommand("copy");
-      return true;
-    }
-    catch(err) {
-      return false;
-    }
-  }
-</script>

data/stylesheets/livingstyleguide/_search.scss

@@ -1,8 +0,0 @@
-.lsg--search {
-  margin: 0px auto;
-  width: $lsg--width + ($lsg--width / 2);
-}
-
-.lsg--search-box {
-  margin: 2 * $lsg--gap-width $lsg--width + ($lsg--width / 4);
-}