solidstats 2.0.0 → 3.0.0

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

@@ -1,151 +0,0 @@
-<div class="stat-card todo-card">
-  <h2><span class="icon">📝</span> TODO Items</h2>
-  <div class="card-content">
-    <% if @todo_items.nil? %>
-      <div class="status-badge danger">Error loading TODO data</div>
-    <% elsif @todo_items.empty? %>
-      <div class="status-badge success">All Clear</div>
-    <% else %>
-      <div class="status-badge warning"><%= @todo_items.count %> <%= "Item".pluralize(@todo_items.count) %> Found</div>
-    <% end %>
-    
-    <% if @todo_items.present? && @todo_summary.present? %>
-      <div class="metrics-group">
-        <div class="metric">
-          <span class="metric-label">TODO:</span>
-          <span class="metric-value"><%= @todo_summary[:by_type]["TODO"] %></span>
-        </div>
-        <div class="metric">
-          <span class="metric-label">FIXME:</span>
-          <span class="metric-value text-danger"><%= @todo_summary[:by_type]["FIXME"] %></span>
-        </div>
-        <div class="metric">
-          <span class="metric-label">HACK:</span>
-          <span class="metric-value text-warning"><%= @todo_summary[:by_type]["HACK"] %></span>
-        </div>
-      </div>
-      
-      <a href="#" class="toggle-details" data-target="todo-details">Show Details</a>
-    <% end %>
-  </div>
-  
-  <% if @todo_items.present? && @todo_summary.present? %>
-    <div id="todo-details" class="details-panel hidden">
-      <h3 class="details-section-title">Files with Most TODOs</h3>
-      <div class="table-responsive mb-4">
-        <table class="table">
-          <thead>
-            <tr>
-              <th>File</th>
-              <th class="text-end">Count</th>
-            </tr>
-          </thead>
-          <tbody>
-            <% hotspots = @todo_summary[:hotspots] %>
-            <% if hotspots.present? %>
-              <% hotspots.each do |file, count| %>
-                <tr>
-                  <td><code><%= file.nil? ? "Unknown File" : file.to_s %></code></td>
-                  <td class="text-end"><%= count.to_i %></td>
-                </tr>
-              <% end %>
-            <% else %>
-              <tr>
-                <td colspan="2">No hotspot data available</td>
-              </tr>
-            <% end %>
-          </tbody>
-        </table>
-      </div>
-
-      <h3 class="details-section-title">All TODO Items</h3>
-      <div class="accordion" id="todoAccordion">
-        <% @todo_items.each_with_index do |item, index| %>
-          <%
-            # Convert item to a hash with symbol keys if it's a hash with string keys
-            item = item.symbolize_keys if item.respond_to?(:symbolize_keys)
-          %>
-          <div class="accordion-item">
-            <h4 class="accordion-header">
-              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#todo-<%= index %>">
-                <span class="badge <%= item[:type] == 'FIXME' ? 'bg-danger' : (item[:type] == 'HACK' ? 'bg-warning' : 'bg-primary') %> me-2"><%= item[:type] || "TODO" %></span>
-                <%= File.basename(item[:file].to_s) %>:<%= item[:line] || '?' %>
-              </button>
-            </h4>
-            <div id="todo-<%= index %>" class="accordion-collapse collapse" data-bs-parent="#todoAccordion">
-              <div class="accordion-body">
-                <p><code class="d-block"><%= item[:content].to_s %></code></p>
-                <small class="text-muted">File: <%= item[:file].to_s %></small>
-              </div>
-            </div>
-          </div>
-        <% end %>
-      </div>
-    </div>
-  <% end %>
-</div>
-
-<style>
-  /* Additional styles for todo card */
-  .todo-card.expanded {
-    grid-column: 1 / -1;
-    width: 100%;
-  }
-  
-  .details-section-title {
-    font-size: 1.1rem;
-    font-weight: 600;
-    margin: 1.5rem 0 1rem 0;
-  }
-  
-  .details-section-title:first-child {
-    margin-top: 0;
-  }
-  
-  /* Fix for accordion within the card */
-  .todo-card .accordion {
-    margin-top: 1rem;
-  }
-  
-  .todo-card .accordion-item {
-    border: 1px solid rgba(0, 0, 0, 0.125);
-    margin-bottom: 0.5rem;
-    border-radius: 4px;
-    overflow: hidden;
-  }
-  
-  .todo-card .accordion-button {
-    padding: 0.75rem 1rem;
-    font-size: 0.9rem;
-    background-color: #f8f9fa;
-  }
-  
-  .todo-card .accordion-button:not(.collapsed) {
-    background-color: #e7f1ff;
-  }
-  
-  .todo-card .accordion-body {
-    padding: 1rem;
-    background-color: #fff;
-  }
-  
-  .todo-card code {
-    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-    font-size: 0.85rem;
-    padding: 0.2rem 0.4rem;
-    background: #f6f8fa;
-    border-radius: 3px;
-    color: #24292e;
-  }
-  
-  .todo-card code.d-block {
-    display: block;
-    padding: 0.75rem;
-    margin-bottom: 0.5rem;
-    white-space: pre-wrap;
-    word-break: break-word;
-    background: #f6f8fa;
-    border-radius: 4px;
-    border: 1px solid #e1e4e8;
-  }
-</style>

