solidstats 1.0.0 → 2.0.0

data/app/components/solidstats/base_component.rb

@@ -0,0 +1,88 @@
+# frozen_string_literal: true
+
+module Solidstats
+  # Base component class for all Solidstats ViewComponents
+  # Provides common functionality and conventions for the component system
+  class BaseComponent < ViewComponent::Base
+    # Common helper methods available to all Solidstats components
+
+    # Standard status classes for consistent styling
+    def status_class(status)
+      case status&.to_sym
+      when :good, :ok
+        "status-good"
+      when :warning
+        "status-warning"
+      when :critical, :danger
+        "status-critical"
+      when :info
+        "status-info"
+      else
+        "status-unknown"
+      end
+    end
+
+    # Standard status icons
+    def status_icon(status)
+      case status&.to_sym
+      when :good, :ok
+        "✅"
+      when :warning
+        "⚠️"
+      when :critical, :danger
+        "❌"
+      when :info
+        "ℹ️"
+      else
+        "❓"
+      end
+    end
+
+    # Standard status text
+    def status_text(status)
+      case status&.to_sym
+      when :good, :ok
+        "Good"
+      when :warning
+        "Warning"
+      when :critical, :danger
+        "Critical"
+      when :info
+        "Info"
+      else
+        "Unknown"
+      end
+    end
+
+    # Helper for formatting numbers with delimiters
+    def format_number(number)
+      return "0" if number.nil?
+
+      case number
+      when Numeric
+        number_with_delimiter(number)
+      else
+        number.to_s
+      end
+    end
+
+    # Helper for safe data access with fallbacks
+    def safe_get(data, key, fallback = nil)
+      return fallback if data.nil?
+
+      data.is_a?(Hash) ? data[key] || data[key.to_s] || fallback : fallback
+    end
+
+    # CSS class helper for dynamic classes
+    def css_classes(*classes)
+      classes.compact.reject(&:empty?).join(" ")
+    end
+
+    private
+
+    # Access to Rails number helpers
+    def number_with_delimiter(number, options = {})
+      ActionController::Base.helpers.number_with_delimiter(number, options)
+    end
+  end
+end

data/app/components/solidstats/code_quality/section_component.html.erb

@@ -0,0 +1,45 @@
+<section id="code-quality" class="dashboard-section">
+  <h2 class="section-title">Code Quality</h2>
+  
+  <%= render Solidstats::Ui::TabNavigationComponent.new(tabs: tab_items) %>
+  
+  <div class="tabs-content">
+    <div class="tab-content active" id="quality-metrics">
+      <div class="stat-card">
+        <h2><span class="icon">🧹</span> Code Quality</h2>
+        <div class="card-content">
+          <div class="metric">
+            <!-- Your code quality metrics -->
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <div class="tab-content" id="test-coverage">
+      <div class="stat-card <%= coverage_status %>">
+        <h2><span class="icon">🧪</span> Test Coverage</h2>
+        <div class="card-content">
+          <div class="progress-container">
+            <div class="progress-bar" style="width: <%= coverage %>%"></div>
+          </div>
+          <div class="metric">
+            <span class="metric-value"><%= coverage %>%</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <div class="tab-content" id="code-health">
+      <div class="stat-card">
+        <h2><span class="icon">📝</span> Code Health</h2>
+        <div class="card-content">
+          <!-- Your code health metrics -->
+        </div>
+      </div>
+    </div>
+    
+    <div class="tab-content" id="log-monitor">
+      <%= render partial: 'solidstats/dashboard/log_monitor' %>
+    </div>
+  </div>
+</section>

data/app/components/solidstats/code_quality/section_component.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module Solidstats
+  module CodeQuality
+    class SectionComponent < BaseComponent
+      def initialize(coverage:, log_data:)
+        @coverage = coverage
+        @log_data = log_data
+        super()
+      end
+
+      private
+
+      attr_reader :coverage, :log_data
+
+      def tab_items
+        [
+          { id: "quality-metrics", label: "Metrics", active: true },
+          { id: "test-coverage", label: "Test Coverage" },
+          { id: "code-health", label: "Code Health" },
+          { id: "log-monitor", label: "Log Monitor", icon: "📊" }
+        ]
+      end
+
+      def coverage_status
+        case coverage.to_f
+        when 80..Float::INFINITY then "status-ok"
+        when 60...80 then "status-warning"
+        else "status-danger"
+        end
+      end
+    end
+  end
+end

