Introduction
L'utilisation d'Excalidraw pour la création et la gestion de diagrammes est devenue une étape cruciale dans le processus de rédaction de blog. Cet outil permet de représenter des concepts techniques de manière claire et concise, facilitant ainsi la compréhension pour les lecteurs.
Contexte Technique
Excalidraw est un outil de dessin qui permet aux utilisateurs de créer des diagrammes et des illustrations vectorielles. L'un des défis lors de l'utilisation d'Excalidraw pour la création de contenu de blog est la gestion des images. Chaque modification apportée à un diagramme nécessite plusieurs étapes pour exporter les images dans les modes clair et sombre, ce qui peut s'avérer fastidieux.
Pour résoudre ce problème, une solution basée sur GitHub Actions a été initialement explorée. Cette approche utilisait un script pour détecter les fichiers Excalidraw modifiés, exporter les cadres sélectionnés dans les modes clair et sombre, puis commit les images générées.
Analyse et Implications
Cependant, cette approche présentait certaines limites, notamment des problèmes de rendu avec la bibliothèque utilisée et des difficultés pour exécuter le processus d'exportation localement sur un Mac basé sur ARM. Ces limitations ont conduit à la recherche d'une solution alternative.
Une nouvelle approche a été développée en intégrant une fonctionnalité d'exportation automatique directement dans l'extension Excalidraw pour VSCode. Cette fonctionnalité permet d'exporter automatiquement les cadres sélectionnés dans les modes clair et sombre sous forme de fichiers SVG, chaque fois que le fichier Excalidraw est modifié.
Perspective
Cette solution améliore considérablement le flux de travail de création de contenu, permettant aux auteurs de se concentrer sur la rédaction et la mise en page de leur blog sans les contraintes liées à la gestion manuelle des images. L'avenir de cette fonctionnalité pourrait inclure des améliorations telles que la personnalisation des options d'exportation et une intégration plus étroite avec d'autres outils de création de contenu.
