Reconstruit le site statique mono-page (Bulma + htmx + Strapi) en SvelteKit 2 + Svelte 5 (runes) + TypeScript, 100 % statique (adapter-static), auto-hébergé. - Contenu enrichi à partir du dossier documentaire sourcé : 28 pages (histoire, Mé 67, procès 1968, 9 fiches militants, idéologie, héritage, publications, charte, orientation, sources, FAQ, actualités, contact, mentions légales). - Souveraineté : retrait de Bulma/htmx/mustache/ionicons/Plausible/Google Fonts et de l'API Strapi. Polices Archivo/Inter et sprite SVG auto-hébergés (zéro emoji). - Identité GONG (drapeau vert/blanc/rouge), thème sombre par défaut + clair AA, cadences motion gwoka, KineticText, timeline, 404 kréyòl, PWA hors-ligne. - SEO/AI-Overview : HTML sémantique, JSON-LD (Organization, Person, Event, FAQPage, Article...), hreflang, sitemap dynamique, robots/humans.txt. - Sécurité : CSP hachée + en-têtes (.htaccess o2switch + _headers Cloudflare), HSTS. - Actualités éditées via Sveltia CMS (git-based) ; Strapi retiré. npm run build : vert · npm run check : 0 erreur / 0 warning · JS 97 Ko gzip. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
// Smooth scroll Lenis — import dynamique, une seule instance, gate reduced-motion.
|
|
import { prefersReducedMotion } from './tokens';
|
|
|
|
type Lenis = { raf: (t: number) => void; destroy: () => void; scrollTo: (t: unknown, o?: unknown) => void };
|
|
|
|
let lenis: Lenis | null = null;
|
|
let rafId = 0;
|
|
|
|
export async function initSmoothScroll(): Promise<() => void> {
|
|
if (prefersReducedMotion() || typeof window === 'undefined') return () => {};
|
|
const { default: Lenis } = await import('lenis');
|
|
lenis = new Lenis({ lerp: 0.11, wheelMultiplier: 1, smoothWheel: true }) as unknown as Lenis;
|
|
const loop = (t: number) => {
|
|
lenis?.raf(t);
|
|
rafId = requestAnimationFrame(loop);
|
|
};
|
|
rafId = requestAnimationFrame(loop);
|
|
return () => {
|
|
cancelAnimationFrame(rafId);
|
|
lenis?.destroy();
|
|
lenis = null;
|
|
};
|
|
}
|
|
|
|
/** Défilement vers une ancre (#id) en respectant Lenis si actif. */
|
|
export function scrollToAnchor(hash: string): void {
|
|
const el = document.querySelector(hash);
|
|
if (!el) return;
|
|
if (lenis) lenis.scrollTo(el, { offset: -80 });
|
|
else el.scrollIntoView({ behavior: 'smooth' });
|
|
}
|