polymer-rails 0.1.9 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: dd5a510d75e8e7cfcfc0246011b9880587b857b4
-  data.tar.gz: 6db0ec455525457777f09695d25aafbb16168937
+  metadata.gz: f84b87114c47f492211cefef9c1f5782415d4ee1
+  data.tar.gz: 40edcd03135d89e01531ec02dfdccc4b6509c404
 SHA512:
-  metadata.gz: 443cc85bb6c92b01b508d4477722ab8e0703ca9c8215579fd9a15502d2f4caece067cfca131c435cb7f84538f4d9d47599ba5ee1e43291e54fce9c1a47287e8a
-  data.tar.gz: 58ab08303ef5c3c8eb0d8958147962a4bf92cfe6965f7167e2ead856f0ba9dc97a998ec89fdb17525ea24f4abef4f8340566d7b7c8a638b27467fec65f5d134c
+  metadata.gz: 7d0f8e22cd158edc2bcb3f6d3c6605f2463ad50f59321fb2d972ee98f4fcc224f521f9677744ff847fd62a9a2730c9707cd90cd3c11df5db8dc638151f7458e7
+  data.tar.gz: 3c42634003742270b2151ae1f2779fa403e33113299dfda49aa7c5acd3ed9db71740dee709b92c968cebd83b22af33f1612c484c32179c914330b42b839c13d8

data/README.md

