Show the class name in the JS output

joerick · Oct 18, 2022 · de27b00 · de27b00
1 parent 25dc2cc
commit de27b00
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/html_renderer/src/Frame.vue b/html_renderer/src/Frame.vue
@@ -15,7 +15,7 @@
            :style="timeStyle">
         {{formattedTime}}
       </div>
-      <div class="name">{{frame.function}}</div>
+      <div class="name">{{name}}</div>
       <div class="spacer" style="flex: 1"></div>
       <div class="code-position">
         {{codePosition}}
@@ -69,6 +69,13 @@ export default {
     }
   },
   computed: {
+    name() {
+      if (this.frame.className) {
+        return `${this.frame.className}.${this.frame.function}`;
+      } else {
+        return this.frame.function
+      }
+    },
     isVisible() {
       if (!this.frame.group) {
         return true;

diff --git a/html_renderer/src/model/Frame.js b/html_renderer/src/model/Frame.js
@@ -10,6 +10,7 @@ export default class Frame {
     this.time = jsonObject.time;
     this.totalTime = this.parent ? this.parent.totalTime : this.time;
     this.isApplicationCode = jsonObject.is_application_code
+    this.className = jsonObject.class_name;
 
     if (jsonObject.group_id) {
       const groupId = jsonObject.group_id;

diff --git a/pyinstrument/renderers/html_resources/app.js b/pyinstrument/renderers/html_resources/app.js