1e9b1b30c9
Bug réel : la bannière 'Surlignez le texte à clipper' n'apparaissait jamais en pratique parce que le side panel envoyait SET_PICK_MODE avant que le content script ne soit prêt (race condition MV3 entre chrome.scripting.executeScript et la mise en place du listener chrome.runtime.onMessage). Le retry PING dans ensureContentScript ne suffisait pas : le listener sidepanel peut aussi être en retard. Fix radical : content.js affiche la bannière IMMÉDIATEMENT à l'initialisation, sans attendre SET_PICK_MODE. L'utilisateur voit immédiatement que l'extension est active. Un bouton ✕ permet de la fermer (state local au tab). Pas de dépendance sur le side panel pour le feedback visuel. + manifest : retrait de optional_host_permissions (redondant avec host_permissions http://*/* et https://*/*, peut perturber Chrome en dev). + bannière rediseignée : max-width 640px responsive, animation slideIn, bouton ✕ accessible. + nouvelles clés i18n bannerDismiss dans les 15 locales. + build : exclusion de store-assets/ du zip et du xpi (sinon le package Store faisait 327 Ko au lieu de 47 Ko).
Keep Notes ✨
Keep Notes est une application avancée de prise de notes hybride, combinant la fluidité d'un outil local moderne avec la puissance de l'Intelligence Artificielle. Conçue pour offrir des performances maximales, elle utilise les dernières avancées de l'écosystème React et Next.js.
🚀 Fonctionnalités
- Notes & Carnets : Organisez vos idées rapidement avec des dossiers, codes couleurs, et épinglage.
- Support Markdown & Rendu Riche : Éditez ou affichez vos notes instantanément.
- Disposition Masonry : Grille CSS ultra-rapide (0 JavaScript) avec drag & drop fluide via
@dnd-kit. - Intégration de l'Intelligence Artificielle :
- Memory Echo : Suggestion automatique et connexions entre notes similaires (RAG / Embeddings).
- Auto-Tagging : Création automatique d'étiquettes pertinentes.
- Organisation par lots (Batch Organization) : Tri automatique des notes en vrac.
- Amélioration textuelle : Reformulation, synthèse, ou traduction propulsés par l'IA.
- Historique des notes : Snapshots de versions avec deux modes :
- Manuel (par défaut) : Création de snapshots via un bouton "Commit" dans l'éditeur.
- Automatique (intelligent) : Snapshots automatiques avec détection de changements significatifs (diff 20+ chars) et cooldown de 5 min. Les changements structurels (couleur, épingle, labels) contournent le cooldown.
- Assistant IA : Chat contextuel avec support de recherche web, insights et historique des conversations.
- Haute Performance (RSC & Turbopack) : Rendu Server Components natif pour une hydratation sans délai et développement accéléré via Turbopack.
📄 Licence et Droits d'Auteur
Licence Utilisateur Final (Version actuelle - Personnelle & Non-Commerciale)
Ce code source est fourni strictement pour un usage personnel et éducatif.
- Utilisation non-commerciale uniquement : Il est interdit d'utiliser ce projet (ou tout code dérivé) pour générer des revenus, construire un produit commercial ou l'intégrer dans un service monétisé.
- Redistribution sous condition : Vous ne pouvez pas redistribuer ou publier cette version sans maintenir cette licence restrictive.
(Inspiré de Creative Commons Attribution-NonCommercial 4.0 International - CC BY-NC 4.0).
🗺️ Roadmap & Version SaaS Commerciale Publique
Une version complète de Keep Notes destinée au grand public est prévue et en cours de planification. Cette version cloud s'appuiera sur de toutes nouvelles optimisations d'infrastructure :
- Migration Base de Données :
- Remplacement de SQLite local par PostgreSQL afin de supporter l'architecture multi-tenant (plusieurs utilisateurs avec sécurité accrue des données).
- Système de Monétisation (Features IA) :
- Mise en place d'un modèle d'abonnement SaaS (Stripe).
- Intégration d'un système de crédit ("AI Credits") pour réguler l'usage des API d'intelligence artificielle (LLMs, Embeddings) de façon soutenable.
- Optimisations Scalabilité :
- Déploiement distribué.
🛠️ Stack Technique
- Framework : Next.js 16 (App Router, Server Components, Turbopack)
- Frontend : React 19, Tailwind CSS, Radix UI primitives
- Drag & Drop :
@dnd-kit/core&sortable - Base de Données : Prisma ORM, PostgreSQL (prod) / SQLite (dev)
- Outillage : Turbopack, TypeScript
💻 Instructions de Développement
Installation
npm install
# ou
yarn install
Initialisation de la Base de données
npx prisma generate
npx prisma db push
Migrations sûres (anti-perte de données)
npm run db:migrate
- Cette commande passe par
scripts/safe-migrate.js. - Un backup est créé avant migration (
backups/migrations/), puisprisma migrate deployest exécuté. - La migration est interrompue si le backup échoue.
Commande dev avancée (à utiliser explicitement seulement) :
npm run db:migrate:dev
Lancement du serveur (avec Turbopack)
npm run dev
Ouvrez http://localhost:3000 dans votre navigateur.