excalidrawJS v0.5

ExcalidrawJS v0.5

La version v0.5 d’ExcalidrawJS marque une étape importante dans l’évolution de l'outil de dessin interactif basé sur le web. Cette version introduit plusieurs améliorations techniques et pédagogiques, tout en consolidant les fonctionnalités existantes.

Nouvelles fonctionnalités

• Support avancé des objets : La gestion des objets de type i-text, rectangle, ellipse et line est désormais plus stable et compatible avec les exportations JSON.
• Import/export JSON sécurisé :
  • Les fichiers JSON doivent être créés avec ExcalidrawJS pour être importés correctement.
  • Vérification de l’intégrité des fichiers pour éviter les erreurs lors du chargement.
• Gestion des fichiers locaux :
  • Possibilité de sauvegarder les dessins au format .json, .png et .svg.
  • Tri automatique des fichiers par préfixe et par type.
• Visualisation et édition :
  • Visualiseur intégré pour prévisualiser les fichiers .png et .svg.
  • Fonctionnalité de suppression sécurisée des dessins via un endpoint PHP protégé.

Améliorations techniques

• Sécurité minimale côté serveur :
  • Les endpoints sensibles utilisent un token HTTP pour authentifier les requêtes.
  • Gestion des fichiers avec contrôle des chemins pour éviter toute injection.
• Interactivité améliorée :
  • Les éléments de l’interface (boutons, formulaires) réagissent de manière plus fluide.
  • Les erreurs lors de l’import JSON sont mieux capturées et expliquées à l’utilisateur.
• Compatibilité et performance :
  • Chargement optimisé des bibliothèques externes (fabric.js) avec fallback pour CDN.
  • Réduction des erreurs lors du rendu des objets complexes.

Points pédagogiques

ExcalidrawJS v0.5 est particulièrement adapté à l’enseignement du développement web et de la manipulation de fichiers JSON en BTS SIO, car il permet de :

• Travailler sur la structure des objets JSON représentant des dessins.
• Expérimenter la sécurisation des appels serveur (PHP + headers HTTP).
• Manipuler les fichiers et répertoires côté serveur en respectant la sécurité.
• Mettre en pratique des notions de tri, filtrage et boucle à travers des exemples concrets.

Conclusion

La version v0.5 d’ExcalidrawJS combine robustesse, interactivité et sécurité. Elle constitue une base solide pour les développements futurs, notamment l’intégration de fonctions avancées comme la collaboration en temps réel, la gestion des versions de fichiers et l’export dynamique de rapports pédagogiques.

ExcalidrawJS v0.5 est le compagnon idéal pour tout étudiant ou développeur souhaitant explorer la manipulation de fichiers JSON et la création de dessins interactifs sécurisés.