serialbench 0.1.2 → 0.1.3

data/lib/serialbench/serializers/json/rapidjson_serializer.rb

@@ -27,7 +27,7 @@ module Serialbench
           RapidJSON.parse(json_string)
         end
 
-        def generate(object, options = {})
+        def generate(object, _options = {})
           require 'rapidjson'
           RapidJSON.dump(object)
         end

data/lib/serialbench/serializers/toml/base_toml_serializer.rb

@@ -59,8 +59,6 @@ module Serialbench
           raise NotImplementedError, 'Subclasses must implement #library_require_name'
         end
 
-        public
-
         # Check if the TOML library is available
         def available?
           return @available if defined?(@available)

data/lib/serialbench/serializers/toml/toml_rb_serializer.rb

@@ -27,7 +27,7 @@ module Serialbench
           TomlRB.parse(toml_string)
         end
 
-        def generate(object, options = {})
+        def generate(object, _options = {})
           require 'toml-rb'
           TomlRB.dump(object)
         end

data/lib/serialbench/serializers/toml/tomlib_serializer.rb

@@ -24,7 +24,7 @@ module Serialbench
           # TOML doesn't typically support streaming parsing
           # Parse the entire document and yield it
           result = parse(toml_string)
-          block&.call(result) if block
+          block&.call(result)
           1 # Return 1 document processed
         end
 

data/lib/serialbench/serializers/xml/libxml_serializer.rb

@@ -58,26 +58,22 @@ module Serialbench
         def build_xml_from_data(data, name = 'root')
           require 'libxml'
 
+          element = LibXML::XML::Node.new(name.to_s)
           case data
           when Hash
-            element = LibXML::XML::Node.new(name.to_s)
             data.each do |key, value|
               child = build_xml_from_data(value, key.to_s)
               element << child
             end
-            element
           when Array
-            element = LibXML::XML::Node.new(name.to_s)
             data.each_with_index do |item, index|
               child = build_xml_from_data(item, "item_#{index}")
               element << child
             end
-            element
           else
-            element = LibXML::XML::Node.new(name.to_s)
             element.content = data.to_s
-            element
           end
+          element
         end
 
         # SAX handler for streaming
@@ -100,10 +96,10 @@ module Serialbench
             @element_stack.push(@current_element)
           end
 
-          def on_end_element(element)
+          def on_end_element(_element)
             element_data = @element_stack.pop
             if @element_stack.empty?
-              @block&.call(element_data) if @block
+              @block&.call(element_data)
             else
               @element_stack.last[:children] << element_data
             end

data/lib/serialbench/serializers/xml/nokogiri_serializer.rb

@@ -109,10 +109,10 @@ module Serialbench
             @element_stack.push(@current_element)
           end
 
-          def end_element(name)
+          def end_element(_name)
             element = @element_stack.pop
             if @element_stack.empty?
-              @block&.call(element) if @block
+              @block&.call(element)
             else
               @element_stack.last[:children] << element
             end

data/lib/serialbench/serializers/xml/oga_serializer.rb

@@ -58,27 +58,23 @@ module Serialbench
         def build_xml_from_data(data, name = 'root')
           require 'oga'
 
+          element = Oga::XML::Element.new(name: name)
           case data
           when Hash
-            element = Oga::XML::Element.new(name: name)
             data.each do |key, value|
               child = build_xml_from_data(value, key.to_s)
               element.children << child
             end
-            element
           when Array
-            element = Oga::XML::Element.new(name: name)
             data.each_with_index do |item, index|
               child = build_xml_from_data(item, "item_#{index}")
               element.children << child
             end
-            element
           else
-            element = Oga::XML::Element.new(name: name)
             text_node = Oga::XML::Text.new(text: data.to_s)
             element.children << text_node
-            element
           end
+          element
         end
 
         # SAX handler for streaming
@@ -108,10 +104,10 @@ module Serialbench
             @element_stack.last[:text] += text if @element_stack.any?
           end
 
-          def after_element(namespace, name)
+          def after_element(_namespace, _name)
             element = @element_stack.pop
             if @element_stack.empty?
