fix: configurer les chemins relatifs pour le déploiement (base path et favicon)

- Modification du chemin du favicon dans index.html pour utiliser un chemin relatif (./assets/...) au lieu d'un chemin absolu.
- Ajout de la propriété 'base: "./"' dans vite.config.ts afin de générer des chemins relatifs pour l'ensemble des assets lors du build.
- Spécification explicite du dossier de sortie 'outDir: "dist"' dans la configuration de build de Vite.

Ces changements permettent d'assurer que l'application s'affiche et charge correctement ses ressources lorsqu'elle est déployée dans un sous-dossier ou sur des plateformes d'hébergement statique comme GitHub Pages.

Author: Klaynight-dev

.github/workflows/deploy.yml

@@ -0,0 +1,43 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      - run: bun install
+
+      - run: bun run build
+
+      - uses: actions/upload-pages-artifact@v3
+        with:
+          path: dist
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - uses: actions/deploy-pages@v4
+        id: deployment

index.html

@@ -32,7 +32,7 @@
   <meta name="color-scheme" content="light"/>
 
   <!-- Favicon -->
-  <link rel="icon" type="image/svg+xml" href="/assets/synapse-logo.svg"/>
+  <link rel="icon" type="image/svg+xml" href="./assets/synapse-logo.svg"/>
 
   <link rel="preconnect" href="https://fonts.googleapis.com"/>
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>

vite.config.ts

@@ -2,7 +2,9 @@ import { defineConfig } from "vite";
 
 export default defineConfig({
   assetsInclude: ["**/*.wgsl"],
+  base: "./",
   build: {
     target: "es2022",
+    outDir: "dist",
   },
 });