rails_error_dashboard 0.1.14 → 0.1.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e1f6863e7b28220e7b384b6a2f27d88e2f996187fdff0947683eda7cbf28055d
-  data.tar.gz: 00f620f673e8b900c242e3dce814c1068619c2ad5345e8cf37cf22b2753d65ee
+  metadata.gz: da18321511a53167fa248ae72974c6c15807a725396aabd27af1059296ecbc46
+  data.tar.gz: 84f348d386b6b07375797275dedf97e5a9504522270447bebd6b56307f5e4a7d
 SHA512:
-  metadata.gz: bc9f07b4ff7765d9446f2e323da276abd1e5e1c35c4ed2c68af813a6ccf853d70fc0c4109ae41609913f554f6633cd89a887065c8f7adcd4a843116440e697c9
-  data.tar.gz: 2defe3dbcf36a20b83e1faf1da908fe4a731072ea981dc6bee568ecf8bfde45ec0eaa46aa1ae77726e7bb5ae34b96bdd429b515280e54beeea581804120d4855
+  metadata.gz: b5b3d045f7a0b7bcae61823aa57e373111b6dab59e5a651ae5a33df9a3f043598e6469195b9cb508e79ad6bda62182877572888dba3cea37a4039715eee79349
+  data.tar.gz: 460491a0614445e91f098dbb792d86d9d7c8616f0456ad88cd6b14fdf27aba4d87990b080bd6c289eafe03befccceec94b6b23dcce29d850fd05b3bda946d39d

data/app/views/layouts/rails_error_dashboard.html.erb

@@ -783,12 +783,30 @@
           <button class="btn btn-link text-white d-md-none me-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebarMenu">
             <i class="bi bi-list fs-4"></i>
           </button>
-          <a class="navbar-brand" href="<%= main_app.root_path %>" title="Back to <%= Rails.application.class.module_parent_name %>">
-            <i class="bi bi-bug-fill"></i>
-            <span class="d-none d-sm-inline"><%= Rails.application.class.module_parent_name %></span>
-            <span class="d-none d-md-inline text-white-50 mx-2">|</span>
-            <span class="d-none d-md-inline">Error Dashboard</span>
-          </a>
+          <%
+            # Check if main app has a root route defined
+            begin
+              root_url = main_app.root_path
+              has_root = true
+            rescue NoMethodError
+              has_root = false
+            end
+          %>
+          <% if has_root %>
+            <a class="navbar-brand" href="<%= root_url %>" title="Back to <%= Rails.application.class.module_parent_name %>">
+              <i class="bi bi-bug-fill"></i>
+              <span class="d-none d-sm-inline"><%= Rails.application.class.module_parent_name %></span>
+              <span class="d-none d-md-inline text-white-50 mx-2">|</span>
+              <span class="d-none d-md-inline">Error Dashboard</span>
+            </a>
+          <% else %>
+            <span class="navbar-brand">
+              <i class="bi bi-bug-fill"></i>
+              <span class="d-none d-sm-inline"><%= Rails.application.class.module_parent_name %></span>
+              <span class="d-none d-md-inline text-white-50 mx-2">|</span>
+              <span class="d-none d-md-inline">Error Dashboard</span>
+            </span>
+          <% end %>
         </div>
         <div class="d-flex align-items-center gap-3">
           <button class="theme-toggle" id="themeToggle">
@@ -867,6 +885,43 @@
       </div>
     </div>
 
+    <!-- Keyboard Shortcuts Modal -->
+    <div class="modal fade" id="keyboardShortcutsModal" tabindex="-1" aria-labelledby="keyboardShortcutsModalLabel" aria-hidden="true">
+      <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title" id="keyboardShortcutsModalLabel">
+              <i class="bi bi-keyboard"></i> Keyboard Shortcuts
+            </h5>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="list-group list-group-flush">
+              <div class="list-group-item d-flex justify-content-between align-items-center">
+                <span><i class="bi bi-arrow-clockwise text-primary"></i> Refresh page</span>
+                <kbd class="bg-secondary text-white px-2 py-1 rounded">R</kbd>
+              </div>
+              <div class="list-group-item d-flex justify-content-between align-items-center">
+                <span><i class="bi bi-search text-primary"></i> Focus search</span>
+                <kbd class="bg-secondary text-white px-2 py-1 rounded">/</kbd>
+              </div>
+              <div class="list-group-item d-flex justify-content-between align-items-center">
+                <span><i class="bi bi-graph-up text-primary"></i> Go to analytics</span>
+                <kbd class="bg-secondary text-white px-2 py-1 rounded">A</kbd>
+              </div>
+              <div class="list-group-item d-flex justify-content-between align-items-center">
+                <span><i class="bi bi-question-circle text-primary"></i> Show this help</span>
+                <kbd class="bg-secondary text-white px-2 py-1 rounded">?</kbd>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <small class="text-muted">Press <kbd class="bg-secondary text-white px-2 py-1 rounded">?</kbd> anytime to show shortcuts</small>
+          </div>
+        </div>
+      </div>
+    </div>
+
     <!-- Bootstrap JS -->
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 

