coveragebook_components 0.19.13 → 0.20.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 52831c88c2451c454bdc92e3236b09a653825ad3f9764b988df3b9f5cf207cf1
-  data.tar.gz: af8169c8f760d5f48611610ca099c8ef68fdfed5248274852a4a1bf3ad0c1970
+  metadata.gz: 7174e55d00ea7174b4a8f120730c5314ff329fb91a44dfd3677c7f8232bd3972
+  data.tar.gz: ac82cd35db155780993509201e0d3d4ae0b329efa708634af9305f25923c2687
 SHA512:
-  metadata.gz: fae19112cfb2acac8a4947359f7cea0f578be89c03c05c269e0f783cc8f54b12ef8fc4e69a327b62014e31aee238925b7f0f8e81f3bb4da411799934ba369903
-  data.tar.gz: 23b11d2d6300225ce07640627f6432d841146ffe6c84b51f4f6eae30c5ea43be0d7b82d97f9d64a0fc2f0b838932d84d81649cb1eaf8401b36d8747a1c1b28ff
+  metadata.gz: 5dea756622a25f146fca33444887a500cd03cd8110b4f34c501c6cbbd142fa3d77b38ee804a1dd960c13b5260d9eea44e2476b08257464b44d059007fa71d78d
+  data.tar.gz: 6313414a73a6de9e4f88c09fb6eea5039cafd01978e0633009b8516ff62baef5dfb287c437b0a02e415e677059457032046ae23af1482f1ffaba27fae82870f2

data/app/assets/build/coco/coco.css

