logviewer 2.1.0 → 2.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fac69fee4a6d38227b055f96c78477b9baa3a40cceef07a291b59b184dce88b6
-  data.tar.gz: 9c4dac6e68e9dad2753d9300a601e7582e4827f17fb35aeccbf231c1c235aa2b
+  metadata.gz: 30beebf819f5a18b9bb45348834b44355863b4ed2bb79919bf6f4a41d53197ad
+  data.tar.gz: 6bb17ee176a9073103ff445b41d1bc5eb9ee692454d8f0352bfa1244749935d0
 SHA512:
-  metadata.gz: bbb6b8f5cbbf1ec4bb61a33dc342e71eb4833c0f9a058d1f5bedc63a7f4d1c7cdf298967dc98b96054d69347af7307a92d957a7167c8dad1ca57fcd7cbe859ee
-  data.tar.gz: 8ac8b3b96a0aaf5bd2a418b014275cd1405402656891cfc1d4f74aa816356d6974e89bc6a381d10077a115b44c5d26b6af15368e62f7f5d6be53a804882aa9ba
+  metadata.gz: 83a9e3b2764aeb230c253f57fde5ea4c9d9f1175f7fdb3cadd8d8bd11a3d79ff412a7eecf0033ba4cccd77c877247034711a0229abe480cf1cbfbe94589bc7d9
+  data.tar.gz: f1eb44fce63eca302764c1066e4c17f27d26483e8fd8190aa80e13eb5f44025550140a1976485a15b029ed88d181948eecc9eacab7c18598f1154ead441fac29

data/README.md

@@ -11,7 +11,7 @@ A Ruby gem that converts NDJSON log files into a readable HTML format for easy v
 - Simplified file paths (shows only filename, not full path)
 - Color-coded log levels for easy identification
 - Large, readable fonts throughout the interface (18px base size)
-- Interactive dynamic filtering by log level in the browser
+- Interactive dynamic filtering by log level and tags in the browser
 - Dark mode interface with optimized colors for comfortable viewing
 - Responsive design that works well in any browser
 - Automatically opens the generated HTML file in your default browser
@@ -107,6 +107,7 @@ The generated HTML file will be saved in `/tmp/` with a timestamp and automatica
 
 - A wide, responsive table layout (1800px max width) with columns in order: date, level, tag, file, function, text
 - Interactive log level filtering dropdown for dynamic filtering in the browser
+- Multi-select tag filter to show only specific subsystem/category combinations
 - Dark mode theme with comfortable dark backgrounds and light text
 - Human-readable timestamps (MM/DD HH:MM:SS format)
 - Color-coded log levels optimized for dark backgrounds
@@ -121,12 +122,23 @@ The generated HTML file will be saved in `/tmp/` with a timestamp and automatica
 ## Interactive Features
 
 Once the HTML file opens in your browser, you can:
-- Use the dropdown in the header to dynamically filter log entries by minimum level
+
+### Log Level Filtering
+- Use the level dropdown in the header to dynamically filter log entries by minimum level
 - Filter changes are applied instantly without page reload
-- Entry counts update automatically to show how many entries match the current filter
 - Command line level controls what entries are included in the HTML file
 - Browser initially shows debug+ level by default, regardless of command line level
-- Browser filtering works within the entries included from the command line
+
+### Tag Filtering
+- Use the multi-select tag filter to choose which subsystem/category combinations to display
+- All tags are selected by default (showing all entries)
+- Use "Select All" and "Clear All" buttons for quick selection changes
+- Tags are built from subsystem/category fields (e.g., "Play/avPlayer", "Database/queue")
+
+### Combined Filtering
+- Log level and tag filters work together - entries must match both criteria to be visible
+- Entry counts update automatically to show how many entries match the current filters
+- Header shows selected filter status including number of tags when filtered
 
 ## Development
 

data/lib/logviewer/version.rb

@@ -1,3 +1,3 @@
 module LogViewer
-  VERSION = "2.1.0"
-end
+  VERSION = "2.2.0"
+end

data/lib/logviewer.rb

@@ -2,6 +2,7 @@ require 'json'
 require 'optparse'
 require 'fileutils'
 require 'time'
+require 'set'
 require_relative 'logviewer/version'
 
 module LogViewer
@@ -25,7 +26,7 @@ module LogViewer
     def parse_options
       OptionParser.new do |opts|
         opts.banner = "Usage: logviewer [options] [ndjson_file]"
