From 277d7c0e049f888094913c1a581f5e0477bec836 Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <aider@paulg.org>
Date: Fri, 6 Dec 2024 14:36:34 -0800
Subject: [PATCH] perf: cache diagonal pattern and optimize label access in
 chart rendering

---
 aider/website/_includes/edit-leaderboard.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/aider/website/_includes/edit-leaderboard.js b/aider/website/_includes/edit-leaderboard.js
index 698b8f8f3..20442e5b0 100644
--- a/aider/website/_includes/edit-leaderboard.js
+++ b/aider/website/_includes/edit-leaderboard.js
@@ -1,5 +1,6 @@
 document.addEventListener('DOMContentLoaded', function () {
   var ctx = document.getElementById('editChart').getContext('2d');
+  const diagonalPattern = pattern.draw('diagonal', 'rgba(54, 162, 235, 0.2)');
   const HIGHTLIGHT_MODEL = 'no no no no';
   var leaderboardData = {
     labels: [],
@@ -9,9 +10,9 @@ document.addEventListener('DOMContentLoaded', function () {
       backgroundColor: function(context) {
         const row = allData[context.dataIndex];
         if (row && row.edit_format === 'whole') {
-          return pattern.draw('diagonal', 'rgba(54, 162, 235, 0.2)');
+          return diagonalPattern;
         }
-        const label = context.chart.data.labels[context.dataIndex] || '';
+        const label = leaderboardData.labels[context.dataIndex] || '';
         return (label && label.includes(HIGHTLIGHT_MODEL)) ? 'rgba(255, 99, 132, 0.2)' : 'rgba(54, 162, 235, 0.2)';
       },
       borderColor: function(context) {