data/app/components/solidstats/dashboard_header_component.html.erb

@@ -0,0 +1,39 @@
+<header class="dashboard-header">
+  <div class="header-content">
+    <div class="header-title">
+      <h1>Solidstats Dashboard</h1>
+      <div class="last-updated">
+        Last updated: <%= last_updated_date %>
+      </div>
+    </div>
+    
+    <div class="header-actions">
+      <button class="action-button" onclick="refreshAudit(); return false;">
+        <span class="action-icon">↻</span>
+        Refresh
+      </button>
+      <button class="action-button action-button--disabled" disabled title="Export is currently disabled">
+        <span class="action-icon">↓</span>
+        Export
+      </button>
+    </div>
+  </div>
+  
+  <nav class="dashboard-nav">
+    <ul class="nav-list">
+      <% navigation_items.each do |item| %>
+        <li>
+          <% if item[:external] %>
+            <%= link_to item[:label], item[:href], class: "nav-item #{'active' if item[:active]}" %>
+          <% else %>
+            <a href="<%= item[:href] %>" 
+               class="nav-item <%= 'active' if item[:active] %>"
+               data-section="<%= item[:id] %>">
+              <%= item[:label] %>
+            </a>
+          <% end %>
+        </li>
+      <% end %>
+    </ul>
+  </nav>
+</header>

data/app/components/solidstats/dashboard_header_component.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module Solidstats
+  class DashboardHeaderComponent < BaseComponent
+    def initialize(audit_output:)
+      @audit_output = audit_output
+      super()
+    end
+
+    private
+
+    attr_reader :audit_output
+
+    def last_updated_date
+      created_at = audit_output.dig("created_at")
+      if created_at
+        DateTime.parse(created_at).strftime("%B %d, %Y at %H:%M")
+      else
+        Time.now.strftime("%B %d, %Y at %H:%M")
+      end
+    end
+
+    def navigation_items
+      [
+        { id: "overview", label: "Overview", href: "#overview", active: true },
+        { id: "security", label: "Security", href: "#security" },
+        { id: "code-quality", label: "Code Quality", href: "#code-quality" },
+        { id: "tasks", label: "Tasks", href: "#tasks" },
+        { id: "gem-metadata", label: "Gem Metadata", href: "#gem-metadata" }
+      ]
+    end
+  end
+end

data/app/components/solidstats/previews/action_button_component_preview/button_vs_link.html.erb

@@ -0,0 +1,6 @@
+<%# filepath: /Users/mezbah/microstartup/infolily_organizer/gems/solidstats/previews/action_button_component_preview/button_vs_link.html.erb %>
+<div style="display: flex; gap: 1rem; flex-wrap: wrap; padding: 1rem;">
+  <% elements.each do |element_config| %>
+    <%= render(Solidstats::Ui::ActionButtonComponent.new(**element_config)) %>
+  <% end %>
+</div>

data/app/components/solidstats/previews/action_button_component_preview/sizes.html.erb

@@ -0,0 +1,6 @@
+<%# filepath: /Users/mezbah/microstartup/infolily_organizer/gems/solidstats/previews/action_button_component_preview/sizes.html.erb %>
+<div style="display: flex; gap: 1rem; align-items: center; padding: 1rem;">
+  <% buttons.each do |button_config| %>
+    <%= render(Solidstats::Ui::ActionButtonComponent.new(**button_config)) %>
+  <% end %>
+</div>

data/app/components/solidstats/previews/action_button_component_preview/variants.html.erb

@@ -0,0 +1,6 @@
+<%# filepath: /Users/mezbah/microstartup/infolily_organizer/gems/solidstats/previews/action_button_component_preview/variants.html.erb %>
+<div style="display: flex; gap: 1rem; flex-wrap: wrap; padding: 1rem;">
+  <% buttons.each do |button_config| %>
+    <%= render(Solidstats::Ui::ActionButtonComponent.new(**button_config)) %>
+  <% end %>
+</div>

data/app/components/solidstats/previews/action_button_component_preview/with_icons.html.erb

