Refactor: déplacer router et animations hors de state/

- src/state/router.js → src/router/index.js
- src/state/animations.js → src/utils/animations.js
- Ajout des alias @router et @utils dans vite.config.js
- Mise à jour des imports dans Header.svelte et main.js

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

src/state/animations.js

@@ -1,142 +0,0 @@
-import gsap from 'gsap'
-import { ScrollTrigger } from 'gsap/ScrollTrigger'
-
-gsap.registerPlugin(ScrollTrigger)
-
-/**
- * Fade in animation for page enter
- */
-export function pageEnter(element, options = {}) {
-  const defaults = {
-    opacity: 0,
-    y: 50,
-    duration: 0.8,
-    ease: 'power3.out'
-  }
-
-  return gsap.from(element, { ...defaults, ...options })
-}
-
-/**
- * Fade out animation for page exit
- */
-export function pageExit(element, options = {}) {
-  const defaults = {
-    opacity: 0,
-    y: -50,
-    duration: 0.5,
-    ease: 'power3.in'
-  }
-
-  return gsap.to(element, { ...defaults, ...options })
-}
-
-/**
- * Carousel slide animation
- */
-export function carouselSlide(element, offset, options = {}) {
-  const defaults = {
-    x: `-${offset}%`,
-    duration: 0.8,
-    ease: 'power2.inOut'
-  }
-
-  return gsap.to(element, { ...defaults, ...options })
-}
-
-/**
- * Scroll reveal animation
- */
-export function scrollReveal(elements, options = {}) {
-  const defaults = {
-    scrollTrigger: {
-      trigger: elements,
-      start: 'top 80%',
-      toggleActions: 'play none none none'
-    },
-    y: 50,
-    opacity: 0,
-    stagger: 0.1,
-    duration: 0.8,
-    ease: 'power3.out'
-  }
-
-  return gsap.from(elements, { ...defaults, ...options })
-}
-
-/**
- * Fade in elements on scroll
- */
-export function fadeInOnScroll(elements, options = {}) {
-  const defaults = {
-    scrollTrigger: {
-      trigger: elements,
-      start: 'top 80%'
-    },
-    opacity: 0,
-    duration: 1,
-    stagger: 0.2,
-    ease: 'power2.out'
-  }
-
-  return gsap.from(elements, { ...defaults, ...options })
-}
-
-/**
- * Scale animation
- */
-export function scaleIn(element, options = {}) {
-  const defaults = {
-    scale: 0,
-    duration: 0.5,
-    ease: 'back.out(1.7)'
-  }
-
-  return gsap.from(element, { ...defaults, ...options })
-}
-
-/**
- * Cleanup all ScrollTrigger instances
- */
-export function cleanupScrollTriggers() {
-  ScrollTrigger.getAll().forEach(trigger => trigger.kill())
-}
-
-/**
- * Refresh ScrollTrigger (useful after content changes)
- */
-export function refreshScrollTriggers() {
-  ScrollTrigger.refresh()
-}
-
-/**
- * Custom cursor follow animation
- */
-export function cursorFollow(cursorElement, outlineElement) {
-  let cursorX = 0
-  let cursorY = 0
-  let outlineX = 0
-  let outlineY = 0
-
-  const handleMouseMove = (e) => {
-    cursorX = e.clientX
-    cursorY = e.clientY
-  }
-
-  const animate = () => {
-    outlineX += (cursorX - outlineX) * 0.2
-    outlineY += (cursorY - outlineY) * 0.2
-
-    gsap.set(cursorElement, { x: cursorX, y: cursorY })
-    gsap.set(outlineElement, { x: outlineX, y: outlineY })
-
-    requestAnimationFrame(animate)
-  }
-
-  window.addEventListener('mousemove', handleMouseMove)
-  animate()
-
-  return () => {
-    window.removeEventListener('mousemove', handleMouseMove)
-  }
-}

src/state/router.js

@@ -1,93 +0,0 @@
-import navaid from "navaid";
-import { page } from "./page.svelte";
-import { navigation } from "./navigation.svelte";
-import { site } from "./site.svelte";
-import { locale } from "./locale.svelte";
-
-export const router = navaid("/", () => {
-  // Default handler
-});
-
-async function loadPage(path) {
-  navigation.setLoading(true);
-  page.setLoading(true);
-
-  try {
-    const response = await fetch(`${path}.json`);
-
-    if (!response.ok) {
-      throw new Error(`Failed to load page: ${response.status}`);
-    }
-
-    const data = await response.json();
-
-    if (data.site) {
-      site.set(data.site);
-      locale.initialize(data.site.language, data.site.languages);
-    }
-
-    page.set({
-      data,
-      template: data.template || "default",
-      url: path,
-      loading: false,
-      error: null,
-    });
-
-    window.scrollTo(0, 0);
-  } catch (error) {
-    console.error("Failed to load page:", error);
-    page.setError(error);
-  } finally {
-    navigation.setLoading(false);
-  }
-}
-
-// Route handlers
-router
-  .on("/", () => loadPage("/home"))
-  .on("/expertise", () => loadPage("/expertise"))
-  .on("/portfolio", () => loadPage("/portfolio"))
-  .on("/portfolio/:slug", ({ slug }) => loadPage(`/portfolio/${slug}`))
-  .on("/jouer", () => loadPage("/jouer"))
-  .on("/jouer/:slug", ({ slug }) => loadPage(`/jouer/${slug}`))
-  .on("/a-propos", () => loadPage("/a-propos"))
-  .on("/blog", () => loadPage("/blog"))
-  .on("/blog/:slug", ({ slug }) => loadPage(`/blog/${slug}`))
-  .on("*", (params) => {
-    // Fallback for other routes
-    loadPage(window.location.pathname);
-  });
-
-export function initRouter() {
-  // Start listening to route changes
-  router.listen();
-
-  // Intercept internal link clicks
-  document.addEventListener("click", (e) => {
-    const link = e.target.closest("a");
-    if (!link) return;
-
-    const url = new URL(link.href, window.location.origin);
-
-    // Only intercept same-origin links without target attribute
-    if (
-      url.origin === window.location.origin &&
-      !link.target &&
-      !link.hasAttribute("download")
-    ) {
-      e.preventDefault();
-      navigateTo(url.pathname);
-    }
-  });
-
-  // Handle browser back/forward
-  window.addEventListener("popstate", () => {
-    router.run(window.location.pathname);
-  });
-}
-
-export function navigateTo(path) {
-  window.history.pushState({}, "", path);
-  loadPage(path);
-}