dugway 0.5.0

data/lib/dugway/template.rb

@@ -0,0 +1,44 @@
+module Dugway
+  class Template
+    attr_reader :name
+
+    def initialize(name)
+      @name = name
+    end
+
+    def content
+      Dugway.theme.file_content(name)
+    end
+    
+    def content_type
+      Rack::Mime.mime_type(extension)
+    end
+    
+    def extension
+      File.extname(name)
+    end
+    
+    def html?
+      extension == '.html'
+    end
+    
+    def standalone_html?
+      html? && !!(content =~ /\{\{\s*head_content\s*\}\}/)
+    end
+    
+    def render(request, variables={})
+      if html?
+        liquifier = Liquifier.new(request)
+        rendered_content = liquifier.render(content, variables)
+        
+        if standalone_html?
+          rendered_content
+        else
+          liquifier.render(Dugway.theme.layout, variables.update(:page_content => rendered_content))
+        end
+      else
+        content
+      end
+    end
+  end
+end

data/lib/dugway/theme.rb

@@ -0,0 +1,145 @@
+require 'coffee-script'
+require 'sass'
+require 'less'
+require 'sprockets'
+require 'yui/compressor'
+
+module Dugway
+  class Theme
+    REQUIRED_FILES = %w( layout.html home.html products.html product.html cart.html checkout.html success.html contact.html maintenance.html scripts.js styles.css settings.json screenshot.jpg )
+    
+    attr_reader :errors
+
+    def initialize(overridden_customization={})
+      @overridden_customization = overridden_customization.stringify_keys
+    end
+    
+    def layout
+      read_source_file('layout.html')
+    end
+    
+    def settings
+      JSON.parse(read_source_file('settings.json'))
+    end
+    
+    def fonts
+      customization_for_type('fonts')
+    end
+    
+    def customization
+      Hash.new.tap { |customization|
+        %w( fonts colors options ).each { |type|
+          customization.update(customization_for_type(type))
+        }
+    
+        customization.update(@overridden_customization)
+      }
+    end
+    
+    def name
+      settings['name']
+    end
+    
+    def version
+      settings['version']
+    end
+
+    def file_content(name)
+      case name
+      when 'scripts.js'
+        if @building
+          YUI::JavaScriptCompressor.new.compress(sprockets[name].to_s)
+        else
+          sprockets[name].to_s
+        end
+      when 'styles.css'
+        sprockets[name].to_s
+      else
+        read_source_file(name)
+      end
+    end
+
+    def build_file(name)
+      @building = true
+      file_content(name)
+    end
+
+    def files
+      REQUIRED_FILES + image_files
+    end
+
+    def image_files
+      Dir.glob(File.join(source_dir, 'images', '**', '*.{png,jpg,jpeg,gif}')).map { |i| 
+        i.gsub(source_dir, '')[1..-1]
+      }
+    end
+
+    def valid?
+      @errors = []
+
+      REQUIRED_FILES.each { |file|
+        @errors << "Missing source/#{ file }" if read_source_file(file).nil?
+      }
+
+      @errors << 'Missing theme name in source/settings.json' if name.blank?
+      @errors << 'Invalid theme version in source/settings.json (ex: 1.0.3)' unless !!(version =~ /\d+\.\d+\.\d+/)
+      @errors << 'Missing images in source/images' if image_files.empty?
+
+      @errors.empty?
+    end
+    
+    private
+
+    def source_dir
+      Dugway.source_dir
+    end
+    
+    def sprockets
+      @sprockets ||= begin
+        sprockets = Sprockets::Environment.new
+        sprockets.append_path source_dir
+        
+        # CSS engines like Sass and LESS choke on Liquid variables, so here we render the Liquid 
+        # if we're viewing the file, or escape and unescape it if we're building the file.
+        
+        sprockets.register_preprocessor 'text/css', :liquifier do |context, data|
+          if @building
+            Liquifier.escape_styles(data)
+          else
+            Liquifier.render_styles(data)
+          end
+        end
+        
+        sprockets.register_postprocessor 'text/css', :liquifier do |context, data|
+          if @building
+            Liquifier.unescape_styles(data)
+          else
+            data
+          end
+        end
+        
+        sprockets
+      end
+    end
+    
+    def read_source_file(file_name)
+      file_path = File.join(source_dir, file_name)
+      
+      if File.exist?(file_path)
+        File.read(file_path)
+      else
+        nil
+      end
+    end
+    
+    def customization_for_type(type)
+      Hash.new.tap { |hash|
+        if settings.has_key?(type)
+          settings[type].each { |setting|
+            hash[setting['variable']] = setting['default']
+          }
+        end
+      }
+    end
+  end
+end