-              @block&.call(element) if @block
+              @block&.call(element)
             else
               @element_stack.last[:children] << element
             end

data/lib/serialbench/serializers/xml/ox_serializer.rb

@@ -61,10 +61,10 @@ module Serialbench
             @element_stack.push(@current_element)
           end
 
-          def end_element(name)
+          def end_element(_name)
             element = @element_stack.pop
             if @element_stack.empty?
-              @block&.call(element) if @block
+              @block&.call(element)
             else
               @element_stack.last[:children] << element
             end

data/lib/serialbench/serializers/xml/rexml_serializer.rb

@@ -41,7 +41,7 @@ module Serialbench
 
           indent = options.fetch(:indent, 0)
           output = String.new
-          if indent > 0
+          if indent.positive?
             document.write(output, indent)
           else
             document.write(output)
@@ -120,7 +120,7 @@ module Serialbench
           @result = nil
         end
 
-        def start_element(uri, localname, qname, attributes)
+        def start_element(_uri, _localname, qname, attributes)
           @elements_processed += 1
           @block&.call(:start_element, { name: qname, attributes: attributes })
         end
@@ -132,7 +132,7 @@ module Serialbench
           @block&.call(:text, text)
         end
 
-        def end_element(uri, localname, qname)
+        def end_element(_uri, _localname, qname)
           @block&.call(:end_element, { name: qname })
         end
       end

data/lib/serialbench/serializers/yaml/psych_serializer.rb

@@ -31,7 +31,7 @@ module Serialbench
           end
         end
 
-        def generate(object, options = {})
+        def generate(object, _options = {})
           require 'psych'
           Psych.dump(object)
         end

data/lib/serialbench/serializers/yaml/syck_serializer.rb

@@ -53,7 +53,7 @@ module Serialbench
           end
         end
 
-        def generate(object, options = {})
+        def generate(object, _options = {})
           return nil unless available?
 
           begin

data/lib/serialbench/serializers.rb

@@ -80,11 +80,11 @@ module Serialbench
     end
 
     def self.available_for_format(format)
-      for_format(format).select { |serializer_singleton| serializer_singleton.available? }
+      for_format(format).select(&:available?)
     end
 
     def self.available
-      all.select { |serializer_singleton| serializer_singleton.available? }
+      all.select(&:available?)
     end
   end
 end

data/lib/serialbench/site_generator.rb

@@ -32,20 +32,29 @@ module Serialbench
 
     def generate_site
       target_name = @result ? @result.environment_config.name : @resultset.name
-      data = @result ? @result.to_json : @resultset.to_json
 
       puts "🏗️  Generating HTML site for #{@result ? 'run' : 'resultset'}: #{target_name}"
       puts "Output: #{@output_path}"
 
+      # Transform data for dashboard.js compatibility
+      data = if @result
+               transform_result_for_dashboard(@result)
+             else
+               transform_resultset_for_dashboard(@resultset)
+             end
+
       prepare_output_directory
       render_site(
         {
-          'data' => data,
+          'data' => JSON.generate(data),
           'kind' => @result ? 'run' : 'resultset'
         },
         'format_based.liquid'
       )
 
+      # Export raw data files for download
+      export_raw_data
+
       puts "✅ Site generated successfully at: #{@output_path}"
       @output_path
     end
@@ -101,5 +110,174 @@ module Serialbench
 
       FileUtils.cp_r(assets_source, assets_dest)
     end
