RubyGems - icofont - Versions diffs - 0.0.2 → 0.0.3 - Mend

icofont 0.0.2 → 0.0.3

Files changed (108) hide show

data/app/views/layouts/icofont/application.html.erb ADDED

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Icofont</title>
+  <%= stylesheet_link_tag "icofont/application", media: "all" %>
+  <%= csrf_meta_tags %>
+</head>
+<body class="icofonts-admin">
+	<div class="main-cont">
+		<div class="main-body">
+			<div class="main-left">
+				<div class="main-inner">
+					<%= yield %>
+				</div>
+			</div>
+			<div class="main-right">
+				<div class="main-inner">
+					<h1 class="main-title"><b>ico</b>fonts</h1>
+					<div class="main-right-controls">
+						<button id="icofonts-update-btn">Update</button>
+						<p id="icofonts-msg"></p>
+					</div>
+					<h2>Selected</h2>
+					<div id="icofonts-selected"></div>
+				</div>
+			</div>
+		</div>
+	</div>
+  <%= javascript_include_tag "icofont/application" %>
+</body>
+</html>

data/config/routes.rb ADDED

@@ -0,0 +1,6 @@
+Icofont::Engine.routes.draw do
+  get 'glyphs' => 'glyphs#index'
+  post 'glyphs/update' => 'glyphs#update'
+  root :to => 'home#index'
+end

data/lib/generators/icofont_generator.rb ADDED

@@ -0,0 +1,25 @@
+require 'tmpdir'
+require 'fileutils'
+require_relative '../icofont'
+class IcofontGenerator < Rails::Generators::Base
+	include FileUtils::Verbose
+	GITHUB_REPO = 'https://github.com/lugolabs/icofont-glyphs'
+	desc "Generates the SVG fonts file based on glyphs on #{Icofont::Paths.glyphs_path}"
+	def create_svg
+		create_file Icofont::Paths.glyphs_path
+	end
+	desc 'Copies the SVG glyphs necessary to generate the icofonts'
+	def copy_glyphs
+		svg_root = Icofont::Paths.svg_root
+		unless Dir.exists?(svg_root)
+			tmp_dir = Dir.mktmpdir
+			git clone: "#{GITHUB_REPO} #{tmp_dir}"
+			mv File.join(tmp_dir, Icofont::Paths.svg_folder), svg_root
+			rm_rf tmp_dir
+		end
+	end
+end

data/lib/icofont.rb ADDED

@@ -0,0 +1,8 @@
+require "icofont/engine"
+require "icofont/paths"
+require "icofont/glyph"
+require "icofont/font_processor"
+module Icofont
+	FONT_NAME = 'icofont'
+end

data/lib/icofont/engine.rb ADDED

@@ -0,0 +1,5 @@
+module Icofont
+  class Engine < ::Rails::Engine
+    isolate_namespace Icofont
+  end
+end

data/lib/icofont/font_processor.rb ADDED

@@ -0,0 +1,64 @@
+require 'tmpdir'
+require 'fileutils'
+require 'rubygems'
+require 'fontcustom'
+module Icofont
+	class FontProcessor
+		include FileUtils::Verbose
+		def initialize(icons)
+			@icons = icons
+		end
+		def generate
+			clean_dir Paths.output_fonts_path
+			rm Paths.output_css_file_path if File.exists?(Paths.output_css_file_path)
+			return unless @icons && @icons.length > 0
+			with_glyphs do |tmp_dir|
+				generate_vectors tmp_dir
+			end
+		end
+		private
+		def generate_vectors(vectors_path)
+			options = {
+        # debug: 			true,
+				input:      vectors_path,
+				output:     Paths.output_fonts_path,
+				templates:  [Paths.templates_path],
+				font_name:  FONT_NAME,
+				css_prefix: "#{FONT_NAME}-",
+    		no_hash: 		true,
+				verbose:    true,
+				manifest:   Paths.manifest_path
+			}
+			opts = Fontcustom::Options.new(options)
+			Fontcustom::Generator::Font.start [opts]
+      Fontcustom::Generator::Template.start [opts]
+      move_css_to_output
+		end
+		def move_css_to_output
+      mv File.join(Paths.output_fonts_path, "#{FONT_NAME}.css.erb"), Paths.output_css_file_path
+		end
+		def with_glyphs
+			tmp_dir = Dir.mktmpdir
+			files = @icons.map { |icon| File.join(Paths.svg_path, "#{icon}.svg") }
+			cp files, tmp_dir
+			yield tmp_dir
+			rm_rf tmp_dir
+		end
+		def clean_dir(folder_path)
+			rm_r(folder_path) if Dir.exists?(folder_path)
+			# Dir.mkdir folder_path
+			mkdir_p folder_path
+		end
+	end
+end