data/lib/dugway/theme_font.rb

@@ -0,0 +1,68 @@
+require 'yaml'
+
+module Dugway
+  class ThemeFont < Struct.new(:name, :family, :collection)
+    class << self
+      def all
+        @@all ||= Array.new.tap { |fonts|
+          source.each_pair { |collection, collection_fonts|
+            collection_fonts.values.each { |font|
+              fonts << ThemeFont.new(font[:name], font[:family], collection)
+            }
+          }
+        }.sort_by { |font| font.name }
+      end
+
+      def options
+        @@options ||= all.map(&:name)
+      end
+
+      def find_by_name(name)
+        all.find { |font|
+          name.downcase == font.name.downcase
+        }
+      end
+
+      def find_family_by_name(name)
+        if font = find_by_name(name)
+          font.family
+        else
+          name
+        end
+      end
+
+      def google_font_names
+        @@google_font_names ||= all.select { |font| 
+          font.collection == 'google' 
+        }.map(&:name)
+      end
+
+      def google_font_url_for_fonts(fonts)
+        "//fonts.googleapis.com/css?family=#{ fonts.map { |font| font.gsub(' ', '+') }.join('|') }"
+      end
+
+      def google_font_url_for_all_fonts
+        google_font_url_for_fonts(google_font_names)
+      end
+
+      def google_font_url_for_theme
+        theme = Dugway.theme
+        fonts = theme.fonts.keys.map { |key|
+          theme.customization[key] }.select { |font_name|
+            google_font_names.include? font_name }.sort
+
+        if fonts.present?
+          google_font_url_for_fonts(fonts)
+        else
+          nil
+        end
+      end
+
+      private
+
+      def source
+        @@source ||= HashWithIndifferentAccess.new(YAML.load(File.read(File.join(File.dirname(__FILE__), 'data', 'theme_fonts.yml'))))
+      end
+    end
+  end
+end

data/lib/dugway/version.rb

@@ -0,0 +1,3 @@
+module Dugway
+  VERSION = "0.5.0"
+end

data/spec/fixtures/store/page/about-us.js

@@ -0,0 +1 @@
+{"category":"custom","content":"<p>We're really cool!</p>","permalink":"about-us","name":"About Us","id":95821979,"url":"/about-us"}

data/spec/fixtures/store/products.js

