| public | nouvelle version avec wasm sqlite | |
| src | ajout resources et intro | |
| .gitignore | nouvelle version avec wasm sqlite | |
| eslint.config.js | nouvelle version avec wasm sqlite | |
| index.html | nouvelle version avec wasm sqlite | |
| package-lock.json | nouvelle version avec wasm sqlite | |
| package.json | nouvelle version avec wasm sqlite | |
| README.md | changement readme | |
| tsconfig.app.json | nouvelle version avec wasm sqlite | |
| tsconfig.json | nouvelle version avec wasm sqlite | |
| tsconfig.node.json | nouvelle version avec wasm sqlite | |
| vite.config.ts | nouvelle version avec wasm sqlite | |
Dictionnaire Cappelli
Application web permettant de consulter et rechercher les abréviations du Lexicon abbreviaturarum d'Adriano Cappelli — l'ouvrage de référence canonique pour la résolution des abréviations dans les manuscrits latins et italiens du Moyen Âge à l'époque moderne.
Présentation
Le dictionnaire Cappelli recense environ 14 000 abréviations classées selon leur représentation graphique, avec pour chacune le développement normalisé. Ce site en propose une version numérique consultable, avec recherche plein texte et visualisation des images scannées du dictionnaire original.
Fonctionnalités
- Recherche en temps réel : saisie d'un terme pour filtrer les abréviations correspondantes (jusqu'à 40 résultats)
- Affichage en cartes : chaque résultat présente l'image de l'abréviation et sa transcription
- Zoom modal : clic sur une carte pour afficher l'image en grand format
- Présentation contextuelle : section d'introduction expliquant l'usage et les limites du dictionnaire de Cappelli
- Ressources associées : liens vers des outils complémentaires de paléographie médiévale (Album interactif CIHAM, Enigma, Wikipédia)
Composition technique
cappelli/
├── src/
│ ├── App.tsx # Composant principal : logique de recherche, affichage des résultats, modal
│ ├── App.css # Styles de base
│ ├── main.tsx # Point d'entrée React
│ ├── index.css # CSS global
│ └── assets/ # Images statiques (hero, icônes)
├── public/
│ ├── cappelli.db # Base de données SQLite des abréviations
│ ├── sql-wasm.wasm # Runtime SQLite compilé en WebAssembly
│ ├── sql-wasm-browser.wasm
│ ├── icons.svg
│ └── favicon.svg
├── index.html
├── vite.config.ts
├── package.json
└── tsconfig.json
Stack technique
| Technologie | Rôle |
|---|---|
| React 19 | Interface utilisateur |
| TypeScript | Typage statique |
| Vite | Bundler et serveur de développement |
| sql.js | SQLite compilé en WebAssembly, exécuté entièrement dans le navigateur |
| Bulma | Framework CSS (thème Nord sombre personnalisé) |
Fonctionnement de la base de données
La base cappelli.db est un fichier SQLite standard chargé via fetch() au démarrage. Elle est ensuite instanciée en mémoire par sql.js (WebAssembly), ce qui permet d'exécuter des requêtes SQL directement dans le navigateur, sans aucun serveur backend.
La table principale est abbreviations avec les colonnes :
id— identifianttranscription— développement de l'abréviationimage_url— URL de l'image correspondante dans le dictionnaire original
Installation et lancement
npm install
npm run dev
Accès en local : http://localhost:5173
Build de production
npm run build
npm run preview
Ressources liées
- Fiche Wikipédia d'Adriano Cappelli
- Album interactif de paléographie — CIHAM / Huma-Num
- Enigma — aide au déchiffrement des mots latins
Ce README a été rédigé par Claude (Anthropic).