@@ -2942,6 +2942,16 @@ select{
 
 /* Styles */
 
+[data-coco][data-component="icon"][data-icon] svg {
+      aspect-ratio: 1 / 1;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+      fill: none;
+      stroke: currentColor;
+      stroke-width: 2;
+      color: currentColor;
+    }
+
 [data-coco][data-component="icon"][data-icon]:not([data-style="fill"]):not([data-style="custom"]) svg{
   stroke-linecap: round;
   stroke-linejoin: round;
@@ -5083,6 +5093,16 @@ select{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
+[data-coco][data-component="modal-lightbox"].\!loaded .modal-lightbox-content{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
+}
+
+[data-coco][data-component="modal-lightbox"].loaded .modal-lightbox-content{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
+}
+
 [data-coco].coco-link{
   display: inline-flex;
   align-items: center
@@ -6105,10 +6125,6 @@ select{
   display: block
 }
 
-.grid{
-  display: grid
-}
-
 .contents{
   display: contents
 }

data/app/assets/build/coco/coco.js

@@ -13259,6 +13259,7 @@ var require_iro = __commonJS({
           var layout = state.layout;
           if (!Array.isArray(layout)) {
             switch (layout) {
+              // TODO: implement some?
               default:
                 layout = [
                   { component: IroWheel },
@@ -15343,7 +15344,7 @@ var alpine_default = import_alpinejs.default;
 // ../../../package.json
 var package_default = {
   name: "coveragebook-components",
-  version: "0.19.13",
+  version: "0.20.0",
   repository: "git@github.com:coveragebook/coco.git",
   license: "NO LICENSE",
   author: "Mark Perkins <mark@coveragebook.com>",
@@ -15392,12 +15393,12 @@ var package_default = {
     "@percy/cli": "^1.30.0",
     "@tailwindcss/container-queries": "^0.1.0",
     "@tailwindcss/forms": "^0.5.9",
-    "alias-hq": "^6.2.2",
+    "alias-hq": "^6.2.4",
     alpinejs: "^3.14.1",
     autoprefixer: "^10.4.16",
     "container-query-polyfill": "^1.0.2",
     del: "^7.1.0",
-    esbuild: "^0.23.0",
+    esbuild: "^0.25.3",
     "esbuild-plugin-copy": "^2.0.2",
     "fast-glob": "^3.3.1",
     "fast-sort": "^3.4.1",
@@ -15436,7 +15437,7 @@ var package_default = {
         "npm run build"
       ],
       "after:version:bump": "bundle exec rake coco:gem:bump_version[${version}] && bundle && cd lookbook && bundle",
-      "after:release": 'rake "coco:gem:release[${version}]"'
+      "after:release": 'bundle exec rake "coco:gem:release[${version}]"'
     }
   },
   devDependencies: {

data/app/components/coco/images/icon/icon.css

@@ -8,6 +8,12 @@
 
     /* Styles */
 
+    &[data-icon] svg {
+      aspect-ratio: 1 / 1;
+
+      @apply icon-stroke;
+    }
+
     &[data-icon]:not([data-style="fill"]):not([data-style="custom"]) svg {
       @apply icon-stroke;
     }

data/app/components/coco/images/icon/icon.rb

@@ -2,82 +2,43 @@ module Coco
   class Icon < Coco::Component
     include Concerns::AcceptsOptions
 
-    ICON_CACHE = {}
-
-    ALIASES = {
-      edit: "pen-line",
-      "edit-3": "pen-line",
-      "git-commit": "git-commit-horizontal",
-      grid: "grid-3x3",
-      "user-circle": "circle-user",
-      layout: "panels-top-left",
-      "alert-circle": "circle-alert",
-      "check-circle": "circle-check",
-      "loader-2": "loader-circle",
-      "alert-triangle": "triangle-alert",
-      "arrow-right-circle": "circle-arrow-right",
-      "check-square": "square-check",
-      "help-circle": "circle-help",
-      "plus-circle": "circle-plus",
-      "plus-square": "square-plus",
-      "bar-chart-2": "chart-no-axes-column",
-      "bar-chart": "chart-no-axes-column-increasing",
-      "more-horizontal": "ellipsis",
-      "more-vertical": "ellipsis-vertical"
-    }.freeze
-
-    InvalidIconError = Class.new(StandardError)
-
     accepts_option :size, from: %i[xs sm md lg xl xxl full]
-    accepts_option :spin, from: [true, false]
-    accepts_option :style, from: [:line, :fill, :custom]
+    accepts_option :spin, from: [true, false, nil], default: nil
+    accepts_option :style, from: [:line, :fill, :custom, nil], default: nil
 
     before_render do
-      if name
-        set_tag_data_attr(:icon, name)
-        set_option_value(:style, :custom) if icon_data[:custom]
-      end
+      set_tag_data_attr(:icon, name) if name.present?
+      set_option_value :style, :custom if custom?
     end
 
     def initialize(name: nil, **kwargs)
       @icon_name = name&.to_s&.tr("_", "-")
     end
 
-    def name
-      ALIASES.fetch(@icon_name.to_sym, @icon_name) if @icon_name
-    end
-
     def svg
-      content || icon_data[:svg]
+      if custom?
+        IconSet.icon_svg(name)
+      elsif name? && content.blank?
+        %(<svg><use href="##{symbol_id}"></use></svg>).html_safe
+      elsif content.present?
+        content.to_s
+      elsif Rails.env.development?
+        raise "Missing icon '#{@icon_name}'"
+      end
     end
 
-    def icon_data
-      ICON_CACHE[name] ||= {
-        custom: custom?,
-        svg: read_svg
-      }
+    def name
+      IconSet.resolve_icon_name(@icon_name) if @icon_name.present?
     end
 
-    def custom?
-      @_custom ||= File.exist?(custom_icon_path)
-    end
+    def name? = name.present?
 
-    def read_svg
-      if custom?
-        File.read(custom_icon_path).html_safe
-      elsif File.exist?(icon_path)
-        File.read(icon_path).html_safe
-      elsif Rails.env.development? || Rails.env.test?
-        raise InvalidIconError, "`#{name}` is not a valid icon name"
-      end
-    end
+    def custom? = IconSet.custom_icon?(name)
 
-    def icon_path
-      @_icon_path ||= Coco::Engine.root.join("app/assets/build/coco/icons/#{name}.svg")
-    end
+    protected
 
-    def custom_icon_path
-      @_custom_icon_path ||= Coco::Engine.root.join("app/assets/build/coco/icons/custom/#{name}.svg")
+    def symbol_id
+      IconSet.symbol_id_for_icon(name)
     end
   end
 end

data/app/components/coco/modals/modal_lightbox/modal_lightbox.css

@@ -29,6 +29,7 @@
     &.loaded {
       .modal-lightbox-content {
         @apply shadow-2xl;
+        @apply bg-background-light-1;
       }
     }
   }

data/app/helpers/coco/components_helper.rb

@@ -102,8 +102,14 @@ module Coco
       render Coco::Avatar.new(src: src, name: name, **)
     end
 
-    def coco_icon(icon_name = nil, **, &)
-      render(Coco::Icon.new(name: icon_name, **), &)
+    def coco_icon(icon_name = nil, **kwargs, &)
+      kwargs[:name] = icon_name if icon_name.present?
+      render(Coco::Icon.new(**kwargs), &)
+    end
+
+    def coco_icon_sprite(*extra_icons)
+      icons = [*Coco::IconSet.icons, *extra_icons]
+      Coco::IconSprite.new(icons).to_svg
     end
 
     # Indicators

data/config/coco.yml

@@ -0,0 +1,12 @@
+shared:
+  icons:
+    include: []
+    aliases: {}
+    custom:
+      - eye-off-red
+      - google-sso
+      - layout-overlay
+      - layout-split
+      - layout-stacked
+      - microsoft-sso
+      - montage

data/lib/coco/engine.rb

@@ -14,6 +14,18 @@ module Coco
       #{root}/app/helpers
     ]
 
+    initializer "coco.config" do |app|
+      default_config = app.config_for(Engine.root.join("config/coco.yml")) || {}
+      host_config = begin
+        app.config_for(:coco) || {}
+      rescue
+        {}
+      end
+
+      merged_config = default_config.deep_merge(host_config)
+      app.config.coco = ActiveSupport::OrderedOptions.new.merge!(merged_config)
+    end
+
     initializer "coco.autoloading" do |app|
       coco_dir = "#{root}/app/components/coco"
 

data/lib/coco/icon_set.rb

@@ -0,0 +1,57 @@
+module Coco
+  module IconSet
+    ICON_DIR = "app/assets/build/coco/icons"
+    ICON_NAMES_FILE = "config/icons.json"
+
+    InvalidIconError = Class.new(StandardError)
+
+    class << self
+      def icons
+        if Coco.env.development?
+          [*all_icons, *Coco.config.icons[:include]].uniq
+        else
+          Coco.config.icons[:include]&.uniq || []
+        end
+      end
+
+      def aliases
+        Coco.config.icons[:aliases]&.stringify_keys || {}
+      end
+
+      def all_icons
+        @all_icons ||= JSON.load_file(Engine.root.join(ICON_NAMES_FILE))
+      end
+
+      def resolve_icon_name(name)
+        aliases.fetch(name.to_s, name)
+      end
+
+      def resolve_icon_path(icon_name)
+        search_paths = [
+          Engine.root.join(ICON_DIR, "custom", "#{icon_name}.svg"),
+          Engine.root.join(ICON_DIR, "#{icon_name}.svg")
+        ]
+
+        search_paths.find { _1.exist? }
+      end
+
+      def symbol_id_for_icon(icon_name)
+        "svg_icon_#{icon_name.tr("-", "_")}" if icon_name.present?
+      end
+
+      def custom_icon?(icon_name)
+        icon_name && Coco.config.icons[:custom].include?(icon_name)
+      end
+
+      def icon_svg(icon_name)
+        icon_path = resolve_icon_path(icon_name)
+
+        if icon_path.present? && icon_path&.exist?
+          File.read(icon_path).html_safe
+        end
+      rescue
+        # Do nothing...
+      end
+    end
+  end
+end

data/lib/coco/icon_sprite.rb

@@ -0,0 +1,45 @@
+module Coco
+  class IconSprite
+    include ActionView::Helpers::TagHelper
+
+    def initialize(icons = [])
+      @icons = icons
+      @icons.freeze
+    end
+
+    def to_svg
+      tag.svg xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" do
+        ("\n" + symbols.join("\n  ") + "\n").html_safe
+      end
+    end
+
+    protected
+
+    def symbols
+      @icons.map { symbol_for_icon(_1) }.compact
+    end
+
+    def symbol_for_icon(icon_name)
+      return unless icon_name.present?
+
+      svg_content = IconSet.icon_svg(icon_name)
+
+      # Extract the path data and attributes from the SVG
+      doc = Nokogiri::XML(svg_content)
+      svg_element = doc.at_css("svg")
+
+      # Extract SVG attributes that should be preserved on the symbol
+      preserved_attrs = %w[fill stroke stroke-width stroke-linecap stroke-linejoin viewBox style]
+        .index_with { svg_element[_1] }
+        .symbolize_keys
+        .with_defaults(viewBox: "0 0 24 24")
+        .compact
+
+      tag.symbol id: IconSet.symbol_id_for_icon(icon_name), **preserved_attrs do
+        svg_element.children.map(&:to_s).join.html_safe # rubocop:disable Rails/OutputSafety
+      end
+    rescue
+      nil
+    end
+  end
+end

data/lib/coco.rb

@@ -1,3 +1,11 @@
 module Coco
-  VERSION = "0.19.13"
+  VERSION = "0.20.0"
+
+  class << self
+    def config = Rails.application.config.coco
+
+    def env
+      @env ||= ActiveSupport::StringInquirer.new(ENV["COCO_ENV"] || "production")
+    end
+  end
 end

data/lookbook/app/views/layouts/application.html.erb

@@ -19,6 +19,10 @@
       max-width: <%= lookbook_display(:max_width, "800px") %>;
     ">
       <%= yield %>
+
+      <div hidden>
+        <%= coco_icon_sprite %>
+      </div>
     </div>
   </body>
 </html>

data/lookbook/app/views/layouts/blank.html.erb

@@ -8,5 +8,9 @@
 </head>
 <body>
   <%= yield %>
+
+  <div hidden>
+    <%= coco_icon_sprite %>
+  </div>
 </body>
-</html>
+</html>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: coveragebook_components
 version: !ruby/object:Gem::Version
-  version: 0.19.13
+  version: 0.20.0
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-29 00:00:00.000000000 Z
+date: 2025-09-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -1896,6 +1896,7 @@ files:
 - app/helpers/coco/integration_helper.rb
 - app/helpers/coco/modal_helper.rb
 - app/helpers/coco/tag_helper.rb
+- config/coco.yml
 - config/esbuild.config.mjs
 - config/exports.js
 - config/icons.json
@@ -1909,6 +1910,8 @@ files:
 - lib/coco/app_form_builder.rb
 - lib/coco/component_resolver.rb
 - lib/coco/engine.rb
+- lib/coco/icon_set.rb
+- lib/coco/icon_sprite.rb
 - lib/coco/options/group.rb
 - lib/coco/options/item.rb
 - lib/coco/options/option.rb