tailmix 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 7c517006187e0dda710f20903df6e442b7d6fd844384213b7e031c2c7681342b
+  data.tar.gz: 833dbd51ffbe9a84d9c7ac09057b1d6f7867495d1fc09ffd7339d2addd9ec4dd
+SHA512:
+  metadata.gz: c63e70ec35d7894f0600aca24b6b48d5b4690606e278d87da574cdcd2a7521bfa5cc0b4297123cefbf014ca56c3143feab7bcb52a23b5e2073115395d1174d15
+  data.tar.gz: e8eb45f22300c45e63aa0c47298c33ed8454f8940400ab945e99558e74e22a4c7adad5f5a30f6c45eed23648cf8a8384274255b496bf36edee7c82435451cee8

data/.rubocop.yml

@@ -0,0 +1,8 @@
+AllCops:
+  TargetRubyVersion: 3.1
+
+Style/StringLiterals:
+  EnforcedStyle: double_quotes
+
+Style/StringLiteralsInInterpolation:
+  EnforcedStyle: double_quotes

data/CHANGELOG.md

@@ -0,0 +1,5 @@
+## [Unreleased]
+
+## [0.1.0] - 2025-08-12
+
+- Initial release

data/CODE_OF_CONDUCT.md

@@ -0,0 +1,132 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, caste, color, religion, or sexual
+identity and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the overall
+  community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or advances of
+  any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email address,
+  without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official email address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+[INSERT CONTACT METHOD].
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series of
+actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or permanent
+ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior, harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within the
+community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.1, available at
+[https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
+
+Community Impact Guidelines were inspired by
+[Mozilla's code of conduct enforcement ladder][Mozilla CoC].
+
+For answers to common questions about this code of conduct, see the FAQ at
+[https://www.contributor-covenant.org/faq][FAQ]. Translations are available at
+[https://www.contributor-covenant.org/translations][translations].
+
+[homepage]: https://www.contributor-covenant.org
+[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
+[Mozilla CoC]: https://github.com/mozilla/diversity
+[FAQ]: https://www.contributor-covenant.org/faq
+[translations]: https://www.contributor-covenant.org/translations

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2025 Alexander
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,153 @@
+# tailmix
+
+[![Gem Version](https://badge.fury.io/rb/tailmix.svg)](https://badge.fury.io/rb/tailmix)
+[![Build Status](https://github.com/alexander-s-f/tailmix/actions/workflows/main.yml/badge.svg)](https://github.com/alexander-s-f/tailmix/actions/workflows/main.yml)
+
+**Tailmix** is a powerful, declarative, and interactive class manager for building maintainable UI components in Ruby. It's designed to work seamlessly with utility-first CSS frameworks like **Tailwind CSS**, allowing you to co-locate your style logic with your component's code in a clean, structured, and highly reusable way.
+
+Inspired by modern frontend tools like CVA (Class Variance Authority), `tailmix` brings a robust styling engine to your server-side components (like those built with Arbre, ViewComponent, or Phlex).
+
+## Philosophy
+
+* **Co-location & Isolation:** Define all style variants for a component directly within its class. No more hunting for styles in separate files. Each component is fully self-contained.
+* **Declarative First:** A beautiful DSL to *declare* your component's visual appearance based on variants like `state`, `size`, etc.
+* **Imperative Power:** A rich runtime API to dynamically and imperatively `add`, `remove`, or `toggle` classes, perfect for server-side updates via Hotwire/Turbo.
+* **Framework-Agnostic:** Written in pure Ruby with zero dependencies, ready to be used in any project.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'tailmix'
+```
+
+And then execute: `$ bundle install`
+
+Or install it yourself as: `$ gem install tailmix`
+
+## The DSL: A Detailed Breakdown
+
+You define a component's style "schema" using the `tailmix` DSL within your class.
+
+* `element :name, "base classes" do ... end`: Defines a "part" of your component. Every component has at least one element.
+* `dimension_name do ... end` (e.g., `state do`, `size do`): Defines a variant "dimension". The name can be anything you choose.
+* `option :name, "classes", default: true`: Defines a specific option within a dimension and its corresponding CSS classes. One option per dimension can be marked as the default.
+
+### Full Example of the DSL
+
+```ruby
+class MyButtonComponent
+  include Tailmix
+
+  tailmix do
+    # Define the main element and its base classes
+    element :button, "inline-flex items-center font-medium rounded-md" do
+      # Define the 'size' dimension
+      size do
+        option :sm, "px-2.5 py-1.5 text-xs", default: true
+        option :md, "px-3 py-2 text-sm"
+        option :lg, "px-4 py-2 text-base"
+      end
+
+      # Define the 'intent' dimension
+      intent do
+        option :primary, "bg-blue-600 text-white hover:bg-blue-700", default: true
+        option :secondary, "bg-gray-200 text-gray-800 hover:bg-gray-300"
+        option :danger, "bg-red-600 text-white hover:bg-red-700"
+      end
+    end
+
+    # Define another element, like an icon
+    element :icon, "inline-block" do
+      size do
+        option :sm, "h-4 w-4"
+        option :md, "h-5 w-5", default: true
+        option :lg, "h-6 w-6"
+      end
+    end
+  end
+  # ...
+end
+```
+
+## Usage
+
+### 1. Initialization
+
+Inside your component, call the `tailmix` helper to create an interactive style manager. You can pass initial variants to it.
+
+```ruby
+class MyButtonComponent
+  # ... (tailmix DSL from above)
+
+  attr_reader :classes
+
+  def initialize(intent: :primary, size: :md)
+    # The `tailmix` helper creates and returns the manager object
+    @classes = tailmix(intent: intent, size: size)
+  end
+  
+  def render
+    # The manager's methods map to your elements.
+    # Ruby's `to_s` is called implicitly when rendering.
+    "<button class='#{@classes.button}'>
+       <span class='#{@classes.icon}'></span>
+       Click me
+     </button>"
+  end
+end
+
+# Renders a medium primary button by default
+button = MyButtonComponent.new
+button.render
+
+# Renders a small danger button
+button = MyButtonComponent.new(intent: :danger, size: :sm)
+button.render
+```
+
+### 2. Dynamic & Imperative Usage
+
+This is where `tailmix` truly shines. The `@classes` object is a live manager that you can modify. This is perfect for server-side re-rendering with Hotwire/Turbo.
+
+```ruby
+class MyButtonComponent
+  # ...
+
+  # A method that might be called during a Turbo Stream update
+  def set_loading_state!
+    # The `combine` method updates the declarative state
+    @classes.combine(intent: :secondary)
+    
+    # The imperative API allows for fine-grained control
+    @classes.button.add("cursor-wait opacity-75")
+    @classes.icon.add("animate-spin")
+  end
+
+  def remove_loading_state!
+    @classes.combine(intent: :primary) # Revert to original intent
+    @classes.button.remove("cursor-wait opacity-75")
+    @classes.icon.remove("animate-spin")
+  end
+end
+
+button = MyButtonComponent.new(intent: :primary)
+button.set_loading_state!
+button.render # Renders the button in a loading state
+
+button.remove_loading_state!
+button.render # Renders the button back in its primary state
+```
+
+### 3. The Bridge to JavaScript (Stimulus)
+
+While `tailmix` is a server-side library, it enables clean integration with JavaScript controllers like Stimulus by providing the "source of truth" for classes. You can create a helper to export variants to `data-` attributes, keeping your JS free of hardcoded style strings.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at [https://github.com/alexander-s-f/tailmix](https://github.com/alexander-s-f/tailmix).
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+require "bundler/gem_tasks"
+require "rubocop/rake_task"
+
+RuboCop::RakeTask.new
+
+task default: :rubocop

data/examples/status_badge_component.rb

@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+require_relative "../lib/tailmix"
+
+class StatusBadgeComponent
+  include Tailmix
+
+  tailmix do
+    element :badge, "inline-flex items-center font-medium px-2.5 py-0.5 rounded-full" do
+      size do
+        option :sm, "text-xs", default: true
+        option :lg, "text-base"
+      end
+      status do
+        option :success, "bg-green-100 text-green-800", default: true
+        option :warning, "bg-yellow-100 text-yellow-800"
+        option :error,   "bg-red-100 text-red-800"
+      end
+    end
+  end
+
+  attr_reader :classes
+
+  def initialize(status: :success, size: :sm)
+    @classes = tailmix(status: status, size: size)
+  end
+
+  def highlight!
+    @classes.badge.add("ring-2 ring-offset-2 ring-blue-500")
+  end
+
+  def render
+    "<span class='#{@classes.badge}'>Status</span>"
+  end
+end
+
+badge1 = StatusBadgeComponent.new(status: :error, size: :lg)
+puts "Error badge: #{badge1.render}"
+# => Error badge: <span class='inline-flex ... text-base bg-red-100 text-red-800'>Status</span>
+
+badge2 = StatusBadgeComponent.new(status: :success)
+badge2.highlight!
+puts "Success badge (highlighted): #{badge2.render}"
+# => Success badge (highlighted): <span class='inline-flex ... text-xs bg-green-100 text-green-800 ring-2 ring-offset-2 ring-blue-500'>Status</span>

data/lib/tailmix/dimension.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module Tailmix
+  class Dimension
+    attr_reader :options, :default_option
+
+    def initialize(&block)
+      @options = {}
+      @default_option = nil
+      instance_eval(&block) if block_given?
+    end
+
+    def option(name, classes, default: false)
+      @options[name.to_sym] = classes
+      @default_option = name.to_sym if default
+    end
+  end
+end

data/lib/tailmix/element.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+require_relative "dimension"
+
+module Tailmix
+  class Element
+    attr_reader :base_classes, :dimensions
+
+    def initialize(base_classes, &block)
+      @base_classes = base_classes
+      @dimensions = {}
+      instance_eval(&block) if block_given?
+    end
+
+    def method_missing(method_name, &block)
+      dimension_name = method_name.to_sym
+      @dimensions[dimension_name] = Dimension.new(&block)
+    end
+
+    def respond_to_missing?(method_name, include_private = false)
+      true
+    end
+  end
+end

data/lib/tailmix/manager.rb

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+require_relative "resolver"
+require_relative "part"
+require_relative "utils"
+
+module Tailmix
+  class Manager
+    def initialize(schema, initial_variants = {})
+      @schema = schema
+      @current_variants = {}
+      @part_objects = {}
+
+      defaults = get_defaults_from_schema
+      combine(Utils.deep_merge(defaults, initial_variants))
+    end
+
+    def combine(variants_to_apply = {})
+      @current_variants = Utils.deep_merge(@current_variants, variants_to_apply)
+      rebuild_parts!
+      self
+    end
+
+    def method_missing(method_name, *args, &block)
+      part_name = method_name.to_sym
+      if @part_objects.key?(part_name)
+        @part_objects[part_name]
+      else
+        super
+      end
+    end
+
+    def respond_to_missing?(method_name, include_private = false)
+      @part_objects.key?(method_name.to_sym) || super
+    end
+
+    private
+
+    def rebuild_parts!
+      resolved_struct = Resolver.call(@schema, @current_variants)
+      @part_objects = {}
+
+      resolved_struct.to_h.each do |part_name, class_string|
+        @part_objects[part_name] = Part.new(class_string || "")
+      end
+    end
+
+    def get_defaults_from_schema
+      defaults = {}
+      @schema.elements.each_value do |element|
+        element.dimensions.each do |dim_name, dim|
+          defaults[dim_name] = dim.default_option if dim.default_option
+        end
+      end
+      defaults
+    end
+  end
+end

data/lib/tailmix/part.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+require "set"
+
+module Tailmix
+  class Part
+    def initialize(class_string)
+      @classes = Set.new(class_string.to_s.split)
+    end
+
+    def add(*new_classes)
+      @classes.merge(process_args(new_classes))
+      self
+    end
+
+    def remove(*classes_to_remove)
+      @classes.subtract(process_args(classes_to_remove))
+      self
+    end
+
+    def toggle(*classes_to_toggle)
+      process_args(classes_to_toggle).each do |cls|
+        @classes.delete?(cls) || @classes.add(cls)
+      end
+      self
+    end
+
+    def to_s
+      @classes.to_a.join(" ")
+    end
+    alias to_str to_s
+
+    private
+
+    def process_args(args)
+      args.flat_map { |arg| arg.to_s.split }
+    end
+  end
+end

data/lib/tailmix/resolver.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+require "ostruct"
+
+module Tailmix
+  module Resolver
+    def self.call(schema, active_variants = {})
+      resolved_parts = schema.elements.each_with_object({}) do |(element_name, element), result|
+        class_list = []
+
+        class_list << element.base_classes
+
+        element.dimensions.each do |dimension_name, dimension|
+          active_option = active_variants[dimension_name] || dimension.default_option
+
+          if active_option
+            variant_class = dimension.options[active_option]
+            class_list << variant_class
+          end
+        end
+
+        result[element_name] = class_list.compact.join(" ")
+      end
+
+      OpenStruct.new(resolved_parts)
+    end
+  end
+end

data/lib/tailmix/schema.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+require_relative "element"
+
+module Tailmix
+  class Schema
+    attr_reader :elements
+
+    def initialize(&block)
+      @elements = {}
+      instance_eval(&block) if block_given?
+    end
+
+    def element(name, base_classes, &block)
+      @elements[name.to_sym] = Element.new(base_classes, &block)
+    end
+  end
+end

data/lib/tailmix/utils.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Tailmix
+  module Utils
+    def self.deep_merge(original_hash, other_hash)
+      other_hash.each_with_object(original_hash.dup) do |(key, value), result|
+        if value.is_a?(Hash) && result[key].is_a?(Hash)
+          result[key] = deep_merge(result[key], value)
+        else
+          result[key] = value
+        end
+      end
+    end
+  end
+end

data/lib/tailmix/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module Tailmix
+  VERSION = "0.1.0"
+end

data/lib/tailmix.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+require_relative "tailmix/version"
+require_relative "tailmix/schema"
+require_relative "tailmix/resolver"
+require_relative "tailmix/manager"
+require_relative "tailmix/part"
+require_relative "tailmix/dimension"
+require_relative "tailmix/element"
+require_relative "tailmix/utils"
+
+module Tailmix
+  def self.included(base)
+    base.extend(ClassMethods)
+    base.instance_variable_set(:@tailmix_schema, nil)
+
+    base.define_singleton_method(:tailmix_schema) do
+      @tailmix_schema
+    end
+
+    base.define_singleton_method(:tailmix_schema=) do |value|
+      @tailmix_schema = value
+    end
+  end
+
+  module ClassMethods
+    def tailmix(&block)
+      self.tailmix_schema = Schema.new(&block)
+    end
+  end
+
+  private
+
+  def tailmix(options = {})
+    Manager.new(self.class.tailmix_schema, options)
+  end
+end

data/sig/tailmix.rbs

@@ -0,0 +1,4 @@
+module Tailmix
+  VERSION: String
+  # See the writing guide of rbs: https://github.com/ruby/rbs#guides
+end

metadata

@@ -0,0 +1,109 @@
+--- !ruby/object:Gem::Specification
+name: tailmix
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Alexander Fokin
+autorequire:
+bindir: exe
+cert_chain: []
+date: 2025-08-14 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '13.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '13.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: Tailmix provides a powerful DSL to define component style schemas, including
+  variants and parts. It enables clean, co-located style management and offers a rich
+  runtime API for dynamic class manipulation, perfect for Hotwire/Turbo and utility-first
+  CSS.
+email:
+- alexander.s.fokin@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".rubocop.yml"
+- CHANGELOG.md
+- CODE_OF_CONDUCT.md
+- LICENSE.txt
+- README.md
+- Rakefile
+- examples/status_badge_component.rb
+- lib/tailmix.rb
+- lib/tailmix/dimension.rb
+- lib/tailmix/element.rb
+- lib/tailmix/manager.rb
+- lib/tailmix/part.rb
+- lib/tailmix/resolver.rb
+- lib/tailmix/schema.rb
+- lib/tailmix/utils.rb
+- lib/tailmix/version.rb
+- sig/tailmix.rbs
+homepage: https://github.com/alexander-s-f/tailmix
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://github.com/alexander-s-f/tailmix
+  source_code_uri: https://github.com/alexander-s-f/tailmix
+  changelog_uri: https://github.com/alexander-s-f/tailmix/blob/main/CHANGELOG.md
+  allowed_push_host: https://rubygems.org
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 3.1.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.5.22
+signing_key:
+specification_version: 4
+summary: A declarative class manager for Ruby UI components.
+test_files: []