daisy_components 0.1.0

data/Gemfile.lock

@@ -0,0 +1,335 @@
+PATH
+  remote: .
+  specs:
+    daisy_components (0.1.0)
+      rails (>= 8.0.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actioncable (8.0.2)
+      actionpack (= 8.0.2)
+      activesupport (= 8.0.2)
+      nio4r (~> 2.0)
+      websocket-driver (>= 0.6.1)
+      zeitwerk (~> 2.6)
+    actionmailbox (8.0.2)
+      actionpack (= 8.0.2)
+      activejob (= 8.0.2)
+      activerecord (= 8.0.2)
+      activestorage (= 8.0.2)
+      activesupport (= 8.0.2)
+      mail (>= 2.8.0)
+    actionmailer (8.0.2)
+      actionpack (= 8.0.2)
+      actionview (= 8.0.2)
+      activejob (= 8.0.2)
+      activesupport (= 8.0.2)
+      mail (>= 2.8.0)
+      rails-dom-testing (~> 2.2)
+    actionpack (8.0.2)
+      actionview (= 8.0.2)
+      activesupport (= 8.0.2)
+      nokogiri (>= 1.8.5)
+      rack (>= 2.2.4)
+      rack-session (>= 1.0.1)
+      rack-test (>= 0.6.3)
+      rails-dom-testing (~> 2.2)
+      rails-html-sanitizer (~> 1.6)
+      useragent (~> 0.16)
+    actiontext (8.0.2)
+      actionpack (= 8.0.2)
+      activerecord (= 8.0.2)
+      activestorage (= 8.0.2)
+      activesupport (= 8.0.2)
+      globalid (>= 0.6.0)
+      nokogiri (>= 1.8.5)
+    actionview (8.0.2)
+      activesupport (= 8.0.2)
+      builder (~> 3.1)
+      erubi (~> 1.11)
+      rails-dom-testing (~> 2.2)
+      rails-html-sanitizer (~> 1.6)
+    activejob (8.0.2)
+      activesupport (= 8.0.2)
+      globalid (>= 0.3.6)
+    activemodel (8.0.2)
+      activesupport (= 8.0.2)
+    activerecord (8.0.2)
+      activemodel (= 8.0.2)
+      activesupport (= 8.0.2)
+      timeout (>= 0.4.0)
+    activestorage (8.0.2)
+      actionpack (= 8.0.2)
+      activejob (= 8.0.2)
+      activerecord (= 8.0.2)
+      activesupport (= 8.0.2)
+      marcel (~> 1.0)
+    activesupport (8.0.2)
+      base64
+      benchmark (>= 0.3)
+      bigdecimal
+      concurrent-ruby (~> 1.0, >= 1.3.1)
+      connection_pool (>= 2.2.5)
+      drb
+      i18n (>= 1.6, < 2)
+      logger (>= 1.4.2)
+      minitest (>= 5.1)
+      securerandom (>= 0.3)
+      tzinfo (~> 2.0, >= 2.0.5)
+      uri (>= 0.13.1)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
+    ast (2.4.3)
+    base64 (0.2.0)
+    benchmark (0.4.0)
+    bigdecimal (3.1.9)
+    builder (3.3.0)
+    capybara (3.40.0)
+      addressable
+      matrix
+      mini_mime (>= 0.1.3)
+      nokogiri (~> 1.11)
+      rack (>= 1.6.0)
+      rack-test (>= 0.6.3)
+      regexp_parser (>= 1.5, < 3.0)
+      xpath (~> 3.2)
+    concurrent-ruby (1.3.5)
+    connection_pool (2.5.3)
+    crass (1.0.6)
+    css_parser (1.21.1)
+      addressable
+    date (3.4.1)
+    debug (1.10.0)
+      irb (~> 1.10)
+      reline (>= 0.3.8)
+    docile (1.4.1)
+    drb (2.2.3)
+    erb (5.0.1)
+    erubi (1.13.1)
+    globalid (1.2.1)
+      activesupport (>= 6.1)
+    htmlbeautifier (1.4.3)
+    htmlentities (4.3.4)
+    i18n (1.14.7)
+      concurrent-ruby (~> 1.0)
+    io-console (0.8.0)
+    irb (1.15.2)
+      pp (>= 0.6.0)
+      rdoc (>= 4.0.0)
+      reline (>= 0.4.2)
+    json (2.12.2)
+    language_server-protocol (3.17.0.5)
+    logger (1.7.0)
+    loofah (2.24.1)
+      crass (~> 1.0.2)
+      nokogiri (>= 1.12.0)
+    lookbook (2.3.4)
+      activemodel
+      css_parser
+      htmlbeautifier (~> 1.3)
+      htmlentities (~> 4.3.4)
+      marcel (~> 1.0)
+      railties (>= 5.0)
+      redcarpet (~> 3.5)
+      rouge (>= 3.26, < 5.0)
+      view_component (>= 2.0)
+      yard (~> 0.9)
+      zeitwerk (~> 2.5)
+    mail (2.8.1)
+      mini_mime (>= 0.1.1)
+      net-imap
+      net-pop
+      net-smtp
+    marcel (1.0.4)
+    matrix (0.4.2)
+    method_source (1.1.0)
+    mini_mime (1.1.5)
+    minitest (5.25.5)
+    net-imap (0.5.8)
+      date
+      net-protocol
+    net-pop (0.1.2)
+      net-protocol
+    net-protocol (0.2.2)
+      timeout
+    net-smtp (0.5.1)
+      net-protocol
+    nio4r (2.7.4)
+    nokogiri (1.18.8-aarch64-linux-gnu)
+      racc (~> 1.4)
+    nokogiri (1.18.8-aarch64-linux-musl)
+      racc (~> 1.4)
+    nokogiri (1.18.8-arm-linux-gnu)
+      racc (~> 1.4)
+    nokogiri (1.18.8-arm-linux-musl)
+      racc (~> 1.4)
+    nokogiri (1.18.8-arm64-darwin)
+      racc (~> 1.4)
+    nokogiri (1.18.8-x86_64-darwin)
+      racc (~> 1.4)
+    nokogiri (1.18.8-x86_64-linux-gnu)
+      racc (~> 1.4)
+    nokogiri (1.18.8-x86_64-linux-musl)
+      racc (~> 1.4)
+    parallel (1.27.0)
+    parser (3.3.8.0)
+      ast (~> 2.4.1)
+      racc
+    pp (0.6.2)
+      prettyprint
+    prettyprint (0.2.0)
+    prism (1.4.0)
+    psych (5.2.6)
+      date
+      stringio
+    public_suffix (6.0.2)
+    puma (6.6.0)
+      nio4r (~> 2.0)
+    racc (1.8.1)
+    rack (3.1.15)
+    rack-session (2.1.1)
+      base64 (>= 0.1.0)
+      rack (>= 3.0.0)
+    rack-test (2.2.0)
+      rack (>= 1.3)
+    rackup (2.2.1)
+      rack (>= 3)
+    rails (8.0.2)
+      actioncable (= 8.0.2)
+      actionmailbox (= 8.0.2)
+      actionmailer (= 8.0.2)
+      actionpack (= 8.0.2)
+      actiontext (= 8.0.2)
+      actionview (= 8.0.2)
+      activejob (= 8.0.2)
+      activemodel (= 8.0.2)
+      activerecord (= 8.0.2)
+      activestorage (= 8.0.2)
+      activesupport (= 8.0.2)
+      bundler (>= 1.15.0)
+      railties (= 8.0.2)
+    rails-dom-testing (2.3.0)
+      activesupport (>= 5.0.0)
+      minitest
+      nokogiri (>= 1.6)
+    rails-html-sanitizer (1.6.2)
+      loofah (~> 2.21)
+      nokogiri (>= 1.15.7, != 1.16.7, != 1.16.6, != 1.16.5, != 1.16.4, != 1.16.3, != 1.16.2, != 1.16.1, != 1.16.0.rc1, != 1.16.0)
+    railties (8.0.2)
+      actionpack (= 8.0.2)
+      activesupport (= 8.0.2)
+      irb (~> 1.13)
+      rackup (>= 1.0.0)
+      rake (>= 12.2)
+      thor (~> 1.0, >= 1.2.2)
+      zeitwerk (~> 2.6)
+    rainbow (3.1.1)
+    rake (13.2.1)
+    rbs (3.9.4)
+      logger
+    rdoc (6.14.0)
+      erb
+      psych (>= 4.0.0)
+    redcarpet (3.6.1)
+    regexp_parser (2.10.0)
+    reline (0.6.1)
+      io-console (~> 0.5)
+    rexml (3.4.1)
+    rouge (4.5.2)
+    rubocop (1.71.0)
+      json (~> 2.3)
+      language_server-protocol (>= 3.17.0)
+      parallel (~> 1.10)
+      parser (>= 3.3.0.2)
+      rainbow (>= 2.2.2, < 4.0)
+      regexp_parser (>= 2.9.3, < 3.0)
+      rubocop-ast (>= 1.36.2, < 2.0)
+      ruby-progressbar (~> 1.7)
+      unicode-display_width (>= 2.4.0, < 4.0)
+    rubocop-ast (1.44.1)
+      parser (>= 3.3.7.2)
+      prism (~> 1.4)
+    rubocop-capybara (2.21.0)
+      rubocop (~> 1.41)
+    rubocop-performance (1.23.1)
+      rubocop (>= 1.48.1, < 2.0)
+      rubocop-ast (>= 1.31.1, < 2.0)
+    rubocop-rails (2.29.1)
+      activesupport (>= 4.2.0)
+      rack (>= 1.1)
+      rubocop (>= 1.52.0, < 2.0)
+      rubocop-ast (>= 1.31.1, < 2.0)
+    ruby-lsp (0.23.23)
+      language_server-protocol (~> 3.17.0)
+      prism (>= 1.2, < 2.0)
+      rbs (>= 3, < 5)
+      sorbet-runtime (>= 0.5.10782)
+    ruby-lsp-rails (0.4.3)
+      ruby-lsp (>= 0.23.18, < 0.24.0)
+    ruby-progressbar (1.13.0)
+    securerandom (0.4.1)
+    simplecov (0.22.0)
+      docile (~> 1.1)
+      simplecov-html (~> 0.11)
+      simplecov_json_formatter (~> 0.1)
+    simplecov-cobertura (2.1.0)
+      rexml
+      simplecov (~> 0.19)
+    simplecov-html (0.13.1)
+    simplecov_json_formatter (0.1.4)
+    sorbet-runtime (0.5.12130)
+    stringio (3.1.7)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    thor (1.3.2)
+    timeout (0.4.3)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
+    unicode-display_width (2.6.0)
+    uri (1.0.3)
+    useragent (0.16.11)
+    view_component (3.21.0)
+      activesupport (>= 5.2.0, < 8.1)
+      concurrent-ruby (~> 1.0)
+      method_source (~> 1.0)
+    websocket-driver (0.8.0)
+      base64
+      websocket-extensions (>= 0.1.0)
+    websocket-extensions (0.1.5)
+    xpath (3.2.0)
+      nokogiri (~> 1.8)
+    yard (0.9.37)
+    zeitwerk (2.7.3)
+
+PLATFORMS
+  aarch64-linux-gnu
+  aarch64-linux-musl
+  arm-linux-gnu
+  arm-linux-musl
+  arm64-darwin
+  x86_64-darwin
+  x86_64-linux-gnu
+  x86_64-linux-musl
+
+DEPENDENCIES
+  capybara
+  daisy_components!
+  debug
+  lookbook (= 2.3.4)
+  nokogiri (~> 1.18)
+  puma
+  redcarpet (= 3.6.1)
+  rubocop (= 1.71.0)
+  rubocop-capybara (= 2.21.0)
+  rubocop-performance (= 1.23.1)
+  rubocop-rails (= 2.29.1)
+  ruby-lsp
+  ruby-lsp-rails
+  simplecov
+  simplecov-cobertura
+  terminal-table (~> 3.0.2)
+  view_component (= 3.21.0)
+
+BUNDLED WITH
+   2.6.2

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 
+
+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,64 @@
+[![codecov](https://codecov.io/github/Nittarab/daisy_components/graph/badge.svg?token=7ZOMOEG3U9)](https://codecov.io/github/Nittarab/daisy_components)
+
+# DaisyComponents
+
+DaisyComponents is a Ruby gem that provides a collection of ViewComponents implementing the DaisyUI design system for Rails applications. It combines the power of ViewComponent, TailwindCSS, and DaisyUI to create reusable, maintainable UI components.
+
+## Features
+
+- Built on top of ViewComponent for component-based architecture
+- Implements DaisyUI's design system, based on TailwindCSS
+- Live preview and documentation with [Lookbook](https://github.com/lookbook-hq/lookbook)
+- Comprehensive test coverage with Minitest
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem "daisy_components"
+```
+
+And then execute:
+```bash
+$ bundle install
+```
+
+## Usage
+The component library includes Lookbook for development and documentation:
+
+1. Start the development server:
+```bash
+$ bin/rails server
+```
+
+2. Visit http://localhost:3000/lookbook to see the component documentation and playground.
+
+![alt text](<docs/assets/2025-01_screeshot_1.png>)
+![alt text](<docs/assets/2025-01_screeshot_2.png>)
+![alt text](<docs/assets/2025-01_screeshot_3.png>)
+
+## Testing
+
+Run the test suite:
+
+```bash
+$ bin/rails test
+```
+
+With coverage:
+```bash
+$ COVERAGE=true bin/rails test
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b feature/my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin feature/my-new-feature`)
+5. Create new Pull Request
+
+## 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,7 @@
+# frozen_string_literal: true
+
+require 'bundler/setup'
+
+load 'rails/tasks/statistics.rake'
+
+require 'bundler/gem_tasks'

data/app/assets/stylesheets/daisy_ui/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/app/components/daisy_ui/actions/button.rb

@@ -0,0 +1,262 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # Button component implementing DaisyUI's button styles
+  #
+  # @example Basic usage
+  #   <%= render(ButtonComponent.new(text: "Click me")) %>
+  #
+  # @example Primary variant
+  #   <%= render(ButtonComponent.new(text: "Submit", variant: :primary)) %>
+  #
+  # @example Outline button
+  #   <%= render(ButtonComponent.new(text: "Download", style: :outline)) %>
+  #
+  # @example Small size with icon
+  #   <%= render(ButtonComponent.new(
+  #     text: "Save",
+  #     size: :sm,
+  #     icon_start: helpers.check_icon
+  #   )) %>
+  #
+  # @example Block-level button
+  #   <%= render(ButtonComponent.new(
+  #     text: "Full width",
+  #     shape: :block
+  #   )) %>
+  #
+  # @example Icon only button
+  #   <%= render(ButtonComponent.new(
+  #     icon_start: helpers.search_icon,
+  #     shape: :square
+  #   )) %>
+  #
+  # @example Loading state
+  #   <%= render(ButtonComponent.new(
+  #     text: "Processing...",
+  #     loading: true
+  #   )) %>
+  #
+  # @example Disabled state
+  #   <%= render(ButtonComponent.new(
+  #     text: "Disabled",
+  #     disabled: true
+  #   )) %>
+  #
+  # @example Active state
+  #   <%= render(ButtonComponent.new(
+  #     text: "Pressed",
+  #     active: true
+  #   )) %>
+  #
+  # @example With icons
+  #   <%= render(ButtonComponent.new(
+  #     text: "Submit",
+  #     icon_start: helpers.check_icon("h-5 w-5"),
+  #     variant: "primary"
+  #   )) %>
+  #
+  # @example With both icons
+  #   <%= render(ButtonComponent.new(
+  #     text: "Next",
+  #     icon_start: helpers.sync_icon("h-5 w-5"),
+  #     icon_end: helpers.arrow_right_icon("h-5 w-5")
+  #   )) %>
+  #
+  # @example With block content
+  #   <%= render(ButtonComponent.new) do %>
+  #     Complex <strong>content</strong>
+  #   <% end %>
+  #
+  # @example As a link
+  #   <%= render(ButtonComponent.new(
+  #     text: "Visit site",
+  #     href: "https://example.com",
+  #     target: "_blank"
+  #   )) %>
+  #
+  # @example Form submit button
+  #   <%= render(ButtonComponent.new(
+  #     text: "Submit",
+  #     type: "submit",
+  #     variant: "primary"
+  #   )) %>
+  #
+  # @example Delete action with Turbo
+  #   <%= render(ButtonComponent.new(
+  #     text: "Delete",
+  #     href: item_path(@item),
+  #     method: :delete,
+  #     variant: "error"
+  #   )) %>
+  class Button < BaseComponent
+    renders_one :start_icon
+    renders_one :end_icon
+
+    # Available button colors from DaisyUI
+    COLORS = {
+      primary: 'btn-primary',
+      secondary: 'btn-secondary',
+      accent: 'btn-accent',
+      neutral: 'btn-neutral',
+      ghost: 'btn-ghost',
+      link: 'btn-link',
+      info: 'btn-info',
+      success: 'btn-success',
+      warning: 'btn-warning',
+      error: 'btn-error'
+    }.freeze
+
+    # Available button sizes from DaisyUI
+    SIZES = {
+      xl: 'btn-xl',
+      lg: 'btn-lg',
+      md: 'btn-md',
+      sm: 'btn-sm',
+      xs: 'btn-xs'
+    }.freeze
+
+    # Available button variants from DaisyUI
+    VARIANTS = {
+      outline: 'btn-outline',
+      soft: 'btn-soft',
+      dash: 'btn-dash',
+      ghost: 'btn-ghost',
+      link: 'btn-link'
+    }.freeze
+
+    # Available button shape modifiers
+    SHAPES = {
+      wide: 'btn-wide',
+      block: 'btn-block',
+      circle: 'btn-circle',
+      square: 'btn-square'
+    }.freeze
+
+    # Valid HTML button types
+    BUTTON_TYPES = %w[button submit reset].freeze
+
+    # @param tag_type [Symbol] HTML tag to use (:button, :input, :a)
+    # @param text [String] The text content to display inside the button
+    # @param color [String] Visual style of the button
+    #    (neutral/primary/secondary/accent/info/success/warning/error/ghost/link)
+    # @param size [String] Size of the button (xl/lg/md/sm/xs)
+    # @param variant [String] Variant of the button (outline/soft/dash)
+    # @param shape [String] Shape modifier of the button (wide/block/circle/square)
+    # @param disabled [Boolean] When true, prevents user interaction and grays out the button
+    # @param href [String] Turns the button into a link pointing to this URL
+    # @param type [String] HTML button type attribute (button/submit/reset)
+    # @param method [String] HTTP method for Rails/Turbo links (get/post/put/patch/delete)
+    # @param target [String] Link target attribute (_blank/_self/_parent/_top)
+    # @param rel [String] Link relationship attribute (e.g., noopener, noreferrer)
+    # @param loading [Boolean] When true, shows a loading spinner and disables the button
+    # @param active [Boolean] When true, gives the button a pressed appearance
+    # @param icon_start [String] SVG icon to display before the text
+    # @param icon_end [String] SVG icon to display after the text
+    # @param system_arguments [Hash] Additional HTML attributes to be applied to the button
+    def initialize( # rubocop:disable Metrics/ParameterLists
+      tag_type: :button,
+      text: nil,
+      color: nil,
+      size: nil,
+      variant: nil,
+      shape: nil,
+      disabled: false,
+      href: nil,
+      type: nil,
+      method: nil,
+      target: nil,
+      rel: nil,
+      loading: false,
+      active: false,
+      icon_start: nil,
+      icon_end: nil,
+      **system_arguments
+    )
+      @tag_type = tag_type
+      @color = build_argument(color, COLORS, 'color')
+      @size = build_argument(size, SIZES, 'size')
+      @variant = build_argument(variant, VARIANTS, 'variant')
+      @shape = build_argument(shape, SHAPES, 'shape')
+      @disabled = disabled
+      @href = href
+      @method = method
+      @target = target
+      @rel = rel
+      @loading = loading
+      @active = active
+      @type = type
+      @text = text
+
+      with_start_icon { icon_start } if icon_start
+      with_end_icon { icon_end } if icon_end
+      super(**system_arguments)
+    end
+
+    def call
+      tag.send(@tag_type, **full_arguments) { button_content }
+    end
+
+    private
+
+    def full_arguments
+      base = {
+        class: computed_classes,
+        disabled: @disabled,
+        **system_arguments.except(:class)
+      }
+
+      @href || @tag_type.to_s == 'a' ? link_specific_arguments(base) : button_specific_arguments(base)
+    end
+
+    # Order: base -> style/state(active) -> variant -> size -> shape
+    def computed_classes
+      modifiers = ['btn']
+      modifiers << @variant
+      modifiers << 'btn-active' if @active
+      modifiers << @color
+      modifiers << @size
+      modifiers << @shape
+
+      class_names(modifiers, system_arguments[:class])
+    end
+
+    def button_specific_arguments(base)
+      type = if %w[button input].include?(@tag_type.to_s)
+               @type || 'button'
+             else
+               @type
+             end
+      base.merge(type: type).compact
+    end
+
+    def link_specific_arguments(base)
+      base.merge(
+        role: 'button',
+        href: @href,
+        data: { turbo_method: @method }.compact,
+        target: @target,
+        rel: link_rel
+      ).compact
+    end
+
+    def button_content
+      safe_join([
+        loading_spinner,
+        start_icon,
+        content || @text,
+        end_icon
+      ].compact)
+    end
+
+    def link_rel
+      return @rel if @rel
+
+      'noopener noreferrer' if @target == '_blank'
+    end
+
+    def loading_spinner
+      tag.span(class: 'loading loading-spinner') if @loading
+    end
+  end
+end