solidstats 2.0.0 → 3.0.0.beta.1

data/app/views/solidstats/dashboard/audit/_vulnerability_details.html.erb

@@ -1,63 +0,0 @@
-<% # results should be passed as a local variable %>
-<div class="vulnerabilities-details-section">
-  <h3>
-    <span>Vulnerability Details</span>
-    <button class="toggle-details-btn" aria-expanded="true">Hide Details</button>
-  </h3>
-  <%# TODO: Render Markdown in .erb using Redcarpet with sanitize for safe HTML output %>
-  <div class="md-container">
-    <% results.each_with_index do |result, index| %>
-      <% 
-        gem = result.dig("gem") || {}
-        advisory = result.dig("advisory") || {}
-        criticality = advisory["criticality"] || "unknown"
-        is_high = %w[high critical].include?(criticality.to_s.downcase)
-      %>
-      <% if advisory["description"].present? %>
-        <div id="vulnerability-<%= index %>" class="md-entry <%= is_high ? 'high-severity' : '' %>">
-          <h2 class="md-heading">
-            <%= gem["name"] %> <%= gem["version"] %> - <%= advisory["title"] %>
-          </h2>
-          
-          <div class="md-metadata">
-            <% if advisory["cve"].present? %>
-              <div class="md-tag cve">CVE-<%= advisory["cve"] %></div>
-            <% elsif advisory["ghsa"].present? %>
-              <div class="md-tag ghsa">GHSA-<%= advisory["ghsa"] %></div>
-            <% end %>
-            <div class="md-tag severity <%= criticality.to_s.downcase %>"><%= criticality %></div>
-            <% if advisory["date"].present? %>
-              <div class="md-date"><%= advisory["date"] %></div>
-            <% end %>
-          </div>
-          
-          <div class="md-divider"></div>
-          
-          <div class="md-content">
-            <%= simple_format(advisory["description"]) %>
-          </div>
-          
-          <% if advisory["patched_versions"].present? %>
-            <div class="md-code-block">
-              <div class="md-code-header">Patched Versions</div>
-              <pre class="md-code"><%= advisory["patched_versions"].join(", ") %></pre>
-            </div>
-          <% end %>
-          
-          <% if advisory["url"].present? %>
-            <div class="md-link">
-              <span class="md-link-icon">🔗</span>
-              <a href="<%= advisory["url"] %>" target="_blank" rel="noopener">More information</a>
-            </div>
-          <% end %>
-          
-          <div class="md-back">
-            <a href="#" class="back-to-top" onclick="window.scrollTo({top: document.querySelector('.vulnerabilities-table').offsetTop - 20, behavior: 'smooth'}); return false;">
-              ↑ Back to vulnerabilities table
-            </a>
-          </div>
-        </div>
-      <% end %>
-    <% end %>
-  </div>
-</div>

data/app/views/solidstats/dashboard/index.html.erb

@@ -1,81 +0,0 @@
-<%# Modern Component-Based Dashboard %>
-<%# Refactored from 1,368-line monolithic file to clean ViewComponent architecture %>
-
-<div class="solidstats-dashboard">
-  <%# Dashboard Header with Navigation and Actions %>
-  <%= render Solidstats::DashboardHeaderComponent.new(audit_output: @audit_output) %>
-
-  <%# Overview Section with Key Metrics Summary Cards %>
-  <section id="overview" class="dashboard-section active">
-    <h2 class="section-title">Overview</h2>
-    
-    <div class="stats-summary">
-      <%# Security Issues Summary Card %>
-      <%= render Solidstats::Ui::SummaryCardComponent.new(
-        title: "Security Issues",
-        value: @audit_output.dig('results')&.size || 0,
-        status: :warning,
-        icon: "🔒",
-        section: "security",
-        tab: "security-overview"
-      ) %>
-
-      <%# Gem Count Summary Card %>
-      <%= render Solidstats::Ui::SummaryCardComponent.new(
-        title: "Total Gems",
-        value: (Solidstats::GemMetadata::FetcherService.call.size rescue 0),
-        status: :info,
-        icon: "💎",
-        section: "gem-metadata"
-      ) %>
-
-      <%# TODO Items Summary Card %>
-      <%= render Solidstats::Ui::SummaryCardComponent.new(
-        title: "TODO Items",
-        value: @todo_items&.count || 0,
-        status: ((@todo_items&.count || 0) > 10 ? :warning : :ok),
-        icon: "📝",
-        section: "tasks",
-        tab: "todos"
-      ) %>
-
-      <%# Test Coverage Summary Card %>
-      <%= render Solidstats::Ui::SummaryCardComponent.new(
-        title: "Test Coverage",
-        value: "#{@coverage.to_f.round(1)}%",
-        status: (@coverage.to_f >= 80 ? :ok : :warning),
-        icon: "📊",
-        section: "code-quality",
-        tab: "test-coverage"
-      ) %>
-
-      <%# Log Size Summary Card %>
-      <%= render Solidstats::Ui::SummaryCardComponent.new(
-        title: "Log Size",
-        value: "#{@log_data[:total_size_mb]} MB",
-        status: @log_data[:status]&.to_sym || :ok,
-        icon: "📋",
-        section: "code-quality",
-        tab: "log-monitor"
-      ) %>
-    </div>
-  </section>
-
-  <%# Security Section - Component-Based Architecture %>
-  <%= render Solidstats::Security::SectionComponent.new(audit_output: @audit_output) %>
-
-  <%# Code Quality Section - Component-Based Architecture %>
-  <%= render Solidstats::CodeQuality::SectionComponent.new(coverage: @coverage, log_data: @log_data) %>
-
-  <%# Gem Metadata Section %>
-  <section id="gem-metadata" class="dashboard-section">
-    <h2 class="section-title">Gem Dependencies</h2>
-    <%= render partial: 'solidstats/gem_metadata/panel' %>
-  </section>
-
-  <%# Tasks Section - Component-Based Architecture %>
-  <%= render Solidstats::TasksSectionComponent.new(todo_items: @todo_items) %>
-  
-  <%# Quick Navigation - Component-Based Architecture %>
-  <%= render Solidstats::QuickNavigationComponent.new %>
-</div>

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

@@ -1,419 +0,0 @@
-<%= 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>