rails_performance 0.0.1.4 → 0.0.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 457bfaa0d79609d19c413eba29dd8d859bdd44914f1b89575479670e93f7cd4c
-  data.tar.gz: 5ba7326c5428c8619c7f8d00762e2e4c93f94706fa62c05d6568c4888b22400f
+  metadata.gz: 6810e07a3e81d629d2ea4933dc54167ee92914077ea0d6171e2e5c5daa6112cd
+  data.tar.gz: ae07b67293815fbe1456dafe09212f9598e3da7714989c8eb7d7b583e0d6fa78
 SHA512:
-  metadata.gz: b0092789df6c6f941c5625bdeab09e3428a18454eb146d5bb2e861939b117288be7f3fae207bc73acf6b2e357cd40d15fbff507a3270ef3c7eb96739c84152bf
-  data.tar.gz: e40e5f82fbd08e70fe0d279824b3ecb75dbc0e303e27a9dd53be38b7b9519aef7c08565e76d2a4640c32f586a3aa6d6d673ec9b26d5c8342cdf0b371bc56923d
+  metadata.gz: 797fa181f1b6dddcf94b5dce0cd8ce3c238fa6ec003b37f74ca540aa57896eea0ed0bb60dd121a0c112e2d966d4d8b637b04bdf29e3a459b1e1a957cca317bb5
+  data.tar.gz: effa86b38a58301915bed0b0a93fb09bc354eb0ffd40d15e63aff61f7222bf758f5d7b3b5767bad5ffd8d5d1f4650f96d905d591c6392eb783ce821d5ab88442

data/app/controllers/rails_performance_controller.rb

@@ -1,26 +1,25 @@
 class RailsPerformanceController < ActionController::Base
 
   def index
-    @datasource = RailsPerformance::DataSource.new(RailsPerformance::QueryBuilder.compose_from(params))
+    @datasource = RP::DataSource.new(RP::QueryBuilder.compose_from(params))
+    db          = @datasource.db
 
-    @throughput_report         = RailsPerformance::Reports::ThroughputReport.new(@datasource.db)
+    @throughput_report         = RP::Reports::ThroughputReport.new(db)
     @throughput_report_data    = @throughput_report.data
 
-    @response_time_report      = RailsPerformance::Reports::ResponseTimeReport.new(@datasource.db)
+    @response_time_report      = RP::Reports::ResponseTimeReport.new(db)
     @response_time_report_data = @response_time_report.data
 
-    @global_report             = RailsPerformance::Reports::RequestsReport.new(@datasource.db, group: :controller_action_format, sort: :db_runtime_slowest)
+    @global_report             = RP::Reports::RequestsReport.new(db, group: :controller_action_format, sort: :db_runtime_slowest)
     @global_report_data        = @global_report.data
   end
 
-  # def RailsPerformanceController.x
-  #   @datasource = RailsPerformance::DataSource.new(
-  #     q: {
-  #        controller: "HomeController",
-  #        action: "about"
-  #     })
+  def breakdown
+    @datasource = RP::DataSource.new(RP::QueryBuilder.compose_from(params))
+    db          = @datasource.db
 
-  #   @data   = RailsPerformance::ThroughputReport2.new(@datasource).data
-  # end
+    @breakdown_report      = RP::Reports::BreakdownReport.new(db, title: "Breakdown Report: #{@datasource.q.to_param}")
+    @breakdown_report_data = @breakdown_report.data
+  end
 
 end

data/app/helpers/rails_performance_helper.rb

@@ -22,4 +22,16 @@ module RailsPerformanceHelper
 
     link_to title, rails_performance_path(options), target: '_blank'
   end
+
+  def stats_icon
+    '<?xml version="1.0" ?><svg height="48" id="graph-bar" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><defs><style>      .vi-primary {        fill: #FF6E6E;      }      .vi-primary, .vi-accent {        stroke: #fff;        stroke-linecap: round;        stroke-width: 0;      }      .vi-accent {        fill: #0C0058;      }    </style></defs><rect class="vi-accent" height="4" width="36" x="6" y="35"/><path class="vi-primary" d="M9,20h5V35H9V20Zm8,5h5V35H17V25Zm8-9h5V35H25V16Zm8-7h5V35H33V9Z"/></svg>'
+  end
+
+  def insert_css_file(file)
+    raw "<style>#{raw File.read File.expand_path(File.dirname(__FILE__) + "/../views/stylesheets/#{file}")}</style>"
+  end
+
+  def insert_js_file(file)
+    raw "<script>#{raw File.read File.expand_path(File.dirname(__FILE__) + "/../views/javascripts/#{file}")}</script>"
+  end
 end

data/app/views/javascripts/_javascripts.html.erb

@@ -0,0 +1,7 @@
+<%= javascript_include_tag 'https://code.highcharts.com/highcharts.js' %>
+<%= javascript_include_tag 'https://code.highcharts.com/modules/data.js' %>
+<%= javascript_include_tag 'https://code.highcharts.com/modules/exporting.js' %>
+<%= javascript_include_tag 'https://code.highcharts.com/modules/export-data.js' %>
+<%= javascript_include_tag 'https://code.highcharts.com/modules/accessibility.js' %>
+
+<%= insert_js_file 'app.js' %>