data/lib/icofont/glyph.rb ADDED

@@ -0,0 +1,21 @@
+module Icofont
+	class Glyph
+		class << self
+			def fetch
+				glyphs = []
+				File.readlines(Paths.glyphs_path).each do |line|
+					glyphs << line.gsub("\n", "")
+				end
+				glyphs
+			end
+			def store(glyphs)
+				File.open(Paths.glyphs_path, 'w') do |f|
+					glyphs.each do |g|
+						f.puts g
+					end
+				end
+			end
+		end
+	end
+end

data/lib/icofont/paths.rb ADDED

@@ -0,0 +1,47 @@
+module Icofont
+	class Paths
+		class << self
+			def templates_path
+				@@templates_path ||= File.expand_path("../templates/#{FONT_NAME}.css.erb", __FILE__)
+			end
+			def output_fonts_path
+				@@output_fonts_path ||= expand_root("app/assets/#{FONT_NAME}")
+			end
+			def output_css_path
+				@@output_css_path ||= expand_root("app/assets/stylesheets")
+			end
+			def output_css_file_path
+				@@output_css_path ||= File.join(output_css_path, "#{FONT_NAME}.css.erb")
+			end
+			def manifest_path
+				@@manifest_path ||= expand_root(".#{FONT_NAME}/fontcustom-manifest.yml")
+			end
+			def glyphs_path
+				@@glyphs_path ||= expand_root(".#{FONT_NAME}/#{FONT_NAME}.txt")
+			end
+			def svg_path
+				@@svg_path ||= File.join(svg_root, svg_folder)
+			end
+			def svg_root
+				@@svg_root ||= File.expand_path(".#{FONT_NAME}", '~')
+			end
+			def svg_folder
+				@@svg_folder ||= 'glyphs'
+			end
+			private
+			def expand_root(path)
+				File.join Rails.root, path
+			end
+		end
+	end
+end

data/lib/icofont/templates/icofont.css.erb ADDED