@@ -0,0 +1 @@
+[{"price":10.0,"status":"active","created_at":"2013-02-10T19:28:11-07:00","tax":0.0,"position":1,"artists":[{"permalink":"artist-one","name":"Artist One","id":176141,"url":"/artist/artist-one"}],"shipping":[{"amount_with_others":5.0,"country":{"name":"United States","id":43,"code":"US"},"amount_alone":10.0},{"amount_with_others":10.0,"amount_alone":20.0}],"images":[{"width":475,"height":475,"secure_url":"https://s3.amazonaws.com/bigcartel/product_images/92599166/mens_tee_1.jpg","url":"http://cache1.bigcartel.com/product_images/92599166/mens_tee_1.jpg"},{"width":475,"height":475,"secure_url":"https://s3.amazonaws.com/bigcartel/product_images/92599178/mens_tee_2.jpg","url":"http://cache1.bigcartel.com/product_images/92599178/mens_tee_2.jpg"},{"width":475,"height":475,"secure_url":"https://s3.amazonaws.com/bigcartel/product_images/92599196/mens_tee_3.jpg","url":"http://cache1.bigcartel.com/product_images/92599196/mens_tee_3.jpg"},{"width":475,"height":475,"secure_url":"https://s3.amazonaws.com/bigcartel/product_images/92599214/mens_tee_4.jpg","url":"http://cache0.bigcartel.com/product_images/92599214/mens_tee_4.jpg"},{"width":475,"height":475,"secure_url":"https://s3.amazonaws.com/bigcartel/product_images/92599226/mens_tee_5.jpg","url":"http://cache1.bigcartel.com/product_images/92599226/mens_tee_5.jpg"}],"categories":[{"permalink":"tees","name":"Tees","id":4615193,"url":"/category/tees"}],"on_sale":false,"permalink":"my-product","name":"My Product","default_price":10.0,"id":9422939,"description":"This is a description of my product.","options":[{"price":10.0,"sold_out":false,"has_custom_price":false,"name":"Small","id":29474321},{"price":10.0,"sold_out":false,"has_custom_price":false,"name":"Medium","id":29474324},{"price":10.0,"sold_out":false,"has_custom_price":false,"name":"Large","id":29474327},{"price":15.0,"sold_out":false,"has_custom_price":true,"name":"X-Large","id":29474330}],"url":"/product/my-product"},{"price":10.0,"status":"active","created_at":"2013-03-02T10:05:34-07:00","tax":0.0,"position":2,"artists":[{"permalink":"artist-two","name":"Artist Two","id":176144,"url":"/artist/artist-two"}],"images":[{"width":475,"height":475,"secure_url":"https://s3.amazonaws.com/bigcartel/product_images/95272745/mens_tee_8.jpg","url":"http://cache0.bigcartel.com/product_images/95272745/mens_tee_8.jpg"}],"categories":[{"permalink":"tees","name":"Tees","id":4615193,"url":"/category/tees"}],"on_sale":false,"permalink":"my-tee","name":"My Tee","default_price":10.0,"id":9696017,"description":"This is my cool tee shirt.","options":[{"price":10.0,"sold_out":false,"has_custom_price":false,"name":"Small","id":30344519},{"price":10.0,"sold_out":false,"has_custom_price":false,"name":"Medium","id":30344522},{"price":15.0,"sold_out":false,"has_custom_price":true,"name":"Large","id":30344525}],"url":"/product/my-tee"},{"price":20.0,"status":"active","created_at":"2013-03-02T10:06:22-07:00","tax":0.0,"position":3,"artists":[],"categories":[{"permalink":"prints","name":"Prints","id":4615190,"url":"/category/prints"}],"on_sale":false,"permalink":"my-print","name":"My Print","default_price":20.0,"id":9696032,"description":"This is my print.","options":[{"price":20.0,"sold_out":false,"has_custom_price":false,"name":"Default","id":30344567}],"url":"/product/my-print"}]

data/spec/fixtures/store/store.js

@@ -0,0 +1 @@
+{"website":"","artists":[{"permalink":"artist-one","name":"Artist One","id":176141,"url":"/artist/artist-one"},{"permalink":"artist-two","name":"Artist Two","id":176144,"url":"/artist/artist-two"}],"products_count":3,"currency":{"sign":"$","name":"U.S. Dollar","id":1,"code":"USD"},"country":{"name":"United States","id":43,"code":"US"},"categories":[{"permalink":"cds","name":"CDs","id":4615184,"url":"/category/cds"},{"permalink":"hats","name":"Hats","id":4615187,"url":"/category/hats"},{"permalink":"prints","name":"Prints","id":4615190,"url":"/category/prints"},{"permalink":"tees","name":"Tees","id":4615193,"url":"/category/tees"}],"name":"Dugway","pages":[{"permalink":"about-us","name":"About Us"}],"url":"http://dugway.bigcartel.com","description":""}

