--- title: "AI Chat Export" description: "Extension de navigateur multi-plateforme exportant les conversations de chatbots IA en Markdown structure - 8 plateformes supportées, publiée sur le Chrome Web Store, 20 releases livrées en 2 mois." locale: "fr" canonical: "https://portfolio.josedacosta.info/fr/realisations/ai-chat-export" source: "https://portfolio.josedacosta.info/fr/realisations/ai-chat-export.md" html_source: "https://portfolio.josedacosta.info/fr/realisations/ai-chat-export" author: "José DA COSTA" date: "2026" type: "achievement" slug: "ai-chat-export" tags: ["TypeScript", "React 19", "Vite", "Tailwind CSS 4", "Manifest V3", "Chrome Extensions API", "GitHub Actions"] generated_at: "2026-04-23T15:42:30.594Z" --- # AI Chat Export Extension de navigateur multi-plateforme exportant les conversations de chatbots IA en Markdown structure - 8 plateformes supportées, publiée sur le Chrome Web Store, 20 releases livrées en 2 mois. **Date:** Janvier 2026 - Mars 2026 **Duration:** 2 mois **Role:** Développeur unique & Product Owner **Technologies:** TypeScript, React 19, Vite, Tailwind CSS 4, Manifest V3, Chrome Extensions API, GitHub Actions ### Key Metrics - Lignes source: **-** - TypeScript + React - Plateformes: **-** - Chatbots IA supportes - Releases: **-** - En 2 mois - Commits: **-** - Par un seul contributeur ## Présentation du projet _Ce qu'est AI Chat Export et pourquoi il existe_ - **AI Chat Export** est une **extension de navigateur** (Chrome, Firefox, Edge, Brave, Opera) qui exporté les conversations des principaux chatbots IA en Markdown propre et bien structuré. Elle répond à une frustration concrète et répandue : les boutons natifs de copie et d'export intégrés à ChatGPT, Gemini, Claude et autres interfaces IA perdent systématiquement le formatage, suppriment les hyperliens, omettent les citations et n'offrent aucun contrôle sur le contenu exporté. - L'extension se situe à l'intersection des **outils de productivité pour développeurs** et de l'**écosystème des assistants IA**. Elle cible la population en forte croissance d'utilisateurs réguliers de chatbots IA - développeurs, chercheurs, étudiants, redacteurs techniques - qui ont besoin d'archiver, partager ou reutiliser leurs conversations en dehors de l'interface du chatbot. Elle est distribuee via le **Chrome Web Store** et les **GitHub Releases**. - Export Markdown complet avec preservation de tous les liens et du formatage - Copie en un clic dans le presse-papiers ou téléchargement en fichier - Export multi-onglets avec comparaison, fusion et vérification des faits - YAML Front Matter compatible Jekyll, Hugo, Obsidian - Extraction dynamique des liens JavaScript et récupération des titrès de pages - Decoupage intelligent pour les longues conversations ## Objectifs, contexte et risques _La vision stratégique du projet_ ### Obj Fidelity Capturer tout le contenu incluant liens dynamiques, citations, artefacts ### Obj Coverage Principales plateformes IA du marche ### Obj Browser Chrome, Firefox, Edge, Brave, Opera ### Obj Ux Copier ou télécharger en une seule action ### Obj Cicd Pipeline complet jusqu'àu Chrome Web Store **Objectives Intro:** Le projet était guide par cinq objectifs clairs et mesurables : **Obj Fidelity Label:** Fidelite d'export **Obj Fidelity Value:** 100% **Obj Coverage Label:** Couverture **Obj Coverage Value:** 6+ chatbots **Obj Browser Label:** Navigateurs **Obj Browser Value:** 5 navigateurs **Obj Ux Label:** Objectif UX **Obj Ux Value:** 1 clic **Obj Cicd Label:** CI/CD **Obj Cicd Value:** Automatise **Context Text:** Il s'agissait d'un projet personnel initie en janvier 2026 et développé entièrement par José DA COSTA en tant que développeur unique. Le depot est **prive sur GitHub** avec une licence propriétaire et une obfuscation du code en production. Le marché des outils d'export pour chatbots IA est emergent mais deja concurrentiel, faisant de la rapidite de mise sur le marché et de la qualité d'extraction les principaux differenciateurs. **Stakes Text:** Au-dela de l'exercice technique, le projet comportait de veritables enjeux business : **positionnement rapide sur le marche** dans une niche emergente, **conformité Chrome Web Store** (l'extension a deja été rejetee une fois pour keyword stuffing), et **maintenance continue** face à des structures DOM de chatbots en constante évolution. La nature propriétaire du code exigeait egalement une protection robuste de la propriété intellectuelle via une obfuscation multi-couches. **Risk1 Title:** Changements DOM des plateformes IA **Risk1 Desc:** Les chatbots mettent frequemment à jour leur interface, cassant les extracteurs. Attenue par l'architecture modulaire et les tests E2E. **Risk2 Title:** Rejet du Chrome Web Store **Risk2 Desc:** Les guidelines strictes de Google ont deja cause un rejet. Regles de conformité documentées et intégrées au processus de développement. **Risk3 Title:** Protection anti-bot (Cloudflare) **Risk3 Desc:** ChatGPT utilisé une protection anti-bot agressive, empechant les tests automatisés Playwright sur cette plateforme. **Risk4 Title:** Dépendance à un seul développeur **Risk4 Desc:** Un seul mainteneur créé un risque de facteur bus. Attenue par une documentation exhaustive (CLAUDE.md de 23K mots). **Risk5 Title:** Reverse engineering du code **Risk5 Desc:** Les extensions de navigateur exposent le code source. Protege avec Terser + javascript-obfuscator multi-passes. ## Phases de réalisation _Un parcours chronologique de ce qui a été construit et comment_ - Phase 1 - Phase 2 - Phase 3 - Phase 4 **Phase1 Title:** Fondation **Phase1 Period:** 21-22 janv. 2026 **Phase2 Title:** Expansion des plateformes **Phase2 Period:** 22-23 janv. 2026 **Phase3 Title:** Enrichissement fonctionnel **Phase3 Period:** Février 2026 **Phase4 Title:** Fonctionnalités avancees **Phase4 Period:** Mars 2026 ## Acteurs et interactions _L'écosystème humain et technique autour du projet_ - En tant que projet solo, AI Chat Export a été développé entièrement par **José DA COSTA**, qui a cumulé tous les rôles simultanément : product owner, architecte, développeur, designer, ingenieur DevOps et éditeur. Cela a nécessité une approche disciplinee de l'auto-organisation et de la prise de décision. - A partir de mars 2026, **Claude Code (Claude Opus 4.6)** a été introduit comme assistant de pair-programming pour accelerer le développement des fonctionnalités avancees. La collaboration était structuree et delibérée - Claude Code operait dans le cadre de guidelines documentés strictes (CLAUDE.md de 23K mots) et toutes les décisions architecturales restaient du ressort de José DA COSTA. **Table Metric:** Métrique **Table Solo:** José DA COSTA (solo) **Table Claude:** + Claude Code **Table Total:** Total **Table Commits:** Commits **Table Lines Added:** Lignes ajoutees **Table Lines Deleted:** Lignes supprimees **Table Total Lines:** Total lignes modifiees **Ext Deps Text:** Le projet a interagi avec plusieurs services externes : **Chrome Web Store** (distribution principale), **GitHub Actions** (CI/CD), **GitHub Releases** (hébergement des artefacts), **Firefox Add-ons (AMO)**, **Edge Add-ons** et **Google Cloud Console** (OAuth pour l'API Chrome Web Store). Chaque store a ses propres processus de revue, politiques et contraintes de soumission qu'il a fallu naviguer avec soin. ## Résultats _Résultats mesurables pour moi et pour le produit_ ### Metric Releases v1.0.0 a v1.13.1 ### Metric Tests 14 fichiers de tests ### Metric Deps Bundle de production leger ### Metric Active Platforms + 2 prévues ### Metric Cicd lint, type, test, sécurité, build ### Metric Artifacts Chrome, Firefox, Edge, Brave, Opera - **Architecture d'extension de navigateur (Manifest V3)** - maîtrise du cycle de vie complet : content scripts, background service workers, popup UI, Chrome Storage API, messaging inter-processus et gestion d'iframes cross-origin - **Parsing DOM a grande échelle** - développement de stratégies d'extraction robustes utilisant selecteurs CSS, MutationObserver, traversee de l'arbre React Fiber et patterns de chargement de contenu asynchrone - **Publication multi-stores** - navigation dans les processus de soumission, revue et conformité du Chrome Web Store, Firefox AMO et Edge Add-ons - **Protection du code** - implémentation d'un pipeline d'obfuscation de niveau production combinant Terser (3 passes) et javascript-obfuscator avec melange de tableaux de chaines - **Développement assisté par IA** - etablissement d'une méthodologie structuree pour le pair-programming avec Claude Code, incluant une documentation de guidelines de 23K mots servant à la fois de référence pour l'IA et pour les humains - **Iteration rapide** - validation que l'investissement dans le CI/CD des le premier jour permet une velocite soutenue (20 releases en 2 mois sans friction) **For Product:** Pour le produit **Metric Releases:** Releases **Metric Tests:** Assertions de test **Metric Deps:** Dépendances (prod) **Metric Active Platforms:** Plateformes actives **Metric Cicd:** Jobs CI/CD **Metric Artifacts:** Artefacts/Release **For Me:** Pour moi **For Me Text:** Ce projet a considérablement approfondi mon expertise dans plusieurs domaines : ## Les lendemains du projet _Le projet au-dela de la livraison initiale_ **Immediate Text:** Après la release v1.13.1 en mars 2026, l'extension était disponible sur le Chrome Web Store et installable directement via GitHub Releases pour Firefox, Edge, Brave et Opera. Le pipeline de release automatisé garantissait que chaque version taguee était automatiquement construite, packagee et publiée sur tous les canaux supportes. **Maintenance Text:** Les interfaces des chatbots IA sont des **cibles inhéremment instables**. ChatGPT, Gemini, Claude et les autres mettent régulièrement à jour leur structure DOM sans préavis. Chaque mise à jour peut potentiellement casser l'extracteur correspondant. L'architecture modulaire (un extracteur par plateforme, héritant d'AbstractExtractor) a été explicitement conçue pour minimiser le rayon d'impact de tels changements - quand Gemini modifie son DOM, seul l'extracteur Gemini doit être mis à jour. **Current Text:** Le projet est **en production active** sur le Chrome Web Store et continue d'être développé. Deux plateformes supplémentaires (Copilot, DeepSeek) sont prévues. Le code reste sous licence propriétaire avec protection complète du code source. L'infrastructure de documentation - incluant le CLAUDE.md de 23K mots - sert de modèle pour les workflows de développement assisté par IA et a été reutilisée dans d'autres projets. ## Regard critique _Rétrospective honnete sur les décisions et les leçons apprises_ - **L'automatisation paye des le premier jour** - la mise en place du CI/CD, des conventional commits et des releases automatisées a immédiatement permis 20 releases sans friction en 2 mois. - **Documenter pour l'IA, c'est documenter pour l'humain** - les guidelines Claude Code de 23K mots servent egalement de documentation architecturale complete. - **Les DOM SaaS sont des contrats instables** - baser un produit sur le parsing DOM de tiers nécessité une conception modulaire et une capacité d'adaptation rapide. - **La protection de la PI demande un effort delibere** - dans l'écosystème des extensions de navigateur, le code est inhéremment expose. L'obfuscation, la minification et l'absence de source maps sont des defenses nécessaires mais imparfaites.