Le build Docker (vue-tsc en install isole) echouait avec TS2307
"Cannot find module './App.vue'..." faute de declaration de module
pour les fichiers .vue. Ajout du shim standard dans vite-env.d.ts.
- MesPersos.vue (347L) éclaté en 5 sous-composants autonomes sous
shop/persos/ (BgPrefsSection, SendButtonPrefsSection, SendSkinPrefsSection,
IpColorPrefsSection, PetsPrefsSection). MesPersos n'est plus qu'un wrapper.
- CSS partagé des sections déplacé en classes globales .pf-* dans style.css
(plus de duplication entre les sections).
- ProductCard : metaJson typé via parseMeta<ProductMeta>(), suppression des
casts `any` (find/designs) — comportement identique.
- vue-tsc --noEmit : 0 erreur.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Theming
- Thème global piloté par variables CSS (:root + [data-theme]) appliqué via un
attribut data-theme sur la racine app. Ajout du thème "WhatsApp" (bulles +
palette verte, bulle sortante #005c4b) sans nouveau composant message.
- useTheme: type Theme étendu + THEME_LAYOUT (whatsapp = layout bulles).
- MessageList: sélection du composant par layout avec garde de repli
(fini le <component :is="undefined">).
- Fix du thème "compact" cassé : nouveau MessageItemCompact.vue (variante dense).
- Surfaces migrées en variables : fond app/chat, header, bouton d'envoi, bulles.
Corrections
- Bug envoi rich/fichier : le backend exigeait un content texte non vide même
en mode HTML/CSS/JS. Validation par présence (texte OU rich OU piece jointe) ;
le front n'envoie plus d'espace bidon. Plus besoin de faux texte.
- Shop : suppression de "Tout voir", navigation forcee par categorie
(defaut: Publicite).
Refactor (lisibilite)
- Parite perks backend (ip-colors, audio-alert, send-skin-*) ; /api/shop/me
renvoie myPerks precalcule ; le front consomme directement (suppression de la
derivation dupliquee + nettoyage d'un artefact de merge dans useMessages).
- Coherence composable-singleton : myPerks lu via useMyPerks() partout.
- Extraction du composer de HomePage vers ChatComposer.vue (HomePage = layout).
- Helper type parseMeta<T>() pour les metaJson (moins de any).
- vue-tsc --noEmit : 0 erreur.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- Added docker-compose.yml for PostgreSQL and Redis services with health checks.
- Created frontend directory with initial Vue.js setup including package.json, vite.config.ts, and TypeScript configuration.
- Implemented main application structure with App.vue and HomePage.vue components.
- Added message fetching and posting functionality in HomePage.vue.
- Included necessary styles and scripts for Ionic framework integration.
- Developed a dev-stack script to manage Docker containers and run backend/frontend servers.