-        
+
         opts.on('-l', '--level LEVEL', 'Minimum log level (trace, debug, info, notice, warning, error, critical)') do |level|
           level = level.downcase
           if LOG_LEVELS.key?(level)
@@ -36,18 +37,18 @@ module LogViewer
             exit 1
           end
         end
-        
+
         opts.on('-v', '--version', 'Show version') do
           puts "logviewer #{LogViewer::VERSION}"
           exit
         end
-        
+
         opts.on('-h', '--help', 'Show this help message') do
           puts opts
           exit
         end
       end.parse!(@args)
-      
+
       if @args.empty?
         @input_file = find_most_recent_ndjson_file
         if @input_file.nil?
@@ -59,7 +60,7 @@ module LogViewer
       else
         @input_file = @args[0]
       end
-      
+
       unless File.exist?(@input_file)
         puts "Error: File not found: #{@input_file}"
         exit 1
@@ -69,7 +70,7 @@ module LogViewer
     def find_most_recent_ndjson_file
       ndjson_files = Dir.glob('*.ndjson')
       return nil if ndjson_files.empty?
-      
+
       # Sort by modification time (most recent first) and return the first one
       ndjson_files.max_by { |file| File.mtime(file) }
     end
@@ -81,18 +82,20 @@ module LogViewer
 
     def parse_logs
       logs = []
-      
+      @all_tags = Set.new
+
       File.foreach(@input_file) do |line|
         begin
           log_entry = JSON.parse(line.strip)
-          
+
           if should_include_log?(log_entry['levelName'])
             # Build tag from subsystem/category
             tag = []
             tag << log_entry['subsystem'] if log_entry['subsystem']
             tag << log_entry['category'] if log_entry['category']
             tag_string = tag.join('/')
