web_components_rails 2.0.0 → 2.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8102053ec0869cf2a7275393e5c053857c819948
-  data.tar.gz: e05aab90298de3d274cb188f0a0c3bea330b7542
+  metadata.gz: b09f5c09128952911e23c7d01d9c32a15646d442
+  data.tar.gz: 02876ac28c8bcb83da2530d22e814bf613675e7a
 SHA512:
-  metadata.gz: 776fc43f0c492a451a9f0226443c526d7ce9d70bcd3a148a590658af95e71ab70a4454f3b4a8b6e5453d77a8b6d2a912dfc3d40edc08ff2ee84585b47f3c786b
-  data.tar.gz: 7bf2804cede559b349079c70ac6e7f0e09e7490d41455a96957a6b87bff5417215f899a6897a1a8845b64bb0ab2e28ca008c2ced3fb42af91012247499487e46
+  metadata.gz: 84aa01e3227cf376f61dc8c4682ccbec450325b014b42946701ea7c9049ba07894ddcc2e4ee9cc776091f3af5407d5991ce0a17d6ab9e371e847587f5ae50990
+  data.tar.gz: be43d982b2c169077db220d449f0be06a91d33ddcb6e3f11a6ff009baab445a9274dc4ab2ce28a02828ac22ad1886aea5509fdb768df91aae5f41f36f4ee44dd

data/README.md