@@ -0,0 +1,6 @@
+<%# filepath: /Users/mezbah/microstartup/infolily_organizer/gems/solidstats/previews/action_button_component_preview/with_icons.html.erb %>
+<div style="display: flex; gap: 1rem; flex-wrap: wrap; padding: 1rem;">
+  <% buttons.each do |button_config| %>
+    <%= render(Solidstats::Ui::ActionButtonComponent.new(**button_config)) %>
+  <% end %>
+</div>

data/app/components/solidstats/previews/action_button_component_preview.rb

@@ -0,0 +1,64 @@
+# frozen_string_literal: true
+
+module Solidstats
+  module Previews
+    # Preview for ActionButtonComponent
+    class ActionButtonComponentPreview < ViewComponent::Preview
+      # Default action button
+      def default
+        render(Solidstats::Ui::ActionButtonComponent.new(
+          text: "Click Me",
+          href: "#",
+          variant: :primary
+        ))
+      end
+
+      # Different variants
+      def variants
+        render_with_template(locals: {
+          buttons: [
+            { text: "Primary", href: "#", variant: :primary },
+            { text: "Secondary", href: "#", variant: :secondary },
+            { text: "Outline", href: "#", variant: :outline },
+            { text: "Ghost", href: "#", variant: :ghost },
+            { text: "Danger", href: "#", variant: :danger }
+          ]
+        })
+      end
+
+      # Different sizes
+      def sizes
+        render_with_template(locals: {
+          buttons: [
+            { text: "Small", href: "#", variant: :primary, size: :small },
+            { text: "Medium", href: "#", variant: :primary, size: :medium },
+            { text: "Large", href: "#", variant: :primary, size: :large }
+          ]
+        })
+      end
+
+      # With icons
+      def with_icons
+        render_with_template(locals: {
+          buttons: [
+            { text: "Download", href: "#", variant: :primary, icon: "⬇" },
+            { text: "Edit", href: "#", variant: :secondary, icon: "✏" },
+            { text: "Delete", href: "#", variant: :danger, icon: "🗑" },
+            { text: "Refresh", href: "#", variant: :outline, icon: "🔄" }
+          ]
+        })
+      end
+
+      # As buttons vs links
+      def button_vs_link
+        render_with_template(locals: {
+          elements: [
+            { text: "Link Button", href: "#", variant: :primary },
+            { text: "Submit Button", variant: :primary, type: "submit" },
+            { text: "Regular Button", variant: :secondary, type: "button" }
+          ]
+        })
+      end
+    end
+  end
+end

data/app/components/solidstats/previews/navigation_component_preview.rb

@@ -0,0 +1,74 @@
+# frozen_string_literal: true
+
+module Solidstats
+  module Previews
+    # Preview for NavigationComponent
+    class NavigationComponentPreview < ViewComponent::Preview
+      # Default navigation
+      def default
+        render(Solidstats::Ui::NavigationComponent.new(
+          current_section: "overview",
+          sections: default_sections,
+          actions: default_actions
+        ))
+      end
+
+      # Navigation with different current section
+      def different_current_section
+        render(Solidstats::Ui::NavigationComponent.new(
+          current_section: "security",
+          sections: default_sections,
+          actions: default_actions
+        ))
+      end
+
+      # Navigation without actions
+      def sections_only
+        render(Solidstats::Ui::NavigationComponent.new(
+          current_section: "overview",
+          sections: default_sections,
+          actions: []
+        ))
+      end
+
+      # Custom sections and actions
+      def custom_configuration
+        custom_sections = [
+          { id: "home", label: "Home", href: "/" },
+          { id: "settings", label: "Settings", href: "/settings" },
+          { id: "help", label: "Help", href: "/help" }
+        ]
+
+        custom_actions = [
+          { label: "Save", icon: "💾", href: "#", onclick: "save(); return false;" },
+          { label: "Reset", icon: "🔄", href: "#", onclick: "reset(); return false;" }
+        ]
+
+        render(Solidstats::Ui::NavigationComponent.new(
+          current_section: "home",
+          sections: custom_sections,
+          actions: custom_actions
+        ))
+      end
+
+      private
+
+      def default_sections
+        [
+          { id: "overview", label: "Overview" },
+          { id: "security", label: "Security" },
+          { id: "code-quality", label: "Code Quality" },
+          { id: "tasks", label: "Tasks" },
+          { id: "gem-metadata", label: "Gem Metadata", href: "#gem-metadata" }
+        ]
+      end
+
+      def default_actions
+        [
+          { label: "Refresh", icon: "↻", href: "#", onclick: "refresh(); return false;" },
+          { label: "Export", icon: "↓", disabled: true, disabled_reason: "Export disabled" }
+        ]
+      end
+    end
+  end
+end