data/spec/fixtures/theme/cart.html

@@ -0,0 +1,33 @@
+<div>
+  {% if cart.items != blank %}
+  <form method="post" action="/cart">
+    <h1>Cart</h1>
+    
+    <ul>
+      {% for item in cart.items %}
+      <li>
+        <a href="{{ item.product.url }}" style="background-image: url({{ item.product.image | product_image_url size:"thumb" }});">{{ item.name }}</a>
+        <span><a href="{{ item.product.url }}">{{ item.product.name }}</a></span>
+        {% unless item.product.has_default_option %}
+        <span>{{ item.option.name }}</span>
+        {% endunless %}
+      </li>
+      {% endfor %}
+      
+      <li>
+        <label>Total:</label>
+        <span>{{ cart.total | money_with_sign }}</span>
+      </li>
+      
+      <li>
+        <button type="submit"name="checkout" title="Checkout" class="button">Checkout Now</button>
+      </li>
+    </ul>
+  </form>
+  {% else %}
+  <div>
+    <h1>Your cart is empty</h1>
+    <p>Sounds like a good time to <a href="/">start shopping</a>.</p>
+  </div>
+  {% endif %}
+</div>

data/spec/fixtures/theme/checkout.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+  <head> 
+    <title>{{ store.name }} &mdash; {{ page.name }}</title>  
+    <meta charset="utf-8">
+    <meta name="description" content="{{ page.meta_description }}">
+    <meta name="keywords" content="{{ page.meta_keywords }}">
+    <link href="{{ theme | theme_css_url }}" media="screen" rel="stylesheet" type="text/css">
+    <script type="text/javascript" charset="utf-8">
+      function checkout() {
+        if(top != self) {
+          top.location.replace(self.location.href);
+          } else {
+          document.checkout_form.submit();
+        }
+      }
+    </script>  
+    {{ head_content }}
+  </head>
+  
+  <body id="{{ page.permalink }}" class="{{ page.category }}" onload="checkout();">
+    <div>
+      <h2>One moment...</h2>
+    </div>
+    
+    {% checkoutform %}
+      <noscript>
+        <input type="submit" value="Checkout" />
+      </noscript>
+    {% endcheckoutform %}
+  </body>
+</html>

data/spec/fixtures/theme/contact.html

@@ -0,0 +1,37 @@
+<div>
+  {% if contact.sent %}
+  <h1>Thank You!</h1>
+  <p>Your message has been sent and we will try to respond within 24 business hours.</p>      
+  {% else %}
+  <h1>{{ page.name }}</h1>
+  <form method="post" action="/contact">
+    <ul>
+      <li>
+        <label>Your Name:</label>
+        {{ contact | contact_input: 'name' }}
+      </li>
+      <li>
+        <label>Your Email:</label>
+        {{ contact | contact_input: 'email' }}                
+      </li>
+      <li>
+        <label>Subject:</label>
+        {{ contact | contact_input: 'subject' }}
+      </li>
+      <li>
+        <label>Message:</label>
+        {{ contact | contact_input: 'message' }}
+      </li>
+      <li id="captcha_img" class="clearfix">
+        <label>Spam Check:</label>
+        <p>Please enter the characters from the image.</p> 
+        {{ contact | contact_input: 'captcha' }}
+        <div id="captcha_phrase">{{ contact.captcha }}</div>       
+      </li>
+      <li>
+        <button type="submit" name="submit" class="button">Send Message</button>
+      </li>
+    </ul>
+  </form>
+  {% endif %}
+</div>

data/spec/fixtures/theme/home.html

