From e29824b57593a3fab1ec5fc74ce1863d6b106ff1 Mon Sep 17 00:00:00 2001
From: yann64 <yannickbarbel@orange.fr>
Date: Fri, 5 Jun 2026 19:45:12 +0200
Subject: [PATCH] Carte : remplace Leaflet CDN par bundle Vite local
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le CDN unpkg.com échoue si le serveur n'a pas accès à Internet.
- npm install leaflet
- resources/js/carte.js : point d'entrée qui importe Leaflet + expose window.LeafletMap
- vite.config.js : ajoute carte.js aux inputs compilés
- carte/index.blade.php : @vite au lieu du CDN, utilise window.LeafletMap

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 package-lock.json                     |  9 +++++++++
 package.json                          |  3 +++
 resources/js/carte.js                 | 16 ++++++++++++++++
 resources/views/carte/index.blade.php | 13 +++++--------
 vite.config.js                        |  2 +-
 5 files changed, 34 insertions(+), 9 deletions(-)
 create mode 100644 resources/js/carte.js

diff --git a/package-lock.json b/package-lock.json
index 9bf2165..924a031 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4,6 +4,9 @@
     "requires": true,
     "packages": {
         "": {
+            "dependencies": {
+                "leaflet": "^1.9.4"
+            },
             "devDependencies": {
                 "@tailwindcss/forms": "^0.5.2",
                 "@tailwindcss/vite": "^4.0.0",
@@ -2276,6 +2279,12 @@
                 "vite": "^7.0.0"
             }
         },
+        "node_modules/leaflet": {
+            "version": "1.9.4",
+            "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.4.tgz",
+            "integrity": "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==",
+            "license": "BSD-2-Clause"
+        },
         "node_modules/lightningcss": {
             "version": "1.32.0",
             "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
diff --git a/package.json b/package.json
index 2ea7e1d..dbffe1a 100644
--- a/package.json
+++ b/package.json
@@ -17,5 +17,8 @@
         "postcss": "^8.4.31",
         "tailwindcss": "^3.1.0",
         "vite": "^7.0.7"
+    },
+    "dependencies": {
+        "leaflet": "^1.9.4"
     }
 }
diff --git a/resources/js/carte.js b/resources/js/carte.js
new file mode 100644
index 0000000..d867619
--- /dev/null
+++ b/resources/js/carte.js
@@ -0,0 +1,16 @@
+import L from 'leaflet';
+import 'leaflet/dist/leaflet.css';
+
+// Correction des icônes Leaflet avec Vite (les chemins par défaut ne fonctionnent pas avec bundler)
+import markerIcon2x from 'leaflet/dist/images/marker-icon-2x.png';
+import markerIcon from 'leaflet/dist/images/marker-icon.png';
+import markerShadow from 'leaflet/dist/images/marker-shadow.png';
+
+delete L.Icon.Default.prototype._getIconUrl;
+L.Icon.Default.mergeOptions({
+    iconRetinaUrl: markerIcon2x,
+    iconUrl: markerIcon,
+    shadowUrl: markerShadow,
+});
+
+window.LeafletMap = L;
diff --git a/resources/views/carte/index.blade.php b/resources/views/carte/index.blade.php
index db2dd6e..02334da 100644
--- a/resources/views/carte/index.blade.php
+++ b/resources/views/carte/index.blade.php
@@ -7,9 +7,8 @@
     </x-slot>
 
     @push('head')
-        {{-- Leaflet CSS --}}
-        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
-              integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="">
+        {{-- Leaflet (bundlé via Vite) --}}
+        @vite('resources/js/carte.js')
         <style>
             #carte-map {
                 height: calc(100vh - 120px);
@@ -45,13 +44,11 @@
     <div id="carte-map" class="w-full"></div>
 
     @push('head')
-        {{-- Leaflet JS (chargé en fin de head pour ne pas bloquer le rendu) --}}
-        <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
-                integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV/XN2GqM8=" crossorigin=""
-                defer></script>
-
         <script>
         document.addEventListener('DOMContentLoaded', function () {
+            const L = window.LeafletMap;
+            if (!L) return;
+
             // ── Initialisation de la carte ──────────────────────────────────────
             const map = L.map('carte-map', {
                 center: [46.5, 2.2],   // centre de la France
diff --git a/vite.config.js b/vite.config.js
index 421b569..01daf9b 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,7 +4,7 @@ import laravel from 'laravel-vite-plugin';
 export default defineConfig({
     plugins: [
         laravel({
-            input: ['resources/css/app.css', 'resources/js/app.js'],
+            input: ['resources/css/app.css', 'resources/js/app.js', 'resources/js/carte.js'],
             refresh: true,
         }),
     ],