rorvswild 1.11.1 → 1.12.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 78dcaca37ba08f20d8b6fa091902f46973d48db05feabce1ab4600bd4afb48c3
-  data.tar.gz: 626507452a31fe1e63fab2826d239c4d13f03c36e8bda1690deb1ba766733bc6
+  metadata.gz: aad78fe6a4f76f5ab203bfdac53ee50784937c831ecd6962ad989b1405da73d6
+  data.tar.gz: 934a28615a02c898be0900bbc653046e3ee42bc32a9131bc77941d638f1ef468
 SHA512:
-  metadata.gz: 89a838d0e59c7a552ef0b961efe32420e9f271dbff74ca9427be809dc07b8a5b6158be53c10aac5bb3c69cfb6d1682e034b5b3d5f01898814e68f2443b3ffa6e
-  data.tar.gz: 35e531b0cfe704c0641ac075713893a46a55aefd453cc6fea5a34f2f3b814639096834bb8e9a9adfb11d2041693282da525a2e2b47c3d8c830e9003050e43bdd
+  metadata.gz: 46a96c5adcf10ed9880ab1f4443ee7dedd63f980d6ca99f783194508c2de1c51b6d4ff6f548a257b92a512548f540a6a891e81d6c8ecfc2c138333ba0869492c
+  data.tar.gz: 9057e7e13be4db2f4a164347336436b332180cc1d588292069e69d7c907f084503df4d7bb29e35e725ae62ab1c69bf3c67d5ac18d28725c32fef572a9f3ae85d

data/bin/test

@@ -0,0 +1,7 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
+RAILS_VERSION=${RAILS_VERSION:-8.1}
+export BUNDLE_GEMFILE="gemfiles/rails-$RAILS_VERSION.gemfile"
+bundle install && bundle exec rake

data/bin/test-matrix

@@ -0,0 +1,39 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
+matrix=(
+  "8.1 4.0.5"
+  "8.1 3.4.10"
+  "8.1 3.3.11"
+  "8.1 3.2.11"
+
+  "8.0 4.0.5"
+  "8.0 3.4.10"
+  "8.0 3.3.11"
+  "8.0 3.2.11"
+
+  "7.2 4.0.5"
+  "7.2 3.4.10"
+  "7.2 3.3.11"
+  "7.2 3.2.11"
+  "7.2 3.1.7"
+
+  "7.1 3.3.11"
+  "7.1 2.7.8"
+
+  "7.0 3.3.11"
+  "7.0 2.7.8"
+
+  "6.1 2.5.9"
+  "6.0 2.5.9"
+)
+
+for entry in "${matrix[@]}"; do
+  IFS=' ' read -r RAILS_VERSION RUBY_VERSION <<< "$entry"
+  echo -e "\n---> RAILS_VERSION=$RAILS_VERSION RUBY_VERSION=$RUBY_VERSION\n"
+  export RBENV_VERSION=$RUBY_VERSION
+  export RAILS_VERSION
+  export RUBY_VERSION
+  "$(dirname "$0")/test"
+done

data/lib/rorvswild/deployment.rb

@@ -45,7 +45,7 @@ module RorVsWild
     end
 
     def self.to_h
-      @to_h ||= {revision: revision, description: description, author: author, email: email, ruby: ruby, rails: rails, rorvswild: rorvswild}.compact
+      {revision: revision, description: description, author: author, email: email, ruby: ruby, rails: rails, rorvswild: rorvswild}.compact
     end
 
     def self.read
@@ -56,8 +56,8 @@ module RorVsWild
 
     def self.read_from_heroku
       return unless ENV["HEROKU_SLUG_COMMIT"]
-      @revision = ENV["HEROKU_SLUG_COMMIT"]
       @description = ENV["HEROKU_SLUG_DESCRIPTION"]
+      @revision = ENV["HEROKU_SLUG_COMMIT"]
     end
 
     def self.read_from_scalingo
@@ -80,8 +80,7 @@ module RorVsWild
     end
 
     def self.read_from_kamal
-      return unless ENV["KAMAL_VERSION"]
-      @revision = ENV["KAMAL_VERSION"]
+      @revision = ENV["KAMAL_VERSION"] if ENV["KAMAL_VERSION"]
     end
 
     def self.normalize_string(string)

data/lib/rorvswild/local/javascript/local.js