data/app/components/solidstats/previews/stats_overview_component_preview.rb

@@ -0,0 +1,100 @@
+# frozen_string_literal: true
+
+module Solidstats
+  module Previews
+    # Preview for StatsOverviewComponent
+    class StatsOverviewComponentPreview < ViewComponent::Preview
+      # Default metrics overview
+      def default
+        render(Solidstats::Ui::StatsOverviewComponent.new(
+          metrics: sample_metrics
+        ))
+      end
+
+      # Metrics with different statuses
+      def different_statuses
+        metrics = [
+          { label: "Secure Gems", value: 95, icon: "🔒", status: :ok },
+          { label: "Vulnerabilities", value: 3, icon: "⚠️", status: :warning },
+          { label: "Critical Issues", value: 1, icon: "🚨", status: :error },
+          { label: "Outdated Gems", value: 12, icon: "📅", status: :info }
+        ]
+
+        render(Solidstats::Ui::StatsOverviewComponent.new(metrics: metrics))
+      end
+
+      # Clickable metrics
+      def clickable_metrics
+        metrics = [
+          {
+            label: "Security Issues",
+            value: 3,
+            icon: "🔒",
+            section: "security",
+            tab: "vulnerabilities"
+          },
+          {
+            label: "TODO Items",
+            value: 15,
+            icon: "📝",
+            section: "tasks",
+            href: "#tasks"
+          }
+        ]
+
+        render(Solidstats::Ui::StatsOverviewComponent.new(metrics: metrics))
+      end
+
+      # Various value formats
+      def value_formats
+        metrics = [
+          { label: "Test Coverage", value: "94%", icon: "🧪", status: :ok },
+          { label: "Build Time", value: "2.3s", icon: "⏱️", status: :ok },
+          { label: "Bundle Size", value: "1.2MB", icon: "📦", status: :warning },
+          { label: "Dependencies", value: 127, icon: "💎", status: :info }
+        ]
+
+        render(Solidstats::Ui::StatsOverviewComponent.new(metrics: metrics))
+      end
+
+      private
+
+      def sample_metrics
+        [
+          {
+            label: "Security Issues",
+            value: 0,
+            icon: "🔒",
+            zero_is_good: true,
+            section: "security"
+          },
+          {
+            label: "Gem Dependencies",
+            value: 127,
+            icon: "💎",
+            status: :info
+          },
+          {
+            label: "TODO Items",
+            value: 8,
+            icon: "📝",
+            section: "tasks",
+            tab: "todos"
+          },
+          {
+            label: "Test Coverage",
+            value: "94%",
+            icon: "🧪",
+            thresholds: { excellent: 90, good: 80, warning: 60 }
+          },
+          {
+            label: "Log Files Size",
+            value: "2.3MB",
+            icon: "📊",
+            status: :ok
+          }
+        ]
+      end
+    end
+  end
+end

data/app/components/solidstats/previews/status_badge_component_preview/sizes.html.erb

@@ -0,0 +1,6 @@
+<%# filepath: /Users/mezbah/microstartup/infolily_organizer/gems/solidstats/previews/status_badge_component_preview/sizes.html.erb %>
+<div style="display: flex; gap: 1rem; align-items: center; padding: 1rem;">
+  <% sizes.each do |badge_config| %>
+    <%= render(Solidstats::Ui::StatusBadgeComponent.new(**badge_config)) %>
+  <% end %>
+</div>

data/app/components/solidstats/previews/status_badge_component_preview/statuses.html.erb

@@ -0,0 +1,6 @@
+<%# filepath: /Users/mezbah/microstartup/infolily_organizer/gems/solidstats/previews/status_badge_component_preview/statuses.html.erb %>
+<div style="display: flex; gap: 1rem; flex-wrap: wrap; padding: 1rem;">
+  <% statuses.each do |badge_config| %>
+    <%= render(Solidstats::Ui::StatusBadgeComponent.new(**badge_config)) %>
+  <% end %>
+</div>

data/app/components/solidstats/previews/status_badge_component_preview/with_icons.html.erb