@@ -18,6 +18,15 @@ gem 'web_components_rails'
 <%= html_import_tag 'my_component' %>
 ```
 
+### Optimized JavaScript
+
+If you'd like the scripts in your HTML bundles to be combined, minified using Uglifier, and data-src encoded for performance:
+
+```ruby
+# In an initializer or somewhere on rails load
+WebComponentsRails.optimize_scripts = true
+```
+
 ## Building
 
 After adding new features or fixes, please update the version in version.rb, and then tag the repo appropriately:

data/lib/web_components_rails/html_bundle_processor.rb

@@ -0,0 +1,81 @@
+require 'securerandom'
+require 'uglifier'
+
+# Compresses HTML bundles
+class WebComponentsRails::HTMLBundleProcessor
+
+  VERSION = '1'
+
+  def self.instance
+    @instance ||= new
+  end
+
+  def self.call(input)
+    instance.call(input)
+  end
+
+  def self.cache_key
+    instance.cache_key
+  end
+
+  attr_reader :cache_key
+
+  def initialize(options = {})
+    @cache_key = [self.class.name, VERSION, options, WebComponentsRails.optimize_scripts].freeze
+  end
+
+  def call(input)
+    # Sprockets::Environment for looking up assets, etc.
+    @environment = input[:environment]
+    @context = @environment.context_class.new(input)
+    @data = input[:data]
+
+    @data = process_bundle(@data)
+
+    @context.metadata.merge(data: @data)
+  end
+
+
+  protected
+
+    def process_bundle(html)
+      # Don't do anything if we have optimization off
+      return html unless !!WebComponentsRails.optimize_scripts
+
+      doc = Nokogiri::HTML5.fragment(html)
+
+      combined_js = ''
+
+      doc.css('script:not([src])').map do |script|
+        combined_js << script.content
+        combined_js << "\n"
+        script.remove
+      end
+
+      combined_script_tag = optimized_script_tag(doc, combined_js)
+      
+      body = doc.at_css('html body')
+      if body
+        body << combined_script_tag
+      else
+        doc << combined_script_tag
+      end
+
+      WebComponentsRails::HTMLImportProcessor.doc_to_html(doc)
+    end
+
+    def optimized_script_tag(doc, raw_js)
+        combined_script_tag = Nokogiri::XML::Element.new('script', doc)
+
+        # Assume uglifier is fine with defaults for minification
+        minified_js = Uglifier.compile(raw_js)
+
+        # Data-URI encode the JS (helps a lot in browsers like IE)
+        inlined_js = 'data:text/javascript;base64,'
+        inlined_js << Base64.strict_encode64(minified_js).gsub('=', '%3D')
+        combined_script_tag['src'] = inlined_js
+
+        combined_script_tag
+    end
+
+end

data/lib/web_components_rails/html_import_processor.rb

@@ -20,6 +20,29 @@ class WebComponentsRails::HTMLImportProcessor
     instance.cache_key
   end
 
+  def self.doc_to_html(doc)
+    # Nokogiri/Nokogumbo are hard-coded to URI-escape certain attributes (src, href, action, and a[name]),
+    # so we have to put in placeholders, and fix the values in the HTML string output afterwards
+    # This doesn't work so well with framework-specific syntax (eg. <foo src="{{bar}}">)
+    placeholder_mapping = {}
+    %w(src href action).each do |name|
+      doc.css("[#{name}]").each do |node|
+        # The placeholders are just random strings
+        placeholder = SecureRandom.hex(40)
+        attr = node.attributes[name]
+        placeholder_mapping[placeholder] = attr.value
+        attr.value = placeholder
+      end
+    end
+    new_html = doc.to_html
+    placeholder_mapping.each do |placeholder, value|
+      new_html.sub!(placeholder, value)
+    end
+
+    new_html
+  end
+
+
   attr_reader :cache_key
 
   def initialize(options = {})
@@ -112,23 +135,7 @@ class WebComponentsRails::HTMLImportProcessor
         end
       end
 
-      # Nokogiri/Nokogumbo are hard-coded to URI-escape certain attributes (src, href, action, and a[name]),
-      # so we have to put in placeholders, and fix the values in the HTML string output afterwards
-      # This doesn't work so well with framework-specific syntax (eg. <foo src="{{bar}}">)
-      placeholder_mapping = {}
-      %w(src href action).each do |name|
-        doc.css("[#{name}]").each do |node|
-          # The placeholders are just random strings
-          placeholder = SecureRandom.hex(40)
-          attr = node.attributes[name]
-          placeholder_mapping[placeholder] = attr.value
-          attr.value = placeholder
-        end
-      end
-      new_html = doc.to_html
-      placeholder_mapping.each do |placeholder, value|
-        new_html.sub!(placeholder, value)
-      end
+      new_html = self.class.doc_to_html(doc)
 
       [new_html, dependencies]
     end

data/lib/web_components_rails/railtie.rb

@@ -21,7 +21,8 @@ class WebComponentsRails::Railtie < Rails::Railtie
       env.register_mime_type 'text/html', extensions: ['.html', '.haml']
       env.register_preprocessor 'text/html', Sprockets::DirectiveProcessor
       env.register_preprocessor 'text/html', WebComponentsRails::HTMLImportProcessor
-      env.register_bundle_processor 'text/html', ::Sprockets::Bundle
+      env.register_bundle_processor 'text/html', Sprockets::Bundle
+      env.register_bundle_processor 'text/html', WebComponentsRails::HTMLBundleProcessor
     end
   end
 end

data/lib/web_components_rails/version.rb

@@ -1,3 +1,3 @@
 module WebComponentsRails
-  VERSION = '2.0.0'
+  VERSION = '2.1.2'
 end

data/lib/web_components_rails.rb

@@ -1,10 +1,15 @@
+require 'active_support'
 require 'nokogumbo'
 require 'sprockets'
 
 module WebComponentsRails
+
+  mattr_accessor :optimize_scripts
+  
 end
 
 require 'web_components_rails/asset_tag_helper'
+require 'web_components_rails/html_bundle_processor'
 require 'web_components_rails/html_import_processor'
 require 'web_components_rails/railtie'
 require 'web_components_rails/version'

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: web_components_rails
 version: !ruby/object:Gem::Version
-  version: 2.0.0
+  version: 2.1.2
 platform: ruby
 authors:
 - Jon Botelho
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-01-07 00:00:00.000000000 Z
+date: 2017-05-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: nokogumbo
@@ -52,6 +52,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 2.0.0
+- !ruby/object:Gem::Dependency
+  name: uglifier
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.0.0
 - !ruby/object:Gem::Dependency
   name: rspec
   requirement: !ruby/object:Gem::Requirement
@@ -82,6 +96,7 @@ files:
 - README.md
 - lib/web_components_rails.rb
 - lib/web_components_rails/asset_tag_helper.rb
+- lib/web_components_rails/html_bundle_processor.rb
 - lib/web_components_rails/html_import_processor.rb
 - lib/web_components_rails/railtie.rb
 - lib/web_components_rails/version.rb
@@ -104,7 +119,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.8
+rubygems_version: 2.4.8
 signing_key: 
 specification_version: 4
 summary: Web components utils for rails