Internal

MOCKUP

Un serveur Rust, tous les mockups — livereload SSE, dashboard, tunnel natif vers aionverse.io.

L'accès au dashboard et aux mockups en cours est protégé. Connecte-toi pour voir ce qui tourne en local sur la machine de Jean.

Connect →

L'atelier de présentation centralisé

Mockup est un serveur Rust (axum, port 1000) qui héberge tous les livrables visuels de l'écosystème. Chaque slug est un dossier dans 01_TOOLS/mockup/ — créer un mockup revient à créer un dossier avec un index.html. Le dashboard liste tout, génère des thumbnails via Playwright, permet de supprimer proprement vers un backup.

Deux modes coexistent. Le mode pure sert un dossier statique tel quel — moodboards, comparatifs, décisions V/D/R. Le mode window pointe vers le dossier preprod/ d'un projet vivant, y injecte le script de livereload SSE, et réagit à chaque sauvegarde fichier en moins de 200ms. Jean voit les changements s'appliquer sans Ctrl+R, sur une fenêtre navigateur normale.

Le tunnel SSH expose aionverse.io/mockup/ via nginx AWS — auth htpasswd globale ou scopée par slug (pattern déjà déployé pour les partages tiers). Le serveur est path-agnostic : le même binaire fonctionne en local sur 127.0.0.1:1000 et derrière le tunnel sans une ligne de configuration supplémentaire.

Infrastructure visuelle

Livereload SSE

notify watcher + tokio broadcast — reload filtré par slug, debounce 200ms, jamais de cascade cross-mockup.

Mode Window

Proxy live vers preprod/ d'un projet — SSE injecté, multi-roots, rescan automatique toutes les 30s.

Decisions V/D/R

API JSON par slug — valider, décliner, ou retravailler un livraable depuis le navigateur, persisté sur disque.

Thumbnails Playwright

Aperçu 1280×800 généré headless au boot et à chaque modification — visible dans le dashboard, cache-busted.

Range Bytes

206 Partial Content sur audio/vidéo — <audio> / <video> HTML5 fonctionnent nativement dans les mockups.

Lien partageable

Bouton 🔗 sur chaque card du dashboard — copie l'URL `aionverse.io/mockup-dashboard/<slug>/` dans le presse-papier, à donner à un tiers avec ses identifiants.

Interface

Mockup dashboard centralisé
Screenshot bientôt
Mockup livereload window mode
Screenshot bientôt
← Tous les outils