Add target filter to compile-time compage page

Author: Kobzol

site/frontend/src/pages/compare/compile/common.ts

@@ -19,6 +19,9 @@ export type CompileBenchmarkFilter = {
     llvm: boolean;
     cranelift: boolean;
   };
+  target: {
+    x86_64_unknown_linux_gnu: boolean;
+  };
   category: {
     primary: boolean;
     secondary: boolean;
@@ -54,6 +57,9 @@ export const defaultCompileFilter: CompileBenchmarkFilter = {
     llvm: true,
     cranelift: true,
   },
+  target: {
+    x86_64_unknown_linux_gnu: true,
+  },
   category: {
     primary: true,
     secondary: true,
@@ -154,6 +160,15 @@ export function computeCompileComparisonsWithNonRelevant(
     }
   }
 
+  function targetFilter(target: Target): boolean {
+    if (target === "x86_64-unknown-linux-gnu") {
+      return filter.target.x86_64_unknown_linux_gnu;
+    } else {
+      // Unknown, but by default we should show things
+      return true;
+    }
+  }
+
   function artifactFilter(metadata: CompileBenchmarkMetadata | null): boolean {
     if (metadata?.binary === null) return true;
 
@@ -186,6 +201,7 @@ export function computeCompileComparisonsWithNonRelevant(
       profileFilter(comparison.testCase.profile) &&
       scenarioFilter(comparison.testCase.scenario) &&
       backendFilter(comparison.testCase.backend) &&
+      targetFilter(comparison.testCase.target) &&
       categoryFilter(comparison.testCase.category) &&
       artifactFilter(benchmarkMap[comparison.testCase.benchmark] ?? null) &&
       changeFilter(comparison) &&

site/frontend/src/pages/compare/compile/compile-page.vue

@@ -78,6 +78,13 @@ function loadFilterFromUrl(
         defaultFilter.backend.cranelift
       ),
     },
+    target: {
+      x86_64_unknown_linux_gnu: getBoolOrDefault(
+        urlParams,
+        "target-x86_64-unknown-linux-gnu",
+        defaultFilter.target.x86_64_unknown_linux_gnu
+      ),
+    },
     category: {
       primary: getBoolOrDefault(
         urlParams,
@@ -174,6 +181,11 @@ function storeFilterToUrl(
     filter.backend.cranelift,
     defaultFilter.backend.cranelift
   );
+  storeOrReset(
+    "target-x86_64-unknown-linux-gnu",
+    filter.target.x86_64_unknown_linux_gnu,
+    defaultFilter.target.x86_64_unknown_linux_gnu
+  );
   storeOrReset(
     "primary",
     filter.category.primary,

site/frontend/src/pages/compare/compile/filters.vue

@@ -207,6 +207,26 @@ const opened = createPersistedRef(PREF_FILTERS_OPENED);
               </li>
             </ul>
           </div>
+          <div class="section section-list-wrapper">
+            <div class="section-heading">
+              <div style="width: 160px">
+                <span>Targets</span>
+                <Tooltip>The host target of the benchmarked compiler. </Tooltip>
+              </div>
+            </div>
+            <ul class="states-list">
+              <li>
+                <label>
+                  <input
+                    type="checkbox"
+                    v-model="filter.target.x86_64_unknown_linux_gnu"
+                  />
+                  <span class="label">x86_64-unknown-linux-gnu</span>
+                </label>
+                <Tooltip>The default Linux x64 target.</Tooltip>
+              </li>
+            </ul>
+          </div>
           <div class="section section-list-wrapper">
             <div class="section-heading">
               <div style="width: 160px">