Adam Augustin präsentierte ein neues Beispiel-Projekt für seinen JavaScript-Baukasten im FileMaker WebViewer. Er zeigte sein CLI-Tool „create-app-for-fm“, das Entwicklern hilft, moderne Web-Projekte blitzschnell aufzusetzen.
Das Tool nutzt im Hintergrund Vite und React. Der große Vorteil für FileMaker-Entwickler: Während der Entwicklung läuft ein lokaler Node.js-Server. Änderungen im Code-Editor (Adam nutzte Windsurf bzw. VS Code) werden durch „Hot Reloading“ sofort und ohne Neuladen im FileMaker WebViewer sichtbar. Das beschleunigt den Entwicklungsprozess enorm.
Für den produktiven Einsatz bündelt das Tool den gesamten Code (HTML, CSS, JS) in eine einzige Datei, die ohne externe Abhängigkeiten oder Internetverbindung direkt in einem FileMaker-Feld gespeichert und dann im WebViewer ausgeführt werden kann.
Als Beispiel zeigte Adam eine responsive Bildergalerie, basierend auf „lightGallery“ mit Masonry-Layout. Die Bilder wurden dabei als Base64-Strings direkt aus Container-Feldern der FileMaker-Datenbank an den Code im WebViewer übergeben. Adam demonstrierte auch den Rückkanal: Ein Klick auf ein Bild im WebViewer löste ein FileMaker-Script aus, das ein Detailfenster mit Bild und Beschreibung öffnete.
Die Demo und die zugehörigen Frameworks für eigene Projekte finden sich unter den nachfolgenden Links:
GitHub: agametis/fm-starter-vite
https://github.com/agametis/fm-starter-vite
GitHub: agametis/fm-image-gallery
https://github.com/agametis/fm-image-gallery
lightGallery - Full featured javascript gallery for web and mobile
https://www.lightgalleryjs.com