data/app/views/solidstats/dashboard/audit/_additional_styles.css

@@ -1,22 +0,0 @@
-.details-link-btn {
-  color: #0366d6;
-  font-size: 0.85rem;
-  text-decoration: none;
-  display: inline-flex;
-  align-items: center;
-  gap: 0.25rem;
-}
-
-.details-link-btn:hover {
-  text-decoration: underline;
-}
-
-.external-link-icon-sm {
-  font-size: 0.75rem;
-}
-
-.details-preview {
-  font-size: 0.85rem;
-  color: #666;
-  margin-top: 0.25rem;
-}

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

@@ -1,5 +0,0 @@
-<% if @audit_output.include?('No vulnerabilities found') %>
-  <p class="status-badge success">All Clear</p>
-<% else %>
-  <p class="status-badge warning">Issues Found</p>
-<% end %>

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

@@ -1,495 +0,0 @@
-<div id="audit-details">
-  <%= render partial: 'solidstats/dashboard/audit/audit_summary' %>
-  
-  <% results = @audit_output.dig("results") || [] %>
-  <% if results.empty? %>
-    <%= render partial: 'solidstats/dashboard/audit/no_vulnerabilities' %>
-  <% else %>
-    <%= render partial: 'solidstats/dashboard/audit/vulnerabilities_table', locals: { results: results } %>
-    <%= render partial: 'solidstats/dashboard/audit/vulnerability_details', locals: { results: results } %>
-  <% end %>
-</div>
-
-<style>
-  /* Audit details specific styles */
-  .audit-summary {
-    margin-bottom: 2rem;
-  }
-  
-  .audit-summary-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-bottom: 1px solid #dee2e6;
-    padding-bottom: 1rem;
-    margin-bottom: 1rem;
-  }
-  
-  .audit-summary-header h3 {
-    margin: 0;
-    font-size: 1.2rem;
-    font-weight: 600;
-  }
-  
-  .audit-stats {
-    display: flex;
-    gap: 2rem;
-    margin-bottom: 1rem;
-  }
-  
-  .audit-stat {
-    text-align: center;
-  }
-  
-  .audit-stat .stat-value {
-    display: block;
-    font-size: 1.8rem;
-    font-weight: 700;
-    color: #333;
-  }
-  
-  .audit-stat .stat-label {
-    font-size: 0.9rem;
-    color: #666;
-  }
-  
-  .audit-filters {
-    display: flex;
-    gap: 0.5rem;
-    margin-bottom: 1rem;
-  }
-  
-  .filter-btn {
-    background: #f1f1f1;
-    border: none;
-    padding: 0.4rem 0.8rem;
-    border-radius: 4px;
-    font-size: 0.85rem;
-    cursor: pointer;
-  }
-  
-  .filter-btn.active {
-    background: #007bff;
-    color: white;
-  }
-  
-  .vulnerability-row.high-severity {
-    background-color: #fff8f8;
-  }
-  
-  .solution {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-  }
-  
-  .copy-btn {
-    background: #e9ecef;
-    border: none;
-    border-radius: 4px;
-    padding: 0.3rem 0.5rem;
-    font-size: 0.8rem;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-  }
-  
-  .copy-btn:hover {
-    background: #dee2e6;
-  }
-  
-  .copy-btn.copied {
-    background: #d4edda;
-    color: #155724;
-  }
-  
-  .no-vulnerabilities {
-    text-align: center;
-    padding: 2rem;
-    color: #155724;
-  }
-  
-  /* Styling for details section */
-  .vulnerabilities-details-section {
-    margin-top: 3rem;
-    border-top: 1px solid #dee2e6;
-    padding-top: 1.5rem;
-  }
-  
-  .vulnerabilities-details-section.hidden .md-container {
-    display: none;
-  }
-  
-  .vulnerabilities-details-section h3 {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-  
-  .toggle-details-btn {
-    background: #f1f1f1;
-    border: none;
-    padding: 0.4rem 0.8rem;
-    border-radius: 4px;
-    font-size: 0.85rem;
-    cursor: pointer;
-    transition: background-color 0.2s;
-  }
-  
-  .toggle-details-btn:hover {
-    background: #e2e6ea;
-  }
-  
-  .toggle-details-btn[aria-expanded="true"] {
-    background: #007bff;
-    color: white;
-  }
-  
-  .vulnerability-detail {
-    margin-bottom: 2rem;
-    padding: 1.5rem;
-    border-radius: 8px;
-    background-color: #f8f9fa;
-    border: 1px solid #dee2e6;
-  }
-  
-  .vulnerability-detail.high-severity {
-    border-left: 4px solid #dc3545;
-  }
-  
-  
-  .vulnerability-meta {
-    display: flex;
-    gap: 1rem;
-    margin-bottom: 1rem;
-    font-size: 0.85rem;
-  }
-  
-  .cve, .date {
-    color: #666;
-  }
-  
-  .description {
-    font-size: 0.9rem;
-    line-height: 1.5;
-    white-space: pre-line;
-  }
-  
-  .advisory-link {
-    margin-top: 1rem;
-  }
-  
-  .advisory-link a {
-    color: #007bff;
-    text-decoration: none;
-  }
-  
-  .advisory-link a:hover {
-    text-decoration: underline;
-  }
-  
-  .view-details-link {
-    margin-left: 0.5rem;
-    font-size: 0.85rem;
-    color: #007bff;
-    text-decoration: none;
-  }
-  
-  .view-details-link:hover {
-    text-decoration: underline;
-  }
-  
-  /* Markdown-style container */
-  .md-container {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-    color: #24292e;
-    background-color: #f6f8fa;
-    border: 1px solid #e1e4e8;
-    border-radius: 6px;
-    padding: 0;
-    overflow: hidden;
-    transition: all 0.3s ease;
-  }
-  
-  /* Each vulnerability as a markdown entry */
-  .md-entry {
-    border-bottom: 1px solid #e1e4e8;
-    padding: 24px;
-    background-color: #ffffff;
-    transition: background-color 0.3s ease;
-  }
-  
-  .md-entry:last-child {
-    border-bottom: none;
-  }
-  
-  .md-entry.high-severity {
-    border-left: 4px solid #d73a49;
-  }
-  
-  .md-entry.highlight-detail {
-    background-color: #fffbe6;
-  }
-  
-  /* Markdown heading style */
-  .md-heading {
-    font-size: 1.5rem;
-    font-weight: 600;
-    margin: 0 0 16px 0;
-    color: #24292e;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-  }
-  
-  /* Metadata tags */
-  .md-metadata {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    margin-bottom: 16px;
-  }
-  
-  .md-tag {
-    display: inline-block;
-    padding: 2px 8px;
-    border-radius: 12px;
-    font-size: 12px;
-    font-weight: 500;
-    background-color: #e1e4e8;
-  }
-  
-  .md-tag.cve {
-    background-color: #0366d6;
-    color: white;
-  }
-  
-  .md-tag.ghsa {
-    background-color: #6f42c1;
-    color: white;
-  }
-  
-  .md-tag.severity.high, .md-tag.severity.critical {
-    background-color: #d73a49;
-    color: white;
-  }
-  
-  .md-tag.severity.medium {
-    background-color: #f6a33e;
-    color: white;
-  }
-  
-  .md-tag.severity.low {
-    background-color: #1b7c83;
-    color: white;
-  }
-  
-  .md-tag.severity.unknown {
-    background-color: #6a737d;
-    color: white;
-  }
-  
-  .md-date {
-    font-size: 12px;
-    color: #6a737d;
-  }
-  
-  /* Markdown divider */
-  .md-divider {
-    height: 1px;
-    background-color: #e1e4e8;
-    margin: 16px 0;
-  }
-  
-  /* Markdown content */
-  .md-content {
-    font-size: 14px;
-    line-height: 1.6;
-    color: #24292e;
-    margin-bottom: 16px;
-  }
-  
-  .md-content p {
-    margin-bottom: 16px;
-  }
-  
-  .md-content p:last-child {
-    margin-bottom: 0;
-  }
-  
-  /* Code block style */
-  .md-code-block {
-    margin: 16px 0;
-    background-color: #f6f8fa;
-    border-radius: 6px;
-    overflow: hidden;
-  }
-  
-  .md-code-header {
-    padding: 8px 16px;
-    background-color: #f1f8ff;
-    border-bottom: 1px solid #d0d7de;
-    color: #57606a;
-    font-size: 12px;
-    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
-  }
-  
-  .md-code {
-    margin: 0;
-    padding: 16px;
-    overflow-x: auto;
-    font-size: 13px;
-    line-height: 1.45;
-    color: #24292e;
-    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
-  }
-  
-  /* Link style */
-  .md-link {
-    display: flex;
-    align-items: center;
-    margin-top: 16px;
-  }
-  
-  .md-link-icon {
-    margin-right: 4px;
-    font-size: 14px;
-  }
-  
-  .md-link a {
-    color: #0366d6;
-    text-decoration: none;
-    font-size: 14px;
-  }
-  
-  .md-link a:hover {
-    text-decoration: underline;
-  }
-  
-  /* Back to top link */
-  .md-back {
-    margin-top: 24px;
-    font-size: 14px;
-    text-align: right;
-  }
-  
-  .back-to-top {
-    color: #586069;
-    text-decoration: none;
-  }
-  
-  .back-to-top:hover {
-    color: #0366d6;
-    text-decoration: underline;
-  }
-  
-  .vulnerabilities-details-section h3 {
-    margin-bottom: 16px;
-    font-size: 1.2rem;
-    font-weight: 600;
-    color: #24292e;
-  }
-</style>
-
-<script>
-  document.addEventListener('DOMContentLoaded', function() {
-    // Copy functionality for solution buttons
-    document.querySelectorAll('.copy-btn').forEach(function(button) {
-      button.addEventListener('click', function() {
-        const solution = this.getAttribute('data-solution');
-        navigator.clipboard.writeText(solution).then(() => {
-          // Change button appearance temporarily
-          const originalText = this.innerHTML;
-          this.innerHTML = '<span class="copy-icon">✓</span> Copied!';
-          this.classList.add('copied');
-          
-          setTimeout(() => {
-            this.innerHTML = originalText;
-            this.classList.remove('copied');
-          }, 2000);
-        });
-      });
-    });
-    
-    // Toggle details section functionality
-    const toggleBtn = document.querySelector('.toggle-details-btn');
-    if (toggleBtn) {
-      toggleBtn.addEventListener('click', function() {
-        const detailsSection = document.querySelector('.md-container');
-        const isHidden = detailsSection.style.display === 'none';
-        
-        if (isHidden) {
-          // Show the details
-          detailsSection.style.display = '';
-          this.textContent = 'Hide Details';
-          this.setAttribute('aria-expanded', 'true');
-          
-          // Scroll to the details section
-          detailsSection.scrollIntoView({
-            behavior: 'smooth',
-            block: 'start'
-          });
-        } else {
-          // Hide the details
-          detailsSection.style.display = 'none';
-          this.textContent = 'Show Details';
-          this.setAttribute('aria-expanded', 'false');
-        }
-      });
-    }
-    
-    // View details link functionality - simplified to avoid duplication
-    document.querySelectorAll('.view-details-link, .scroll-to-details').forEach(function(link) {
-      link.addEventListener('click', function(e) {
-        e.preventDefault();
-        const target = this.getAttribute('href');
-        const mdContainer = document.querySelector('.md-container');
-        
-        // Show the details section if it's hidden
-        if (mdContainer.style.display === 'none') {
-          mdContainer.style.display = '';
-          const toggleBtn = document.querySelector('.toggle-details-btn');
-          if (toggleBtn) {
-            toggleBtn.textContent = 'Hide Details';
-            toggleBtn.setAttribute('aria-expanded', 'true');
-          }
-        }
-        
-        // Scroll to the specific vulnerability
-        setTimeout(() => {
-          const targetElement = document.querySelector(target);
-          if (targetElement) {
-            const headerOffset = 70;
-            const elementPosition = targetElement.getBoundingClientRect().top;
-            const offsetPosition = elementPosition + window.pageYOffset - headerOffset;
-            
-            window.scrollTo({
-              top: offsetPosition,
-              behavior: "smooth"
-            });
-            
-            // Highlight the target element briefly
-            targetElement.classList.add('highlight-detail');
-            setTimeout(() => {
-              targetElement.classList.remove('highlight-detail');
-            }, 1500);
-          }
-        }, 100);
-      });
-    });
-    
-    // Special case handler for copy-solutions button (if it exists)
-    document.querySelector('.filter-btn[data-filter="copy-solutions"]')?.addEventListener('click', function() {
-      const solutions = [];
-      document.querySelectorAll('.vulnerability-row').forEach(function(row) {
-        const gem = row.cells[0].textContent.trim();
-        const solution = row.querySelector('.solution code')?.textContent.trim() || "No patch available";
-        solutions.push(`${gem}: ${solution}`);
-      });
-      
-      // Copy all solutions to clipboard
-      navigator.clipboard.writeText(solutions.join('\n')).then(() => {
-        alert('All solutions copied to clipboard!');
-      });
-    });
-  });
-</script>

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

@@ -1,26 +0,0 @@
-<%# filepath: /Users/mezbah/microstartup/infolily_organizer/gems/solidstats/app/views/solidstats/dashboard/_audit_summary.html.erb %>
-<div class="audit-summary">
-  <div class="audit-summary-header">
-    <h2><span class="icon">🔒</span>Security Audit Summary</h2>
-    <% created_at = @audit_output.dig("created_at") %>
-    <span class="audit-date">Last updated: <%= created_at ? DateTime.parse(created_at).strftime("%B %d, %Y at %H:%M") : Time.now.strftime("%B %d, %Y at %H:%M") %></span>
-  </div>
-  <div class="audit-stats">
-    <div class="audit-stat">
-      <% results = @audit_output.dig("results") || [] %>
-      <% cve_count = results.map { |r| r.dig("advisory", "cve") }.compact.uniq.size %>
-      <span class="stat-value"><%= cve_count %></span>
-      <span class="stat-label">CVEs</span>
-    </div>
-    <div class="audit-stat">
-      <% gem_count = results.map { |r| r.dig("gem", "name") }.uniq.size %>
-      <span class="stat-value"><%= gem_count %></span>
-      <span class="stat-label">Affected Gems</span>
-    </div>
-    <div class="audit-stat">
-      <% high_severity = results.count { |r| %w[high critical].include?(r.dig("advisory", "criticality").to_s.downcase) } %>
-      <span class="stat-value"><%= high_severity %></span>
-      <span class="stat-label">High Severity</span>
-    </div>
-  </div>
-</div>

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

@@ -1,3 +0,0 @@
-<div class="no-vulnerabilities">
-  <p>✅ No vulnerabilities found in your dependencies.</p>
-</div>