@@ -13,14 +13,14 @@ RorVsWild.Local = function(container) {
 
 RorVsWild.Local.prototype.getRequests = function(callback) {
   this.getJson("/rorvswild/requests.json", function(data) {
-    this.requests = data.map(function(attributes) { return new RorVsWild.Local.Request(attributes) })
+    this.requests = data.map(function(attributes) { return new RorVsWild.Local.Execution(attributes) })
     callback()
   }.bind(this))
 }
 
 RorVsWild.Local.prototype.getJobs = function(callback) {
   this.getJson("/rorvswild/jobs.json", function(data) {
-    this.jobs = data.map(function(attributes) { return new RorVsWild.Local.Request(attributes) })
+    this.jobs = data.map(function(attributes) { return new RorVsWild.Local.Execution(attributes) })
     callback()
   }.bind(this))
 }
@@ -54,7 +54,6 @@ RorVsWild.Local.prototype.getJson = function(path, callback) {
 RorVsWild.Local.prototype.render = function(view) {
   this.view = view
   Barber.render("RorVsWild.Local", this, this.root)
-  Prism.highlightAllUnder(this.root)
 }
 
 RorVsWild.Local.prototype.renderBody = function() {
@@ -70,20 +69,20 @@ RorVsWild.Local.prototype.toggle = function(event) {
   this.active ? this.collapse() : this.expand(event)
 }
 
-RorVsWild.Local.prototype.toggleCommand = function(event) {
-  document.querySelector(event.currentTarget.dataset.target).classList.toggle("is-open")
-}
-
-RorVsWild.Local.prototype.toggleLowImpactSections = function(event) {
-  var button = event.currentTarget
-  var sections = document.querySelectorAll(".rorvswild-local-panel__details__section[data-low-impact]")
-  var isHidden = sections[0].classList.contains("is-hidden")
-  
-  sections.forEach(function(section) {
-    section.classList.toggle("is-hidden")
-  })
-  
-  button.textContent = isHidden ? "↑ Hide low impact sections" : "↓ View low impact sections"
+RorVsWild.Local.highlightMatches = function(text, query) {
+  if (query.length < 1)
+    return Mustache.escape(text)
+  var lower = text.toLowerCase()
+  var result = "", start = 0, index
+  while ((index = lower.indexOf(query, start)) !== -1) {
+    result += Mustache.escape(text.slice(start, index))
+    result += '<mark class="rorvswild-local-panel__section-filter-highlight">'
+    result += Mustache.escape(text.slice(index, index + query.length))
+    result += "</mark>"
+    start = index + query.length
+  }
+  result += Mustache.escape(text.slice(start))
+  return result
 }
 
 RorVsWild.Local.prototype.expand = function() {
@@ -126,11 +125,17 @@ RorVsWild.Local.formatDateTime = function(date) {
   return [date.getDate(), months[date.getMonth()], hours + ":" + minutes].join(" ")
 }
 
+RorVsWild.Local.prototype.goToExecutionDetail = function(execution) {
+  this.currentExecution = execution
+  execution.resetSectionFilters()
+  execution.loadSections()
+  this.render("Execution")
+  execution.renderSections()
+}
+
 RorVsWild.Local.prototype.goToRequestDetail = function(event) {
-  this.root.dataset.tab = "requests"
   var uuid = event.currentTarget.dataset.uuid
-  this.currentRequest = this.requests.find(function(req) { return req.uuid == uuid })
-  this.render("RequestDetail")
+  this.goToExecutionDetail(this.requests.find(function(req) { return req.uuid == uuid }))
 }
 
 RorVsWild.Local.prototype.goToRequestIndex = function(event) {
@@ -145,8 +150,7 @@ RorVsWild.Local.prototype.goToJobIndex = function(event) {
 
 RorVsWild.Local.prototype.goToJobDetail = function(event) {
   var uuid = event.currentTarget.dataset.uuid
-  this.currentJob = this.jobs.find(function(job) { return job.uuid == uuid })
-  this.render("JobDetail")
+  this.goToExecutionDetail(this.jobs.find(function(job) { return job.uuid == uuid }))
 }
 
 RorVsWild.Local.prototype.goToErrors = function(event) {
@@ -158,6 +162,7 @@ RorVsWild.Local.prototype.goToErrorDetail = function(event) {
   var uuid = event.currentTarget.dataset.uuid
   this.currentError = this.errors.find(function(err) { return err.uuid == uuid })
   this.render("ErrorDetail")
+  Prism.highlightAllUnder(this.root)
 }
 
 RorVsWild.Local.prototype.containerClass = function() {
@@ -187,24 +192,48 @@ RorVsWild.Local.nextId = function() {
   return RorVsWild.Local.lastId += 1
 }
 
-RorVsWild.Local.Request = function(data) {
+RorVsWild.Local.Execution = function(data) {
   this.data = data
   this.uuid = data.uuid
   this.name = data.name
   this.path = data.path
   this.queuedAt = RorVsWild.Local.formatDateTime(new Date(data.queued_at))
+  this.sections = []
 }
 
-RorVsWild.Local.Request.prototype.runtime = function() {
+RorVsWild.Local.Execution.prototype.runtime = function() {
   return RorVsWild.Local.relevantRounding(this.data.runtime)
 }
 
-RorVsWild.Local.Request.prototype.sections = function() {
-  return this.data.sections.map(function(section) {
+RorVsWild.Local.Execution.prototype.resetSectionFilters = function() {
+  this.sectionKindFilter = null
+  this.sectionQueryFilter = ""
+  this.lowImpactExpanded = false
+}
+
+RorVsWild.Local.Execution.prototype.isFilteringSections = function() {
+  return this.sectionKindFilter != null || this.sectionQueryFilter.length > 0
+}
+
+RorVsWild.Local.Execution.prototype.filterSections = function() {
+  var kind = this.sectionKindFilter
+  var query = this.sectionQueryFilter
+  var filtering = this.isFilteringSections()
+
+  return this.sections.filter(function(section) {
+    return (!kind || section.kind === kind)
+      && (query.length < 1 || section.location.toLowerCase().indexOf(query) !== -1)
+      && (filtering || this.lowImpactExpanded || !section.isLowImpact)
+  }.bind(this))
+}
+
+RorVsWild.Local.Execution.prototype.loadSections = function() {
+  this.sections = this.data.sections.map(function(section) {
     var runtime = (section.total_runtime - section.children_runtime)
     var impactValue = runtime * 100 / this.data.runtime
     return {
       id: RorVsWild.Local.nextId(),
+      isOpen: false,
       impact: RorVsWild.Local.formatImpact(impactValue),
       isLowImpact: impactValue < 1,
       language: RorVsWild.Local.kindToLanguage(section.kind),
@@ -219,27 +248,92 @@ RorVsWild.Local.Request.prototype.sections = function() {
       kind: section.kind.substring(0, 7),
       file: section.file,
       line: section.line,
-      isLineRelevant: section.line > 0,
-      location: section.kind == "view" ? section.file : section.file + ":" + section.line,
+      location: section.file + (section.line > 0 ? ":" + section.line : ""),
       locationUrl: RorVsWild.Local.pathToUrl(this.data.environment.cwd, section.file, section.line),
       isAsync: RorVsWild.Local.relevantRounding(section.async_runtime) > 0,
     }
   }.bind(this)).sort(function(a, b) { return b.selfRuntime - a.selfRuntime })
 }
 
-RorVsWild.Local.Request.prototype.hasLowImpactSections = function() {
-  return this.sections().some(function(section) { return section.isLowImpact })
-}
+RorVsWild.Local.Execution.prototype.sectionsImpactPerKind = function() {
+  if (!this.sections.length) return []
 
-RorVsWild.Local.Request.prototype.sectionsImpactPerKind = function() {
   var total = 0
-  var perKind = this.sections().reduce(function(object, section) {
+  var perKind = this.sections.reduce(function(object, section) {
     object[section.kind] = (object[section.kind] || 0) + section.runtime
     total += section.runtime
     return object
   }, {})
   return Object.entries(perKind).sort(function(a, b) { return b[1] - a[1] })
-    .map(function(item) { return {kind: item[0], impact: Math.round((item[1] / total * 100) * 10) / 10} })
+    .map(function(item) {
+      return {
+        kind: item[0],
+        impact: Math.round((item[1] / total * 100) * 10) / 10,
+        isActive: item[0] === this.sectionKindFilter
+      }
+    }.bind(this))
+}
+
+RorVsWild.Local.Execution.prototype.showLowImpactToggle = function() {
+  return !this.isFilteringSections() && this.sections.some(function(section) { return section.isLowImpact })
+}
+
+RorVsWild.Local.Execution.prototype.lowImpactToggleLabel = function() {
+  return this.lowImpactExpanded ? "↑ Hide low impact sections" : "↓ View low impact sections"
+}
+
+RorVsWild.Local.Execution.prototype.renderSectionHeader = function() {
+  var container = document.querySelector("#rorvswild-local-sections-header")
+  if (!container) return
+
+  Barber.render("RorVsWild.Local.Sections.Header", this, container)
+}
+
+RorVsWild.Local.Execution.prototype.renderSectionList = function() {
+  (this.filteredSections = this.filterSections()).forEach(function(section) {
+    section.locationHtml = RorVsWild.Local.highlightMatches(section.location, this.sectionQueryFilter)
+  }.bind(this))
+
+  var container = document.querySelector("#rorvswild-local-sections-list")
+  Barber.render("RorVsWild.Local.Sections.List", this, container)
+
+  this.filteredSections.forEach(function(section) {
+    section.isOpen && Prism.highlightAllUnder(container.querySelector("#section-" + section.id))
+  })
+}
+
+RorVsWild.Local.Execution.prototype.renderSections = function() {
+  this.renderSectionHeader()
+  this.renderSectionList()
+}
+
+RorVsWild.Local.Execution.prototype.toggleSection = function(event) {
+  var id = parseInt(event.currentTarget.dataset.sectionId, 10)
+  var section = this.sections.find(function(section) { return section.id === id })
+  if (!section) return
+
+  section.isOpen = !section.isOpen
+  var element = event.currentTarget.closest(".rorvswild-local-panel__details__section")
+  element.classList.toggle("is-open", section.isOpen)
+  if (section.isOpen)
+    Prism.highlightAllUnder(element)
+}
+
+RorVsWild.Local.Execution.prototype.toggleLowImpactSections = function() {
+  this.lowImpactExpanded = !this.lowImpactExpanded
+  this.renderSectionList()
+}
+
+RorVsWild.Local.Execution.prototype.filterSectionsByText = function(event) {
+  this.sectionQueryFilter = event.currentTarget.value.trim().toLowerCase()
+  this.renderSectionList()
+}
+
+RorVsWild.Local.Execution.prototype.filterSectionsByKind = function(event) {
+  var kind = event.currentTarget.dataset.kind
+  this.sectionKindFilter = this.sectionKindFilter === kind ? null : kind
+  this.renderSectionHeader()
+  this.renderSectionList()
 }
 
 RorVsWild.Local.Error = function(data) {

data/lib/rorvswild/local/local.html.erb

@@ -82,7 +82,7 @@
     <h2 class="rorvswild-local-panel--blank">No jobs</h2>
   {{/jobs}}
   {{#jobs}}
-    <div data-events="click->goToJobDetail" data-uuid="{{uuid}}"" class="rorvswild-local-panel__row">
+    <div data-events="click->goToJobDetail" data-uuid="{{uuid}}" class="rorvswild-local-panel__row">
       <div class="rorvswild-local-panel__name">
         <span>{{name}}</span>
         <div class="rorvswild-local-panel__path">{{path}}</div>
@@ -106,8 +106,8 @@
   </div>
 </script>
 
-<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.RequestDetail">
-  {{#currentRequest}}
+<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Execution">
+  {{#currentExecution}}
     <div class="rorvswild-local-panel__details">
       <div class="rorvswild-local-panel__details__header">
         <span class="rorvswild-local-panel__name">
@@ -119,65 +119,49 @@
         <span class="rorvswild-local-panel__runtime">{{runtime}}<small>ms</small></span>
         <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
       </div>
-      {{> RorVsWild.Local.Sections}}
-    </div>
-  {{/currentRequest}}
-</script>
-
-<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.JobDetail">
-  {{#currentJob}}
-    <div class="rorvswild-local-panel__details">
-      <div class="rorvswild-local-panel__details__header">
-        <span class="rorvswild-local-panel__name">
-          <h2 class="rorvswild-local-panel__title">{{name}}</h2>
-          <span class="rorvswild-local-panel__path">
-            {{path}}
-          </span>
-        </span>
-        <span class="rorvswild-local-panel__runtime">{{runtime}}<small>ms</small></span>
-        <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
+      <div class="rorvswild-local-panel__details__sections">
+        <div id="rorvswild-local-sections-header"></div>
+        <div id="rorvswild-local-sections-list"></div>
       </div>
-      {{> RorVsWild.Local.Sections}}
     </div>
-  {{/currentJob}}
+  {{/currentExecution}}
 </script>
 
-<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Sections">
-  <div class="rorvswild-local-panel__details__sections">
-    {{> RorVsWild.Local.SectionImpactPerKind}}
-    {{#sections}}
-      {{> RorVsWild.Local.Section}}
-    {{/sections}}
-    {{#hasLowImpactSections}}
-      <div class="rorvswild-local-panel__toggle-low-impact">
-        <button data-events="click->toggleLowImpactSections" class="rorvswild-local-panel__toggle-low-impact__button">↓ view low impact sections</button>
-      </div>
-    {{/hasLowImpactSections}}
-  </div>
-</script>
-
-<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.SectionImpactPerKind">
+<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Sections.Header">
   <ul class="rorvswild-local-panel__breakdown">
     {{#sectionsImpactPerKind}}
-      <li style="width: {{impact}}%" title="{{kind}} {{impact}}%">
-        <span class="rorvswild-local-panel__breakdown__label">{{kind}}</span> <span class="rorvswild-local-panel__breakdown__value">{{impact}}%</span>
+      <li class="{{#isActive}}is-active{{/isActive}}" style="width: {{impact}}%" title="{{kind}} {{impact}}%" data-events="click->filterSectionsByKind" data-kind="{{kind}}">
+        <span class="rorvswild-local-panel__breakdown__label">{{kind}}</span>
+        <span class="rorvswild-local-panel__breakdown__value">{{impact}}</span><small>%</small>
       </li>
     {{/sectionsImpactPerKind}}
   </ul>
+  <div class="rorvswild-local-panel__section-filter">
+    <input type="search" placeholder="Filter" value="{{sectionQueryFilter}}" data-events="input->filterSectionsByText" class="rorvswild-local-panel__section-filter__input">
+  </div>
+</script>
+
+<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Sections.List">
+  {{#filteredSections}}
+    {{> RorVsWild.Local.Section}}
+  {{/filteredSections}}
+  {{#showLowImpactToggle}}
+    <div class="rorvswild-local-panel__toggle-low-impact">
+      <button data-events="click->toggleLowImpactSections" class="rorvswild-local-panel__toggle-low-impact__button">{{lowImpactToggleLabel}}</button>
+    </div>
+  {{/showLowImpactToggle}}
 </script>
 
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Section">
-  <div class="rorvswild-local-panel__details__section {{#isLowImpact}}is-hidden{{/isLowImpact}}" {{#isLowImpact}}data-low-impact{{/isLowImpact}} id="section-{{id}}">
+  <div class="rorvswild-local-panel__details__section{{#isOpen}} is-open{{/isOpen}}" data-kind="{{kind}}" id="section-{{id}}">
     <div class="rorvswild-local-panel__details__section__main">
       <span class="rorvswild-local-panel__details__section__file">
-        <button data-events="click->toggleCommand" data-target="#section-{{id}}" class="rorvswild-local-panel__details__section__kind"><span>{{kind}}</button>
+        <button data-events="click->toggleSection" data-section-id="{{id}}" class="rorvswild-local-panel__details__section__kind"><span>{{kind}}</span></button>
         {{#locationUrl}}
-          <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" title="Open in your editor">{{location}}</a>
+          <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" title="Open in your editor">{{{locationHtml}}}</a>
         {{/locationUrl}}
         {{^locationUrl}}
-          <span class="rorvswild-local-panel__file__name">{{file}}
-            {{#isLineRelevant}}<span>:{{line}}</span>{{/isLineRelevant}}
-          </span>
+          <span class="rorvswild-local-panel__file__name">{{{locationHtml}}}</span>
         {{/locationUrl}}
       </span>
       <span class="rorvswild-local-panel__details__section__average" title="Self runtime">{{selfRuntime}}<small>ms</small></span>
@@ -228,7 +212,7 @@
     <div data-events="click->goToErrorDetail" data-uuid="{{uuid}}" class="rorvswild-local-panel__row rorvswild-local-panel__error">
       <div class="rorvswild-local-panel__name">
         <span>{{exception}}</span> {{shortMessage}}
-        <div class="rorvswild-local-panel__path">{{file}}:{{line}}</div>
+        <div class="rorvswild-local-panel__path"><span class="rorvswild-local-panel__file__name">{{file}}<span>:{{line}}</span></span></div>
       </div>
       <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
     </div>
@@ -241,14 +225,14 @@
       <div class="rorvswild-local-panel__details__header">
         <span class="rorvswild-local-panel__name">
           <h2 class="rorvswild-local-panel__title">{{exception}}</h2>
-          <span class="rorvswild-local-panel__path">
+          <div class="rorvswild-local-panel__path">
             {{#locationUrl}}
-              <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" title="Open in your editor">{{file}}:{{line}}</a>
+              <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" title="Open in your editor">{{file}}<span>:{{line}}</span></a>
             {{/locationUrl}}
             {{^locationUrl}}
-              {{file}}:{{line}}
+              <span class="rorvswild-local-panel__file__name">{{file}}<span>:{{line}}</span></span>
             {{/locationUrl}}
-          </span>
+          </div>
         </span>
         <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
       </div>

data/lib/rorvswild/local/middleware.rb

@@ -31,19 +31,14 @@ module RorVsWild
 
       def serve_embed_profiler(env)
         status, headers, body = app.call(env)
-        status = status.to_i
-        if status >= 200 && status < 300 && headers["Content-Type"] && headers["Content-Type"].include?("text/html")
-          if headers["Content-Encoding"]
-            log_incompatible_middleware_warning
-          elsif body.respond_to?(:each) && widget_position != "hidden"
-            content_length = 0
-            @current_request =  RorVsWild.agent.queue.requests.first
-            body.each do |string|
-              inject_into(string)
-              content_length += string.size
-            end
-            headers["Content-Length"] = content_length.to_s if headers["Content-Length"]
+        if widget_position != "hidden" && compatible_response_with_widget?(status.to_i, headers, body)
+          content_length = 0
+          @current_request =  RorVsWild.agent.queue.requests.first
+          body.each do |string|
+            inject_into(string)
+            content_length += string.size
           end
+          headers["Content-Length"] = content_length.to_s if headers["Content-Length"]
         end
         [status, headers, body]
       end
@@ -74,6 +69,13 @@ module RorVsWild
 
       private
 
+      def compatible_response_with_widget?(status, headers, body)
+        headers["Content-Type"].respond_to?(:include?) && headers["Content-Type"].include?("text/html") &&
+          !headers["Content-Encoding"] && !headers["Transfer-Encoding"] &&
+          status >= 200 && status < 300 &&
+          body.respond_to?(:each)
+      end
+
       def widget_position
         (config = RorVsWild.agent.config) && config[:widget]
       end
@@ -125,12 +127,6 @@ module RorVsWild
         "<!DOCTYPE html>\n<html><head></head><body></body></html>".dup
       end
 
-      def log_incompatible_middleware_warning
-        RorVsWild.logger.warn("RorVsWild::Local cannot be embeded into your HTML page because of compression." +
-          " Try to disable Rack::Deflater in development only." +
-          " In the meantime just visit the /rorvswild page to see the profiler.")
-      end
-
       def log_incompatible_encoding_warning(exception)
         RorVsWild.logger.warn("RorVsWild::Local cannot be embeded into your HTML page because of incompatible #{exception.message}." +
           " However you can just visit the /rorvswild page to see the profiler.")

data/lib/rorvswild/local/stylesheet/local.css

@@ -19,7 +19,7 @@
 .rorvswild-local-toggler small {
   color: rgb(146 149 159) !important;
   font-weight: 400 !important;
-  font-size: 10px !important;
+  font-size: 0.694em !important;
   margin-left: 4px !important;
   display: inline-block !important;
 }
@@ -50,7 +50,7 @@
   background: rgb(17 20 27) !important;
   color: rgb(199 203 214) !important;
   font-family: SF Mono, Menlo, Consolas, DejaVu Sans Mono, monospace !important;
-  font-size: 15px !important;
+  font-size: 13px !important;
   line-height: 24px !important;
   position: fixed !important;
   top: 0 !important;
@@ -88,7 +88,7 @@
 
 .rorvswild-local-panel small {
   color: rgb(146 149 159) !important;
-  font-size: 10px !important;
+  font-size: 0.694em !important;
   font-weight: 400 !important;
   margin-left: 2px !important;
 }
@@ -108,7 +108,7 @@
 
 .rorvswild-local-panel__header nav {
   text-transform: uppercase !important;
-  font-size: 12px !important;
+  font-size: 0.833em !important;
   font-weight: 700 !important;
   letter-spacing: 1px !important;
   flex: 1 !important;
@@ -193,7 +193,7 @@
 .rorvswild-local-panel--blank {
   text-align: center !important;
   margin: 0 auto !important;
-  font-size: 31px !important;
+  font-size: 2.074em !important;
   line-height: calc(100dvh - 120px) !important;
   color: rgb(26 29 36) !important;
 }
@@ -302,7 +302,7 @@
 h2.rorvswild-local-panel__title {
   margin:-18px 0 0 !important;
   padding:0 !important;
-  font-size: 31px !important;
+  font-size: 2.074em !important;
   line-height: 48px !important;
   font-weight: 700 !important;
   font-family: SF Mono, Menlo, Consolas, DejaVu Sans Mono, monospace !important;
@@ -320,15 +320,28 @@ h2.rorvswild-local-panel__title {
 }
 
 .rorvswild-local-panel__breakdown li {
+  color: rgb(146 149 159) !important;
   display: inline-block !important;
   margin: 0 !important;
   padding: 0 8px !important;
   white-space: nowrap !important;
   overflow: hidden !important;
   border: 1px solid rgb(26 29 36) !important;
-  font-size: 10px !important;
+  font-size: 0.694em !important;
   text-transform: uppercase !important;
   letter-spacing: 1px !important;
+  cursor: pointer !important;
+  transition: box-shadow 0.15s !important;
+}
+
+.rorvswild-local-panel__breakdown li:hover {
+  box-shadow: 0 0 0 1px rgb(72 75 80) inset !important;
+  color: rgb(199 203 214) !important;
+}
+
+.rorvswild-local-panel__breakdown li.is-active {
+  box-shadow: 0 0 0 1px rgb(199 203 214) inset !important;
+  color: rgb(199 203 214) !important;
 }
 
 .rorvswild-local-panel__breakdown li:first-of-type { background-color:rgba(199, 203, 214, .08) !important; }
@@ -345,16 +358,69 @@ h2.rorvswild-local-panel__title {
 
 .rorvswild-local-panel__breakdown__value { font-weight: 700; }
 
+.rorvswild-local-panel__section-filter {
+  width: calc(100% - 24px) !important;
+  margin: 0 12px 12px !important;
+}
+
+.rorvswild-local-panel__section-filter__input {
+  width: 100% !important;
+  max-width: 240px !important;
+  transition: all 0.2s !important;
+  box-sizing: border-box !important;
+  margin: 0 !important;
+  padding: 0 8px !important;
+  border: 1px solid rgb(38 41 49) !important;
+  min-height: 24px !important;
+  height: 24px !important;
+  line-height: 24px !important;
+  border-radius: 4px !important;
+  background: rgb(26 29 36) !important;
+  color: rgb(199 203 214) !important;
+  font-family: inherit !important;
+  font-size: 0.833em !important;
+}
+
+.rorvswild-local-panel__section-filter__input:focus {
+  transition: all 0.2s !important;
+  outline: none !important;
+  border-color: rgb(72 75 80) !important;
+  background-color: rgb(13 15 21) !important;
+  box-shadow: 0 0 0 1px rgb(52 70 128) inset !important;
+}
+
+.rorvswild-local-panel__section-filter__input::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+  appearance: none;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2375777d' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
+  background-size: 12px;
+  background-repeat: no-repeat;
+  background-position: center;
+  width: 16px;
+  height: 16px;
+  background-color: rgb(24 26 32);
+  border-radius: 50%;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.rorvswild-local-panel__section-filter__input::placeholder {
+  color: rgb(72 74 81) !important;
+}
+
+.rorvswild-local-panel__section-filter-highlight {
+  background: rgb(55 38 0) !important;
+  box-shadow: 0 0 0 1px rgb(96 70 0) inset !important;
+  padding: 0 !important;
+  border-radius: 2px !important;
+}
+
 .rorvswild-local-panel__details__section {
   padding: 12px 12px 11px !important;
   border-bottom: 1px solid rgb(26 29 36) !important;
   display: block !important;
 }
 
-.rorvswild-local-panel__details__section.is-hidden {
-  display: none !important;
-}
-
 .rorvswild-local-panel__details__section:hover {
   background: rgb(26 29 36) !important;
   transition: all .3s !important;
@@ -400,7 +466,9 @@ a.rorvswild-local-panel__file__name::after {
 a.rorvswild-local-panel__file__name:hover::after { opacity: 1; }
 
 .rorvswild-local-panel__file__name span {
-  background: rgb(38 41 49);
+  box-shadow: 0 0 0 1px rgb(38 41 49) inset !important;
+  font-weight: 700 !important;
+  padding: 0 2px !important;
   text-decoration: none;
   display: inline-block;
 }
@@ -454,7 +522,7 @@ a.rorvswild-local-panel__file__name:hover::after { opacity: 1; }
   margin: 4px 0 0;
   text-transform: uppercase;
   letter-spacing: 1px;
-  font-size: 9px !important;
+  font-size: 0.579em !important;
   line-height: 12px;
   font-weight: 400;
 }
@@ -471,7 +539,7 @@ a.rorvswild-local-panel__file__name:hover::after { opacity: 1; }
 
 .rorvswild-local-panel__details__section__kind {
   background: rgb(38 41 49);
-  font-size: 10px !important;
+  font-size: 0.694em !important;
   text-transform: uppercase !important;
   text-align: center !important;
   letter-spacing: 1px !important;
@@ -552,7 +620,7 @@ span.rorvswild-local-panel__details__section__kind {
   color: rgb(146 149 159) !important;
   text-align: center;
   text-transform: uppercase;
-  font-size: 10px !important;
+  font-size: 0.694em !important;
   letter-spacing: 1px;
   margin: 0 !important;
   padding: 0 0 12px !important;
@@ -590,7 +658,7 @@ span.rorvswild-local-panel__details__section__kind {
 .rorvswild-local-panel__card dt {
   color: rgb(146 149 159) !important;
   text-transform: uppercase;
-  font-size: 10px !important;
+  font-size: 0.694em !important;
   letter-spacing: 1px;
 }
 
@@ -609,12 +677,14 @@ span.rorvswild-local-panel__details__section__kind {
   border: 1px solid rgb(72 75 80) !important;
   box-shadow: none !important;
   padding: 0px 8px !important;
-  font-size: 10px !important;
+  font-size: 0.694em !important;
   line-height: 24px !important;
   text-transform: uppercase !important;
   letter-spacing: 1px !important;
   cursor: pointer !important;
   font-weight: 700 !important;
+  min-height: 24px !important;
+  height: 24px !important;
   transition: all 0.2s !important;
 }
 
@@ -640,6 +710,7 @@ a.rorvswild-local-panel__footer__link {
 }
 
 @media screen and (min-width: 720px) {
+  .rorvswild-local-panel { font-size: 15px !important; }
   .rorvswild-local-panel__details__section__main { flex-wrap: nowrap !important; }
 
   .rorvswild-local-panel__name,

data/lib/rorvswild/local/stylesheet/vendor/prism.css

@@ -14,7 +14,7 @@ http://prismjs.com/download.html?themes=prism-twilight&languages=markup+css+clik
   text-shadow: 0 0 0 !important;
   word-spacing: normal !important;
 
-  font-size: 14px !important;
+  font-size: inherit !important;
   line-height: 24px !important;
   font-weight: 300 !important;
 

data/lib/rorvswild/plugin/view_component.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module RorVsWild
+  module Plugin
+    class ViewComponent
+      @installed = false
+
+      def self.setup(agent)
+        return if @installed
+        return if !defined?(::ViewComponent)
+        return if !defined?(ActiveSupport::Notifications.subscribe)
+        ActiveSupport::Notifications.subscribe("render.view_component", plugin = new)
+        ActiveSupport::Notifications.subscribe("!render.view_component", plugin) # Before 3.4.0 (231d4bb72ce5df334fca6f3be4ed33e887bd2cc8)
+        @installed = true
+      end
+
+      def start(name, id, payload)
+        return if !payload[:identifier]
+        RorVsWild::Section.start
+      end
+
+      def finish(name, id, payload)
+        return if !payload[:identifier]
+        RorVsWild::Section.stop do |section|
+          section.kind = "view"
+          section.commands << payload[:name]
+          section.file = RorVsWild.agent.locator.relative_path(payload[:identifier])
+          section.line = 0
+        end
+      end
+    end
+  end
+end

data/lib/rorvswild/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RorVsWild
-  VERSION = "1.11.1"
+  VERSION = "1.12.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rorvswild
 version: !ruby/object:Gem::Version
-  version: 1.11.1
+  version: 1.12.0
 platform: ruby
 authors:
 - Alexis Bernard
@@ -22,6 +22,8 @@ files:
 - LICENSE.txt
 - README.md
 - bin/rorvswild-install
+- bin/test
+- bin/test-matrix
 - cacert.pem
 - lib/rorvswild.rb
 - lib/rorvswild/agent.rb
@@ -64,6 +66,7 @@ files:
 - lib/rorvswild/plugin/redis.rb
 - lib/rorvswild/plugin/resque.rb
 - lib/rorvswild/plugin/sidekiq.rb
+- lib/rorvswild/plugin/view_component.rb
 - lib/rorvswild/plugins.rb
 - lib/rorvswild/queue.rb
 - lib/rorvswild/rails_loader.rb
@@ -89,7 +92,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.3
+rubygems_version: 4.0.10
 specification_version: 4
 summary: Ruby on Rails applications monitoring
 test_files: []