okonomi_ui_kit 0.1.5 → 0.1.7

data/app/helpers/okonomi_ui_kit/component.rb

@@ -0,0 +1,80 @@
+module OkonomiUiKit
+  class Component
+    attr_reader :view, :theme
+
+    def initialize(view, theme)
+      @view = view
+      @theme = theme || OkonomiUiKit::Theme::DEFAULT_THEME
+    end
+
+    def template_path
+      "okonomi/components/#{name}/#{name}"
+    end
+
+    def name
+      self.class.name.demodulize.underscore
+    end
+
+    def style(*args)
+      styles.dig(*args)
+    end
+
+    def styles
+      @combined_styles ||= combined_styles
+    end
+
+    def combined_styles
+      internal_name = internal_styles_registry.has_key?(theme_name) ? theme_name : :default
+      config_name = config_styles_registry.has_key?(theme_name) ? theme_name : :default
+
+      internal_styles = internal_styles_registry[internal_name] || {}
+      config_styles = config_styles_registry[config_name] || {}
+
+      {}.deep_merge(internal_styles).deep_merge(config_styles)
+    end
+
+    def internal_styles_registry
+      self.class.internal_styles_registry
+    end
+
+    def config_styles_registry
+      self.class.config_styles_registry
+    end
+
+    def theme_name
+      :default
+    end
+
+    def self.config_styles_registry
+      return Hash.new({}) unless config_class?
+
+      config_class.styles_registry
+    end
+
+    def self.config_class
+      return nil unless config_class?
+
+      Object.const_get(config_class_name)
+    end
+
+    def self.config_class_name
+      "OkonomiUiKit::Configs::#{name.demodulize}"
+    end
+
+    def self.config_class?
+      Object.const_defined?(config_class_name)
+    end
+
+    def self.register_styles(theme = :default, &block)
+      styles = block.call if block_given?
+
+      raise ArgumentError, "Styles must be a Hash" unless styles.is_a?(Hash)
+
+      internal_styles_registry[theme] = styles if styles.is_a?(Hash)
+    end
+
+    def self.internal_styles_registry
+      @internal_styles_registry ||= {}
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/components/alert.rb

@@ -0,0 +1,9 @@
+module OkonomiUiKit
+  module Components
+    class Alert < OkonomiUiKit::Component
+      def render(title, options = {}, &block)
+        view.render(template_path, title:, options: options.with_indifferent_access, &block)
+      end
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/components/badge.rb

@@ -0,0 +1,31 @@
+module OkonomiUiKit
+  module Components
+    class Badge < OkonomiUiKit::Component
+      def render(text, options = {})
+        options = options.with_indifferent_access
+        severity = (options.delete(:severity) || :default).to_sym
+        
+        classes = [
+          style(:base),
+          style(:severities, severity) || '',
+          options.delete(:class) || ''
+        ].reject(&:blank?).join(' ')
+
+        view.tag.span(text, class: classes, **options)
+      end
+
+      register_styles :default do
+        {
+          base: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",
+          severities: {
+            default: "bg-gray-100 text-gray-800",
+            success: "bg-green-100 text-green-800",
+            danger: "bg-red-100 text-red-800",
+            info: "bg-blue-100 text-blue-800",
+            warning: "bg-yellow-100 text-yellow-800"
+          }
+        }
+      end
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/components/button_to.rb

@@ -0,0 +1,34 @@
+module OkonomiUiKit
+  module Components
+    class ButtonTo < OkonomiUiKit::Component
+      def render(name = nil, options = nil, html_options = nil, &block)
+        html_options, options, name = options, name, block if block_given?
+
+        html_options ||= {}
+        html_options = html_options.with_indifferent_access
+
+        variant = (html_options.delete(:variant) || 'contained').to_sym
+        color = (html_options.delete(:color) || 'default').to_sym
+
+        html_options[:class] = build_button_class(variant: variant, color: color, classes: html_options[:class])
+
+        if block_given?
+          view.button_to(options, html_options, &block)
+        else
+          view.button_to(name, options, html_options)
+        end
+      end
+
+      private
+
+      def build_button_class(variant:, color:, classes: '')
+        [
+          theme.dig(:components, :link, :root) || '',
+          theme.dig(:components, :link, variant.to_sym, :root) || '',
+          theme.dig(:components, :link, variant.to_sym, :colors, color.to_sym) || '',
+          classes,
+        ].reject(&:blank?).join(' ')
+      end
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/components/code.rb

