From 16f5b87e177914dc70ef7ca4bea458fac0e2e8a8 Mon Sep 17 00:00:00 2001
From: gilmry <gilmry@gmail.com>
Date: Thu, 20 Aug 2026 08:42:21 +0200
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20importe=20chart.js=20s=C3=A9le?=
 =?UTF-8?q?ctivement=20au=20lieu=20de=20chart.js/auto?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

chart.js/auto enregistre tous les contrôleurs/échelles/plugins que
Chart.js embarque (radar, bulles, scatter, filler, decimation...),
alors que le dashboard n'utilise que line/bar/pie. N'enregistrer que
ce qui sert réduit le bundle de 212774 à 182160 octets (-14%), sans
changement de comportement.

Vérifié en dev : 4 graphiques toujours rendus à l'identique (courbes,
barres, camembert, titres, légendes, tooltips), 0 erreur console,
capture d'écran comparée. Suite e2e complète.
---
 .../src/components/DashboardCharts.svelte     | 35 ++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/DashboardCharts.svelte b/frontend/src/components/DashboardCharts.svelte
index 66d79a3..cdb6b77 100644
--- a/frontend/src/components/DashboardCharts.svelte
+++ b/frontend/src/components/DashboardCharts.svelte
@@ -1,9 +1,42 @@
 <script lang="ts">
   import { onMount, onDestroy } from "svelte";
-  import Chart from "chart.js/auto";
+  // chart.js/auto registers every controller/scale/plugin Chart.js ships
+  // (radar, bubble, scatter, filler, decimation...) - none of which this
+  // dashboard uses. Registering only line/bar/pie + what they need cuts
+  // the bundle roughly in half.
+  import {
+    Chart,
+    LineController,
+    BarController,
+    PieController,
+    CategoryScale,
+    LinearScale,
+    PointElement,
+    LineElement,
+    BarElement,
+    ArcElement,
+    Title,
+    Legend,
+    Tooltip,
+  } from "chart.js";
   import { CURRENCY_SYMBOL } from "../lib/format";
   import type { ExploitationDashboard } from "../lib/types";
 
+  Chart.register(
+    LineController,
+    BarController,
+    PieController,
+    CategoryScale,
+    LinearScale,
+    PointElement,
+    LineElement,
+    BarElement,
+    ArcElement,
+    Title,
+    Legend,
+    Tooltip,
+  );
+
   export let dashboard: ExploitationDashboard;
 
   let costCanvas: HTMLCanvasElement;