solidstats 1.1.0 → 2.0.0

data/app/views/solidstats/gem_metadata/_panel.html.erb

@@ -0,0 +1,419 @@
+<%= stylesheet_link_tag 'solidstats/components/gem_metadata' %>
+<%= javascript_include_tag 'solidstats/gem_metadata' %>
+
+<%# Enhanced Gem Metadata Index with Modern UI/UX %>
+<div class="gem-metadata-index">
+  <!-- Page Header -->
+  <div class="page-header">
+    <div class="header-content">
+      <div class="header-title-section">
+        <h1 class="page-title">
+          <span class="page-icon">💎</span>
+          Gem Dependencies
+        </h1>
+        <div class="page-subtitle">
+          Complete overview of your project's gem dependencies
+        </div>
+      </div>
+      <div class="header-actions">
+        <%= button_to refresh_gem_metadata_path,
+            method: :post,
+            class: "action-btn refresh-btn", 
+            title: "Refresh gem metadata", 
+            form: { style: "display: inline-block;" },
+            data: { confirm: 'This will fetch the latest gem information. Continue?' } do %>
+          <i class="fas fa-sync-alt"></i>
+          <span class="btn-text">Refresh All</span>
+        <% end %>
+      </div>
+    </div>
+  </div>
+
+  <!-- Stats Overview -->
+  <div class="stats-overview">
+    <% total_gems = @gems.size %>
+    <% outdated_gems = @gems.count { |gem| gem.current_version && gem.version && gem.version != gem.current_version } %>
+    <% up_to_date_gems = @gems.count { |gem| gem.current_version && gem.version && gem.version == gem.current_version } %>
+    <% unavailable_gems = @gems.count { |gem| gem.info == '(API unavailable)' } %>
+    
+    <div class="stat-card total">
+      <div class="stat-icon">📦</div>
+      <div class="stat-content">
+        <div class="stat-number"><%= total_gems %></div>
+        <div class="stat-label">Total Gems</div>
+      </div>
+    </div>
+    
+    <div class="stat-card outdated">
+      <div class="stat-icon">⚠️</div>
+      <div class="stat-content">
+        <div class="stat-number"><%= outdated_gems %></div>
+        <div class="stat-label">Need Updates</div>
+      </div>
+    </div>
+    
+    <div class="stat-card up-to-date">
+      <div class="stat-icon">✅</div>
+      <div class="stat-content">
+        <div class="stat-number"><%= up_to_date_gems %></div>
+        <div class="stat-label">Up to Date</div>
+      </div>
+    </div>
+    
+    <div class="stat-card unavailable">
+      <div class="stat-icon">❓</div>
+      <div class="stat-content">
+        <div class="stat-number"><%= unavailable_gems %></div>
+        <div class="stat-label">Unavailable</div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Search and Filters -->
+  <div class="search-filters">
+    <div class="search-section">
+      <div class="search-input-wrapper">
+        <i class="fas fa-search search-icon"></i>
+        <input type="search" 
+               class="search-input" 
+               id="gem-search" 
+               placeholder="Search gems by name..." 
+               aria-label="Search gems">
+        <button class="clear-search" id="clear-search" style="display: none;">
+          <i class="fas fa-times"></i>
+        </button>
+      </div>
+    </div>
+    
+    <div class="filters-section">
+      <div class="filter-group">
+        <label class="filter-label">Status:</label>
+        <select class="filter-select" id="status-filter">
+          <option value="">All</option>
+          <option value="outdated">Need Updates</option>
+          <option value="up-to-date">Up to Date</option>
+          <option value="unavailable">Unavailable</option>
+        </select>
+      </div>
+      
+      <div class="filter-group">
+        <label class="filter-label">Sort by:</label>
+        <select class="filter-select" id="sort-filter">
+          <option value="name-asc">Name (A-Z)</option>
+          <option value="name-desc">Name (Z-A)</option>
+          <option value="status-desc">Status (Updates First)</option>
+          <option value="release-desc">Release Date (Newest)</option>
+          <option value="release-asc">Release Date (Oldest)</option>
+        </select>
+      </div>
+      
+      <div class="filter-group view-toggle-group">
+        <label class="filter-label">View:</label>
+        <div class="view-toggle">
+          <button class="view-toggle-btn active" id="grid-view-btn" title="Grid View" aria-label="Switch to grid view">
+            <i class="fas fa-th"></i>
+          </button>
+          <button class="view-toggle-btn" id="table-view-btn" title="Table View" aria-label="Switch to table view">
+            <i class="fas fa-table"></i>
+          </button>
+        </div>
+      </div>
+      
+      <div class="filter-group export-group" id="export-group" style="display: none;">
+        <button class="export-btn" id="export-table-btn" title="Export table data to CSV">
+          <i class="fas fa-download"></i>
+          Export CSV
+        </button>
+      </div>
+      
+      <button class="reset-filters" id="reset-filters">
+        <i class="fas fa-undo"></i>
+        Reset
+      </button>
+    </div>
+  </div>
+
+  <!-- Loading State -->
+  <div class="loading-overlay" id="loading-overlay" style="display: none;">
+    <div class="loading-content">
+      <div class="loading-spinner"></div>
+      <div class="loading-text">Loading gem metadata...</div>
+    </div>
+  </div>
+
+  <!-- Gems Grid -->
+  <div class="gems-container">
+    <% if @gems.any? %>
+      <div class="gems-grid" id="gems-grid">
+        <% @gems.each_with_index do |gem, index| %>
+          <div class="gem-card-full <%= 'unavailable' if gem.info == '(API unavailable)' %>" 
+               data-gem-name="<%= gem.name.downcase %>"
+               data-status="<%= gem.current_version && gem.version && gem.version != gem.current_version ? 'outdated' : (gem.current_version && gem.version && gem.version == gem.current_version ? 'up-to-date' : 'unavailable') %>"
+               data-release-date="<%= gem.released&.to_i || 0 %>"
+               style="animation-delay: <%= (index * 0.05).round(2) %>s">
+            
+            <div class="gem-card-header">
+              <div class="gem-title-section">
+                <h3 class="gem-name"><%= gem.name %></h3>
+                <div class="gem-status-badges">
+                  <% if gem.current_version && gem.version && gem.version != gem.current_version %>
+                    <span class="status-badge upgrade-available" title="Upgrade available">
+                      <i class="fas fa-arrow-up"></i>
+                      Update Available
+                    </span>
+                  <% elsif gem.current_version && gem.version && gem.version == gem.current_version %>
+                    <span class="status-badge up-to-date" title="Up to date">
+                      <i class="fas fa-check"></i>
+                      Latest
+                    </span>
+                  <% elsif gem.info == '(API unavailable)' %>
+                    <span class="status-badge unavailable" title="API unavailable">
+                      <i class="fas fa-exclamation-triangle"></i>
+                      Unavailable
+                    </span>
+                  <% end %>
+                </div>
+              </div>
+            </div>
+
+            <div class="gem-card-body">
+              <div class="versions-section">
+                <div class="version-group">
+                  <div class="version-item">
+                    <span class="version-label">Current</span>
+                    <% if gem.current_version %>
+                      <span class="version-badge current" title="Current version">
+                        <%= gem.current_version %>
+                      </span>
+                    <% else %>
+                      <span class="version-badge unknown">N/A</span>
+                    <% end %>
+                  </div>
+                  
+                  <div class="version-item">
+                    <span class="version-label">Latest</span>
+                    <% if gem.version %>
+                      <span class="version-badge latest" title="Latest version">
+                        <%= gem.version %>
+                      </span>
+                    <% else %>
+                      <span class="version-badge unknown">N/A</span>
+                    <% end %>
+                  </div>
+                </div>
+              </div>
+
+              <div class="gem-info-section">
+                <div class="release-info">
+                  <i class="fas fa-calendar-alt"></i>
+                  <% if gem.released %>
+                    <span title="<%= gem.released.strftime('%Y-%m-%d %H:%M') %>">
+                      <%= time_ago_in_words(gem.released) %> ago
+                    </span>
+                  <% else %>
+                    <span>Unknown release date</span>
+                  <% end %>
+                </div>
+                
+                <% if gem.info && gem.info != '(API unavailable)' %>
+                  <div class="gem-description">
+                    <i class="fas fa-info-circle"></i>
+                    <span title="<%= gem.info %>"><%= truncate(gem.info, length: 120) %></span>
+                  </div>
+                <% end %>
+              </div>
+
+              <% if gem.runtime&.any? %>
+                <div class="dependencies-section">
+                  <div class="deps-header">
+                    <i class="fas fa-cubes"></i>
+                    <span>Dependencies (<%= gem.runtime.size %>)</span>
+                  </div>
+                  <div class="deps-grid">
+                    <% gem.runtime.first(6).each do |dep| %>
+                      <span class="dep-badge <%= 'rails-dep' if dep['name'] == 'rails' %>" 
+                            title="<%= dep['name'] %> <%= dep['requirements'] %>">
+                        <%= dep['name'] %>
+                        <span class="dep-version"><%= dep['requirements'] %></span>
+                      </span>
+                    <% end %>
+                    <% if gem.runtime.size > 6 %>
+                      <span class="dep-more" 
+                            title="<%= gem.runtime.drop(6).map { |d| "#{d['name']} #{d['requirements']}" }.join(', ') %>">
+                        +<%= gem.runtime.size - 6 %> more
+                      </span>
+                    <% end %>
+                  </div>
+                </div>
+              <% end %>
+            </div>
+          </div>
+        <% end %>
+      </div>
+      
+      <!-- Table View (Hidden by default) -->
+      <div class="gems-table-container" id="gems-table-container" style="display: none;">
+        <div class="table-wrapper">
+          <table class="gems-table" id="gems-table">
+            <thead>
+              <tr>
+                <th class="sortable" data-sort="name">
+                  <span>Gem Name</span>
+                  <i class="fas fa-sort sort-icon"></i>
+                </th>
+                <th class="sortable" data-sort="status">
+                  <span>Status</span>
+                  <i class="fas fa-sort sort-icon"></i>
+                </th>
+                <th class="sortable" data-sort="current">
+                  <span>Current</span>
+                  <i class="fas fa-sort sort-icon"></i>
+                </th>
+                <th class="sortable" data-sort="latest">
+                  <span>Latest</span>
+                  <i class="fas fa-sort sort-icon"></i>
+                </th>
+                <th class="sortable" data-sort="released">
+                  <span>Released</span>
+                  <i class="fas fa-sort sort-icon"></i>
+                </th>
+                <th>Description</th>
+                <th>Dependencies</th>
+              </tr>
+            </thead>
+            <tbody id="gems-table-body">
+              <% @gems.each do |gem| %>
+                <tr class="gem-table-row <%= 'unavailable' if gem.info == '(API unavailable)' %>" 
+                    data-gem-name="<%= gem.name.downcase %>"
+                    data-status="<%= gem.current_version && gem.version && gem.version != gem.current_version ? 'outdated' : (gem.current_version && gem.version && gem.version == gem.current_version ? 'up-to-date' : 'unavailable') %>"
+                    data-release-date="<%= gem.released&.to_i || 0 %>">
+                  
+                  <td class="gem-name-cell">
+                    <strong class="gem-name-table"><%= gem.name %></strong>
+                  </td>
+                  
+                  <td class="status-cell">
+                    <% if gem.current_version && gem.version && gem.version != gem.current_version %>
+                      <span class="status-badge-table upgrade-available" title="Upgrade available">
+                        <i class="fas fa-arrow-up"></i>
+                        Update Available
+                      </span>
+                    <% elsif gem.current_version && gem.version && gem.version == gem.current_version %>
+                      <span class="status-badge-table up-to-date" title="Up to date">
+                        <i class="fas fa-check"></i>
+                        Latest
+                      </span>
+                    <% elsif gem.info == '(API unavailable)' %>
+                      <span class="status-badge-table unavailable" title="API unavailable">
+                        <i class="fas fa-exclamation-triangle"></i>
+                        Unavailable
+                      </span>
+                    <% else %>
+                      <span class="status-badge-table unknown">
+                        Unknown
+                      </span>
+                    <% end %>
+                  </td>
+                  
+                  <td class="version-cell">
+                    <% if gem.current_version %>
+                      <span class="version-badge-table current" title="Current version">
+                        <%= gem.current_version %>
+                      </span>
+                    <% else %>
+                      <span class="version-badge-table unknown">N/A</span>
+                    <% end %>
+                  </td>
+                  
+                  <td class="version-cell">
+                    <% if gem.version %>
+                      <span class="version-badge-table latest" title="Latest version">
+                        <%= gem.version %>
+                      </span>
+                    <% else %>
+                      <span class="version-badge-table unknown">N/A</span>
+                    <% end %>
+                  </td>
+                  
+                  <td class="release-cell">
+                    <% if gem.released %>
+                      <span title="<%= gem.released.strftime('%Y-%m-%d %H:%M') %>">
+                        <%= time_ago_in_words(gem.released) %> ago
+                      </span>
+                    <% else %>
+                      <span class="text-muted">Unknown</span>
+                    <% end %>
+                  </td>
+                  
+                  <td class="description-cell">
+                    <% if gem.info && gem.info != '(API unavailable)' %>
+                      <span title="<%= gem.info %>"><%= truncate(gem.info, length: 80) %></span>
+                    <% else %>
+                      <span class="text-muted">No description available</span>
+                    <% end %>
+                  </td>
+                  
+                  <td class="dependencies-cell">
+                    <% if gem.runtime&.any? %>
+                      <div class="table-deps">
+                        <% gem.runtime.first(3).each do |dep| %>
+                          <span class="dep-badge-table <%= 'rails-dep' if dep['name'] == 'rails' %>" 
+                                title="<%= dep['name'] %> <%= dep['requirements'] %>">
+                            <%= dep['name'] %>
+                          </span>
+                        <% end %>
+                        <% if gem.runtime.size > 3 %>
+                          <span class="dep-more-table" 
+                                title="<%= gem.runtime.drop(3).map { |d| "#{d['name']} #{d['requirements']}" }.join(', ') %>">
+                            +<%= gem.runtime.size - 3 %>
+                          </span>
+                        <% end %>
+                      </div>
+                    <% else %>
+                      <span class="text-muted">None</span>
+                    <% end %>
+                  </td>
+                </tr>
+              <% end %>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    <% else %>
+      <div class="empty-state">
+        <div class="empty-icon">🔍</div>
+        <div class="empty-title">No Gem Data Found</div>
+        <div class="empty-description">
+          It looks like we couldn't find any gem metadata. This could happen if your Gemfile.lock is missing or the API is unavailable.
+        </div>
+        <div class="empty-actions">
+          <%= button_to refresh_gem_metadata_path,
+              method: :post,
+              class: "action-btn refresh-btn primary", 
+              form: { style: "display: inline-block;" } do %>
+            <i class="fas fa-sync-alt"></i>
+            Try Refreshing
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+
+  <!-- Footer -->
+  <div class="page-footer">
+    <div class="footer-content">
+      <div class="footer-links">
+        <%= link_to "https://railsbump.org", 
+            class: "footer-link external",
+            target: "_blank", 
+            rel: "noopener" do %>
+          <i class="fas fa-external-link-alt"></i>
+          Run full Rails compatibility scan on RailsBump
+        <% end %>
+      </div>
+      <div class="footer-stats">
+        Last updated: <span id="last-updated">just now</span>
+      </div>
+    </div>
+  </div>
+</div>