data/app/views/rails_error_dashboard/errors/_error_row.html.erb

@@ -19,6 +19,9 @@
   </td>
   <td onclick="window.location='<%= error_path(error) %>';">
     <code class="text-danger" data-bs-toggle="tooltip" title="<%= error.error_type %>"><%= error.error_type.split('::').last %></code>
+    <% if error.recent? %>
+      <span class="badge bg-success ms-1" data-bs-toggle="tooltip" title="Error occurred within the last hour">NEW</span>
+    <% end %>
     <% if error.respond_to?(:app_version) && error.app_version.present? %>
       <br><small class="badge bg-light text-dark" data-bs-toggle="tooltip" title="App version when error occurred">v<%= error.app_version %></small>
     <% end %>

data/app/views/rails_error_dashboard/errors/_timeline.html.erb

@@ -1,6 +1,6 @@
 <%# Timeline view for related errors leading up to this error %>
 <% if @related_errors.any? %>
-  <div class="card">
+  <div class="card" id="timeline">
     <div class="card-header bg-white">
       <h5 class="mb-0">
         <i class="bi bi-clock-history"></i> Timeline

data/app/views/rails_error_dashboard/errors/index.html.erb

@@ -530,11 +530,8 @@
     // '?' - Show keyboard shortcuts help
     if (e.key === '?') {
       e.preventDefault();
-      alert('Keyboard Shortcuts:\n\n' +
-            'r - Refresh page\n' +
-            '/ - Focus search\n' +
-            'a - Analytics page\n' +
-            '? - Show this help');
+      const modal = new bootstrap.Modal(document.getElementById('keyboardShortcutsModal'));
+      modal.show();
     }
   });
 
@@ -570,4 +567,12 @@
       });
     }
   });
+
+  // Update browser tab title with unresolved error count
+  document.addEventListener('DOMContentLoaded', function() {
+    const unresolvedCount = <%= @stats[:unresolved] || 0 %>;
+    if (unresolvedCount > 0) {
+      document.title = `(${unresolvedCount}) ${document.title}`;
+    }
+  });
 </script>

data/app/views/rails_error_dashboard/errors/show.html.erb

@@ -26,7 +26,13 @@
         <% end %>
       </h2>
     </div>
-    <div>
+    <div class="d-flex gap-2">
+      <button type="button" class="btn btn-outline-secondary" onclick="downloadErrorJSON()" title="Download error details as JSON">
+        <i class="bi bi-download"></i> Export JSON
+      </button>
+      <button type="button" class="btn btn-outline-primary" onclick="copyErrorURL()" title="Copy shareable link to this error">
+        <i class="bi bi-share"></i> Share
+      </button>
       <% if @error.resolved? %>
         <span class="badge bg-success fs-6">
           <i class="bi bi-check-circle"></i> Resolved
@@ -39,6 +45,80 @@
     </div>
   </div>
 
