Provide component to output split and monolith plots

JetBrains · Oct 18, 2024 · 0836a1d · 0836a1d
1 parent 72bc26d
commit 0836a1d
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 22 deletions.
diff --git a/dashboard/new-dashboard/src/components/charts/GroupProjectsWithClientChart.vue b/dashboard/new-dashboard/src/components/charts/GroupProjectsWithClientChart.vue
@@ -0,0 +1,32 @@
+<template>
+  <GroupProjectsChart
+    :can-be-closed="false"
+    :value-unit="valueUnit"
+    :legend-formatter="legendFormatter"
+    :machines="machines"
+    :label="label"
+    :projects="projectWithClient"
+    :measure="measure"
+    :aliases="aliasesWithClient"
+  />
+</template>
+
+<script setup lang="ts">
+import { ValueUnit } from "../common/chart"
+import GroupProjectsChart from "./GroupProjectsChart.vue"
+
+interface Props {
+  label: string
+  measure: string | string[]
+  projects: string[]
+  machines?: string[] | null
+  valueUnit?: ValueUnit
+  legendFormatter?: (name: string) => string
+  aliases?: string[] | null
+}
+
+const { label, measure, projects, machines = null, valueUnit = "ms", legendFormatter = (name: string) => name, aliases = null } = defineProps<Props>()
+
+const projectWithClient = [...projects, ...projects.map((project) => `${project}/embeddedClient`)]
+const aliasesWithClient = aliases != null ? [...aliases, ...aliases] : null
+</script>
diff --git a/dashboard/new-dashboard/src/components/rubymine/InspectionsDashboard.vue b/dashboard/new-dashboard/src/components/rubymine/InspectionsDashboard.vue
@@ -25,7 +25,7 @@
       </div>
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Inspections"
         measure="globalInspections"
         :projects="[
@@ -55,7 +55,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Gitlab Inspections"
         measure="globalInspections"
         :projects="[
@@ -91,7 +91,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="File Analysis on Open"
         measure="firstCodeAnalysis"
         :projects="[
@@ -202,7 +202,7 @@
     </section>
 
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="GC Pause, ms"
         measure="gcPause"
         :projects="[
@@ -250,7 +250,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="GC Memory Collected, Mb"
         measure="freedMemoryByGC"
         :projects="[
@@ -298,7 +298,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Routes Highlighting (removed)"
         measure="highlighting"
         :projects="[
@@ -314,7 +314,7 @@
 
 <script setup lang="ts">
 import AggregationChart from "../charts/AggregationChart.vue"
-import GroupProjectsChart from "../charts/GroupProjectsChart.vue"
+import GroupProjectsWithClientChart from "../charts/GroupProjectsWithClientChart.vue"
 import DashboardPage from "../common/DashboardPage.vue"
 import { DataQuery, DataQueryExecutorConfiguration } from "../common/dataQuery"
 

diff --git a/dashboard/new-dashboard/src/components/rubymine/PerformanceDashboard.vue b/dashboard/new-dashboard/src/components/rubymine/PerformanceDashboard.vue
@@ -25,7 +25,7 @@
       </div>
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Find Usages: Execution Time"
         measure="findUsages"
         :projects="[
@@ -81,7 +81,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Find Usages: Quantity"
         measure="findUsages#number"
         :projects="[
@@ -137,7 +137,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Completion (Diaspora)"
         measure="completion"
         :projects="[
@@ -153,7 +153,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Completion (GitLab)"
         measure="completion"
         :projects="[
@@ -169,7 +169,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Completion (Redmine)"
         measure="completion"
         :projects="[
@@ -185,7 +185,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Typing: Average AWT Delay"
         measure="test#average_awt_delay"
         :projects="[
@@ -219,7 +219,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Typing: Total Time"
         measure="typing"
         :projects="[
@@ -253,7 +253,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Enter Handling: Average AWT Delay"
         measure="test#average_awt_delay"
         :projects="[
@@ -301,7 +301,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Enter Handling: Total Time"
         measure="typing"
         :projects="[
@@ -349,7 +349,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Symbol Members: Execution Time"
         measure="getSymbolMembers"
         :projects="[
@@ -371,7 +371,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Symbol Members: Quantity"
         measure="getSymbolMembers#number"
         :projects="[
@@ -393,14 +393,14 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="Distributive Size"
         measure="unpackedDistributiveSize"
         :projects="['distributive-size-RM']"
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="GC Pause, ms"
         measure="gcPause"
         :projects="[
@@ -458,7 +458,7 @@
       />
     </section>
     <section>
-      <GroupProjectsChart
+      <GroupProjectsWithClientChart
         label="GC Memory Collected, Mb"
         measure="freedMemoryByGC"
         :projects="[
@@ -520,9 +520,9 @@
 
 <script setup lang="ts">
 import AggregationChart from "../charts/AggregationChart.vue"
-import GroupProjectsChart from "../charts/GroupProjectsChart.vue"
 import DashboardPage from "../common/DashboardPage.vue"
 import { DataQuery, DataQueryExecutorConfiguration } from "../common/dataQuery"
+import GroupProjectsWithClientChart from "../charts/GroupProjectsWithClientChart.vue"
 
 const typingOnlyConfigurator = {
   configureQuery(query: DataQuery, _configuration: DataQueryExecutorConfiguration): boolean {