@@ -0,0 +1,73 @@
+module OkonomiUiKit
+  module Components
+    class Code < OkonomiUiKit::Component
+      def render(content = nil, options = {}, &block)
+        options, content = content, nil if block_given?
+        options ||= {}
+        options = options.with_indifferent_access
+
+        # Extract component-specific options
+        language = options.delete(:language) || options.delete(:lang)
+        variant = (options.delete(:variant) || 'default').to_sym
+        size = (options.delete(:size) || 'default').to_sym
+        wrap = options.delete(:wrap) != false # Default to true
+
+        # Build classes
+        classes = build_classes(variant: variant, size: size, wrap: wrap, custom_class: options.delete(:class))
+
+        # Escape HTML entities in content
+        escaped_content = if block_given?
+                            view.capture(&block)
+                          elsif content
+                            content
+                          else
+                            ""
+                          end
+
+        view.render(
+          template_path,
+          content: escaped_content.strip.html_safe,
+          options: options,
+          classes: classes,
+          language: language
+        )
+      end
+
+      private
+
+      def build_classes(variant:, size:, wrap:, custom_class: nil)
+        base_classes = theme.dig(:components, :code, :base) || "bg-gray-900 text-gray-100 rounded-lg"
+
+        variant_classes = case variant
+                          when :inline
+                            "bg-gray-100 text-gray-900 px-1 py-0.5 rounded text-sm font-mono"
+                          when :minimal
+                            "bg-gray-900 text-gray-100 p-3 rounded text-xs"
+                          else
+                            # :default
+                            "bg-gray-900 text-gray-100 p-4 rounded-lg"
+                          end
+
+        size_classes = case size
+                       when :xs
+                         "text-xs"
+                       when :sm
+                         "text-sm"
+                       when :lg
+                         "text-base"
+                       else
+                         # :default
+                         "text-sm"
+                       end
+
+        wrap_classes = wrap ? "overflow-x-auto" : "overflow-hidden"
+
+        [base_classes, variant_classes, size_classes, wrap_classes, custom_class].compact.join(' ')
+      end
+
+      def html_escape(content)
+        ERB::Util.html_escape(content.to_s.strip)
+      end
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/components/link_to.rb

@@ -0,0 +1,34 @@
+module OkonomiUiKit
+  module Components
+    class LinkTo < OkonomiUiKit::Component
+      def render(name = nil, options = nil, html_options = nil, &block)
+        html_options, options, name = options, name, block if block_given?
+        
+        html_options ||= {}
+        html_options = html_options.with_indifferent_access
+        
+        variant = (html_options.delete(:variant) || 'text').to_sym
+        color = (html_options.delete(:color) || 'default').to_sym
+        
+        html_options[:class] = build_button_class(variant: variant, color: color, classes: html_options[:class])
+        
+        if block_given?
+          view.link_to(options, html_options, &block)
+        else
+          view.link_to(name, options, html_options)
+        end
+      end
+      
+      private
+      
+      def build_button_class(variant:, color:, classes: '')
+        [
+          theme.dig(:components, :link, :root) || '',
+          theme.dig(:components, :link, variant.to_sym, :root) || '',
+          theme.dig(:components, :link, variant.to_sym, :colors, color.to_sym) || '',
+          classes,
+        ].reject(&:blank?).join(' ')
+      end
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/components/page.rb

