fontico 1.2.0 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1ee86cae31c0f7f4acb9b303bfd2c06638ea383d86e27ff603452537ec58cfed
-  data.tar.gz: cf9b3485369dd8601822dad9b1e367bccb41c440620071412b595b755afa97c9
+  metadata.gz: 5b63916a176aadaebf800f98fb88b20f58a1bd38652a8ca11a330a25200d7209
+  data.tar.gz: 152ec800d410153c87c1b2059a2667d49e2735029aed1fa7959ccaf3304c3ab1
 SHA512:
-  metadata.gz: e9e776c9fb99a18085b38a4069f23b72c808ba48c45b321d7948a166c99dd0bf9e93f413dd13a729a5a085148ffdf8e4a1feef544c4babec168e37d037e3b316
-  data.tar.gz: c5e3727514c2ebaff8c1b879ca9c2468bd2b14df0bef16797f983580b5830ac52b75fd93b9b3f639d433b7e11bac28aedc4c6cacf1d448d66bb2a715cdeccbc5
+  metadata.gz: 1d313c8e7c57300beb9b0492409f4be57684d5f3c4ffc5c5546d70de335af4d727587fe32093a80de834e7b58b3b388874a940d18f37b3b8809b87c6be17eb89
+  data.tar.gz: c2689f5205be4f820dd7fcd5db0789f0aa6385c85cac02cd10c311af7bbb69a2b1e14d1c210acb54c0216b591c085dd9b8b06afa7efc100cea6a534ca6faed60

data/README.md

@@ -196,6 +196,16 @@ sprite same-origin, or switch to inline mode:
 Fontico.inline_sprite = true   # then <%= icons_sprite %> in your layout
 ```
 
+### Symbol ids are namespaced
+
+Every `<symbol>` id is `i-` plus the manifest name (`close` is `i-close`,
+`nav.menu` is `i-nav-menu`). An inlined sprite lives in the same document as
+the page, and a bare `id="close"` collides with a `<section id="close">` of
+yours: invalid HTML, an axe `duplicate-id`, `querySelector("#close")` landing
+on the hidden symbol, an anchor `#close` scrolling to it. `icon` and
+`icon_href` write the prefix for you; hand-written markup uses
+`Fontico::Icon::SYMBOL_PREFIX`.
+
 ## Fonts, and Prawn
 
 The `ttf` target exists for **PDF generation**, not the web — Prawn reads

data/lib/fontico/emitters/sprite.rb

@@ -15,7 +15,7 @@ module Fontico
 
       def call
         symbols = @build.map do |icon, body|
-          %(<symbol id="#{icon.key}" viewBox="0 0 #{@manifest.size} #{@manifest.size}" ) +
+          %(<symbol id="#{icon.symbol}" viewBox="0 0 #{@manifest.size} #{@manifest.size}" ) +
             %(fill="none">#{body}</symbol>)
         end
 

data/lib/fontico/helper.rb

@@ -45,7 +45,7 @@ module Fontico
       entry = Fontico.manifest[key]
       raise Fontico::Error, "no icon named #{name.inspect} in #{Fontico.manifest_path}" if entry.nil?
 
-      "#{sprite_path}##{entry.key}"
+      "#{sprite_path}##{entry.symbol}"
     end
 
     # Embeds the symbol definitions directly, for pages served from a CDN
@@ -79,7 +79,7 @@ module Fontico
       open << "<title>#{ERB::Util.html_escape(title)}</title>" if title
       open << %(<use href=")
 
-      [open.freeze, %(##{entry.key}"></use></svg>).freeze]
+      [open.freeze, %(##{entry.symbol}"></use></svg>).freeze]
     end
 
     def safe(str) = str.respond_to?(:html_safe) ? str.html_safe : str

data/lib/fontico/icon.rb

@@ -11,5 +11,11 @@ module Fontico
     # Sprite symbol ids and the id-namespacing prefix both derive from here,
     # so a rename in the manifest moves them together.
     def key = name.tr(".", "-")
+
+    # What the <symbol> is called in the sprite. Namespaced: an inlined sprite
+    # shares the document with the page, and a bare "close" is also the page's
+    # own #close.
+    def symbol = "#{Icon::SYMBOL_PREFIX}#{key}"
   end
+  Icon::SYMBOL_PREFIX = "i-"
 end

data/lib/fontico/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Fontico
-  VERSION = "1.2.0"
+  VERSION = "2.0.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: fontico
 version: !ruby/object:Gem::Version
-  version: 1.2.0
+  version: 2.0.0
 platform: ruby
 authors:
 - nofxx
@@ -129,7 +129,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.9
+rubygems_version: 4.0.20
 specification_version: 4
 summary: Name icons by intent. Source them from anywhere. Ship one artifact.
 test_files: []