data/config/routes.rb

@@ -1,8 +1,11 @@
 Solidstats::Engine.routes.draw do
   root to: "dashboard#index"
   get "refresh", to: "dashboard#refresh", as: :refresh
-  
+
   # Route for truncating logs - accepts filename without extension
-  post "truncate-log(/:filename)", to: "dashboard#truncate_log", as: :truncate_log, 
+  post "truncate-log(/:filename)", to: "dashboard#truncate_log", as: :truncate_log,
                                    constraints: { filename: /[^\.]+/ }
+
+  post "gem_metadata/refresh", to: "gem_metadata#refresh", as: :refresh_gem_metadata
+  get "gem_metadata/refresh", to: "gem_metadata#refresh"  # Fallback for direct URL access
 end

data/lib/generators/solidstats/feature/feature_generator.rb

@@ -0,0 +1,170 @@
+require "rails/generators/named_base"
+
+module Solidstats
+  module Generators
+    class FeatureGenerator < Rails::Generators::NamedBase
+      source_root File.expand_path("templates", __dir__)
+
+      desc "Generate a new Solidstats feature with service, component, and views"
+
+      class_option :icon, type: :string, default: "📊", desc: "Icon for the feature"
+      class_option :section, type: :string, default: "metrics", desc: "Dashboard section (overview, security, code-quality, metrics)"
+      class_option :status_colors, type: :boolean, default: true, desc: "Include status-based coloring"
+      class_option :cache_hours, type: :numeric, default: 1, desc: "Cache duration in hours"
+
+      def create_service
+        template "service.rb.erb", "app/services/solidstats/#{file_name}_service.rb"
+      end
+
+      def create_component_helper
+        template "component.rb.erb", "app/helpers/solidstats/#{file_name}_helper.rb"
+      end
+
+      def create_component_partial
+        template "component.html.erb", "app/views/solidstats/dashboard/_#{file_name}_summary.html.erb"
+      end
+
+      def create_component_styles
+        template "component.scss", "app/assets/stylesheets/solidstats/#{file_name}_component.scss"
+      end
+
+      def create_preview
+        template "preview.rb.erb", "app/views/solidstats/#{file_name}/preview.html.erb"
+      end
+
+      def create_detail_view
+        template "detail_view.html.erb", "app/views/solidstats/#{file_name}/index.html.erb"
+      end
+
+      def create_controller
+        template "controller.rb.erb", "app/controllers/solidstats/#{file_name}_controller.rb"
+      end
+
+      def create_service_test
+        template "service_test.rb.erb", "test/services/solidstats/#{file_name}_service_test.rb"
+      end
+
+      def create_component_test
+        template "component_test.rb.erb", "test/helpers/solidstats/#{file_name}_helper_test.rb"
+      end
+
+      def create_controller_test
+        template "controller_test.rb.erb", "test/controllers/solidstats/#{file_name}_controller_test.rb"
+      end
+
+      def add_route
+        route_content = "  get \"#{file_name}\", to: \"#{file_name}#index\", as: :#{file_name}"
+        inject_into_file "config/routes.rb", after: "Solidstats::Engine.routes.draw do\n" do
+          "#{route_content}\n"
+        end
+      end
+
+      def integrate_with_dashboard
+        # Add instance variable to dashboard controller
+        inject_into_file "app/controllers/solidstats/dashboard_controller.rb",
+          after: "def index\n" do
+          "      @#{file_name}_data = #{class_name}Service.new.summary\n"
+        end
+
+        # Add to refresh method
+        inject_into_file "app/controllers/solidstats/dashboard_controller.rb",
+          after: "def refresh\n" do
+          "      #{file_name}_data = #{class_name}Service.new.fetch(true)\n"
+        end
+
+        # Add to refresh JSON response
+        inject_into_file "app/controllers/solidstats/dashboard_controller.rb",
+          after: "render json: {\n" do
+          "        #{file_name}_data: #{file_name}_data,\n"
+        end
+      end
+
+      def update_dashboard_view
+        # Add summary card to overview section
+        card_partial = <<~ERB
+
+            <div class="summary-card <%= @#{file_name}_data&.dig(:status) || 'status-ok' %>" data-section="#{options[:section]}" data-tab="#{file_name.dasherize}">
+              <div class="summary-icon">#{options[:icon]}</div>
+              <div class="summary-data">
+                <div class="summary-value"><%= @#{file_name}_data&.dig(:value) || 0 %></div>
+                <div class="summary-label">#{human_name}</div>
+              </div>
+            </div>
+        ERB
+
+        inject_into_file "app/views/solidstats/dashboard/index.html.erb",
+          after: '<div class="stats-summary">' do
+          card_partial
+        end
+
+        # Add section if it doesn't exist for metrics
+        if options[:section] == "metrics"
+          section_content = <<~ERB
+
+            <!-- #{human_name} Section -->
+            <section id="#{file_name.dasherize}" class="dashboard-section">
+              <h2 class="section-title">#{human_name}</h2>
+              <%= render Solidstats::#{class_name}Component.new(data: @#{file_name}_data) %>
+            </section>
+          ERB
+
+          inject_into_file "app/views/solidstats/dashboard/index.html.erb",
+            before: "  <!-- Floating quick navigation -->" do
+            section_content
+          end
+
+          # Add to navigation
+          nav_item = <<~ERB
+
+                  <li><a href="##{file_name.dasherize}" class="nav-item" data-section="#{file_name.dasherize}">#{human_name}</a></li>
+          ERB
+
+          inject_into_file "app/views/solidstats/dashboard/index.html.erb",
+            after: '<nav class="dashboard-nav">' do
+            "      <ul>#{nav_item}"
+          end
+
+          # Add to quick nav
+          quick_nav_item = <<~ERB
+
+              <a href="##{file_name.dasherize}" class="quick-nav-item">#{human_name}</a>
+          ERB
+
+          inject_into_file "app/views/solidstats/dashboard/index.html.erb",
+            after: '<div class="quick-nav-menu">' do
+            quick_nav_item
+          end
+        end
+      end
+
+      def create_directory_structure
+        empty_directory "app/views/solidstats/#{file_name}"
+      end
+
+      def show_next_steps
+        say "\n" + set_color("#{human_name} feature generated successfully!", :green, :bold)
+        say "\nNext steps:"
+        say "  1. Implement data collection logic in #{set_color("app/services/solidstats/#{file_name}_service.rb", :yellow)}"
+        say "  2. Customize the component template in #{set_color("app/components/solidstats/#{file_name}_component.html.erb", :yellow)}"
+        say "  3. Add any required styling in #{set_color("app/components/solidstats/#{file_name}_component.scss", :yellow)}"
+        say "  4. Run tests: #{set_color("rails test test/services/solidstats/#{file_name}_service_test.rb", :cyan)}"
+        say "  5. Visit #{set_color("http://localhost:3000/rails/view_components", :cyan)} to preview the component"
+        say "\nThe feature will appear in the #{set_color(options[:section], :blue)} section of the dashboard."
+      end
+
+      private
+
+      def human_name
+        file_name.humanize
+      end
+
+      def class_name
+        file_name.camelize
+      end
+
+      def section_human_name
+        options[:section].humanize
+      end
+    end
+  end
+end