fontcustom 0.1.4 → 1.0.0.pre

data/lib/fontcustom/templates/_fontcustom.scss

@@ -0,0 +1,72 @@
+/*
+  Font Custom
+*/
+
+@font-face {
+  font-family: "<%= @opts[:font_name] %>";
+  src: url("<%= @data[:file_name] %>.eot?#iefix") format("embedded-opentype"),
+       url("<%= @data[:file_name] %>.woff") format("woff"),
+       url("<%= @data[:file_name] %>.ttf") format("truetype"),
+       url("<%= @data[:file_name] %>.svg#<%= @opts[:font_name] %>") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+
+/*
+  Bootstrap Overrides
+*/
+
+[class^="<%= @opts[:css_prefix] %>"]:before, [class*=" <%= @opts[:css_prefix] %>"]:before {
+  font-family: "<%= @opts[:font_name] %>";
+  font-weight: normal;
+  font-style: normal;
+  display: inline-block;
+  text-decoration: inherit;
+}
+
+a [class^="<%= @opts[:css_prefix] %>"], a [class*=" <%= @opts[:css_prefix] %>"] {
+  display: inline-block;
+  text-decoration: inherit;
+}
+
+/* makes the font 33% larger relative to the icon container */
+.<%= @opts[:css_prefix] %>large:before {
+  vertical-align: top;
+  font-size: 1.333em;
+}
+
+/* keeps button heights with and without icons the same */
+.btn [class^="<%= @opts[:css_prefix] %>"], .btn [class*=" <%= @opts[:css_prefix] %>"] {
+  line-height: 0.9em;
+}
+
+li [class^="<%= @opts[:css_prefix] %>"], li [class*=" <%= @opts[:css_prefix] %>"] {
+  display: inline-block;
+  width: 1.25em;
+  text-align: center;
+}
+
+/* 1.5 increased font size for <%= @opts[:css_prefix] %>large * 1.25 width */
+li .<%= @opts[:css_prefix] %>large[class^="<%= @opts[:css_prefix] %>"], li .<%= @opts[:css_prefix] %>large[class*=" <%= @opts[:css_prefix] %>"] {
+  width: 1.875em;
+}
+
+li[class^="<%= @opts[:css_prefix] %>"], li[class*=" <%= @opts[:css_prefix] %>"] {
+  margin-left: 0;
+  list-style-type: none;
+}
+
+li[class^="<%= @opts[:css_prefix] %>"]:before, li[class*=" <%= @opts[:css_prefix] %>"]:before {
+  text-indent: -2em;
+  text-align: center;
+}
+
+li[class^="<%= @opts[:css_prefix] %>"].<%= @opts[:css_prefix] %>large:before, li[class*=" <%= @opts[:css_prefix] %>"].<%= @opts[:css_prefix] %>large:before {
+  text-indent: -1.333em;
+}
+
+/*
+  Icon Classes
+*/
+<% @data[:glyphs].each_with_index do |name, index| %>
+.<%= @opts[:css_prefix] + name %>:before { content: "\<%= (61696+index).to_s(16) %>"; }<% end %>

data/lib/fontcustom/templates/fontcustom-ie7.css

@@ -1,18 +1,18 @@
-[class^="icon-"],
-[class*=" icon-"] {
-  font-family: "<%= @name %>";
+[class^="<%= @opts[:css_prefix] %>"],
+[class*=" <%= @opts[:css_prefix] %>"] {
+  font-family: "<%= @opts[:font_name] %>";
   font-style: normal;
   font-weight: normal;
 }
-.btn.dropdown-toggle [class^="icon-"],
-.btn.dropdown-toggle [class*=" icon-"] {
-  /* keeps button heights with and without icons the same */
 
+.btn.dropdown-toggle [class^="<%= @opts[:css_prefix] %>"],
+.btn.dropdown-toggle [class*=" <%= @opts[:css_prefix] %>"] {
+  /* keeps button heights with and without icons the same */
   line-height: 1.4em;
 }
-.icon-large {
+
+.<%= @opts[:css_prefix] %>large {
   font-size: 1.3333em;
 }
-
-<% @classes.each_with_index do |name, index| %>
-.icon-<%= name %> { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#x<%= (61696+index).to_s(16) %>;&nbsp;');} <% end %>
+<% @data[:glyphs].each_with_index do |name, index| %>
+.<%= @opts[:css_prefix] + name %> { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#x<%= (61696+index).to_s(16) %>;&nbsp;'); }<% end %>

data/lib/fontcustom/templates/fontcustom.css

@@ -1,13 +1,13 @@
 /*
-  Font Custom - icon webfonts made simple
+  Font Custom
 */
 
 @font-face {
-  font-family: "<%= @name %>";
-  src: url("<%= @path %>.eot?#iefix") format("embedded-opentype"),
-       url("<%= @path %>.woff") format("woff"),
-       url("<%= @path %>.ttf") format("truetype"),
-       url("<%= @path %>.svg#<%= @name %>") format("svg");
+  font-family: "<%= @opts[:font_name] %>";
+  src: url("<%= @data[:file_name] %>.eot?#iefix") format("embedded-opentype"),
+       url("<%= @data[:file_name] %>.woff") format("woff"),
+       url("<%= @data[:file_name] %>.ttf") format("truetype"),
+       url("<%= @data[:file_name] %>.svg#<%= @opts[:font_name] %>") format("svg");
   font-weight: normal;
   font-style: normal;
 }
@@ -16,57 +16,57 @@
   Bootstrap Overrides
 */
 
-[class^="icon-"]:before, [class*=" icon-"]:before {
-  font-family: "<%= @name %>";
+[class^="<%= @opts[:css_prefix] %>"]:before, [class*=" <%= @opts[:css_prefix] %>"]:before {
+  font-family: "<%= @opts[:font_name] %>";
   font-weight: normal;
   font-style: normal;
   display: inline-block;
   text-decoration: inherit;
 }
 
-a [class^="icon-"], a [class*=" icon-"] {
+a [class^="<%= @opts[:css_prefix] %>"], a [class*=" <%= @opts[:css_prefix] %>"] {
   display: inline-block;
   text-decoration: inherit;
 }
 
 /* makes the font 33% larger relative to the icon container */
-.icon-large:before {
+.<%= @opts[:css_prefix] %>large:before {
   vertical-align: top;
   font-size: 1.333em;
 }
 
 /* keeps button heights with and without icons the same */
-.btn [class^="icon-"], .btn [class*=" icon-"] {
+.btn [class^="<%= @opts[:css_prefix] %>"], .btn [class*=" <%= @opts[:css_prefix] %>"] {
   line-height: 0.9em;
 }
 
-li [class^="icon-"], li [class*=" icon-"] {
+li [class^="<%= @opts[:css_prefix] %>"], li [class*=" <%= @opts[:css_prefix] %>"] {
   display: inline-block;
   width: 1.25em;
   text-align: center;
 }
 
-/* 1.5 increased font size for icon-large * 1.25 width */
-li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
+/* 1.5 increased font size for <%= @opts[:css_prefix] %>large * 1.25 width */
+li .<%= @opts[:css_prefix] %>large[class^="<%= @opts[:css_prefix] %>"], li .<%= @opts[:css_prefix] %>large[class*=" <%= @opts[:css_prefix] %>"] {
   width: 1.875em;
 }
 
-li[class^="icon-"], li[class*=" icon-"] {
+li[class^="<%= @opts[:css_prefix] %>"], li[class*=" <%= @opts[:css_prefix] %>"] {
   margin-left: 0;
   list-style-type: none;
 }
 
-li[class^="icon-"]:before, li[class*=" icon-"]:before {
+li[class^="<%= @opts[:css_prefix] %>"]:before, li[class*=" <%= @opts[:css_prefix] %>"]:before {
   text-indent: -2em;
   text-align: center;
 }
 
-li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
+li[class^="<%= @opts[:css_prefix] %>"].<%= @opts[:css_prefix] %>large:before, li[class*=" <%= @opts[:css_prefix] %>"].<%= @opts[:css_prefix] %>large:before {
   text-indent: -1.333em;
 }
 
 /*
   Icon Classes
 */
-<% @classes.each_with_index do |name, index| %>
-.icon-<%= name %>:before { content: "\<%= (61696+index).to_s(16) %>"; }<% end %>
+<% @data[:glyphs].each_with_index do |name, index| %>
+.<%= @opts[:css_prefix] + name %>:before { content: "\<%= (61696+index).to_s(16) %>"; }<% end %>

data/lib/fontcustom/templates/fontcustom.html

@@ -0,0 +1,119 @@
+<% scale = %w|12 14 16 18 21 24 36 48 60 72| %>
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= @opts[:font_name] %> glyphs preview</title>
+    <link rel="stylesheet" href="fontcustom.css" />
+    <!--[if lte IE 7]><link rel="stylesheet" href="fontcustom-ie7.css" /><![endif]-->
+
+    <style>
+      * {
+        -moz-box-sizing: border-box;
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+      }
+
+      body {
+        background: #fff;
+        color: #444;
+        font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
+      }
+
+      a, 
+      a:visited {
+        color: #888;
+        text-decoration: underline;
+      }
+      a:hover, 
+      a:focus { color: #000; }
+
+      h1 {
+        border-bottom: 2px solid #ddd;
+        color: #888;
+        font-size: 36px;
+        font-weight: 300;
+        margin-bottom: 20px;
+        padding: 20px 0;
+      }
+
+      .container {
+        margin: 0 auto;
+        min-width: 880px;
+        padding: 0 40px;
+        width: 80%;
+      }
+
+      .glyph {
+        border-bottom: 1px dotted #ccc;
+        padding: 10px 0 20px;
+        margin-bottom: 20px;
+      }
+
+      .preview-glyphs { vertical-align: bottom; } 
+
+      .preview-scale { 
+        color: #888;
+        font-size: 12px; 
+        margin-top: 5px;
+      }
+
+      .step {
+        display: inline-block;
+        line-height: 1;
+        width: 10%;
+      }
+
+      <% scale.each do |n| %>
+      .size-<%= n %> { font-size: <%= n %>px; }
+      <% end %>
+
+      .usage { margin-top: 10px; }
+
+      .usage input {
+        font-family: monospace;
+        margin-right: 3px;
+        padding: 2px 5px;
+        text-align: center;
+      }
+
+      .usage .point { width: 150px; }
+
+      .usage .class { width: 250px; }
+
+      .footer {
+        color: #888;
+        font-size: 12px;
+        padding: 20px 0;
+      }
+    </style>
+
+    <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+  </head>
+
+  <body>
+    <div class="container">
+      <h1><%= @opts[:font_name] %> contains <%= @data[:glyphs].length %> glyphs:</h1> 
+
+      <% @data[:glyphs].each_with_index do |name, index| %>
+      <div class="glyph">
+        <div class="preview-glyphs">
+          <% scale.each do |n| %><i class="step <%= @opts[:css_prefix] + name %> size-<%= n %>"></i><% end %>
+        </div>
+        <div class="preview-scale">
+          <% scale.each do |n| %><span class="step"><%= n %></span><% end %> 
+        </div>
+        <div class="usage">
+          <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".<%= @opts[:css_prefix] + name %>" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x<%= (61696+index).to_s(16) %>;" />
+        </div>
+      </div>
+      <% end %>
+
+      <div class="footer">
+        Made with love using <a href="http://fontcustom.com">Font Custom</a>.
+      </div>
+    </div>
+  </body>
+</html>

data/lib/fontcustom/templates/fontcustom.yml

@@ -0,0 +1,23 @@
+##
+# FONTCUSTOM CONFIG
+#
+# Include this file along with your vectors or pass it to any command with:
+#   --config=path/to/config.yml 
+#   -c path/to/containing/dir/
+#
+# Run `fontcustom help` to learn about various options
+##
+
+#output: /path/to/output
+
+#templates: [ scss, preview, relative/path/from/INPUT, relative/path/from/PWD ]
+
+#font_name: my-font
+
+#file_hash: false
+
+#css_prefix: glyph-
+
+#debug: true
+
+#verbose: false

data/lib/fontcustom/util.rb

@@ -0,0 +1,89 @@
+require "yaml"
+
+module Fontcustom
+  class Util
+    class << self 
+      def check_fontforge
+        if `which fontforge` == ""
+          raise Fontcustom::Error, "Please install fontforge first. Visit http://fontcustom.com for more details."
+        end
+      end
+
+      # Converts all options into symbol-accessible hashes
+      # Priority: Passed args > config file > default
+      def collect_options(args = {})
+        options = Fontcustom::DEFAULT_OPTIONS.clone
+        args = args.inject({}){|memo,(k,v)| memo[k.to_sym] = v; memo}
+
+        options[:input] = args[:input] if args[:input]
+        options[:config] = args[:config] if args[:config]
+        args.delete :config # don't overwrite the return value of #get_config_path
+        options[:config] = get_config_path options
+
+        if options[:config]
+          config = YAML.load File.open(options[:config])
+          if config.is_a? Hash
+            config = config.inject({}){|memo,(k,v)| memo[k.to_sym] = v; memo}
+            options.merge! config
+          end
+        end
+
+        options.merge! args
+        options[:output] ||= File.join(options[:input], "fontcustom")
+        options[:templates] = get_template_paths options
+        options[:font_name] = options[:font_name].strip.downcase.gsub(/\W/, '-') 
+        options
+      end
+
+      # passed path > input
+      def get_config_path(options)
+        if options[:config] && File.directory?(options[:config]) && File.exists?(File.join(options[:config], "fontcustom.yml"))
+          File.join options[:config], "fontcustom.yml"
+        elsif options[:config] && File.exists?(options[:config]) 
+          options[:config]
+        elsif File.exists? File.join(options[:input], "fontcustom.yml")
+          File.join options[:input], "fontcustom.yml"
+        else
+          false
+        end
+      end
+
+      # Translates shorthand to full path of packages templates, otherwise,
+      # it checks input and pwd for the template.
+      #
+      # Could arguably belong in Generator::Template, however, it's nice to
+      # be able to catch template errors before any generator runs.
+      def get_template_paths(options)
+        options[:templates] << "css" if options[:templates].include?("preview") && ! options[:templates].include?("css")
+        options[:templates].map do |template|
+          case template
+          when "preview"
+            File.join gem_lib_path, "templates", "fontcustom.html"
+          when "css"
+            File.join gem_lib_path, "templates", "fontcustom.css"
+          when "scss"
+            File.join gem_lib_path, "templates", "_fontcustom.scss"
+          when "css-ie7"
+            File.join gem_lib_path, "templates", "fontcustom-ie7.css"
+          else
+            if File.exists?(template)
+              template
+            elsif File.exists?(File.join(options[:input], template))
+              File.join options[:input], template
+            else
+              raise Fontcustom::Error, "We couldn't find your custom template #{template}. Double check and try again?"
+            end
+          end
+        end
+      end
+
+      def clear_file(file)
+        File.open(file, "w") {}
+      end
+
+      def gem_lib_path
+        File.expand_path(File.join(File.dirname(__FILE__)))
+      end
+    end
+  end
+end

data/lib/fontcustom/version.rb

@@ -1,3 +1,3 @@
 module Fontcustom
-  VERSION = "0.1.4"
+  VERSION = "1.0.0.pre"
 end

data/lib/fontcustom/watcher.rb

@@ -1,37 +1,62 @@
-require 'listen'
+require "fontcustom"
+require "listen"
 
 module Fontcustom
   class Watcher
-    def self.watch(*args)
-      callback = Proc.new do |modified, added, removed|
-        puts '    >> Changed: ' + modified.join(' ') unless modified.empty?
-        puts '    >> Added: ' + added.join(' ') unless added.empty?
-        puts '    >> Removed: ' + removed.join(' ') unless removed.empty?
-
-        changed = modified + added + removed
-        Fontcustom.compile(*args) unless changed.empty?
-      end
+    def initialize(opts)
+      @opts = opts
+      @listener = Listen.to(@opts[:input])
+                        .relative_paths(true)
+                        .filter(/\.(eps|svg)$/)
+                        .change(&callback)
+      @opts[:blocking] = @opts[:blocking] == false ? false : true
+      @listener = @listener.polling_fallback_message(false) unless @opts[:blocking]
+    end
 
-      dir = args.first
-      @listener = Listen.to(dir).filter(/\.(eps|svg)$/).change(&callback)
+    def watch
+      puts "Font Custom is watching your icons at #{@opts[:input]}. Press Ctrl + C to stop."
+      compile unless @opts[:skip_first]
+      @listener.start @opts[:blocking]
 
-      begin
-        puts 'Fontcustom is watching your icons at ' + dir
-        puts 'Press Ctrl + C to stop.'
-        Fontcustom.compile(*args)
-        @listener.start()
+    rescue Fontcustom::Error => e
+      show_error e
 
-      # Catches Ctrl + C
-      # Does listen gem have a better way of handling this?
-      rescue SignalException
-        stop
-      end
+    # Catches Ctrl + C
+    # TODO Does the listen gem have a better way of handling this?
+    rescue SignalException
+      stop
     end
 
-    def self.stop
-      # Newline exists so message is not prepended with ^C on SIGTERM
-      puts "\nFontcustom is signing off. Goodnight and good luck."
+    def stop
+      # Adding a newline so message is not prepended with ^C on SIGTERM
+      puts "\nFont Custom is signing off. Good night and good luck."
       @listener.stop
     end
+
+    private
+
+    def callback
+      Proc.new do |modified, added, removed|
+        begin
+          puts "  >> Changed: " + modified.join(", ") unless modified.empty?
+          puts "  >> Added: " + added.join(", ") unless added.empty?
+          puts "  >> Removed: " + removed.join(", ") unless removed.empty?
+
+          changed = modified + added + removed
+          compile unless changed.empty?
+        rescue Fontcustom::Error => e
+          show_error e
+        end
+      end
+    end
+
+    def compile
+      Fontcustom::Generator::Font.start [@opts]
+      Fontcustom::Generator::Template.start [@opts]
+    end
+
+    def show_error(err)
+      puts "ERROR: #{err.message}"
+    end
   end
 end