SitePing, c'est quoi ?
Widget de feedback client open-source — annotations ancrées au DOM, auto-hébergé, zéro abonnement.
SitePing permet à vos clients de laisser leurs retours directement sur le site que vous construisez pour eux. Ils dessinent un rectangle sur la page (ou font un clic droit), tapent un commentaire, et vous le recevez épinglé à l'élément exact — fini les captures d'écran collées dans des e-mails, fini les « le bouton en haut… non, l'autre ».
C'est pensé pour les freelances et agences qui font relire des sites en cours de construction à leurs clients, et ça remplace Marker.io ou BugHerd par un outil qui vous appartient : licence MIT, auto-hébergé, votre base de données, zéro abonnement.
Comment ça marche
- Vous ajoutez le widget au site en relecture — un
npm install, un appelinitSiteping(). Par défaut il n'apparaît qu'en développement et staging, jamais aux visiteurs de la prod. - Votre client annote — un rectangle dessiné, ou un clic droit n'importe où. Chaque commentaire est ancré à l'élément du DOM visé, et survit donc aux déploiements et aux changements de mise en page. En option : une capture d'écran de la zone annotée, les diagnostics console/réseau.
- Vous triez — dans le dashboard prêt à l'emploi (une inbox façon Linear, pilotable au clavier) ou via l'API HTTP. Les statuts suivent
open→in_progress→resolved/wont_fix.
Les briques
| Package | Ce que c'est |
|---|---|
@siteping/widget | Le widget que vos clients utilisent (~34 KB gzip, agnostique du framework, hook React inclus) |
@siteping/dashboard | L'inbox de triage — un composant React, ou un hook headless |
@siteping/server | L'endpoint HTTP devant n'importe quel store, pour n'importe quel framework : auth, CORS, hooks, webhooks |
@siteping/adapter-prisma | L'adapter serveur de production : cet endpoint avec un store Prisma intégré |
@siteping/adapter-drizzle | Un store de production sur PostgreSQL ou Turso / libSQL via Drizzle ORM |
@siteping/integration-issues | Un ticket GitHub ou GitLab par feedback, tenu à jour par les hooks du serveur |
@siteping/screenshot-storage | Où vivent les captures — tout bucket compatible S3, Cloudflare Images, votre base de données, le système de fichiers, ou votre propre backend |
@siteping/adapter-memory / -localstorage | Des stores pour les tests, démos et prototypes sans serveur |
@siteping/adapter-kit | De quoi écrire votre propre adapter — le contrat, le moteur, la suite de conformité |
@siteping/cli | init, sync, status, doctor — installation et vérifications |
Prêt ? Le démarrage rapide prend environ trois minutes — ou essayez tout en direct dans la démo, qui tourne avec ce widget.