data/app/views/javascripts/app.js

@@ -0,0 +1,148 @@
+function showTIRChart(div, data) {
+  Highcharts.chart(div, {
+      time: {
+        timezone: 'Europe/Kiev'
+      },
+      chart: {
+          type: 'area',
+          zoomType: 'x',
+      },
+      title: {
+          text: ''
+      },
+      xAxis: {
+          crosshair: true,
+          type: 'datetime',
+          labels: {
+            style: {
+              color: "#a6b0cf"
+            }
+          }
+      },
+      yAxis: {
+          min: 0,
+          title: {
+              text: 'RPM',
+              style: {
+                color: "#f6f6f6"
+              }
+          },
+          labels: {
+            style: {
+              color: "#a6b0cf"
+            }
+          }
+      },
+      legend: {
+          enabled: false
+      },
+      exporting: {
+        buttons: {
+          contextButton: {
+            theme: {
+              fill: "#eee"
+            }
+          }
+        }
+      },
+      plotOptions: {
+          area: {
+            color: '#ff5b5b',
+          }
+      },
+      series: [{
+          type: 'area',
+          name: 'Requests per minute',
+          data: data,
+          fillOpacity: 0.3,
+          lineWidth: 1
+      }]
+  });
+};
+
+function showRTChart(div, data) {
+  Highcharts.chart(div, {
+      time: {
+        timezone: 'Europe/Kiev'
+      },
+      chart: {
+          type: 'area',
+          zoomType: 'x',
+      },
+      title: {
+          text: ''
+      },
+
+      tooltip: {
+          // positioner: function () {
+          //     return {
+          //         // right aligned
+          //         x: this.chart.chartWidth - this.label.width - 30,
+          //         y: 5 // align to title
+          //     };
+          // },
+          borderWidth: 0,
+          backgroundColor: 'none',
+          pointFormat: '{point.y}',
+          //headerFormat: '',
+          shadow: false,
+          style: {
+              fontSize: '16px',
+              color: '#000',
+          },
+          formatter: function() {
+              if (this.y == 0) {
+                return "";
+              }
+              return this.y + ' ms';
+          }
+      },
+      xAxis: {
+          crosshair: false,
+          type: 'datetime',
+          labels: {
+            style: {
+              color: "#a6b0cf"
+            }
+          }
+      },
+      yAxis: {
+          min: 0,
+          title: {
+              text: 'Time',
+              style: {
+                color: "#f6f6f6"
+              }
+          },
+          labels: {
+            style: {
+              color: "#a6b0cf"
+            }
+          }
+      },
+      legend: {
+          enabled: false
+      },
+      exporting: {
+        buttons: {
+          contextButton: {
+            theme: {
+              fill: "#eee"
+            }
+          }
+        }
+      },
+      plotOptions: {
+          area: {
+            color: '#ff5b5b',
+          }
+      },
+      series: [{
+          type: 'area',
+          name: 'Response Time',
+          data: data,
+          fillOpacity: 0.3,
+          lineWidth: 1
+      }]
+  });
+};

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

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Hello Bulma!</title>
+    <%= render '/stylesheets/stylesheets' %>
+  </head>
+  <body>
+    <section class="section">
+      <div class="container is-fluid">
+        <%= yield %>
+      </div>
+    </section>
+    <%= render '/javascripts/javascripts' %>
+    <%= yield :on_load %>
+  </body>
+</html>

data/app/views/rails_performance/breakdown.html.erb

@@ -0,0 +1,35 @@
+<title><%= @breakdown_report.title %></title>
+
+<div class="card">
+  <div class="card-content">
+    <h1 class="title"><%= @breakdown_report.title %><h1>
+    <table class="table is-fullwidth">
+      <thead>
+        <tr>
+          <th>Controller # Action</th>
+          <th>Path</th>
+          <th>Method</th>
+          <th>Format</th>
+          <th>Duration</th>
+          <th>Views</th>
+          <th>DB</th>
+          <th>Datetime</th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @breakdown_report_data.each do |e| %>
+          <tr>
+            <td><%= e[:controller] + '#' + e[:action]  %></td>
+            <td><%= e[:path] %></td>
+            <td><%= e[:method] %></td>
+            <td><%= e[:format] %></td>
+            <td><%= round_it e[:duration] %></td>
+            <td><%= round_it e[:view_runtime] %></td>
+            <td><%= round_it e[:db_runtime] %></td>
+            <td><%= l e[:datetime], format: :short %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>

data/app/views/rails_performance/index.html.erb

@@ -1,87 +1,79 @@
-<%= render '/rails_performance/css' %>
-
 <title>Number of Requests to the Application</title>
 
 <% unless @datasource.default? %>
-  <%= link_to raw("&larr; Back"), rails_performance_path, class: "back_link" %>
+  <%#= link_to raw("&larr; Back"), rails_performance_path, class: "back_link" %>
 <% end %>
 