+  <script>
+    function copyErrorURL() {
+      const url = window.location.href;
+      navigator.clipboard.writeText(url).then(() => {
+        // Change button text temporarily
+        const button = event.currentTarget;
+        const originalHTML = button.innerHTML;
+        button.innerHTML = '<i class="bi bi-check"></i> Copied!';
+        button.classList.remove('btn-outline-primary');
+        button.classList.add('btn-success');
+
+        setTimeout(() => {
+          button.innerHTML = originalHTML;
+          button.classList.remove('btn-success');
+          button.classList.add('btn-outline-primary');
+        }, 2000);
+      }).catch(err => {
+        alert('Failed to copy URL: ' + err);
+      });
+    }
+
+    function downloadErrorJSON() {
+      const errorData = {
+        id: <%= @error.id %>,
+        error_type: <%= raw @error.error_type.to_json %>,
+        message: <%= raw @error.message.to_json %>,
+        backtrace: <%= raw @error.backtrace.to_json %>,
+        occurred_at: <%= raw @error.occurred_at.to_json %>,
+        first_seen_at: <%= raw @error.first_seen_at.to_json %>,
+        last_seen_at: <%= raw @error.last_seen_at.to_json %>,
+        occurrence_count: <%= @error.occurrence_count %>,
+        resolved: <%= @error.resolved? %>,
+        resolved_at: <%= raw @error.resolved_at.to_json %>,
+        resolved_by_name: <%= raw @error.resolved_by_name.to_json %>,
+        platform: <%= raw @error.platform.to_json %>,
+        user_id: <%= raw @error.user_id.to_json %>,
+        severity: <%= raw @error.severity.to_json %>,
+        priority_level: <%= @error.priority_level || 0 %>,
+        <% if @error.respond_to?(:app_version) %>
+        app_version: <%= raw @error.app_version.to_json %>,
+        <% end %>
+        <% if @error.respond_to?(:git_commit) %>
+        git_commit: <%= raw @error.git_commit.to_json %>,
+        <% end %>
+        created_at: <%= raw @error.created_at.to_json %>,
+        updated_at: <%= raw @error.updated_at.to_json %>
+      };
+
+      const jsonString = JSON.stringify(errorData, null, 2);
+      const blob = new Blob([jsonString], { type: 'application/json' });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = `error_${errorData.id}_${errorData.error_type.replace(/[^a-zA-Z0-9]/g, '_')}.json`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+
+      // Visual feedback
+      const button = event.currentTarget;
+      const originalHTML = button.innerHTML;
+      button.innerHTML = '<i class="bi bi-check"></i> Downloaded!';
+      button.classList.remove('btn-outline-secondary');
+      button.classList.add('btn-success');
+
+      setTimeout(() => {
+        button.innerHTML = originalHTML;
+        button.classList.remove('btn-success');
+        button.classList.add('btn-outline-secondary');
+      }, 2000);
+    }
+  </script>
+
   <div class="row g-4">
     <!-- Error Information -->
     <div class="col-md-8">
@@ -46,7 +126,12 @@
       <div class="card mb-4">
         <div class="card-header bg-danger text-white">
           <div class="d-flex justify-content-between align-items-center">
-            <h5 class="mb-0"><i class="bi bi-bug-fill"></i> <%= @error.error_type %></h5>
+            <h5 class="mb-0">
+              <i class="bi bi-bug-fill"></i> <%= @error.error_type %>
+              <% if @error.recent? %>
+                <span class="badge bg-success ms-2" data-bs-toggle="tooltip" title="Error occurred within the last hour">NEW</span>
+              <% end %>
+            </h5>
             <button class="btn btn-sm btn-outline-light" onclick="copyToClipboard('<%= j @error.error_type %>', this)" title="Copy error type">
               <i class="bi bi-clipboard"></i>
             </button>
@@ -402,11 +487,57 @@
                 </div>
                 <div class="mb-3">
                   <label for="body" class="form-label">Comment <span class="text-danger">*</span></label>
-                  <%= text_area_tag :body, nil, class: "form-control", rows: 4, placeholder: "Share your thoughts, findings, or updates...", required: true %>
+
+                  <!-- Quick Templates -->
+                  <div class="mb-2">
+                    <small class="text-muted d-block mb-1">
+                      <i class="bi bi-lightning-fill"></i> Quick templates:
+                    </small>
+                    <div class="d-flex flex-wrap gap-1">
+                      <button type="button" class="btn btn-sm btn-outline-secondary" onclick="insertTemplate('investigating')">
+                        <i class="bi bi-search"></i> Investigating
+                      </button>
+                      <button type="button" class="btn btn-sm btn-outline-secondary" onclick="insertTemplate('found_fix')">
+                        <i class="bi bi-wrench"></i> Found Fix
+                      </button>
+                      <button type="button" class="btn btn-sm btn-outline-secondary" onclick="insertTemplate('need_info')">
+                        <i class="bi bi-question-circle"></i> Need Info
+                      </button>
+                      <button type="button" class="btn btn-sm btn-outline-secondary" onclick="insertTemplate('duplicate')">
+                        <i class="bi bi-files"></i> Duplicate
+                      </button>
+                      <button type="button" class="btn btn-sm btn-outline-secondary" onclick="insertTemplate('cannot_reproduce')">
+                        <i class="bi bi-x-circle"></i> Cannot Reproduce
+                      </button>
+                    </div>
+                  </div>
+
+                  <%= text_area_tag :body, nil, class: "form-control", rows: 4, placeholder: "Share your thoughts, findings, or updates...", required: true, id: "comment_body" %>
                 </div>
                 <%= submit_tag "Post Comment", class: "btn btn-primary" %>
               <% end %>
             </div>