@@ -1,8 +1,20 @@
-# Polymer::Rails
+# Polymer-Rails
+Want to get started with  [web components](http://www.w3.org/TR/components-intro/)? Want to bring them into your Rails app? Easily build your own and use web components that are built by community in your Ruby on Rails Application. Poymer-rails helps you to do this:
+
+1. Adds [polymer](http://polymer-project.org/) library to assets of your rails project.
+
+2. Allows you to easily import web component with `<%= html_import_tag "my-component" %>` helper.
+
+3. Allows you to import and package web components into assets pipeline, exactly as you would Javascript or CSS
+
+#### Prefer using SASS or CoffeeSript?
+
+Polymer-rails works well with compiling assets, such as CoffeeScript and Sass.
+You can easily use external stylesheet or script tag references in your web component with any extension that Sprockets recognize.
+Use `<link rel="stylesheet" href="application.sass">` for stylesheets and `<script src="application.coffee">` for javascripts.
+This assets will be automatically compiled and required into component html file.
 
-Adds [polymer](http://polymer-project.org/) to your rails project to help in building [web components](http://www.w3.org/TR/components-intro/).
 
-Easily import web component with `<%= html_import_tag "my-component" %>`.
 
 ## Installation
 
@@ -45,6 +57,12 @@ Add your component to manifest file after requiring polymer:
 
 And you can use your component in Rails application!
 
+#### Polymer core/paper elements
+
+Polymer team is working on set of core element which you can learn more about here http://www.polymer-project.org/docs/elements/core-elements.html. If you want to use them in your Rails application, checkout [polymer-core-rails](https://github.com/alchapone/polymer-core-rails) gem.
+
+You may also be interested in Polymer paper elements, they are also available as [polymer-paper-rails](https://github.com/alchapone/polymer-paper-rails) gem.
+
 ## Example
 
 See example Rails application here [http://polymer-rails-example.herokuapp.com/](http://polymer-rails-example.herokuapp.com/)
@@ -53,9 +71,7 @@ Source code can be found here [https://github.com/alchapone/polymer-rails-exampl
 
 ## Learn more
 
- Polymer team is working on set of core element which you can learn more about here http://www.polymer-project.org/docs/elements/core-elements.html
-
- Also you can check out http://customelements.io/ or http://component.kitchen/ to see what components are already built by community.
+ You can check out http://customelements.io/ or http://component.kitchen/ to see what components are already built by community.
 
 ## Contributing
 

data/app/assets/javascripts/polymer/{polymer.html.erb → polymer.html}

@@ -7,5 +7,5 @@ Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 -->
 
-<%= html_import_tag 'polymer/layout' %>
-<%= javascript_include_tag 'polymer/polymer' %>
+<link rel="import" href="layout.html" />
+<script src="polymer.js"></script>

data/lib/generators/polymer/install/install_generator.rb

@@ -17,6 +17,10 @@ module Polymer
         end
       end
 
+      def copy_bowerrc
+          template "bowerrc.json", ".bowerrc"
+      end
+
       def create_vendor_dir
         create_file "vendor/assets/components/.keep"
       end

data/lib/generators/polymer/install/templates/bowerrc.json

@@ -0,0 +1,3 @@
+{
+  "directory": "vendor/assets/components"
+}

data/lib/polymer-rails/component.rb

@@ -0,0 +1,37 @@
+module Polymer
+  module Rails
+    class Component
+
+      def initialize(data)
+        @doc = ::Nokogiri::HTML.fragment(data)
+      end
+
+      def create_node(name, content)
+        node = ::Nokogiri::XML::Node.new(name, @doc)
+        node.content = content
+        node
+      end
+
+      def replace_node(node, name, content)
+        node.replace create_node(name, content)
+      end
+
+      def stylesheets
+        @doc.css("link[rel='stylesheet']")
+      end
+
+      def javascripts
+        @doc.css("script[src]")
+      end
+
+      def imports
+        @doc.css("link[rel='import']")
+      end
+
+      def stringify
+        @doc.inner_html
+      end
+
+    end
+  end
+end

data/lib/polymer-rails/processors/components_processor.rb

@@ -0,0 +1,55 @@
+require 'nokogiri'
+require 'polymer-rails/component'
+
+module Polymer
+  module Rails
+    class ComponentsProcessor < Sprockets::Processor
+
+      def initialize(context, data)
+        @context = context
+        @component = Component.new(data)
+      end
+
+      def process
+        inline_styles
+        inline_javascripts
+        require_imports
+        @component.stringify
+      end
+
+    private
+
+      def require_imports
+        @component.imports.each do |import|
+          @context.require_asset component_path(import.attributes['href'].value)
+          import.remove
+        end
+      end
+
+      def inline_javascripts
+        @component.javascripts.each do |script|
+          @component.replace_node(script, 'script', asset_content(script.attributes['src'].value))
+        end
+      end
+
+      def inline_styles
+        @component.stylesheets.each do |link|
+          @component.replace_node(link, 'style', asset_content(link.attributes['href'].value))
+        end
+      end
+
+      def asset_content(file)
+        dir  = File.dirname(@context.pathname)
+        path = File.absolute_path(file, dir)
+        @context.evaluate path
+      end
+
+      def component_path(file)
+        dir = File.dirname(@context.pathname)
+        dir.gsub!('/app/assets/', '/vendor/assets/') unless File.exist?(File.absolute_path(file, dir))
+        File.absolute_path(file, dir)
+      end
+
+    end
+  end
+end

data/lib/polymer-rails/railtie.rb

@@ -12,6 +12,9 @@ module Polymer
       initializer :add_preprocessors do |app|
         app.assets.register_mime_type "text/html", ".html"
         app.assets.register_preprocessor "text/html", Polymer::Rails::DirectiveProcessor
+        app.assets.register_postprocessor 'text/html', :web do |context, data|
+          Polymer::Rails::ComponentsProcessor.new(context, data).process
+        end
       end
 
     end

data/lib/polymer-rails/version.rb

@@ -1,5 +1,5 @@
 module Polymer
   module Rails
-    VERSION = "0.1.9"
+    VERSION = "0.2.0"
   end
 end

data/lib/polymer-rails.rb

@@ -1,5 +1,6 @@
 require "polymer-rails/version"
 require "polymer-rails/processors/directive_processor"
+require "polymer-rails/processors/components_processor"
 require "polymer-rails/helpers/asset_tag_helper"
 require "polymer-rails/engine" if defined?(::Rails)
 require "polymer-rails/railtie" if defined?(::Rails)

metadata

@@ -1,57 +1,85 @@
 --- !ruby/object:Gem::Specification
 name: polymer-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.9
+  version: 0.2.0
 platform: ruby
 authors:
 - Alex Chaplinsky
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-07-20 00:00:00.000000000 Z
+date: 2014-08-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: 3.1.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: 3.1.0
+- !ruby/object:Gem::Dependency
+  name: nokogiri
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.6.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.6.0
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.5'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.5'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.0.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.0.0
 description: Use of web components and polymer-project in Ruby on Rails projects
 email:
 - alchapone@yandex.ru
@@ -63,15 +91,18 @@ files:
 - Rakefile
 - app/assets/javascripts/polymer/layout.html
 - app/assets/javascripts/polymer/platform.js
-- app/assets/javascripts/polymer/polymer.html.erb
+- app/assets/javascripts/polymer/polymer.html
 - app/assets/javascripts/polymer/polymer.js
 - lib/generators/polymer/component/component_generator.rb
 - lib/generators/polymer/component/templates/component.html.erb
 - lib/generators/polymer/install/install_generator.rb
 - lib/generators/polymer/install/templates/application.html.erb
+- lib/generators/polymer/install/templates/bowerrc.json
 - lib/polymer-rails.rb
+- lib/polymer-rails/component.rb
 - lib/polymer-rails/engine.rb
 - lib/polymer-rails/helpers/asset_tag_helper.rb
+- lib/polymer-rails/processors/components_processor.rb
 - lib/polymer-rails/processors/directive_processor.rb
 - lib/polymer-rails/railtie.rb
 - lib/polymer-rails/version.rb
@@ -85,17 +116,17 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.3.0
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: Use of web components with polymer with rails