+
+    # Transform a single Result into dashboard-compatible format
+    # Dashboard expects: { combined_results: {...}, environments: {...}, metadata: {...} }
+    def transform_result_for_dashboard(result)
+      env_key = "env-#{result.platform.ruby_version}"
+
+      # Build combined_results structure
+      combined_results = build_combined_results(result, env_key)
+
+      # Build environments structure
+      environments = {
+        env_key => {
+          'ruby_version' => result.platform.ruby_version,
+          'ruby_platform' => result.platform.ruby_platform || "#{result.platform.os}-#{result.platform.arch}",
+          'os' => result.platform.os,
+          'arch' => result.platform.arch,
+          'source_file' => result.metadata.environment_config_path,
+          'timestamp' => result.metadata.created_at
+        }
+      }
+
+      {
+        'combined_results' => combined_results,
+        'environments' => environments,
+        'metadata' => {
+          'generated_at' => Time.now.iso8601
+        }
+      }
+    end
+
+    # Transform a ResultSet (collection of Results) into dashboard-compatible format
+    # Combines all results into a single dashboard structure
+    def transform_resultset_for_dashboard(resultset)
+      combined_results = {}
+      environments = {}
+
+      resultset.results.each do |result|
+        # Create unique env key for this result
+        env_key = "#{result.platform.os}-#{result.platform.arch}-ruby-#{result.platform.ruby_version}"
+
+        # Merge this result's data into combined_results
+        result_combined = build_combined_results(result, env_key)
+        merge_combined_results!(combined_results, result_combined)
+
+        # Add environment info
+        environments[env_key] = {
+          'ruby_version' => result.platform.ruby_version,
+          'ruby_platform' => result.platform.ruby_platform || "#{result.platform.os}-#{result.platform.arch}",
+          'os' => result.platform.os,
+          'arch' => result.platform.arch,
+          'source_file' => result.metadata.environment_config_path,
+          'timestamp' => result.metadata.created_at
+        }
+      end
+
+      {
+        'combined_results' => combined_results,
+        'environments' => environments,
+        'metadata' => {
+          'resultset_name' => resultset.name,
+          'resultset_description' => resultset.description,
+          'total_runs' => resultset.results.size,
+          'generated_at' => Time.now.iso8601
+        }
+      }
+    end
+
+    # Deep merge results from multiple runs
+    def merge_combined_results!(target, source)
+      source.each do |operation, sizes|
+        target[operation] ||= {}
+        sizes.each do |size, formats|
+          target[operation][size] ||= {}
+          formats.each do |format, serializers|
+            target[operation][size][format] ||= {}
+            serializers.each do |serializer, envs|
+              target[operation][size][format][serializer] ||= {}
+              target[operation][size][format][serializer].merge!(envs)
+            end
+          end
+        end
+      end
+    end
+
+    def build_combined_results(result, env_key)
+      combined = {}
+
+      %w[parsing generation streaming].each do |operation|
+        combined[operation] = {}
+
+        operation_results = result.benchmark_result.send(operation)
+        next if operation_results.nil? || operation_results.empty?
+
+        operation_results.each do |perf|
+          size = perf.data_size
+          format = perf.format
+          serializer = perf.adapter
+
+          combined[operation][size] ||= {}
+          combined[operation][size][format] ||= {}
+          combined[operation][size][format][serializer] ||= {}
+          combined[operation][size][format][serializer][env_key] = {
+            'iterations_per_second' => perf.iterations_per_second,
+            'time_per_iteration' => perf.time_per_iteration
+          }
+        end
+      end
+
+      # Handle memory separately
+      if result.benchmark_result.memory && !result.benchmark_result.memory.empty?
+        combined['memory'] = {}
+
+        result.benchmark_result.memory.each do |mem|
+          size = mem.data_size
+          format = mem.format
+          serializer = mem.adapter
+
+          combined['memory'][size] ||= {}
+          combined['memory'][size][format] ||= {}
+          combined['memory'][size][format][serializer] ||= {}
+          combined['memory'][size][format][serializer][env_key] = {
+            'allocated_memory' => mem.allocated_memory,
+            'retained_memory' => mem.retained_memory
+          }
+        end
+      end
+
+      combined
+    end
+
+    # Export raw data files for download
+    def export_raw_data
+      data_dir = File.join(@output_path, 'data')
+      FileUtils.mkdir_p(data_dir)
+
+      if @result
+        # Export single result
+        export_single_result(@result, data_dir)
+      elsif @resultset
+        # Export all results in resultset plus the complete resultset
+        export_resultset(@resultset, data_dir)
+      end
+
+      puts "📦 Raw data files exported to: #{data_dir}"
+    end
+
+    def export_single_result(result, data_dir)
+      # Create filename based on platform info
+      env_key = "#{result.platform.os}-#{result.platform.arch}-ruby-#{result.platform.ruby_version}"
+      filename = "#{env_key}.yaml"
+      filepath = File.join(data_dir, filename)
+
+      # Write result as YAML
+      File.write(filepath, result.to_yaml)
+      puts "   📄 Exported: #{filename}"
+    end
+
+    def export_resultset(resultset, data_dir)
+      # Export each individual result
+      resultset.results.each do |result|
+        export_single_result(result, data_dir)
+      end
+
+      # Export complete resultset
+      resultset_filename = 'resultset.yaml'
+      resultset_filepath = File.join(data_dir, resultset_filename)
+      File.write(resultset_filepath, resultset.to_yaml)
+      puts "   📄 Exported: #{resultset_filename} (complete dataset)"
+    end
   end
 end

