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

metro-ui-rails-cn 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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