snoopy
0b2e5e326d
Premiere version fonctionnelle, demarrable avec `docker compose up -d --build` sur http://localhost:8080. Architecture - Frontend React 18 / TypeScript strict / Vite / Tailwind, canvas @xyflow/react, etat Zustand, persistance IndexedDB via Dexie, auto-layout dagre. - Backend FastAPI / SQLAlchemy 2 / Pydantic v2 / SQLite, qui sert aussi les fichiers statiques du frontend compile. - Image Docker multi-stage, un seul service, bind mount ./data pour SQLite. Local-first Les cartes restent dans le navigateur. Le serveur ne recoit une carte que sur demande explicite de partage. Partage Deux secrets distincts : share_token public en lecture seule dans l'URL, et management_token conserve uniquement cote client, transmis en en-tete pour les modifications et stocke hashe en base. Fonctionnalites Tableau de bord, editeur complet (undo/redo, copier/coller, raccourcis, branches repliables, recherche), 9 themes, 4 dispositions automatiques, panneau de proprietes, import/export .mmap, export PNG/SVG/PDF, impression, page publique en lecture seule, PWA. Qualite 25 tests pytest et 43 tests vitest au vert, ruff et ESLint sans erreur, TypeScript strict sans erreur. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
17 lines
582 B
TypeScript
17 lines
582 B
TypeScript
import { useEffect, useRef } from 'react';
|
|
|
|
/**
|
|
* Execute `effect` apres `delay` ms d'inactivite sur `deps`.
|
|
* Utilise pour l'autosave : on n'ecrit pas en base a chaque micro-mouvement.
|
|
*/
|
|
export function useDebouncedEffect(effect: () => void, deps: unknown[], delay: number): void {
|
|
const callbackRef = useRef(effect);
|
|
callbackRef.current = effect;
|
|
|
|
useEffect(() => {
|
|
const timer = window.setTimeout(() => callbackRef.current(), delay);
|
|
return () => window.clearTimeout(timer);
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [...deps, delay]);
|
|
}
|