Um “dynamische Webanwendungen” in Eclipse zu entwickeln wird das Web Tools Project angeboten. Es bietet sich an Eclipse Ganymede im JEE Bundle zu installieren um eine breite Toolunterstützung rund um die Entwicklung von JSF Anwendungen zu erhalten. Was bisher lediglich fehlt ist die direkte Unterstützung von Facelets innerhalb des WTP, was allerdings als Subprojekt mit dem Titel “JSF Facelets Tools Project” schon im WTP Incubator verfügbar ist. Der WTP Incubator ist ein Projekt welches neue Projekte die dem WTP zugeordnet werden können fördert bevor sie ein offizieller Teil des Web Tools Project (WTP) werden.

Nun genug der Theorie rund um das WTP und zum eigentlichen Thema: das JSF Facelets Tools Project.
Mit diesem Subprojekt zu dem WTP kommt eine direkte Facelets Tool Unterstützung in Eclipse zum Einsatz und vereinfacht die Entwicklung. Welche Vorteile das Projekt bringt und wie es im Live Einsatz aussieht wird wunderbar in dem Eclipse Webinar “Building Facelets Applications with the JSF Tools for Eclipse” auf Eclipse Live gezeigt. In dem dem Webinar wird die aktuelle Eclipse Version 3.4 (Ganymede) verwendet.

In diesem Webinar werden unter anderem folgende Themen behandelt:

• Templates
• Validierung direkt in der .xhtml Seite
• Link Support von der EL zu dem Attribut oder Methode der Bean
• Auto-Completeion von Standard aber auch eigenen Faceletes Tags
• Component Tree (Komponentenbaum) View der xhtml Seite
• Tag Registry – kennt auch alle Facelets Tags

Mehr über das Projekt erfährt man auf dem Facelets Tools Wiki: http://wiki.eclipse.org/JSF_Facelets_Tools_Project

In dem Webinar werden auch Eclipse Views und Tools gezeigt, die mit WTP 3.0 Einzug erhalten haben. Darunter ist z.B. die JSF Component Tree View zu sehen:

Oder auch die im Web Page Editor verfügbare Unterstützung für die JSF Expression Language die eine Unterstützung für die im Context verfügbaren Objekte bietet:

Was noch neu in WTP 3.0 Einzug erhalten kann man auch wie immer auf der Eclipse Web Tools Platform 3.0 – New and Noteworthy Seite mit vielen Screenshot sehen.

So wie ich das jetzt sehe kann man das JSF Facelets Tools Project lediglich aus dem SVN auschecken. Somit besteht bisher keine wirklich einfache Möglichkeit diese Unterstützung zu verwenden.
Eine sehr gute Alternative für die Entwicklung von xhtml Facelets Seiten besteht durch den Visual Page Editor aus der JBoss Tools Palette. Entwickelt man mit Eclipse Ganymede kann man sich diesen sehr einfach durch die Update Seite des Nightly Builds installieren.

Insgesamt ist das JSF Tools Project sehr vielversprechend und man darf gespannt sein wann es in das offizielle WTP Projekt eingebunden wird.

Gleich vorab: die einfachste Variante sich die aktuelle stabile JBoss Tools Version in Eclipse zu installieren ist über den Update Manager. In dem zu der Veröffentlichung der neuen Version gehörigen Blog Artikel wird geschrieben, dass man dringend mindestens Eclipse 3.3.2 und WTP 2.0.2 verwenden soll. Am einfachsten ist es die Eclipse Europa für JEE Entwickler herunterzuladen – die enthält beide Anforderungen von Haus aus. In Eclipse dann im Update Manager (Help->Software Updates->Find and Install…) die Update Seiten URL der JBoss Tools hinzufügen und das Update starten. Hier die Update URL: http://downloads.jboss.org/jbosstools/updates/stable

Aber zurück zu dem Visual Page Editor. Der RichFaces Visual Editor hat seine absoluten Vorteile darin, dass er Facelets verarbeiten kann und Autocomplete für Tags und EL zur Verfügung stellt. Der Visual Editor heißt so, weil er natürlich auch einen visuellen Editor und eine Vorschau der aktuell editierten Seite anbietet. So waren in der bisherigen JBoss Tools Version vier Tabs im Editor verfügbar: Visual/Source, Visual, Source und Preview.
Persönlich finde ich den visuellen Editor sowie die Vorschau nicht wirklich brauchbar, allerdings hat dieser in manchen Fällen bestimmt auch seine Vorzüge. Aber auch weil der visuelle Editor bei großen Dateien sehr langsam war (was bei der Entwicklung von OpenWishes doch sehr schnell bemerkt wurde) habe ich in den Preferences konfiguriert, dass der Source Tab der default Editor ist. So sah bei jedem Öffnen einer .xhtml Datei wie folgt aus:

Ich habe den visuellen Editor oder die Preview nie wirklich benötigt und war daher mit diesen Einstellungen, dass immer der Source Tab der direkt geöffnete war, sehr zufrieden.
Nach dem Update zu den JBoss Tools 2.1 habe ich auf einmal nur zwei Tabs gesehen: Visual/Source und Preview. Mein erster Gedanke war, dass das ein Fehler in meinen Einstellungen vorliegt. Schaut man sich dazu die Einstellungsmöglichkeiten in den Eclipse Preferences an sieht man die Konfigurationsmöglichkeiten. Im folgenden ein Screenshot der die Einstellungen unter JBoss Tools->Web->Editors aufzeigt. An dieser Stelle kann man noch “Use Source tab as a default for multi-tab editors” selektieren, was ja darauf hindeutet, dass man ein Source Tab (wie bisher auch) verwenden kann.

Geht man einen Schritt tiefer zu den direkten Einstellungen des Visual Page Editors kann man aber nur noch zwischen zwei Tabs als default Tab auswählen:

Nachdem bei den Einstellungen nichts zu machen ist muss es wohl an der Installation des JBoss Tools Plugin liegen und dazu habe ich doch auch direkt einen Jira Eintrag bei JBoss gefunden. Darin wurde darauf hingewiesen das zwei Tabs fehlen und wie man das nachstellen kann. Die Antwort darauf ist, dass wie im Forum beschrieben diese zwei Tabs korrekt sind und anstatt der restlichen, darunter das bisher verfügbaren Source Tab, nun ein Splitter vorhanden ist.
Nach längerem suchen habe ich das Statement im Forum gefunden und kurz darauf habe ich dieses neue “Feature” auch auf der offiziellen Seite “JBoss Tools News and Noteworthy” beschrieben gesehen. Und zwar sieht der visuelle Editor mit der Version 2.1 wie folgt aus:

Diese Erkenntnis, dass diese zwei Tabs plus Splitter nun das neue Feature sind, ist irgendwie traurig, denn für jedes neue Öffnen eine .xhtml Datei ist per Voreinstellung die visuelle Darstellung geöffnet. Erst nachdem erstmaligem Schließen der Vorschau behält sich Eclipse für diese eine Datei die Voreinstellungen.

Trotz dieses neuen Features ist der RichFaces Visual Editor ein absolut empfehlenswertes Utility in der Entwicklung von JSF RichFaces Seiten unter Verwendung von Facelets. Dazu kommt noch, dass die Seam Unterstützung (z.b. Autocomplete bei Seam Komponenten) im Visual Editor erweitert wurde.