From e74e7d249dbbd2081078f2abc734605b51e9aa0d Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Wed, 25 Mar 2026 13:44:03 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20background-image=20via=20style=20inline?=
 =?UTF-8?q?=20pour=20=C3=A9viter=20la=20r=C3=A9=C3=A9criture=20Vite?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Vite traite les url() dans les blocs <style> et réécrit le chemin au build.
Déplacement de l'url en attribut style inline (non traité par Vite).
Annule la tentative de correction via generateBundle.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/App.svelte |  3 +--
 vite.config.js | 12 ------------
 2 files changed, 1 insertion(+), 14 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index ddec061..bdbf451 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -125,7 +125,7 @@
 
 <Cursor />
 <Header />
-<div class="bg-fixed"></div>
+<div class="bg-fixed" style="background-image: url('/assets/img/scrollable-page-background.png')"></div>
 
 <main class="main">
   <div
@@ -200,7 +200,6 @@
     position: fixed;
     inset: 0;
     z-index: -1;
-    background-image: url('/assets/img/scrollable-page-background.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
diff --git a/vite.config.js b/vite.config.js
index 6367c39..5051298 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -6,9 +6,6 @@ import path from 'path'
  * Plugin: les fonts restent dans assets/fonts/, sans duplication dans dist/.
  * Vite les copie dans dist/ pendant le build — ce plugin les supprime du bundle
  * et réécrit leurs URLs dans le CSS pour pointer vers /assets/fonts/.
- *
- * Également : les URLs /assets/img/ dans le CSS sont préservées telles quelles
- * (Vite les réécrit en supprimant le chemin à cause de assetFileNames: '[name].[ext]').
  */
 function keepFontsInPlace() {
   const fontRe = /\.(woff2?|ttf|otf)$/i
@@ -22,19 +19,10 @@ function keepFontsInPlace() {
       }
       for (const chunk of Object.values(bundle)) {
         if (chunk.type === 'asset' && chunk.fileName.endsWith('.css')) {
-          // Réécrit les URLs des fonts
           chunk.source = chunk.source.replace(
             /url\((['"]?)([^'")\s]*\.(woff2?|ttf|otf))\1\)/gi,
             (_, _q, p) => `url("/assets/fonts/${decodeURIComponent(p.split('/').pop())}")`
           )
-          // Réécrit les URLs des images /assets/img/ (Vite supprime le chemin)
-          chunk.source = chunk.source.replace(
-            /url\((['"]?)([^'")\s]*assets\/img\/[^'")\s]*\.(png|jpe?g|gif|webp|avif|svg))\1\)/gi,
-            (_, _q, p) => {
-              const filename = decodeURIComponent(p.split('/').pop())
-              return `url("/assets/img/${filename}")`
-            }
-          )
         }
       }
     }