polymer-rails 0.2.4 → 0.2.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 41a14ef2df4d8a7c32889b1f0a6673a4f7d4d4ac
-  data.tar.gz: acf46614854b9ce11595c22cb12053f188f0486a
+  metadata.gz: eef638cd7e83a08318fd6df97fe5826a3bb4a84e
+  data.tar.gz: 6b7a005ea359b3e380e0580d9ca0c64029901e31
 SHA512:
-  metadata.gz: f23e15005f90ea2ecbb028e16d88b6784cae92aaf1871b8d49759eb77a2ac676946a384d872ff36448c5c4d9720bf99b02a2b8d25a0d1e27e60fdb4cbea7c033
-  data.tar.gz: be190c436f2265d78dd503350a6d27e995ba9f0cb0a267f6cad6d5dd22f6e8fc640e2758f61217a23dfe69691fe168b01714ae4f431687095aeddc12376a3053
+  metadata.gz: 17cc9af4f73200621d3fed91a29a70febdea309c4b54c102a0567a366f2690445880d1830d4debe866bc091e1f697d3136812e15b73cfa2f4c1ee363788777d9
+  data.tar.gz: 6ae629accb1778e8998c3479af457f15eb12800b925a2c2f89b026001eb7b2501a09be394ba5407b0e63a523e8e801a151d8198fa69067e6553007d683af5874

data/README.md

@@ -10,9 +10,9 @@ Want to get started with  [web components](http://www.w3.org/wiki/WebComponents/
 #### 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.
+You can easily use external stylesheet or script tag references in your web component `<link rel="stylesheet" href="application.css">` for stylesheets and `<script src="application.js">` for javascripts.
 This assets will be automatically compiled and required into component html file.
+* Note that if you're using sass or coffe precompilation, assets are required to use '.css.sass' and '.js.coffee' extensions.*
 
 
 
@@ -36,7 +36,7 @@ Or install it yourself as:
 
     $ rails g polymer:install
 
-- This generator adds `//= require polymer/platform` into `application.js` manifest file  
+- This generator adds `//= require polymer/webcomponents` into `application.js` manifest file  
 - Creates `app/assets/components` and `application.html` manifest file where you can include all your components.
 - Creates `vendor/assets/components` directory for third-party web components.
 
@@ -47,12 +47,12 @@ to import web components manifest to your app.
 
     $ rails g polymer:component <component-name>
 
-This generates new `<component-name>` component directory and .html file of the same name under `app/assets/components` folder.
+This generates new `<component-name>` component directory and `.html`, `.css`, `.js` files of the same name under `app/assets/components` folder.
 
-Add your component to manifest file after requiring polymer:
+Add your component to manifest file after requiring webcomponents:
 
     //
-    //= require polymer/polymer
+    //= require polymer/webcomponents
     //= require component-name/component-name
 
 And you can use your component in Rails application!

data/lib/generators/polymer/component/component_generator.rb

@@ -4,13 +4,20 @@ module Polymer
       source_root File.expand_path('../templates', __FILE__)
 
       def create_component_dir
-        empty_directory "app/assets/components/#{file_name}"
+        empty_directory "app/assets/components/#{component_name}"
       end
 
       def copy_component_template
-        template "component.html.erb", "app/assets/components/#{file_name}/#{file_name}.html"
+        template "component.html.erb", "app/assets/components/#{component_name}/#{component_name}.html"
+        template "component.js.erb", "app/assets/components/#{component_name}/#{component_name}.js"
+        template "component.css.erb", "app/assets/components/#{component_name}/#{component_name}.css"
       end
 
+      private
+
+      def component_name
+        name.gsub('_', '-').downcase
+      end
     end
   end
 end

data/lib/generators/polymer/component/templates/component.css.erb

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

data/lib/generators/polymer/component/templates/component.html.erb

@@ -1,15 +1,9 @@
-<polymer-element name="<%= name %>">
+<polymer-element name="<%= component_name %>">
   <template>
-    <style>
-      :host {
-        display: block;
-      }
-    </style>
+    <link rel="stylesheet" href="<%= component_name %>.css" />
 
     <h2><%= file_name.capitalize.gsub('_', ' ') %></h2>
   </template>
 
-  <script type="text/javascript">
-    Polymer('<%= name %>');
-  </script>
+  <script src="<%= component_name %>.js"></script>
 </polymer-element>

data/lib/generators/polymer/component/templates/component.js.erb

@@ -0,0 +1,3 @@
+Polymer('<%= component_name %>', {
+
+});

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

@@ -20,7 +20,7 @@ module Polymer
 
       def require_imports
         @component.imports.each do |import|
-          @context.require_asset component_path(import.attributes['href'].value)
+          @context.require_asset absolute_asset_path(import.attributes['href'].value)
           import.remove
         end
       end
@@ -38,19 +38,28 @@ module Polymer
       end
 
       def asset_content(file)
-        dir  = File.dirname(@context.pathname)
-        path = File.absolute_path(file, dir)
-        @context.evaluate path
+        asset_path = absolute_asset_path(file)
+        asset      = find_asset(asset_path)
+        unless asset.blank?
+          @context.depend_on_asset asset_path
+          asset.to_s
+        else
+          nil
+        end
       end
 
-      def component_path(file)
+      def absolute_asset_path(file)
         search_file = file.sub(/^(\.\.\/)+/, '/').sub(/^\/*/, '')
         ::Rails.application.assets.paths.each do |path|
           file_list = Dir.glob( "#{File.absolute_path search_file, path }*")
           return file_list.first unless file_list.blank?
         end
-        component = File.absolute_path file, File.dirname(@context.pathname)
-        return File.exists?(component) ? component : nil
+        components = Dir.glob("#{File.absolute_path file, File.dirname(@context.pathname)}*")
+        return components.blank? ? nil : components.first
+      end
+
+      def find_asset(asset_path)
+        ::Rails.application.assets.find_asset(asset_path)
       end
 
     end

data/lib/polymer-rails/version.rb

@@ -1,5 +1,5 @@
 module Polymer
   module Rails
-    VERSION = "0.2.4"
+    VERSION = "0.2.5"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: polymer-rails
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.2.5
 platform: ruby
 authors:
 - Alex Chaplinsky
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-11-14 00:00:00.000000000 Z
+date: 2014-11-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -108,7 +108,9 @@ files:
 - app/assets/javascripts/polymer/polymer.js
 - app/assets/javascripts/polymer/webcomponents.js
 - lib/generators/polymer/component/component_generator.rb
+- lib/generators/polymer/component/templates/component.css.erb
 - lib/generators/polymer/component/templates/component.html.erb
+- lib/generators/polymer/component/templates/component.js.erb
 - lib/generators/polymer/install/install_generator.rb
 - lib/generators/polymer/install/templates/application.html.erb
 - lib/generators/polymer/install/templates/bowerrc.json