6eb46fd1b7
- extension/scripts/generate-store-assets.py : générateur Python/PIL avec la palette x.ai premium (BG #0B0A09, TEXT #F4F1EA, OCHRE #D4A373). - extension/store-assets/ : * icon-128.png (128×128) * promo-tile-small.png (440×280) * promo-tile-large.png (920×680) * marquee.png (1400×560) * screenshot-1.png (1280×800) — sidebar idle avec sélecteur de carnet * screenshot-2.png (1280×800) — confirmation IA avec résumé + tags * screenshot-3.png (1280×800) — vue RTL/persan (font DejaVu pour glyphes) Tous les assets respectent les dimensions Chrome Web Store et sont prêts pour la soumission.
Memento Web Clipper — extension Chrome
Clipper web avec panneau latéral : le panneau reste ouvert pendant que vous surlignez du texte sur la page.
Langues
L’extension suit la langue de l’interface Chrome (chrome.i18n.getUILanguage) — 15 locales comme l’app Memento : de, en, es, fr, it, pt, nl, pl, ru, zh, ja, ko, ar, fa, hi.
Fichiers : extension/_locales/<lang>/messages.json. Régénération : node extension/i18n/generate-translations.cjs puis node extension/scripts/build-extension-locales.mjs.
Installation (dev)
Chrome
chrome://extensions- Mode développeur → Charger l’extension non empaquetée → dossier
memento-note/extension - Épingle l’icône Memento
Chrome 114+ requis (Side Panel API).
Firefox
# Avec web-ext (https://extensionworkshop.com/)
npx web-ext run --source-dir memento-note/extension
Ou via about:debugging → Ce Firefox → Charger un module temporaire → sélectionner manifest.json.
Firefox 115+ requis (MV3 + sidebarAction).
Instance Memento
- Dev : icône ⚙ → URL (
http://localhost:3000ou IP LAN) → Appliquer & reconnecter - Connectez-vous sur la même URL dans Chrome (Google OAuth)
- Production (build Store) : mettre
ALLOW_INSTANCE_CONFIG = falsedanssidepanel.js→ URLhttps://memento-note.comen dur, réglages masqués
Utilisation
- Ouvrez une page web normale (pas
chrome://) - Cliquez l’icône Memento → panneau latéral
- Choisissez le carnet (liste hiérarchique)
- Optionnel : surlignez du texte → Clipper la sélection (bouton sky)
- Ou Clipper cette page (article complet + IA)
- Ou Enregistrer le lien seul
- Aperçu : titre éditable, résumé, extrait, temps de lecture → Enregistrer dans Memento
Dépannage
| Problème | Solution |
|---|---|
| Carnets vides / 401 | Ouvrir Memento ↗ sur la même URL, connectez-vous |
localhost vs 127.0.0.1 |
Utilisez toujours la même URL partout (cookies session) |
| Pas de sélection | Rechargez la page après install extension ; surlignez sur la page, pas dans le panneau |
| Page Chrome système | Impossible — ouvrez un site http(s) normal |
Persan / RTL
Détection automatique dir / lang (ex. BBC Persian), aperçu RTL avec Vazirmatn.
Builds production
Deux scripts produisent des paquets prêts à publier :
# Chrome Web Store (zip)
node extension/scripts/build-chrome-store.mjs
# → memento-note/extension/memento-web-clipper-chrome-store.zip (~44 Ko, 27 fichiers)
# Firefox Add-ons (xpi)
node extension/scripts/build-firefox.mjs
# → memento-note/extension/memento-web-clipper-firefox.xpi (~44 Ko, 27 fichiers)
Chaque build :
- Verrouille
ALLOW_INSTANCE_CONFIG = false(URL prod en dur) - Restreint les
host_permissionsàhttps://memento-note.com/* - Génère les PNG d'icônes depuis
public/icons/icon-{192,512}.svg - Exclut les fichiers internes (
i18n/,diagnose.js,test-sidepanel.html, etc.)
Différences manifest :
- Chrome :
side_panel(Side Panel API Chrome 114+) - Firefox :
sidebar_action+browser_specific_settings.gecko(Firefox 115+)
APIs
GET /api/clip/notebooksPOST /api/clip/analyzePOST /api/clip/save