data/lib/serialbench/templates/assets/css/format_based.css

@@ -13,59 +13,7 @@
     flex-wrap: wrap;
 }
 
-.format-tab {
-    padding: 12px 24px;
-    border: none;
-    background: var(--card-bg);
-    color: var(--text-color);
-    border-radius: 25px;
-    cursor: pointer;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    font-weight: 600;
-    font-size: 0.95em;
-    box-shadow: var(--shadow-soft);
-    border: 2px solid transparent;
-    position: relative;
-    overflow: hidden;
-}
-
-.format-tab::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: -100%;
-    width: 100%;
-    height: 100%;
-    background: var(--gradient-accent);
-    transition: left 0.3s ease;
-    z-index: 0;
-}
-
-.format-tab:hover {
-    transform: translateY(-3px);
-    box-shadow: var(--shadow-medium);
-    border-color: var(--secondary-color);
-}
-
-.format-tab:hover::before {
-    left: 0;
-}
-
-.format-tab > * {
-    position: relative;
-    z-index: 1;
-}
-
-.format-tab.active {
-    background: var(--gradient-primary);
-    color: white;
-    transform: translateY(-2px);
-    box-shadow: var(--shadow-medium);
-}
-
-.format-tab.active::before {
-    display: none;
-}
+/* Format tab styles are defined in themes.css */
 
 /* Format Content */
 .format-content {

data/lib/serialbench/templates/assets/css/themes.css

@@ -259,7 +259,7 @@ body {
 
 .format-tab {
   padding: var(--space-sm) var(--space-lg);
-  background: transparent;
+  background: var(--bg-card);
   border: 1px solid var(--border-primary);
   border-radius: var(--radius-md);
   color: var(--text-secondary);
@@ -271,14 +271,15 @@ body {
   letter-spacing: 0.05em;
 }
 
-.format-tab:hover {
-  background: var(--bg-hover);
+.format-tab:hover:not(.active) {
+  background: var(--bg-tertiary);
   color: var(--text-primary);
+  border-color: var(--border-secondary);
   transform: translateY(-1px);
 }
 
 .format-tab.active {
-  background: var(--gradient-primary);
+  background: var(--accent-primary);
   border-color: var(--accent-primary);
   color: white;
   box-shadow: var(--shadow-md);

data/lib/serialbench/templates/assets/js/chart_helpers.js

@@ -172,9 +172,15 @@ function createPerformanceChart(canvasId, title, data, metric, environments) {
     console.log(`🌍 Environments:`, environments);
     console.log(`📊 Raw data:`, data);
 
+    // Get theme-aware colors
+    const isDarkMode = document.documentElement.getAttribute('data-theme') === 'dark';
+    const textColor = getComputedStyle(document.documentElement).getPropertyValue('--text-primary').trim() || (isDarkMode ? '#F8FAFC' : '#0F172A');
+    const gridColor = getComputedStyle(document.documentElement).getPropertyValue('--border-primary').trim() || (isDarkMode ? '#475569' : '#E2E8F0');
+
+    // High contrast color palette
     const colors = [
-        '#6366f1', '#8b5cf6', '#06b6d4', '#10b981', '#f59e0b',
-        '#ef4444', '#ec4899', '#84cc16', '#f97316', '#6b7280'
+        '#F97316', '#3B82F6', '#10B981', '#EF4444', '#8B5CF6',
+        '#F59E0B', '#EC4899', '#06B6D4', '#84CC16', '#6366F1'
     ];
 
     const datasets = serializers.map((serializer, index) => {
@@ -224,14 +230,15 @@ function createPerformanceChart(canvasId, title, data, metric, environments) {
                         display: true,
                         text: title,
                         font: { size: 16, weight: 'bold' },
-                        color: '#374151'
+                        color: textColor
                     },
                     legend: {
                         position: 'top',
                         labels: {
                             usePointStyle: true,
                             padding: 20,
-                            font: { size: 12 }
+                            font: { size: 12 },
+                            color: textColor
                         }
                     }
                 },
@@ -241,17 +248,25 @@ function createPerformanceChart(canvasId, title, data, metric, environments) {
                         title: {
                             display: true,
                             text: 'Iterations per Second',
-                            font: { size: 12, weight: 'bold' }
+                            font: { size: 12, weight: 'bold' },
+                            color: textColor
+                        },
+                        ticks: {
+                            color: textColor
                         },
                         grid: {
-                            color: '#f3f4f6'
+                            color: gridColor
                         }
                     },
                     x: {
                         title: {
                             display: true,
                             text: 'Ruby Versions',
-                            font: { size: 12, weight: 'bold' }
+                            font: { size: 12, weight: 'bold' },
+                            color: textColor
+                        },
+                        ticks: {
+                            color: textColor
                         },
                         grid: {
                             display: false
@@ -294,9 +309,15 @@ function createMemoryChart(canvasId, title, data, environments) {
         return;
     }
 
+    // Get theme-aware colors
+    const isDarkMode = document.documentElement.getAttribute('data-theme') === 'dark';
+    const textColor = getComputedStyle(document.documentElement).getPropertyValue('--text-primary').trim() || (isDarkMode ? '#F8FAFC' : '#0F172A');
+    const gridColor = getComputedStyle(document.documentElement).getPropertyValue('--border-primary').trim() || (isDarkMode ? '#475569' : '#E2E8F0');
+
+    // High contrast color palette
     const colors = [
-        '#6366f1', '#8b5cf6', '#06b6d4', '#10b981', '#f59e0b',
-        '#ef4444', '#ec4899', '#84cc16', '#f97316', '#6b7280'
+        '#F97316', '#3B82F6', '#10B981', '#EF4444', '#8B5CF6',
+        '#F59E0B', '#EC4899', '#06B6D4', '#84CC16', '#6366F1'
     ];
 
     const datasets = serializers.map((serializer, index) => {
@@ -338,14 +359,15 @@ function createMemoryChart(canvasId, title, data, environments) {
                         display: true,
                         text: title,
                         font: { size: 16, weight: 'bold' },
-                        color: '#374151'
+                        color: textColor
                     },
                     legend: {
                         position: 'top',
                         labels: {
                             usePointStyle: true,
                             padding: 20,
-                            font: { size: 12 }
+                            font: { size: 12 },
+                            color: textColor
                         }
                     }
                 },
@@ -355,17 +377,25 @@ function createMemoryChart(canvasId, title, data, environments) {
                         title: {
                             display: true,
                             text: 'Memory Usage (MB)',
-                            font: { size: 12, weight: 'bold' }
+                            font: { size: 12, weight: 'bold' },
+                            color: textColor
+                        },
+                        ticks: {
+                            color: textColor
                         },
                         grid: {
-                            color: '#f3f4f6'
+                            color: gridColor
                         }
                     },
                     x: {
                         title: {
                             display: true,
                             text: 'Ruby Versions',
-                            font: { size: 12, weight: 'bold' }
+                            font: { size: 12, weight: 'bold' },
+                            color: textColor
+                        },
+                        ticks: {
+                            color: textColor
                         },
                         grid: {
                             display: false