@@ -0,0 +1,6 @@
+<%# filepath: /Users/mezbah/microstartup/infolily_organizer/gems/solidstats/previews/status_badge_component_preview/with_icons.html.erb %>
+<div style="display: flex; gap: 1rem; flex-wrap: wrap; padding: 1rem;">
+  <% badges.each do |badge_config| %>
+    <%= render(Solidstats::Ui::StatusBadgeComponent.new(**badge_config)) %>
+  <% end %>
+</div>

data/app/components/solidstats/previews/status_badge_component_preview.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+module Solidstats
+  module Previews
+    # Preview for StatusBadgeComponent
+    class StatusBadgeComponentPreview < ViewComponent::Preview
+      # Default status badge
+      def default
+        render(Solidstats::Ui::StatusBadgeComponent.new(status: :ok, text: "All Good"))
+      end
+
+      # Different status variants
+      def statuses
+        render_with_template(locals: {
+          statuses: [
+            { status: :ok, text: "Secure" },
+            { status: :warning, text: "Minor Issues" },
+            { status: :error, text: "Vulnerabilities Found" },
+            { status: :info, text: "Info Available" },
+            { status: :critical, text: "Critical Issues" }
+          ]
+        })
+      end
+
+      # Different sizes
+      def sizes
+        render_with_template(locals: {
+          sizes: [
+            { size: :small, status: :ok, text: "Small" },
+            { size: :medium, status: :warning, text: "Medium" },
+            { size: :large, status: :error, text: "Large" }
+          ]
+        })
+      end
+
+      # With icons
+      def with_icons
+        render_with_template(locals: {
+          badges: [
+            { status: :ok, text: "Secure", icon: "✓" },
+            { status: :warning, text: "Warning", icon: "⚠" },
+            { status: :error, text: "Error", icon: "✗" },
+            { status: :info, text: "Info", icon: "ℹ" }
+          ]
+        })
+      end
+    end
+  end
+end

data/app/components/solidstats/previews/summary_card_component_preview/clickable.html.erb

@@ -0,0 +1,9 @@
+<%# filepath: /Users/mezbah/microstartup/infolily_organizer/gems/solidstats/previews/summary_card_component_preview/clickable.html.erb %>
+<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; padding: 1rem;">
+  <% cards.each do |card_config| %>
+    <%= render(Solidstats::Ui::SummaryCardComponent.new(**card_config)) %>
+  <% end %>
+</div>
+<p style="padding: 1rem; font-size: 0.875rem; color: #6b7280;">
+  These cards are clickable and will navigate to their respective sections.
+</p>

data/app/components/solidstats/previews/summary_card_component_preview/dashboard_layout.html.erb

@@ -0,0 +1,9 @@
+<%# filepath: /Users/mezbah/microstartup/infolily_organizer/gems/solidstats/previews/summary_card_component_preview/dashboard_layout.html.erb %>
+<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; padding: 1rem; background-color: #f9fafb; border-radius: 0.5rem;">
+  <% metrics.each do |metric_config| %>
+    <%= render(Solidstats::Ui::SummaryCardComponent.new(**metric_config)) %>
+  <% end %>
+</div>
+<p style="padding: 1rem; font-size: 0.875rem; color: #6b7280;">
+  Example dashboard layout showing how summary cards work together to provide a comprehensive overview.
+</p>

data/app/components/solidstats/previews/summary_card_component_preview/statuses.html.erb

@@ -0,0 +1,6 @@
+<%# filepath: /Users/mezbah/microstartup/infolily_organizer/gems/solidstats/previews/summary_card_component_preview/statuses.html.erb %>
+<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; padding: 1rem;">
+  <% cards.each do |card_config| %>
+    <%= render(Solidstats::Ui::SummaryCardComponent.new(**card_config)) %>
+  <% end %>
+</div>

data/app/components/solidstats/previews/summary_card_component_preview/value_formats.html.erb

@@ -0,0 +1,6 @@
+<%# filepath: /Users/mezbah/microstartup/infolily_organizer/gems/solidstats/previews/summary_card_component_preview/value_formats.html.erb %>
+<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; padding: 1rem;">
+  <% cards.each do |card_config| %>
+    <%= render(Solidstats::Ui::SummaryCardComponent.new(**card_config)) %>
+  <% end %>
+</div>