@@ -0,0 +1,28 @@
+@font-face {
+  font-family: "<%= @opts.font_name %>";
+  src: url(<%%= asset_path "<%= @opts.font_name %>.eot" %>);
+  src: url(<%%= asset_path "<%= @opts.font_name %>.eot?#iefix" %>) format("embedded-opentype"),
+       url(<%%= asset_path "<%= @opts.font_name %>.woff" %>) format("woff"),
+       url(<%%= asset_path "<%= @opts.font_name %>.ttf" %>) format("truetype"),
+       url(<%%= asset_path "<%= @opts.font_name %>.svg#<%= @opts.font_name %>" %>) format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+[data-icon]:before { content: attr(data-icon); }
+[data-icon]:before,
+<%= @glyphs.map {|name| ".#{@opts.css_prefix + name}:before"}.join(",\n") %> {
+  display: inline-block;
+  font-family: "<%= @opts.font_name %>";
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  line-height: 1;
+  text-decoration: inherit;
+  text-transform: none;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+<% @glyphs.each_with_index do |name, index| %>
+.<%= @opts.css_prefix + name %>:before { content: "\<%= (61696+index).to_s(16) %>"; }<% end %>

data/lib/icofont/version.rb ADDED

@@ -0,0 +1,3 @@
+module Icofont
+  VERSION = "0.0.3"
+end

data/lib/tasks/icofont.rake ADDED

@@ -0,0 +1,9 @@
+require_dependency 'icofont/font_processor'
+namespace :icofont do
+	desc "Update the icon fonts"
+	task :update => :environment do
+		processor = Icofont::FontProcessor.new(%w{home aid})
+		processor.generate
+	end
+end

data/test/controllers/icofont/glyphs_controller_test.rb ADDED

@@ -0,0 +1,15 @@
+require 'test_helper'
+module Icofont
+  class GlyphsControllerTest < ActionController::TestCase
+    test "should get index" do
+      get :index, :use_route => 'icofont'
+      assert_response :success
+    end
+    test "should post update" do
+      post :update, :use_route => 'icofont'
+      assert_response :success
+    end
+  end
+end

data/test/dummy/README.rdoc ADDED

@@ -0,0 +1,28 @@
+== README
+This README would normally document whatever steps are necessary to get the
+application up and running.
+Things you may want to cover:
+* Ruby version
+* System dependencies
+* Configuration
+* Database creation
+* Database initialization
+* How to run the test suite
+* Services (job queues, cache servers, search engines, etc.)
+* Deployment instructions
+* ...
+Please feel free to use a different markup language if you do not plan to run
+<tt>rake doc:app</tt>.

data/test/dummy/Rakefile ADDED

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+require File.expand_path('../config/application', __FILE__)
+Dummy::Application.load_tasks

data/test/dummy/app/assets/icofont/icofont.eot ADDED

Binary file

data/test/dummy/app/assets/icofont/icofont.svg ADDED

@@ -0,0 +1,37 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2014-1-2: Created.
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20120731 at Thu Jan  2 19:03:06 2014
+ By Artan Sinani
+Created by Artan Sinani with FontForge 2.0 (http://fontforge.sf.net)
+</metadata>
+<defs>
+<font id="icofont" horiz-adv-x="512" >
+  <font-face
+    font-family="icofont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="512"
+    panose-1="2 0 6 9 0 0 0 0 0 0"
+    ascent="448"
+    descent="-64"
+    bbox="0 -64 512 448"
+    underline-thickness="25.6"
+    underline-position="-51.2"
+    unicode-range="U+F100-F102"
+  />
+    <missing-glyph />
+    <glyph glyph-name="uniF100" unicode="&#xf100;"
+d="M480 352l-160 -64v-128l64 -224h-32l-96 224l-96 -224h-32l64 224v128l-160 64v32l224 -64l224 64v-32zM208 400c0 26.4961 21.5039 48 48 48s48 -21.5039 48 -48s-21.5039 -48 -48 -48s-48 21.5039 -48 48z" />
+    <glyph glyph-name="uniF101" unicode="&#xf101;"
+d="M480 320h-32v-32h64v-64c0 -17.6729 -14.3271 -32 -32 -32h-32v-32h64v-64c0 -17.6729 -14.3271 -32 -32 -32h-32v-128h-416c-17.6016 0 -32 14.4004 -32 32v448c0 17.6006 14.4004 32 32 32h416v-32h64v-64c0 -17.6729 -14.3271 -32 -32 -32zM288 319.835
+c-35.2549 0 -63.835 -28.5801 -63.835 -63.835s28.5801 -63.835 63.835 -63.835s63.835 28.5801 63.835 63.835s-28.5801 63.835 -63.835 63.835zM128 -32v448h-32v-448h32zM384 64v32c0 35.3467 -28.6523 64 -64 64h-64v0c-35.3457 0 -64 -28.6533 -64 -64v-32h192z" />
+    <glyph glyph-name="uniF102" unicode="&#xf102;"
+d="M448 320c35.2002 0 64 -28.7998 64 -64v-256c0 -35.2002 -28.7998 -64 -64 -64h-384c-35.2002 0 -64 28.7998 -64 64v256c0 35.2002 28.7998 64 64 64h96v64c0 17.5996 14.4004 32 32 32h128c17.5996 0 32 -14.4004 32 -32v-64h96zM192 384v-64h128v64h-128zM384 96v64
+h-96v96h-64v-96h-96v-64h96v-96h64v96h96z" />
+  </font>
+</defs></svg>

data/test/dummy/app/assets/icofont/icofont.ttf ADDED

Binary file

data/test/dummy/app/assets/icofont/icofont.woff ADDED

Binary file

data/test/dummy/app/assets/javascripts/application.js ADDED

@@ -0,0 +1,13 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require_tree .

data/test/dummy/app/assets/stylesheets/application.css ADDED

@@ -0,0 +1,30 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+ */
+ body {
+	font: 100%/1 sans-serif;
+}
+.icon {
+	display: inline-block;
+	margin: 0 1em 1em 0;
+	text-align: center;
+}
+.icon span {
+	color: #F560A1;
+	font-size: 2em;
+	display: block;
+	margin-bottom: .4em;
+}

data/test/dummy/app/assets/stylesheets/icofont.css.erb ADDED

@@ -0,0 +1,32 @@
+@font-face {
+  font-family: "icofont";
+  src: url(<%= asset_path "icofont.eot" %>);
+  src: url(<%= asset_path "icofont.eot?#iefix" %>) format("embedded-opentype"),
+       url(<%= asset_path "icofont.woff" %>) format("woff"),
+       url(<%= asset_path "icofont.ttf" %>) format("truetype"),
+       url(<%= asset_path "icofont.svg#icofont" %>) format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+[data-icon]:before { content: attr(data-icon); }
+[data-icon]:before,
+.icofont-accessibility:before,
+.icofont-address-book:before,
+.icofont-aid:before {
+  display: inline-block;
+  font-family: "icofont";
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  line-height: 1;
+  text-decoration: inherit;
+  text-transform: none;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+.icofont-accessibility:before { content: "\f100"; }
+.icofont-address-book:before { content: "\f101"; }
+.icofont-aid:before { content: "\f102"; }