Bibliothèque JavaScript moderne pour le rendu markdown professionnel avec support complet des tableaux
- 🎯 Tableaux Markdown avec alignements complets (gauche, centre, droite)
- 🎨 Styles CSS professionnels automatiques (hover, zebra striping, responsive)
- 📦 Sans dépendances - Tout en un seul fichier minifié
- 🚀 Auto-chargement depuis fichiers markdown
- 🔢 Syntaxe KaTeX pour équations mathématiques
- 📊 Diagrammes Mermaid pour visualisations
- 📄 YAML Front Matter pour métadonnées
npm install ontowave<!-- Dernière version (recommandé pour démo) -->
<script src="https://unpkg.com/ontowave/dist/ontowave.min.js"></script>
<!-- Version fixe (recommandé pour production) -->
<script src="https://unpkg.com/[email protected]/dist/ontowave.min.js"></script><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>OntoWave Demo</title>
</head>
<body>
<div id="content"></div>
<script src="https://unpkg.com/ontowave/dist/ontowave.min.js"></script>
</body>
</html>import ontowave from 'ontowave';
// Rendu markdown
const html = ontowave.render('# Hello World');
document.getElementById('content').innerHTML = html;| Produit | Quantité | Prix |
|:--------|:--------:|-----:|
| Ordinateur | 2 | 1799.98€ |
| Souris | 5 | 127.50€ |
| **TOTAL** | **7** | **1927.48€** |Rendu :
| Produit | Quantité | Prix |
|---|---|---|
| Ordinateur | 2 | 1799.98€ |
| Souris | 5 | 127.50€ |
| TOTAL | 7 | 1927.48€ |
:---ou---→ Gauche (défaut):---:→ Centre---:→ Droite
- 📦 NPM Package : npmjs.com/package/ontowave
- 🌐 Site Web : ontowave.org
- 📚 Démo Tableaux : ontowave.org/demo-tables.md
- 🐙 GitHub Repository : github.com/stephanedenis/OntoWave
- 🎨 Pages de Test :
- test-npm-minimal.html - HTML minimal
- test-npm-auto.html - Avec auto-loading
- demo-npm-simple.html - Démo simple
OntoWave applique automatiquement des styles professionnels :
- Classes CSS :
.text-left,.text-center,.text-right - Bordures : Bordures collapse avec couleurs harmonieuses
- Hover : Effet de survol sur les lignes
- Zebra Striping : Lignes alternées pour meilleure lisibilité
- Responsive : S'adapte aux petits écrans
OntoWave fonctionne automatiquement au chargement :
- Détecte
div#contentdans votre HTML - Cherche
index.md(ou fichier configuré) - Charge et transforme le markdown en HTML
- Applique les styles de tableaux automatiquement
- ✅ Fix complet des alignements de tableaux markdown
- Support des 3 syntaxes :
:---,:---:,---: - Application correcte des classes CSS
.text-left,.text-center,.text-right - Gestion des cellules vides et contenu mixte
- Support des 3 syntaxes :
-
✅ Suppression des commentaires CSS dans JavaScript
- Nettoyage des fichiers source (
ontowave.js) - Mise à jour du build distribué (
dist/ontowave.min.js) - Script automatisé :
scripts/clean-css-comments.sh
- Nettoyage des fichiers source (
-
✅ Workflow GitHub Actions NPM automatique
- Publication automatique sur NPM lors des PR merge
- Tests non-bloquants avec
continue-on-error: true - Commit automatique des build artifacts
- Permissions correctes :
contents: write, packages: write
-
✅ CDN unpkg.com disponible
- Version automatique :
https://unpkg.com/ontowave/dist/ontowave.min.js - Version fixe :
https://unpkg.com/[email protected]/dist/ontowave.min.js - Résolution sémantique :
@latest,@1,@1.0
- Version automatique :
- ✅ Pages de test minimales créées
test-npm-minimal.html- HTML minimal (11 lignes)test-npm-auto.html- Avec auto-loading markdown- Test Playwright : Validation du chargement depuis unpkg.com
- ✅ Documentation complète
README.md- Guide principal avec exemplesdocs/index.md- Documentation site webdocs/demo-tables.md- Démonstration complète des tableauxSUCCESS_NPM_PUBLISH.md- Journal du succès NPMHISTORIQUE_ERREURS_WORKFLOW.md- Historique debug workflowREADME_TEST_NPM_MINIMAL.md- Guide des pages de test
- ✅ Scripts d'automatisation
scripts/clean-css-comments.sh- Nettoyage CSSscripts/configure-agent-autonomy.sh- Config anti-pagerscripts/watch-workflow-safe.sh- Surveillance workflow
- ✅ Documentation REGLES_AUTONOMIE_AGENTS.md
- Interdictions strictes : pagers (vi, less, more)
- Solutions obligatoires :
export PAGER="",git config core.editor "" - Checklist complète pour agents autonomes
- 🎉 Package publié sur NPM
- ✅ Workflow GitHub Actions fonctionnel
- ✅ Build automatique et déploiement
# Installation
npm install
# Build
npm run build
# Tests
npm test
# Tests E2E (Playwright)
npx playwright testontowave/
├── src/
│ └── ontowave.js # Source principale
├── dist/
│ └── ontowave.min.js # Build minifié
├── docs/
│ ├── index.html # Site web principal
│ ├── index.md # Documentation
│ └── demo-tables.md # Démo tableaux
├── tests/
│ └── e2e/
│ ├── test-minimal.spec.js
│ └── test-demo-npm.spec.js
├── scripts/
│ ├── clean-css-comments.sh
│ └── configure-agent-autonomy.sh
├── test-npm-minimal.html # Test minimal
├── test-npm-auto.html # Test auto-loading
└── package.json
Les contributions sont les bienvenues! Veuillez :
- Fork le projet
- Créer une branche (
git checkout -b feature/AmazingFeature) - Commit vos changements (
git commit -m 'Add AmazingFeature') - Push vers la branche (
git push origin feature/AmazingFeature) - Ouvrir une Pull Request
- Suivre les règles d'autonomie agents (voir
REGLES_AUTONOMIE_AGENTS.md) - Pas de pagers interactifs (vi, less, more)
- Tests automatisés requis
- Documentation à jour
MIT License - Copyright (c) 2025 Stéphane Denis
Voir LICENSE pour plus de détails.
Stéphane Denis
- GitHub: @stephanedenis
- NPM: npmjs.com/~stephanedenis
- Projet créé dans le cadre de l'écosystème Panini
- Inspiration : Philosophie de l'autonomie des agents
- Technologies : marked.js, KaTeX, Mermaid, YAML
OntoWave - Parce que le markdown mérite un rendu professionnel 🌊