-<br/>
-<br/>
-<br/>
-
 <div class="card">
-  <h1>Throughput Report<h1>
-  <div id="throughput_report_chart"></div>
-  <p class="hint">All requests (site visitors, search engines, bots, etc)</p>
+  <div class="card-content">
+    <h2 class="title">Throughput Report<h1>
+    <div id="throughput_report_chart" class="chart"></div>
+    <p class="content is-small">All requests (site visitors, search engines, bots, etc)</p>
+  </div>
 </div>
 
-<br/>
-<br/>
-<br/>
-
 <div class="card">
-  <h1>Average Response Time Report<h1>
-  <div id="response_time_report_chart"></div>
-  <p class="hint">All requests (site visitors, search engines, bots, etc)</p>
+  <div class="card-content">
+    <h2 class="title">Average Response Time Report<h1>
+    <div id="response_time_report_chart" class="chart"></div>
+    <p class="content is-small">All requests (site visitors, search engines, bots, etc)</p>
+  </div>
 </div>
 
-<br/>
-<br/>
-<br/>
-
 <div class="card">
-  <h1>Requests (path, total number, average response time)<h1>
-  <table>
-    <thead>
-      <tr>
-        <th colspan='3'>Name</th>
-        <th colspan='3'>Average (ms)</th>
-        <th colspan='3'>Slowest (ms)</th>
-      </tr>
-      <tr>
-        <th>Controller#Action</th>
-        <th>Format</th>
-        <th>Requests</th>
-        <th>Duration</th>
-        <th>Views</th>
-        <th>DB</th>
-        <th>Duration</th>
-        <th>Views</th>
-        <th>DB</th>
-      </tr>
-    </thead>
-    <tbody>
-      <% @global_report_data.each do |e| %>
-        <% groups = e[:group].split("|") %>
+  <div class="card-content">
+    <h2 class="title">Requests (path, total number, average response time)<h1>
+    <table class="table is-fullwidth">
+      <thead>
+        <tr>
+          <th colspan='3'>Name</th>
+          <th colspan='3'>Average (ms)</th>
+          <th colspan='3'>Slowest (ms)</th>
+        </tr>
         <tr>
-          <td><%= statistics_link groups[0], @global_report, e[:group] %></td>
-          <td><%= groups[1]&.upcase %></td>
-          <td><%= e[:count] %></td>
-          <td><%= round_it e[:duration_average] %></td>
-          <td><%= round_it e[:view_runtime_average] %></td>
-          <td><%= round_it e[:db_runtime_average] %></td>
-          <td><%= round_it e[:duration_slowest] %></td>
-          <td><%= round_it e[:view_runtime_slowest] %></td>
-          <td><%= round_it e[:db_runtime_slowest] %></td>
+          <th>Controller#Action</th>
+          <th>Format</th>
+          <th>Requests</th>
+          <th>Duration</th>
+          <th>Views</th>
+          <th>DB</th>
+          <th>Duration</th>
+          <th>Views</th>
+          <th>DB</th>
         </tr>
-      <% end %>
-    </tbody>
-  </table>
+      </thead>
+      <tbody>
+        <% @global_report_data.each do |e| %>
+          <% groups = e[:group].split("|") %>
+          <% c, a = groups[0].split("#") %>
+          <tr>
+            <td>
+              <%= statistics_link groups[0], @global_report, e[:group] %>
+              <%= link_to rails_performance.rails_performance_breakdown_path(controller_eq: c, action_eq: a), class: 'stats_icon', target: '_blank' do %>
+                <%= raw(stats_icon) %>
+              <% end %>
+            </td>
+            <td><%= groups[1]&.upcase %></td>
+            <td><%= e[:count] %></td>
+            <td><%= round_it e[:duration_average] %></td>
+            <td><%= round_it e[:view_runtime_average] %></td>
+            <td><%= round_it e[:db_runtime_average] %></td>
+            <td><%= round_it e[:duration_slowest] %></td>
+            <td><%= round_it e[:view_runtime_slowest] %></td>
+            <td><%= round_it e[:db_runtime_slowest] %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
 </div>
 
-<br/>
-<br/>
-<br/>
-
-
-<%= render '/rails_performance/js' %>
-
-<script>
-  var data1 = <%= raw @throughput_report_data.to_json %>;
-  showTIRChart('throughput_report_chart', data1);
-
-  var data2 = <%= raw @response_time_report_data.to_json %>;
-  showRTChart('response_time_report_chart', data2);
-</script>
+<% content_for :on_load do %>
+  <script>
+    var data1 = <%= raw @throughput_report_data.to_json %>;
+    showTIRChart('throughput_report_chart', data1);
 
+    var data2 = <%= raw @response_time_report_data.to_json %>;
+    showRTChart('response_time_report_chart', data2);
+  </script>
+<% end %>

data/app/views/stylesheets/_stylesheets.html.erb

@@ -0,0 +1,2 @@
+<%= insert_css_file "bulma.min.css" %>
+<%= insert_css_file "style.css" %>