-            
+            @all_tags.add(tag_string) unless tag_string.empty?
+
             logs << {
               timestamp: log_entry['timestamp'] || '',
               level: log_entry['levelName'] || 'unknown',
@@ -106,7 +109,7 @@ module LogViewer
           puts "Warning: Skipping invalid JSON line: #{e.message}"
         end
       end
-      
+
       logs
     end
 
@@ -133,7 +136,7 @@ module LogViewer
 
     def format_timestamp(timestamp)
       return '' if timestamp.nil? || timestamp == ''
-      
+
       begin
         # Convert milliseconds to seconds for Time.at
         time = Time.at(timestamp / 1000.0)
@@ -284,6 +287,17 @@ module LogViewer
 
     html += <<~HTML
                         </select>
+
+                        <div style="margin-top: 10px;">
+                            <label for="tagFilter" style="color: white; margin-right: 10px;">Filter by tags:</label>
+                            <select id="tagFilter" multiple style="padding: 5px; font-size: 14px; border-radius: 4px; border: none; background-color: #3a3a3a; color: #f0f0f0; min-height: 100px; width: 300px;">
+#{@all_tags.sort.map { |tag| "                                <option value=\"#{tag}\" selected>#{tag}</option>" }.join("\n")}
+                            </select>
+                            <div style="margin-top: 5px; font-size: 12px; color: #ccc;">
+                                <button id="selectAllTags" style="padding: 3px 8px; margin-right: 5px; background: #5a5a5a; color: white; border: none; border-radius: 3px; cursor: pointer;">Select All</button>
+                                <button id="clearAllTags" style="padding: 3px 8px; background: #5a5a5a; color: white; border: none; border-radius: 3px; cursor: pointer;">Clear All</button>
+                            </div>
+                        </div>
                     </div>
                 </div>
                 <div class="table-container">
@@ -310,9 +324,9 @@ module LogViewer
         filename = extract_filename(log[:file])
         file_content = filename.empty? ? '<span class="empty">-</span>' : filename
         method_content = log[:method].empty? ? '<span class="empty">-</span>' : log[:method]
-        
+
         html += <<~HTML
-                                <tr data-level="#{log[:level].downcase}" data-level-num="#{LOG_LEVELS[log[:level].downcase] || 0}">
+                                <tr data-level="#{log[:level].downcase}" data-level-num="#{LOG_LEVELS[log[:level].downcase] || 0}" data-tag="#{log[:tag]}">
                                     <td class="timestamp">#{timestamp_content}</td>
                                     <td class="level" style="#{level_style}">#{log[:level]}</td>
                                     <td class="tag">#{tag_content}</td>
@@ -328,7 +342,7 @@ module LogViewer
                     </table>
                 </div>
             </div>
-          
+
             <script>
                 const LOG_LEVELS = {
                     'trace': 0,
@@ -339,40 +353,75 @@ module LogViewer
                     'error': 5,
                     'critical': 6
                 };
-              
+
                 const levelFilter = document.getElementById('levelFilter');
+                const tagFilter = document.getElementById('tagFilter');
+                const selectAllTagsBtn = document.getElementById('selectAllTags');
+                const clearAllTagsBtn = document.getElementById('clearAllTags');
                 const tableRows = document.querySelectorAll('tbody tr');
-              
+
                 // Set initial filter to debug (default UI filter)
                 levelFilter.value = 'debug';
-              
-                function filterByLevel() {
+
+                function getSelectedTags() {
+                    const selected = [];
+                    for (let option of tagFilter.selectedOptions) {
+                        selected.push(option.value);
+                    }
+                    return selected;
+                }
+
+                function applyFilters() {
                     const selectedLevel = levelFilter.value;
                     const selectedLevelNum = LOG_LEVELS[selectedLevel];
+                    const selectedTags = getSelectedTags();
                     let visibleCount = 0;
-                  
+
                     tableRows.forEach(row => {
                         const rowLevelNum = parseInt(row.dataset.levelNum);
-                        if (rowLevelNum >= selectedLevelNum) {
+                        const rowTag = row.dataset.tag;
+
+                        const levelMatch = rowLevelNum >= selectedLevelNum;
+                        const tagMatch = selectedTags.length === 0 || selectedTags.includes(rowTag) || rowTag === '';
+
+                        if (levelMatch && tagMatch) {
                             row.style.display = '';
                             visibleCount++;
                         } else {
                             row.style.display = 'none';
                         }
                     });
-                  
+
                     // Update the header count
                     const header = document.querySelector('.header p');
                     const originalText = header.textContent.split(' • ');
                     originalText[1] = visibleCount + ' entries';
                     originalText[2] = 'Level: ' + selectedLevel.toUpperCase() + '+';
+                    if (selectedTags.length > 0 && selectedTags.length < tagFilter.options.length) {
+                        originalText[2] += ' • Tags: ' + selectedTags.length + ' selected';
+                    }
                     header.textContent = originalText.join(' • ');
                 }
-              
-                levelFilter.addEventListener('change', filterByLevel);
-              
+
+                selectAllTagsBtn.addEventListener('click', function() {
+                    for (let option of tagFilter.options) {
+                        option.selected = true;
+                    }
+                    applyFilters();
+                });
+
+                clearAllTagsBtn.addEventListener('click', function() {
+                    for (let option of tagFilter.options) {
+                        option.selected = false;
+                    }
+                    applyFilters();
+                });
+
+                levelFilter.addEventListener('change', applyFilters);
+                tagFilter.addEventListener('change', applyFilters);
+
                 // Apply initial filter
-                filterByLevel();
+                applyFilters();
             </script>
         </body>
         </html>
@@ -383,35 +432,35 @@ module LogViewer
 
     def run
       parse_options
-      
+
       puts "Parsing log file: #{@input_file}"
       puts "Minimum log level: #{@min_level}"
-      
+
       logs = parse_logs
       puts "Found #{logs.length} log entries matching criteria"
-      
+
       if logs.empty?
         puts "No log entries found matching the specified criteria."
         exit 0
       end
-      
+
       html_content = generate_html(logs)
-      
+
       # Use /tmp directory for HTML files
       tmp_dir = '/tmp'
-      
+
       # Generate output filename
       base_name = File.basename(@input_file, '.*')
       timestamp = Time.now.strftime('%Y%m%d_%H%M%S')
       output_file = File.join(tmp_dir, "#{base_name}_#{timestamp}.html")
-      
+
       # Write HTML file
       File.write(output_file, html_content)
       puts "HTML file created: #{output_file}"
-      
+
       # Open in browser
       system('open', output_file)
       puts "Opening in browser..."
     end
   end
-end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: logviewer
 version: !ruby/object:Gem::Version
-  version: 2.1.0
+  version: 2.2.0
 platform: ruby
 authors:
 - Justin Bishop