@@ -0,0 +1,38 @@
+<div>
+  {% paginate products from products.all by 20 %}
+  {% if products != blank %}
+  <ul>
+    {% for product in products %}
+    <li id="product_{{ product.id }}">
+      <a href="{{ product.url }}">
+        <img alt="Image of {{ product.name | escape }}" src="{{ product.image | product_image_url size: theme.product_list_size }}" />
+        <div>
+          <div>
+            <span>{{ product.name }}</span>
+            <span>{{ product.default_price | money_with_sign }}{% case product.status %}{% when 'sold-out' %} / Sold Out{% when 'coming-soon' %} / Coming Soon{% when 'active' %}{% if product.on_sale %} / On Sale{% endif %}{% endcase %}</span>
+          </div>
+        </div>
+      </a>
+    </li>
+    {% endfor %}
+  </ul>
+
+  <div class="pagination" id="pagination">
+  {% if paginate.previous %}
+    {% if paginate.previous.is_link %}
+    <a href="{{ paginate.previous.url }}" id="previous" class="circle">&larr;<em>Previous</em></a>
+    {% endif %}
+  {% endif %}
+
+  {% if paginate.next %}
+    {% if paginate.next.is_link %}
+    <a href="{{ paginate.next.url }}" id="next" class="circle">&rarr;<em>Next</em></a>
+    {% endif %}
+  {% endif %}
+  </div>  
+
+  {% else %}
+  <p><span>No products found.</span></p>
+  {% endif %}
+  {% endpaginate %}
+</div>

data/spec/fixtures/theme/javascripts/one.js

@@ -0,0 +1,3 @@
+$(function() {
+  console.log('One')
+});

data/spec/fixtures/theme/javascripts/two.js.coffee

@@ -0,0 +1,2 @@
+$ ->
+  console.log 'Two'

data/spec/fixtures/theme/layout.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+  <head> 
+    <title>{{ store.name }} &mdash; {{ page.name }}</title>  
+    <meta charset="utf-8">
+    <meta name="description" content="{{ page.meta_description }}">
+    <meta name="keywords" content="{{ page.meta_keywords }}">
+    <link href="{{ theme | theme_css_url }}" media="screen" rel="stylesheet" type="text/css">
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
+    <script src="{{ 'api' | theme_js_url }}" type="text/javascript"></script>
+    <script src="{{ theme | theme_js_url }}" type="text/javascript"></script>
+    {{ head_content }}
+  </head>
+  
+  <body id="{{ page.permalink }}" class="{{ page.category }}">
+    <header>
+      <a href="/" title="{{ store.name | escape }}">{{ store.name }}</a>
+    </header>
+    
+    <aside>
+      <section>
+        <a href="/cart">Cart ({{ cart.total | money_with_sign }})</a>
+      </section>
+      
+      {% if theme.show_search %}
+      <section>
+        <form action="/products" method="get">
+          <label>Search: <input type="text" name="search"></label>
+        </form>
+      </section>
+      {% endif %}
+      
+      <nav>
+        <h3>Products</h3>            
+        <ul>
+          <li><a href="/products">All</a></li>
+          {% for category in categories.active %}
+          <li>{{ category | link_to }}</li>
+          {% endfor %}
+        </ul>
+        
+        {% if artists.active != blank %}
+        <h3>Artists</h3>
+        <ul>
+          <li><a href="/products">All</a></li>
+          {% for artist in artists.active %}
+          <li>{{ artist | link_to }}</li>
+          {% endfor %}
+        </ul>
+        {% endif %}
+        
+        <h3>Info</h3>
+        <ul>
+          {% for page in pages.all %}
+          <li>{{ page | link_to }}</li>
+          {% endfor %}
+          <li><a href="/contact">Contact Us</a></li>
+          {% if store.website != blank %}
+          <li><a href="{{ store.website }}">Back to Site</a></li>
+          {% endif %}
+        </ul>
+      </nav>
+    </aside>
+    
+    <section>
+    {% if page.category == 'custom' %}
+      <h1>{{ page.name }}</h1>
+      {{ page_content | paragraphs }}
+    {% else %}
+      {{ page_content }}
+    {% endif %}
+    </section>
+    
+    <footer>
+      <cite>{{ bigcartel_credit }}</cite>
+    </footer>
+  </body>
+</html>