Titre

JsValidator

Auteurs

Rui Nibau

Date

19 février 2011

OS

Linux

Version

1.1

Statut

actif

Licence

CC BY-SA

Téléchargement

jsvalidator-1.1.tar.gz

Une version pour Gedit 3 est en cours de préparation.

Présentation

En développement web, il est parfois toujours nécessaire de vérifier la syntaxe des fichiers de la sainte trinité HTML, CSS, javascript. Pour le CSS et le HTML, nous disposons de services en ligne tels le markup validator et le CSS validator du W3C. Pour le javascript, la chose est un peu plus compliquée.

Il existe des éditeurs de code - comme Komodo Edit ou le plugin Aptana d'Eclipse - qui assurent cette validation ; il y a aussi un outil développé par Douglas Crockford, JSLint. Il s'agit d'un script javascript qui analyse la syntaxe d'autres fichiers javascript et pointe les éventuelles erreurs commises. On peut utiliser le service en ligne proposé par l'auteur mais il me paraissait intéressant de pouvoir valider des fichiers en local, qui plus est avec mon éditeur de texte courant, Gedit.

Le plugin JsValidator est donc une tentative d'utiliser JSLint pour vérifier la syntaxe de fichiers javascript ouverts dans Gedit. Il utilise pour cela un moteur javascript, soit Rhino, une implémentation javascript écrite en java, soit SpiderMonkey, écrit en C. Tous deux sont maintenus par la fondation Mozilla.

Installation

• Installez un moteur javascript : SpiderMonkey (paquet spidermonkey-bin sous Ubuntu) ou Rhino (paquet rhino). Il est préférable d'installer SpiderMonkey, dont les performances à l'exécution sont bien meilleures que celles de Rhino. Si vous installez ce dernier, il vous faudra aussi un environnement java (paquet sun-java6-jre ou openjdk-6-jre).
• Décompressez l'archive téléchargée de JsValidator.
• Une fois l'archive décompressée, vous pouvez installer le plugin de 2 manières :
  • Placez-vous avec une console dans le répertoire de décompression et lancez le script d'installation : ./install.py.
  • Prenez le dossier jsvalidator et le fichier jsvalidator.gedit-plugin qui se trouvent dans le répertoire de décompression et copiez les dans le répertoire ~/.gnome2/gedit/plugins/.
• Dans Gedit, ouvrez la fenêtre de configuration (menu Edition -> Préférences...), afficher l'onglet « greffons » puis cliquez sur l'entrée « JsValidator » dans la liste.

Si vous avez déjà installé une version de JsValidator inférieure à la version 0.6 ou si vous souhaitez installer une version supérieure ou égale à la 1.0, il est recommandé d'utiliser le script d'installation.

Dans Gedit, ouvrez la fenêtre de configuration (menu Edition -> Préférences...), afficher l'onglet « greffons » puis cliquez sur l'entrée « JsValidator » dans la liste.

Utilisation

• Ouvrez un fichier javascript dans Gedit.
• Affichez le panneau inférieur puis l'onglet « JsValidator ».
• Cliquez sur le bouton « Valider ».

Après quelques secondes, l'analyse du fichier par JSLint se chargera sous forme de liste. Pour se rendre sur une des entrées, il suffit de double-cliquer sur la ligne correspondante.

Vous pouvez valider des fichiers autre que javascript (un fichier au format json par exemple) en cochant la case « Forcer » du panneau du plugin. Cette fonction est basique, elle réactive simplement le bouton « valider » du panneau ; elle ne s'assure en rien qu'une validation par JsLint peut être effectuée sur le fichier courant.

Enfin, vous pouvez définir les différentes options de validation de JsLint grâce à la fenêtre de configuration.

Todos

Programmation

• Construire des tests plus pertienents (et fonctionnels)
• Utiliser le module gettext pour la traduction des messages (v.0.6)
• Permettre l'utilisation de spiderMonkey (v.0.5)

Fonctionnalités

• Mettre à disposition les options de validation de JsLint (v.1.0)
• Internationalisation des messages du plugin (v.0.4)

Options

• Développer une validation par coloration syntaxique
• Discriminer les différents types de message

Historique

1.1 (2011-02-19)

• Correction de bugs.
• Bouton effacer.

1.0 (2010-05-29)

• Ajout de la fenêtre de configuration pour définir les options de validation de JsLint.
• Factorisation du code
• Debug de l'internationalisation

0.7.1 beta (2010-05-22)

Correction de bug dans la distinction entre rhino et spidermonkey sous Ubuntu Lucid Lynx

0.7 (2010-03-27)

Ajout de la possibilité de forcer l'activation de la validation

0.6 (2009-12-07)

• Interface graphique glade
• Changement de structure des fichiers
• Internationalisation par gettext
• Script d'installation

0.5 (2009-09-24)

Possibilité d'utiliser spidermonkey

0.4 (2009-04-17)

• Nettoyage du code et commentaires.
• meilleure gestion des événements (activation et blocage)
• Comportement du panneau : inactif si le document courant n'est pas un fichier javascript.
• Possibilité de traduire les messages affichés par le plugin.

0.3 (2008-12-28)

• Découpage des informations en 4 colonnes.
• Légère modification de l'interface graphique.

0.2 (2008-12-26)

Correction de bug : rafraichissement de la liste

0.1 (2008-12-20)

Première version simple avec le moteur javascript Rhino.

Ressources et références

Gedit Reference Manual. Gnome Dev Center

Python Plugin How To for gedit 3. live.gnome.org, 26 avril 2012

MICAH, Carrick. Writing Plugins for gedit 3 with Python. micahcarrick.com, 09 mai 2011

PILGRIM, Mark. Dive Into Python. diveintopython.net, 2004

CROCKFORD, Douglas. JSLint. jslint.com