esvg 2.1.1 → 2.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fea759497650db657fa20420de39480d432d1fe4
-  data.tar.gz: f20b05434ce1e948d64106143b9e0a7f96a85eff
+  metadata.gz: 98d1c59b1af38ab4024912d8cf4f3494602f735e
+  data.tar.gz: 1aff4ce984beec1383a7db0ce903af66323985e2
 SHA512:
-  metadata.gz: 9baf646388301fe9882c8a3a5e5f1e8f8747c364c8c49c6ec4478a5793469168b547db956aee56c58c13cf554849bfd67a33d994ff46ced58aba6a533592ca8a
-  data.tar.gz: 3090a729733675bc6e1b7b33f8755c12110a0ed4f166d510ad430faab82217788bc9a54bbd1591531b064dd75504f810d36dfd78689c23b58af8ddb120147ad3
+  metadata.gz: 03545cceaeb29d22e2c2ff525d69aefd0e1e5b207189100d9fa7d3ff01dbd00acffd0b2edcb754c5e401f62fbecf6d09f9ee2eba09410ca2ee4ab880f10411d7
+  data.tar.gz: 784305c4893813395c187e37f55d0a5e9c0be379978b2b301aa12d5173227bdc42105c50b8587f1b7f73a884981d364ea6725393cab13dd7a5175cc32b3e90b7

data/.gitignore

@@ -9,3 +9,4 @@
 /tmp/
 /test/build
 /test/optimized
+.DS_Store

data/CHANGELOG.md

@@ -1,6 +1,10 @@
 # Changelog
 
-### 2.1.0 (2015-09-23)
+### 2.2.0 (2015-09-30)
+- New: New javascript helpers make it easier to inject SVG icons into javascript templates.
+- New: Javascript works with module.exports if you're building Javascripts with a module requiring system.
+
+### 2.1.1 (2015-09-29)
 - Minor: `Esvg.icons.svgs` will now return the hash of svgs.
 
 ### 2.1.0 (2015-09-28)

data/lib/esvg/svg.rb

@@ -12,6 +12,7 @@ module Esvg
       namespace_before: true,
       font_size: '1em',
       output_path: Dir.pwd,
+      verbose: false,
       format: 'js'
     }
 
@@ -122,17 +123,20 @@ module Esvg
         
         classes = files.keys.map{|k| ".#{icon_name(k)}"}.join(', ')
         preamble = %Q{#{classes} { 
-  clip: auto;
   font-size: #{config[:font_size]};
-  background-size: auto 1em;
+  clip: auto;
+  background-size: auto;
   background-repeat: no-repeat;
   background-position: center center;
   display: inline-block;
   overflow: hidden;
+  background-size: auto 1em;
   height: 1em;
   width: 1em;
-  color: transparent;
+  color: inherit;
+  fill: currentColor;
   vertical-align: middle;
+  line-height: 1em;
 }}
         styles << preamble
 
@@ -175,6 +179,30 @@ module Esvg
     if (!document.querySelector('#esvg-symbols')) {
       document.querySelector('body').insertAdjacentHTML('afterbegin', '#{html.gsub(/\n/,'').gsub("'"){"\\'"}}')
     }
+  },
+  icon: function(name, classnames) {
+    var svgName = this.iconName(name)
+    var element = document.querySelector('#'+svgName)
+
+    if (element) {
+      return '<svg class="#{config[:base_class]} '+svgName+' '+(classnames || '')+'" '+this.dimensions(element)+'><use xlink:href="#'+svgName+'"/></svg>'
+    } else {
+      console.error('File not found: "'+name+'.svg" at #{File.join(config[:path],'')}')
+    }
+  },
+  iconName: function(name) {
+    var before = #{config[:namespace_before]}
+    if (before) {
+      return "#{config[:namespace]}-"+this.dasherize(name)
+    } else {
+      return name+"-#{config[:namespace]}"
+    }
+  },
+  dimensions: function(el) {
+    return 'viewBox="'+el.getAttribute('viewBox')+'" width="'+el.getAttribute('width')+'" height="'+el.getAttribute('height')+'"'
+  },
+  dasherize: function(input) {
+    return input.replace(/[\W,_]/g, '-').replace(/-{2,}/g, '-')
   }
 }
 
@@ -186,6 +214,9 @@ document.addEventListener("page:change", function(event) { esvg.embed() })
 
 // Handle standard DOM ready events
 document.addEventListener("DOMContentLoaded", function(event) { esvg.embed() })
+
+// Work with module exports:
+if(typeof(module) != 'undefined') { module.exports = esvg }
 }
       end
     end
@@ -223,8 +254,10 @@ document.addEventListener("DOMContentLoaded", function(event) { esvg.embed() })
 
         config.merge!(options)
 
-        config[:path] = File.expand_path(config[:path])
-        config[:output_path] = File.expand_path(config[:output_path])
+        if config[:verbose]
+          config[:path] = File.expand_path(config[:path])
+          config[:output_path] = File.expand_path(config[:output_path])
+        end
 
         config[:js_path]   ||= File.join(config[:output_path], 'esvg.js')
         config[:css_path]  ||= File.join(config[:output_path], 'esvg.css')
@@ -266,7 +299,7 @@ document.addEventListener("DOMContentLoaded", function(event) { esvg.embed() })
     end
 
     def dasherize(input)
-      input.gsub(/\W/, '-').gsub(/-{2,}/, '-')
+      input.gsub(/[\W,_]/, '-').gsub(/-{2,}/, '-')
     end
 
     def find_files

data/lib/esvg/version.rb

@@ -1,3 +1,3 @@
 module Esvg
-  VERSION = "2.1.1"
+  VERSION = "2.2.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: esvg
 version: !ruby/object:Gem::Version
-  version: 2.1.1
+  version: 2.2.0
 platform: ruby
 authors:
 - Brandon Mathis
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-09-29 00:00:00.000000000 Z
+date: 2015-09-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler