faw_icon 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c685c990088f34003403197d138cf3367dcc64f83445902093f1db993bcc664a
-  data.tar.gz: ef87805daa53c20ecbd399890124420ea987e44f815c51ea867bcd877d17f40c
+  metadata.gz: c9eae78c0e05454bbc1f99c152a9af2d9a2cb383044ab244f1b6c063bd5cbc27
+  data.tar.gz: 9327927c37f74b8d46d9a63495f6811241cf1efb55d22914fef8d0d27847400a
 SHA512:
-  metadata.gz: 25ff92e635f0723d61e8bf43322d2258c603e7212ea3dab96fc13ce30f537897fbcd17fa680b3833938b37a657104d83754d49cd9a73c60052001c349883cd63
-  data.tar.gz: bb123d73d28fed2c6f04e0afff80f478004294bdc4d1c01f796ef4355a0e76e2603a5e46c1ea5e62aed97dc4ada0f7b7dfc9d7d02946acbf045bcacde1e1c6c3
+  metadata.gz: f1fa4dd691872a144ad02d79c73c4039ec59cc19b4d37e8c85c116a73952fb900d17ac5fc81b446e53a3748d42dd2ca0628972a954e86e8bfbd23b7cd63ed472
+  data.tar.gz: 3b6f601ebc444a65189315a64626220f51fd3d76d318811b7d19d672eb76a409e363a5ae17cbba5e869a0d5d632dd9da885c1538429e26f9d5d773acf8db8e42

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    faw_icon (0.1.0)
+    faw_icon (0.2.0)
 
 GEM
   remote: https://rubygems.org/

data/README.md

@@ -6,8 +6,7 @@ By design only the svg-with-js version is supported following the recommendation
 https://fontawesome.com/get-started/svg-with-js.
 
 Another great feature is that is does not bundle any icons making it super fast to download and install 
-as well as providing the ability to use new icons as they become available or opting for the 
-PRO collection.       
+as well as providing the ability to use new icons as they become available custom ones or the PRO collection.       
 
 ## Installation
 
@@ -57,13 +56,13 @@ Then just use them like this
       <%= faw_icon 'regular', 'sync', {spin: true} %>
       <%= faw_icon 'brand', 'android', {transform: 'grow-5'} %>
       
-Bear in mind that the `brand` icons only come in one style called `brand` (!)
+Bear in mind that the `brand` icons only come in one style called `brand`(!) 
 and the rest come in three variations but not all are available in the free collection.
 Find them all in the [gallery](https://fontawesome.com/icons?d=gallery)      
       
 ## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/alexwebgr/faw_icon. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+[Issues](https://github.com/alexwebgr/faw_icon/issues) and [pull requests](https://github.com/alexwebgr/faw_icon/pulls) are more than welcome. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
 
 ## License
 
@@ -71,4 +70,4 @@ The gem is available as open source under the terms of the [MIT License](https:/
 
 ## Code of Conduct
 
-Everyone interacting in the FawIcon project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/[USERNAME]/faw_icon/blob/master/CODE_OF_CONDUCT.md).
+Everyone interacting in the FawIcon project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/alexwebgr/faw_icon/blob/master/CODE_OF_CONDUCT.md).

data/lib/faw_icon/helper.rb

@@ -4,17 +4,29 @@ module FawIcon
   def faw_icon(style, name, options = {})
     fa_prefix = 'fa'
     html_props = {}
+    icons = JSON.parse(File.read('app/assets/javascripts/icons.json'))
+    view_box = [0, 0, 512, 512]
+    svg_path = '<g><path fill="currentColor" d="M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z"></path><circle fill="currentColor" cx="256" cy="364" r="28"><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="r" values="28;14;28;28;14;28;"></animate><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="1;0;1;1;0;1;"></animate></circle><path fill="currentColor" opacity="1" d="M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z"><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="1;0;0;0;0;1;"></animate></path><path fill="currentColor" opacity="0" d="M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z"><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="0;0;1;1;0;0;"></animate></path></g>'
 
-    html_props[:class] = [fa_style(style), "#{fa_prefix}-#{name}"]
+    if icons[name].present?
+      if icons[name]['svg'][style].present?
+        svg_path = "<path d=\"#{icons[name]['svg'][style]['path']}\"/>"
+        view_box = icons[name]['svg'][style]['viewBox']
+      end
+    end
+
+    html_props[:class] = [fa_style(style), "#{fa_prefix}-#{name}", 'svg-inline--fa']
     html_props[:class] << "#{fa_prefix}-#{options[:size]}" if options[:size]
     html_props[:class] << "#{fa_prefix}-fw" if options[:fixed_width]
     html_props[:class] << "#{fa_prefix}-spin" if options[:spin]
 
     tag = []
-    tag << "<i class='#{html_props[:class].join(' ')}'"
-    tag << " data-fa-transform='#{options[:transform]}'" if options[:transform]
-    tag << " data-fa-mask='#{options[:mask]}'" if options[:mask]
-    tag << '></i>'
+    tag << "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"#{view_box.join(' ')}\" class=\"#{html_props[:class].join(' ')}\""
+    tag << " data-fa-transform=\"#{options[:transform]}\"" if options[:transform]
+    tag << " data-fa-mask=\"#{options[:mask]}\"" if options[:mask]
+    tag << '>'
+    tag << svg_path
+    tag << '</svg>'
 
     tag.join( '').html_safe
   end

data/lib/faw_icon/version.rb

@@ -1,3 +1,3 @@
 module FawIcon
-  VERSION = "0.2.0"
+  VERSION = "0.3.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: faw_icon
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - alexwebgr
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2018-05-23 00:00:00.000000000 Z
+date: 2018-05-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler