rorvswild 1.7.0 → 1.8.0

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

@@ -96,24 +96,61 @@
 /* Panel Header */
 .rorvswild-local-panel__header {
   background: rgb(26 29 36) !important;
-  padding: 12px !important;
   box-shadow: 0 1px 2px 0 rgba(14,18,26, .8) !important;
-  display: flex;
 }
 
-.rorvswild-local-panel__header__title {
-  color: rgb(199 203 214) !important;
+.rorvswild-local-panel__header .rorvswild-local-panel__width-limiter {
+  display: flex !important;
+  align-items: center !important;
+  gap: 24px  !important;
+  padding: 0 12px !important;
+}
+
+.rorvswild-local-panel__header nav {
   text-transform: uppercase !important;
   font-size: 12px !important;
-  letter-spacing: 2px !important;
-  text-align: center !important;
-  flex: 1;
+  font-weight: 700 !important;
+  letter-spacing: 1px !important;
+  flex: 1 !important;
+}
+
+.rorvswild-local-panel__header nav ul {
+  padding: 0 !important;
+  margin: 0 !important;
+  list-style-type: none !important;
+  display: flex !important;
+  gap: 12px !important;
+}
+
+.rorvswild-local-panel__header nav li {
+  color: rgb(146 149 159) !important;
+  cursor: pointer !important;
+  line-height: 48px !important;
+}
+
+.rorvswild-local-panel__header nav li:hover {
+  color: rgb(199 203 214) !important;
+}
+
+[data-tab="requests"] .tab--requests {
+  color: rgb(199 203 214) !important;
+  box-shadow: 0 -3px 0 0 rgb(199 203 214) inset !important;
+}
+
+[data-tab="jobs"] .tab--jobs {
+  color: rgb(199 203 214) !important;
+  box-shadow: 0 -3px 0 0 rgb(199 203 214) inset !important;
+}
+
+[data-tab="errors"] .tab--errors {
+  color: rgb(199 203 214) !important;
+  box-shadow: 0 -3px 0 0 rgb(199 203 214) inset !important;
 }
 
 .rorvswild-local-panel svg {
   height: 24px !important;
   width: 24px !important;
-  stroke-width: 2 !important;
+  stroke-width: 2.5 !important;
   fill: none !important;
   stroke-linecap: square !important;
   stroke: rgb(146 149 159) !important;
@@ -123,8 +160,6 @@
 
 .rorvswild-local-panel svg:hover { stroke: rgb(199 203 214) !important; }
 
-.rorvswild-local-panel__logo { width: 60px !important; }
-
 .rorvswild-local-panel__header__icons {
   width: 60px !important;
   display: flex !important;
@@ -150,10 +185,18 @@
 .rorvswild-local-panel__content {
   flex: 1 !important;
   height: calc(100% - 48px) !important;
-  overflow-y: auto;
+  overflow-y: scroll;
   overscroll-behavior: contain;
 }
 
+.rorvswild-local-panel--blank {
+  text-align: center !important;
+  margin: 0 auto !important;
+  font-size: 31px !important;
+  line-height: calc(100dvh - 120px) !important;
+  color: rgb(26 29 36) !important;
+}
+
 .rorvswild-local-panel__content::-webkit-scrollbar { width: 4px !important; }
 
 .rorvswild-local-panel__content::-webkit-scrollbar-corner { background: transparent !important; }
@@ -169,7 +212,7 @@
 }
 
 /* Panel request summary */
-.rorvswild-local-panel__request {
+.rorvswild-local-panel__row {
   display: flex !important;
   padding: 12px 12px 11px !important;
   border-bottom: 1px solid rgb(26 29 36) !important;
@@ -177,28 +220,66 @@
   flex-wrap: wrap !important;
 }
 
-.rorvswild-local-panel__request:hover { background: rgb(26 29 36) !important; }
+.rorvswild-local-panel__row:first-of-type {
+  margin-top: 12px !important;
+}
+
+.rorvswild-local-panel__row:hover { background: rgb(26 29 36) !important; }
 
-.rorvswild-local-panel__request__name {
+.rorvswild-local-panel__name {
   word-break: break-all !important;
   overflow-wrap: break-word !important;
   width: 100% !important;
   color: rgb(199 203 214) !important;
-  font-weight: 700;
+  font-weight: 700 !important;
+}
+
+.rorvswild-local-panel__row:hover .rorvswild-local-panel__name { color: rgb(223 228 242) !important; }
+
+.rorvswild-local-panel__row .rorvswild-local-panel__name > span {
+  text-decoration-color: rgb(146 149 159) !important;
+  text-decoration: underline !important;
+  text-decoration-thickness: 1px !important;
+  text-underline-offset: 1px !important;
+}
+
+.rorvswild-local-panel__row.rorvswild-local-panel__error .rorvswild-local-panel__name {
+  color: rgb(146 149 159) !important;
+  font-weight: 400 !important;
+  word-break: keep-all;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.rorvswild-local-panel__row.rorvswild-local-panel__error .rorvswild-local-panel__name > span,
+.rorvswild-local-panel__error .rorvswild-local-panel__title {
+  color: rgb(255 184 172) !important;
+  font-weight: 700 !important;
+}
+
+.rorvswild-local-panel__row.rorvswild-local-panel__error:hover .rorvswild-local-panel__name > span { color: rgb(255 220 214) !important; }
+
+
+.rorvswild-local-panel__error .rorvswild-local-panel__path {
+  color: rgb(199 203 214) !important;
 }
 
-.rorvswild-local-panel__request__path {
+.rorvswild-local-panel__path {
   color: rgb(146 149 159) !important;
   font-weight: 400;
   display: block !important;
+  text-decoration: none !important;
+  text-decoration-thickness: 0 !important;
+  text-decoration-color: transparent !important;
 }
 
-.rorvswild-local-panel__request__started-at {
+.rorvswild-local-panel__started-at {
   color: rgb(146 149 159) !important;
   margin-left: 12px !important;
 }
 
-.rorvswild-local-panel__request__runtime { 
+.rorvswild-local-panel__runtime { 
   color: rgb(182 202 255) !important; 
   font-weight: 700 !important;
 }
@@ -210,14 +291,14 @@
   display: block !important;
 }
 
-.rorvswild-local-panel__request-details__request {
+.rorvswild-local-panel__details__header {
   display: flex !important;
-  margin-bottom: 48px !important;
-  padding: 12px 12px 0 !important;
+  margin-bottom: 36px !important;
+  padding: 48px 12px 0 !important;
   flex-wrap: wrap !important;
 }
 
-h2.rorvswild-local-panel__request__name__title {
+h2.rorvswild-local-panel__title {
   margin:-18px 0 0 !important;
   padding:0 !important;
   font-size: 31px !important;
@@ -228,41 +309,82 @@ h2.rorvswild-local-panel__request__name__title {
 }
 
 /* details sections */
-.rorvswild-local-panel__request-details__section {
+.rorvswild-local-panel__breakdown {
+  display: flex !important;
+  position: relative !important;
+  width: calc(100% - 24px) !important;
+  margin: 0 12px 12px !important;
+  padding: 0 !important;
+  text-align: center !important;
+}
+
+.rorvswild-local-panel__breakdown li {
+  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;
+  text-transform: uppercase !important;
+  letter-spacing: 1px !important;
+}
+
+.rorvswild-local-panel__breakdown li:first-of-type { background-color:rgba(199, 203, 214, .08) !important; }
+
+.rorvswild-local-panel__breakdown li:nth-of-type(2) { background-color:rgba(199, 203, 214, .04) !important; }
+
+.rorvswild-local-panel__breakdown li:nth-of-type(3) { background-color:rgba(199, 203, 214, .02) !important; }
+
+.rorvswild-local-panel__breakdown__label {
+  display: inline-block;
+  font-weight: 400;
+  margin-right: 4px;
+}
+
+.rorvswild-local-panel__breakdown__value { font-weight: 700; }
+
+.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__request-details__section:hover {
+.rorvswild-local-panel__details__section:hover {
   background: rgb(26 29 36) !important;
   transition: all .3s !important;
 }
 
-.rorvswild-local-panel__request-details__section__main {
+.rorvswild-local-panel__details__section__main {
   display: flex !important;
+  gap: 8px;
   width: 100% !important;
   flex-wrap: wrap !important;
 }
 
-.rorvswild-local-panel__request-details__section__file {
+.rorvswild-local-panel__details__section__file {
   width: 100% !important;
   word-break: break-all !important;
   overflow-wrap: break-word !important;
   min-width: 0 !important;
   color: rgb(199 203 214) !important;
+  display: flex;
+  gap: 8px;
 }
 
-a.rorvswild-local-panel__request-details__section__file__name {
+a.rorvswild-local-panel__file__name {
   text-decoration-color: rgb(146 149 159);
   font-weight: 700;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 1px;
 }
 
-a.rorvswild-local-panel__request-details__section__file__name:hover { 
+a.rorvswild-local-panel__file__name:hover { 
+  color: rgb(223 228 242) !important;
   text-decoration-color: rgb(199 203 214);
 }
 
-a.rorvswild-local-panel__request-details__section__file__name::after {
+a.rorvswild-local-panel__file__name::after {
   content: '↗';
   text-decoration: none;
   display: inline-block;
@@ -270,57 +392,205 @@ a.rorvswild-local-panel__request-details__section__file__name::after {
   opacity: 0.5;
 }
 
-a.rorvswild-local-panel__request-details__section__file__name:hover::after { opacity: 1; }
+a.rorvswild-local-panel__file__name:hover::after { opacity: 1; }
 
-.rorvswild-local-panel__request-details__section__file__name span {
+.rorvswild-local-panel__file__name span {
   background: rgb(38 41 49);
   text-decoration: none;
   display: inline-block;
 }
 
-.rorvswild-local-panel__request-details__section__average {
+.rorvswild-local-panel__details__section__average {
   color: rgb(182 202 255) !important;
   font-weight: 700 !important;
   width: 48px !important;
-  margin:0 12px 0 0 !important;
+  text-align: right;
+  margin-left: auto;
 }
 
-.rorvswild-local-panel__request-details__section__calls {
+.rorvswild-local-panel__details__section__calls {
   color: rgb(199 203 214) !important;
   width: 48px !important;
-  margin: 0 12px 0 0 !important;
+  text-align: right;
 }
 
-.rorvswild-local-panel__request-details__section__impact {
+.rorvswild-local-panel__details__section__impact {
   color: rgb(199 203 214) !important;
   width: 48px !important;
   font-weight: 700 !important;
-  margin: 0 12px 0 0 !important;
+  text-align: right;
 }
 
-.rorvswild-local-panel__request-details__section__code {
-  display: flex !important;
+.rorvswild-local-panel__details__section__code {
   color: rgb(146 149 159) !important;
-  margin-top: 8px !important;
+  background: rgb(14 15 20);
+  padding: 12px;
+  margin: 12px -12px -12px;
+  overflow: hidden !important;
+  display: none;
 }
 
-.rorvswild-local-panel__request-details__section__kind {
-  background: rgb(38 41 49) !important;
+.rorvswild-local-panel__details__section__code dl {
+  display: flex;
+  align-items: baseline;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  margin: 0;
+  padding: 0;
+  text-align: right;
+  gap: 12px 24px;
+}
+
+.rorvswild-local-panel__details__section__code dt {
+  white-space: nowrap;
+  margin: 0;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  font-size: 9px !important;
+}
+
+.rorvswild-local-panel__details__section__code dd {
+  margin: 0;
+  color: rgb(182 202 255) !important;
+  font-weight: 700;
+}
+
+.rorvswild-local-panel__details__section__code dd.dd--calls {
+  color: rgb(199 203 214) !important;
+}
+
+.rorvswild-local-panel__details__section__code dl + pre[class*="language-"] {
+  margin-top: 12px !important;
+}
+
+.rorvswild-local-panel__details__section__kind {
+  background: rgb(38 41 49);
   font-size: 10px !important;
   text-transform: uppercase !important;
   text-align: center !important;
-  letter-spacing: 2px !important;
-  width: 72px !important;
+  letter-spacing: 1px !important;
+  width: 64px !important;
   height: 24px !important;
+  min-height: 24px;
+  padding: 0;
   display: inline-block !important;
+  flex-shrink: 0;
+}
+
+button.rorvswild-local-panel__details__section__kind {
+  box-shadow: 0 0 0 1px rgb(72 75 80) inset !important;
+  border: none !important;
+  font-weight: 700 !important;
+  position: relative !important;
+  cursor: pointer !important;
+}
+
+button.rorvswild-local-panel__details__section__kind span {
+  display: inline-block;
+  max-width: calc(5ch + 5px);
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+button.rorvswild-local-panel__details__section__kind:hover { 
+  box-shadow: 0 0 0 1px rgb(147 149 156) inset;
+  background-color: rgb(14 15 20) !important;
+}
+
+button.rorvswild-local-panel__details__section__kind::after {
+  content: "";
+  display: block;
+  box-sizing: border-box;
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  border-bottom: 1px solid rgb(146 149 159);
+  border-right: 1px solid rgb(146 149 159);
+  transform: rotate(45deg);
+  right: 6px;
+  top:calc(50% - 3px);
+}
+
+button.rorvswild-local-panel__details__section__kind:hover::after { border-color: inherit; }
+
+span.rorvswild-local-panel__details__section__kind { 
+  background: rgb(14 15 20) !important;
+  color: rgb(146 149 159)!important;
+}
+
+.rorvswild-local-panel__details__section.is-open .rorvswild-local-panel__details__section__code {
+  display: block;
+  border-bottom: 1px solid rgb(26 29 36) !important
+}
+
+.rorvswild-local-panel__details__section.is-open .rorvswild-local-panel__details__section__kind {
+  color: rgb(182 202 255) !important;
+  background-color: rgb(14 15 20) !important;
+}
+
+.rorvswild-local-panel__details__section.is-open .rorvswild-local-panel__details__section__kind::after {
+  transform: rotate(225deg);
+  transform-origin: 2.5px 3px;
+}
+
+.rorvswild-local-panel__card {
+  padding: 12px;
+  border: 1px solid rgb(26 29 36) !important;
+}
+
+.rorvswild-local-panel__card + .rorvswild-local-panel__card {
+  margin-top: 24px;
 }
 
-.rorvswild-local-panel__request-details__section__command {
+.rorvswild-local-panel__card__title {
   color: rgb(146 149 159) !important;
-  flex: 1 !important;
-  margin-left: 12px !important;
-  opacity: 1;
-  overflow: hidden !important;
+  text-align: center;
+  text-transform: uppercase;
+  font-size: 10px !important;
+  letter-spacing: 1px;
+  margin: 0 !important;
+  padding: 0 0 12px !important;
+  line-height: 24px !important;
+}
+
+.rorvswild-local-panel__card > * + * {
+  margin-top: 12px;
+}
+
+.rorvswild-local-panel__card summary:hover {
+  cursor: pointer;
+  color: rgb(223 228 242) !important;
+}
+
+.rorvswild-local-panel__card dl {
+  padding: 0;
+  margin: 0 -12px -12px;
+}
+
+.rorvswild-local-panel__card dl div {
+  display: grid;
+  grid-template-columns: 112px auto;
+  padding: 12px;
+}
+
+.rorvswild-local-panel__card dl div:hover {
+  background:rgb(26 29 36);
+}
+
+.rorvswild-local-panel__card dl div + div {
+  border-top: 1px solid rgb(26 29 36);
+}
+
+.rorvswild-local-panel__card dt {
+  color: rgb(146 149 159) !important;
+  text-transform: uppercase;
+  font-size: 10px !important;
+  letter-spacing: 1px;
+}
+
+.rorvswild-local-panel__card dd {
+  word-break: break-all !important;
+  overflow-wrap: break-word !important;
 }
 
 /* Panel Footer */
@@ -339,17 +609,15 @@ a.rorvswild-local-panel__footer__link {
 }
 
 @media screen and (min-width: 720px) {
-  .rorvswild-local-panel__request-details__section__main { flex-wrap: nowrap !important; }
+  .rorvswild-local-panel__details__section__main { flex-wrap: nowrap !important; }
 
-  .rorvswild-local-panel__request__name,
-  .rorvswild-local-panel__request-details__section__file { flex: 1 !important; }
+  .rorvswild-local-panel__name,
+  .rorvswild-local-panel__details__section__file { flex: 1 !important; }
 
-  .rorvswild-local-panel__request__runtime { margin-left: 12px !important; }
+  .rorvswild-local-panel__runtime { margin-left: 12px !important; }
 
-  .rorvswild-local-panel__request-details__section__average,
-  .rorvswild-local-panel__request-details__section__calls,
-  .rorvswild-local-panel__request-details__section__impact {
-    text-align: right !important;
-    margin: 0 0 0 12px !important;
+  .rorvswild-local-panel__width-limiter {
+    max-width: 1520px;
+    margin: 0 auto;
   }
-}
+}

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

@@ -18,7 +18,7 @@ http://prismjs.com/download.html?themes=prism-twilight&languages=markup+css+clik
   line-height: 24px !important;
   font-weight: 300 !important;
 
-  white-space: pre-line !important;
+  white-space: pre-wrap !important;
   word-wrap: break-word !important;
   word-break: keep-all !important;
 

data/lib/rorvswild/local.rb

@@ -4,8 +4,8 @@ require "rorvswild/local/queue"
 module RorVsWild
   module Local
     def self.start(config = {})
-      Rails.application.config.middleware.unshift(RorVsWild::Local::Middleware, nil)
       RorVsWild.start(config.merge(queue: RorVsWild::Local::Queue.new))
+      Rails.application.config.middleware.unshift(RorVsWild::Local::Middleware, nil)
     end
   end
 end

data/lib/rorvswild/plugin/action_controller.rb

@@ -22,7 +22,7 @@ module RorVsWild
             if method_name = controller.send(:method_for_action, controller.action_name)
               section.file, section.line = controller.method(method_name).source_location
               section.file = RorVsWild.agent.locator.relative_path(section.file)
-              section.command = "#{controller.class}##{method_name}"
+              section.commands << "#{controller.class}##{method_name}"
             end
             RorVsWild.agent.current_data[:name] = controller_action if RorVsWild.agent.current_data
           end

data/lib/rorvswild/plugin/action_mailer.rb

@@ -14,7 +14,7 @@ module RorVsWild
 
       def finish(name, id, payload)
         RorVsWild::Section.stop do |section|
-          section.command = payload[:mailer]
+          section.commands << payload[:mailer]
           section.kind = "mail".freeze
         end
       end

data/lib/rorvswild/plugin/action_view.rb

@@ -16,7 +16,7 @@ module RorVsWild
       def finish(name, id, payload)
         RorVsWild::Section.stop do |section|
           section.kind = "view".freeze
-          section.command = RorVsWild.agent.locator.relative_path(payload[:identifier])
+          section.commands << RorVsWild.agent.locator.relative_path(payload[:identifier])
           section.file = section.command
           section.line = 1
         end

data/lib/rorvswild/plugin/active_job.rb

@@ -12,7 +12,7 @@ module RorVsWild
         RorVsWild.agent.measure_job(job.class.name, parameters: job.arguments) do
           begin
             section = RorVsWild::Section.start
-            section.command = "#{job.class}#perform"
+            section.commands << "#{job.class}#perform"
             section.file, section.line = job.method(:perform).source_location
             section.file = RorVsWild.agent.locator.relative_path(section.file)
             block.call

data/lib/rorvswild/plugin/active_record.rb

@@ -15,13 +15,11 @@ module RorVsWild
       end
 
       IGNORED_QUERIES = %w[EXPLAIN SCHEMA].freeze
-      APPENDABLE_QUERIES = ["BEGIN", "COMMIT"].freeze
 
       def start(name, id, payload)
         return if IGNORED_QUERIES.include?(payload[:name])
         RorVsWild::Section.start do |section|
-          section.appendable_command = APPENDABLE_QUERIES.include?(payload[:sql])
-          section.command = normalize_sql_query(payload[:sql])
+          section.commands << normalize_sql_query(payload[:sql])
           section.kind = "sql"
         end
       end

data/lib/rorvswild/plugin/delayed_job.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 module RorVsWild
   module Plugin
     module DelayedJob
@@ -7,7 +9,14 @@ module RorVsWild
         Delayed::Worker.plugins << Class.new(Delayed::Plugin) do
           callbacks do |lifecycle|
             lifecycle.around(:invoke_job) do |job, *args, &block|
-              RorVsWild.agent.measure_job(job.name, parameters: job.payload_object) { block.call(job) }
+              if job.payload_object.class.name == "ActiveJob::QueueAdapters::DelayedJobAdapter::JobWrapper"
+                job_name, job_args = job.payload_object.job_data.values_at("job_class", "arguments")
+              elsif job.payload_object.is_a?(Delayed::PerformableMethod)
+                job_name, job_args = job.name, job.payload_object.args
+              else
+                job_name, job_args = job.name, job.payload_object
+              end
+              RorVsWild.agent.measure_job(job_name, parameters: job_args) { block.call(job) }
             end
           end
         end