+
+            <script>
+              function insertTemplate(templateType) {
+                const textarea = document.getElementById('comment_body');
+                const templates = {
+                  investigating: "🔍 Investigating this issue now. Will update with findings.",
+                  found_fix: "✅ Found the fix!\n\nRoot cause: \nSolution: \nPR: ",
+                  need_info: "ℹ️ Need more information:\n\n- \n- \n\nPlease provide details to help debug this issue.",
+                  duplicate: "📋 This appears to be a duplicate of error #\n\nClosing as duplicate.",
+                  cannot_reproduce: "❌ Cannot reproduce this issue.\n\nAttempted:\n- \n- \n\nNeed more details or steps to reproduce."
+                };
+
+                const template = templates[templateType];
+                if (template) {
+                  textarea.value = template;
+                  textarea.focus();
+                  // Move cursor to end
+                  textarea.setSelectionRange(textarea.value.length, textarea.value.length);
+                }
+              }
+            </script>
           </div>
         </div>
       <% end %>
@@ -572,8 +703,16 @@
 
           <div class="mb-3">
             <small class="text-muted d-block mb-1">First Seen</small>
-            <strong><%= @error.first_seen_at&.strftime("%B %d, %Y") || 'N/A' %></strong><br>
-            <small><%= @error.first_seen_at&.strftime("%I:%M:%S %p %Z") || 'N/A' %></small>
+            <% if @related_errors.any? %>
+              <%= link_to "#timeline", class: "text-decoration-none", data: { bs_toggle: "tooltip" }, title: "Jump to timeline" do %>
+                <strong><%= @error.first_seen_at&.strftime("%B %d, %Y") || 'N/A' %></strong><br>
+                <small><%= @error.first_seen_at&.strftime("%I:%M:%S %p %Z") || 'N/A' %></small>
+                <i class="bi bi-arrow-down-circle ms-1"></i>
+              <% end %>
+            <% else %>
+              <strong><%= @error.first_seen_at&.strftime("%B %d, %Y") || 'N/A' %></strong><br>
+              <small><%= @error.first_seen_at&.strftime("%I:%M:%S %p %Z") || 'N/A' %></small>
+            <% end %>
           </div>
 
           <div class="mb-3">

data/lib/rails_error_dashboard/version.rb

@@ -1,3 +1,3 @@
 module RailsErrorDashboard
-  VERSION = "0.1.14"
+  VERSION = "0.1.15"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_error_dashboard
 version: !ruby/object:Gem::Version
-  version: 0.1.14
+  version: 0.1.15
 platform: ruby
 authors:
 - Anjan Jagirdar
@@ -312,6 +312,7 @@ files:
 - app/views/rails_error_dashboard/errors/settings.html.erb
 - app/views/rails_error_dashboard/errors/show.html.erb
 - config/routes.rb
+- db/development.sqlite3
 - db/migrate/20251224000001_create_rails_error_dashboard_error_logs.rb
 - db/migrate/20251224081522_add_better_tracking_to_error_logs.rb
 - db/migrate/20251224101217_add_controller_action_to_error_logs.rb
@@ -378,7 +379,7 @@ metadata:
   source_code_uri: https://github.com/AnjanJ/rails_error_dashboard
   changelog_uri: https://github.com/AnjanJ/rails_error_dashboard/blob/main/CHANGELOG.md
 post_install_message: "━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n
-  \ Rails Error Dashboard v0.1.14\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n\n\U0001F195
+  \ Rails Error Dashboard v0.1.15\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n\n\U0001F195
   First time? Quick start:\n   rails generate rails_error_dashboard:install\n   rails
   db:migrate\n   # Add to config/routes.rb:\n   mount RailsErrorDashboard::Engine
   => '/error_dashboard'\n\n\U0001F504 Upgrading from v0.1.x?\n   rails db:migrate\n