RubyGems - metro-ui-rails-cn - Versions diffs - 0.1.5 - Mend

metro-ui-rails-cn 0.1.5

Files changed (130) hide show

data/.gitignore ADDED Viewed

@@ -0,0 +1,18 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+.idea

data/.gitmodules ADDED Viewed

@@ -0,0 +1,3 @@
+[submodule "Metro-UI-CSS"]
+	path = Metro-UI-CSS
+	url = git://github.com/olton/Metro-UI-CSS.git

data/Gemfile ADDED Viewed

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

data/README.md ADDED Viewed

@@ -0,0 +1,54 @@
+# Metro UI for Rails 3.1 Asset Pipeline
+This gem integrates [Metro-UI-CSS](https://github.com/olton/Metro-UI-CSS) toolkit into Rails 3.1 Asset Pipeline.
+## Installation
+Add this line to your application's Gemfile:
+    gem 'metro-ui-rails-cn'
+And then execute:
+    $ bundle
+## Installing to Rails project:
+Require metro-ui/metro.less in your metro-ui-css-and-overrides.less
+    @import 'metro-ui-css/modern.less';
+    @import 'metro-ui-css/modern-responsive.less'; // for responsive design
+Require metro-ui-css.less in your application.css:
+    *= require metro-ui-css-and-overrides
+And then require metro-ui in your js application file:
+    //= require metro-ui-css-js
+## Layout generator
+You can generate Metro UI compatible .erb layout.
+Usage:
+    rails generate metro:layout [LAYOUT_NAME]
+Example:
+    rails generate metro:layout application
+## Development
+`git submodule init`  init git://github.com/olton/Metro-UI-CSS.git
+`git submodule update` update Metro-UI-CSS
+`rake update` update Metro-UI-CSS to gem
+## License
+This project only integrates [Metro-UI-CSS](https://github.com/olton/Metro-UI-CSS),
+thus all credits go to Sergey Pimenov, see his [license](https://github.com/olton/Metro-UI-CSS).

data/Rakefile ADDED Viewed

@@ -0,0 +1,15 @@
+require "bundler/gem_tasks"
+require 'rake/testtask'
+task :default => :test
+Rake::TestTask.new do |t|
+    t.libs << 'test'
+    t.test_files = FileList['test/*_test.rb']
+    t.verbose = true
+end
+desc 'update Metro UI CSS for git'
+task :update do
+  require 'metro/ui/convert'
+  Metro::Ui::Convert.new.run
+end

data/lib/generators/metro/layout/layout_generator.rb ADDED Viewed

@@ -0,0 +1,19 @@
+require 'rails/generators'
+module Metro
+  module Generators
+    class LayoutGenerator < ::Rails::Generators::Base
+      source_root File.expand_path("../templates", __FILE__)
+      desc "This generator generates layout file with navigation."
+      argument :layout_name, :type => :string, :default => "application"
+      attr_reader :app_name
+      def generate_layout
+        app = ::Rails.application
+        @app_name = app.class.to_s.split("::").first
+        template "layout.html.erb", "app/views/layouts/#{layout_name}.html.erb"
+      end
+    end
+  end
+end

data/lib/generators/metro/layout/templates/layout.html.erb ADDED Viewed

@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><%%= content_for?(:title) ? yield(:title) : "<%= app_name %>" %></title>
+    <%%= csrf_meta_tags %>
+    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
+    <![endif]-->
+    <%%= stylesheet_link_tag "application", :media => "all" %>
+    <!-- For third-generation iPad with high-resolution Retina display: -->
+    <!-- Size should be 144 x 144 pixels -->
+    <%%= favicon_link_tag 'images/apple-touch-icon-144x144-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '144x144' %>
+    <!-- For iPhone with high-resolution Retina display: -->
+    <!-- Size should be 114 x 114 pixels -->
+    <%%= favicon_link_tag 'images/apple-touch-icon-114x114-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '114x114' %>
+    <!-- For first- and second-generation iPad: -->
+    <!-- Size should be 72 x 72 pixels -->
+    <%%= favicon_link_tag 'images/apple-touch-icon-72x72-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '72x72' %>
+    <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
+    <!-- Size should be 57 x 57 pixels -->
+    <%%= favicon_link_tag 'images/apple-touch-icon-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png' %>
+    <!-- For all other devices -->
+    <!-- Size should be 32 x 32 pixels -->
+    <%%= favicon_link_tag 'images/favicon.ico', :rel => 'shortcut icon' %>
+  </head>
+  <body class="modern-ui">
+    <div class="page">
+      <div class="navigation-bar">
+        <div class="navigation-bar-inner">
+          <span class="menu-pull"></span>
+          <div class="brand">
+            <a href="/"><span class="metro-ui-logo place-left"></span></a>
+            <a href="/"><span class="name"><%= app_name %></span></a>
+          </div>
+          <ul>
+            <li><%%= link_to "Home", "/" %></li>
+            <li data-role="dropdown">
+              <a href="#">Menu</a>
+              <ul class="dropdown-menu">
+                <li><%%= link_to "Link1", "/path1" %></li>
+                <li><%%= link_to "Link2", "/path2" %></li>
+                <li class="divider"></li>
+                <li><%%= link_to "Link3", "/path3" %></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class="page-region">
+        <div class="page-region-content">
+          <div class="grid">
+            <div class="row">
+              <%%= yield %>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="header-bar">
+          <div class="header-bar-inner bg-color-darken" style="padding: 10px 10px 5px;">
+            <p class="tertiary-text fg-color-white">&copy; Company 2012</p>
+          </div>
+        </div>
+    </div>
+    <!-- Javascripts
+    ================================================== -->
+    <!-- Placed at the end of the document so the pages load faster -->
+    <%%= javascript_include_tag "application" %>
+  </body>
+</html>

data/lib/metro-ui-rails-cn.rb ADDED Viewed

@@ -0,0 +1,10 @@
+module Metro
+  module Ui
+    module Rails
+      require 'metro/ui/rails/engine' if defined?(Rails)
+    end
+  end
+end
+require 'less-rails'
+require 'metro/ui/rails/metro' if defined?(Rails)

data/lib/metro/ui/convert.rb ADDED Viewed

@@ -0,0 +1,64 @@
+module Metro
+  module Ui
+    class Convert
+      def run
+        replace_files
+      end
+      def replace_files
+        less_src_dir = File.expand_path("../../../../Metro-UI-CSS/less", __FILE__)
+        less_dest_dir = File.expand_path("../../../../vendor/toolkit/metro-ui-css", __FILE__)
+        rm_and_cp(less_src_dir, less_dest_dir)
+        image_src_dir = File.expand_path("../../../../Metro-UI-CSS/public/images", __FILE__)
+        image_dest_dir = File.expand_path("../../../../vendor/assets/images/metro-ui-css", __FILE__)
+        rm_and_cp(image_src_dir, image_dest_dir)
+        js_src_dir = File.expand_path("../../../../Metro-UI-CSS/javascript", __FILE__)
+        js_dest_dir = File.expand_path("../../../../vendor/assets/javascripts/metro-ui-css", __FILE__)
+        rm_and_cp(js_src_dir, js_dest_dir)
+        Dir["#{less_dest_dir}/*.less"].each do |file|
+          content = File.read(file)
+          new_content = replace_image_url(content)
+          new_content = replace_google_font_url(new_content)
+          File.write(file, new_content)
+        end
+      end
+      def replace_image_url(content)
+        content.gsub(/url\((.+?images.+?)\)/mi) do |full_url|
+          image_url = strip_quotes( $1.strip )
+          image_url = "metro-ui-css/#{File.basename(image_url)}"
+          "image-url(\"#{image_url}\")"
+        end
+      end
+      def replace_google_font_url(content)
+        content.gsub(/url\((.+?googleusercontent.+?)\)/mi) do |full_url|
+          font_url = strip_quotes( $1.strip )
+          font_path = File.expand_path("../../../../vendor/assets/images/metro-ui-css/fonts/#{File.basename(font_url)}", __FILE__)
+          unless File.exist?(font_path)
+            FileUtils.mkdir_p(File.expand_path("../../../../vendor/assets/images/metro-ui-css/fonts", __FILE__))
+            system("wget #{font_url} -O #{font_path}")
+          end
+          font_url = "metro-ui-css/fonts/#{File.basename(font_url)}"
+          "asset-url(\"#{font_url}\")"
+        end
+      end
+      private
+      def strip_quotes(url)
+        url = url[1..-2] if url =~ /^\".*\"$/
+        url = url[1..-2] if url =~ /^'.*'$/
+        url
+      end
+      def rm_and_cp(src_dir, dest_dir)
+        FileUtils.rm_rf(dest_dir + '/*')
+        FileUtils.cp_r( Dir.glob("#{ src_dir}/**" ), dest_dir)
+      end
+    end
+  end
+end

data/lib/metro/ui/rails/engine.rb ADDED Viewed

@@ -0,0 +1,15 @@
+require 'rails'
+module Metro
+  module Ui
+    module Rails
+      class Engine < ::Rails::Engine
+        initializer 'metro-ui-rails.setup',
+          :after => 'less-rails.after.load_config_initializers',
+          :group => :all do |app|
+            app.config.less.paths << File.join(config.root, 'vendor', 'toolkit')
+        end
+      end
+    end
+  end
+end

data/lib/metro/ui/rails/metro.rb ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require 'metro/ui/rails/engine'
2	+ require 'metro/ui/rails/version'

data/lib/metro/ui/rails/version.rb ADDED Viewed

@@ -0,0 +1,7 @@
+module Metro
+  module Ui
+    module Rails
+      VERSION = "0.1.5"
+    end
+  end
+end

data/metro-ui-rails-cn.gemspec ADDED Viewed

@@ -0,0 +1,26 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'metro/ui/rails/version'
+Gem::Specification.new do |gem|
+  gem.name          = "metro-ui-rails-cn"
+  gem.version       = Metro::Ui::Rails::VERSION
+  gem.authors       = ["mangege"]
+  gem.email         = ["mr.mangege@gmail.com"]
+  gem.description   = %q{metro-ui-rails project integrates Metro-UI CSS toolkit for Rails 3.1 Asset Pipeline}
+  gem.summary       = %q{Metro-UI CSS toolkit for Rails 3.1 Asset Pipeline}
+  gem.homepage      = "https://github.com/mangege/metro-ui-rails-cn"
+  gem.files         = `git ls-files`.split($/)
+  gem.require_paths = ["lib"]
+  if RUBY_PLATFORM == 'java'
+    gem.add_dependency 'therubyrhino', '~> 1.73.4'
+  else
+    gem.add_dependency 'therubyracer', '>= 0.10.2'
+  end
+  gem.add_runtime_dependency 'less-rails', '~> 2.2.3'
+  gem.add_development_dependency 'rails', '>= 3.1'
+end

data/test/convert_test.rb ADDED Viewed

@@ -0,0 +1,28 @@
+# -*- encoding : utf-8 -*-
+require 'test_helper'
+require 'metro/ui/convert'
+class ConvertTest < ActiveSupport::TestCase
+  setup do
+    @convert = Metro::Ui::Convert.new
+  end
+  test "#replace_image_url 应该换成image-url" do
+    content = '@icons_black: url("../images/icons.png");'
+    assert_equal '@icons_black: image-url("metro-ui-css/icons.png");', @convert.replace_image_url(content)
+    content = "@icons_black: url('../images/icons.png');"
+    assert_equal '@icons_black: image-url("metro-ui-css/icons.png");', @convert.replace_image_url(content)
+    content = "@icons_black: url(../images/icons.png);"
+    assert_equal '@icons_black: image-url("metro-ui-css/icons.png");', @convert.replace_image_url(content)
+  end
+  test "#replace_google_font_url 应该换成asset-url,并下载文件到本地" do
+    content = "    src: local('PT Serif Caption'), local('PTSerif-Caption'), url(http://themes.googleusercontent.com/static/fonts/ptserifcaption/v4/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff) format('woff'); "
+    new_content = "    src: local('PT Serif Caption'), local('PTSerif-Caption'), asset-url(\"metro-ui-css/fonts/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff\") format('woff'); "
+    assert_equal new_content, @convert.replace_google_font_url(content)
+    assert File.exist?( File.expand_path("../../vendor/assets/images/metro-ui-css/fonts/", __FILE__) )
+  end
+end