@@ -0,0 +1,247 @@
+module OkonomiUiKit
+  module Components
+    class Page < OkonomiUiKit::Component
+      def render(options = {}, &block)
+        builder = PageBuilder.new(view)
+
+        view.render(template_path, builder: builder, options: options, &block)
+      end
+    end
+
+    class PageBuilder
+      include ActionView::Helpers::TagHelper
+      include ActionView::Helpers::CaptureHelper
+
+      def initialize(template)
+        @template = template
+        @content_parts = []
+      end
+
+      def page_header(**options, &block)
+        header_builder = PageHeaderBuilder.new(@template)
+        yield(header_builder) if block_given?
+        @content_parts << header_builder.render
+        nil
+      end
+
+      def section(**options, &block)
+        section_builder = SectionBuilder.new(@template)
+        section_builder.title(options[:title]) if options[:title]
+        yield(section_builder) if block_given?
+        @content_parts << section_builder.render
+        nil
+      end
+
+      def render_content
+        @template.safe_join(@content_parts)
+      end
+      
+      def to_s
+        render_content
+      end
+
+      private
+
+      def tag
+        @template.tag
+      end
+
+      def capture(*args, &block)
+        @template.capture(*args, &block)
+      end
+    end
+
+    class PageHeaderBuilder
+      include ActionView::Helpers::TagHelper
+      include ActionView::Helpers::CaptureHelper
+
+      def initialize(template)
+        @template = template
+        @breadcrumbs_content = nil
+        @row_content = nil
+      end
+
+      def breadcrumbs(&block)
+        @breadcrumbs_content = @template.breadcrumbs(&block)
+      end
+
+      def row(&block)
+        row_builder = PageHeaderRowBuilder.new(@template)
+        yield(row_builder) if block_given?
+        @row_content = row_builder.render
+      end
+
+      def render
+        content = []
+        content << @breadcrumbs_content if @breadcrumbs_content
+        content << @row_content if @row_content
+
+        tag.div(class: "flex flex-col gap-2") do
+          @template.safe_join(content.compact)
+        end
+      end
+
+      private
+
+      def tag
+        @template.tag
+      end
+
+      def capture(*args, &block)
+        @template.capture(*args, &block)
+      end
+    end
+
+    class PageHeaderRowBuilder
+      include ActionView::Helpers::TagHelper
+      include ActionView::Helpers::CaptureHelper
+
+      def initialize(template)
+        @template = template
+        @title_content = nil
+        @actions_content = nil
+      end
+
+      def title(text, **options)
+        @title_content = tag.h1(text, class: "text-2xl font-bold leading-7 text-gray-900 truncate sm:text-3xl sm:tracking-tight")
+      end
+
+      def actions(&block)
+        @actions_content = tag.div(class: "mt-4 flex md:ml-4 md:mt-0 gap-2") do
+          capture(&block) if block_given?
+        end
+      end
+
+      def render
+        tag.div(class: "flex w-full justify-between items-center") do
+          content = []
+          content << @title_content if @title_content
+          content << @actions_content if @actions_content
+          @template.safe_join(content.compact)
+        end
+      end
+
+      private
+
+      def tag
+        @template.tag
+      end
+
+      def capture(*args, &block)
+        @template.capture(*args, &block)
+      end
+    end
+
+    class SectionBuilder
+      include ActionView::Helpers::TagHelper
+      include ActionView::Helpers::CaptureHelper
+
+      def initialize(template)
+        @template = template
+        @title_content = nil
+        @subtitle_content = nil
+        @actions_content = nil
+        @body_content = nil
+        @attributes = []
+      end
+
+      def title(text, **options)
+        @title_content = tag.h3(text, class: "text-base/7 font-semibold text-gray-900")
+      end
+
+      def subtitle(text, **options)
+        @subtitle_content = tag.p(text, class: "mt-1 max-w-2xl text-sm/6 text-gray-500")
+      end
+
+      def actions(&block)
+        @actions_content = tag.div(class: "mt-4 flex md:ml-4 md:mt-0") do
+          capture(&block) if block_given?
+        end
+      end
+
+      def body(&block)
+        if block_given?
+          # Capture the content first to see if attributes were used
+          content = capture { yield(self) }
+          
+          @body_content = if @attributes.any?
+            # If attributes were added, wrap them in dl
+            tag.div do
+              tag.dl(class: "divide-y divide-gray-100") do
+                @template.safe_join(@attributes)
+              end
+            end
+          else
+            # Otherwise, just return the captured content
+            tag.div do
+              content
+            end
+          end
+        end
+      end
+
+      def attribute(label, value = nil, **options, &block)
+        content = if block_given?
+          capture(&block)
+        elsif value.respond_to?(:call)
+          value.call
+        else
+          value
+        end
+
+        attribute_html = tag.div(class: "py-6 sm:grid sm:grid-cols-3 sm:gap-4") do
+          dt_content = tag.dt(label, class: "text-sm font-medium text-gray-900")
+          dd_content = tag.dd(content, class: "mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0")
+          
+          dt_content + dd_content
+        end
+        
+        @attributes << attribute_html
+      end
+
+      def render
+        tag.div(class: "overflow-hidden bg-white") do
+          header_content = build_header
+          content_parts = []
+          content_parts << header_content if header_content.present?
+          content_parts << @body_content if @body_content
+          @template.safe_join(content_parts.compact)
+        end
+      end
+
+      private
+
+      def build_header
+        return nil unless @title_content || @subtitle_content || @actions_content
+        
+        tag.div(class: "py-6") do
+          if @actions_content
+            tag.div(class: "flex w-full justify-between items-start") do
+              title_section = tag.div do
+                content_parts = []
+                content_parts << @title_content if @title_content
+                content_parts << @subtitle_content if @subtitle_content
+                @template.safe_join(content_parts.compact)
+              end
+              
+              title_section + @actions_content
+            end
+          else
+            content_parts = []
+            content_parts << @title_content if @title_content
+            content_parts << @subtitle_content if @subtitle_content
+            @template.safe_join(content_parts.compact)
+          end
+        end
+      end
+
+      def tag
+        @template.tag
+      end
+
+      def capture(*args, &block)
+        @template.capture(*args, &block)
+      end
+    end
+  end
+end