Renommer lib/ en state/ pour plus de clarté

- Renommage du dossier src/lib/ en src/state/
- Mise à jour de l'alias @lib vers @state dans vite.config.js
- Suppression de l'alias @stores devenu obsolète
- Mise à jour de tous les imports dans les composants et vues

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

src/state/animations.js

@@ -0,0 +1,142 @@
+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/locale.svelte.js

@@ -0,0 +1,13 @@
+let current = $state('fr')
+let languages = $state([])
+
+export const locale = {
+  get current() { return current },
+  get languages() { return languages },
+
+  setLanguage: (code) => current = code,
+  initialize: (language, langs) => {
+    current = language
+    languages = langs
+  }
+}

src/state/navigation.svelte.js

@@ -0,0 +1,12 @@
+let isMenuOpen = $state(false)
+let isLoading = $state(false)
+
+export const navigation = {
+  get isMenuOpen() { return isMenuOpen },
+  get isLoading() { return isLoading },
+
+  toggleMenu: () => isMenuOpen = !isMenuOpen,
+  openMenu: () => isMenuOpen = true,
+  closeMenu: () => isMenuOpen = false,
+  setLoading: (value) => isLoading = value
+}

src/state/page.svelte.js

@@ -0,0 +1,35 @@
+let data = $state(null)
+let template = $state(null)
+let url = $state(null)
+let loading = $state(false)
+let error = $state(null)
+
+export const page = {
+  get data() { return data },
+  get template() { return template },
+  get url() { return url },
+  get loading() { return loading },
+  get error() { return error },
+
+  set: (pageData) => {
+    data = pageData.data
+    template = pageData.template
+    url = pageData.url
+    loading = pageData.loading ?? false
+    error = pageData.error ?? null
+  },
+
+  setLoading: (value) => loading = value,
+  setError: (err) => {
+    error = err
+    loading = false
+  },
+
+  reset: () => {
+    data = null
+    template = null
+    url = null
+    loading = false
+    error = null
+  }
+}

src/state/router.js

@@ -0,0 +1,96 @@
+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() {
+  // Load initial page data
+  loadPage(window.location.pathname);
+
+  // 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", () => {
+    loadPage(window.location.pathname);
+  });
+}
+
+export function navigateTo(path) {
+  window.history.pushState({}, "", path);
+  loadPage(path);
+}

src/state/site.svelte.js

@@ -0,0 +1,24 @@
+let title = $state('')
+let url = $state('')
+let language = $state('fr')
+let languages = $state([])
+let logo = $state(null)
+let navigation = $state([])
+
+export const site = {
+  get title() { return title },
+  get url() { return url },
+  get language() { return language },
+  get languages() { return languages },
+  get logo() { return logo },
+  get navigation() { return navigation },
+
+  set: (data) => {
+    title = data.title || ''
+    url = data.url || ''
+    language = data.language || 'fr'
+    languages = data.languages || []
+    logo = data.logo || null
+    navigation = data.navigation || []
+  }
+}