Status
Open-Source-Projekt: Directus Gravatar
Directus-Display-Extension, die aus E-Mail-Feldern automatisch Gravatar-Avatare erzeugt. Als npm-Paket installierbar und konfigurierbar in Größe und Form.
Plattform
Directus Extension
Technologie
TypeScript
Projektüberblick
Worum es geht
Directus Gravatar ergänzt Directus um Avatar- und E-Mail-Darstellungen auf Basis von Gravatar. Die Display-Extension ist für Projekte gedacht, in denen Nutzerprofile, Kontaktlisten oder E-Mail-Felder im Adminbereich schneller erfassbar sein sollen.
Details
Technischer Ansatz
Die Extension normalisiert den E-Mail-Wert und berechnet daraus einen SHA-256-Hash und rendert daraus ein kompaktes Avatar-Display für Listen- und Detailansichten. Damit bleiben Datensätze visuell unterscheidbar, ohne eigene Bildfelder pflegen zu müssen.
Details
Architektur & Einsatz
Mein Beitrag ist die Display-Extension mit konfigurierbarer Größe, Form, Fallback und E-Mail-Anzeige. Die aktuelle Version lädt Bilder direkt von Gravatar; ein eigener Proxy-Endpunkt gehört nicht zum Paket.
Details
Projektkontext
Entstanden ist die Extension aus einem CRM-Projekt, in dem Kontaktlisten mit mehreren tausend Einträgen gepflegt werden. Ohne visuellen Anker gleichen sich solche Listen optisch so stark, dass die Redaktion beim Scrollen die Orientierung verliert. Ein Avatar je Zeile löst das ohne zusätzliches Bildfeld und ohne Pflegeaufwand.
Details
Einblick 4
Bewusst nicht enthalten ist ein Upload eigener Profilbilder. Sobald Bilder im System selbst liegen, kommen Rechteverwaltung, Speicherort und Löschkonzept dazu. Wer das braucht, ist mit einem regulären Dateifeld besser bedient als mit dieser Extension.
Dokumentierter Entwicklungsstand
Paketversion 1.0.3 laut Repository, geprüft am . Directus ^11.0.0 || ^12.0.0
Der angegebene Host-Bereich stammt aus dem Paketmanifest und ersetzt keinen Test der konkreten Installation.
Paketmanifest im Repository prüfenLizenz: MIT.
Funktionsumfang
Was die Extension abdeckt
Display für E-Mail-Felder mit automatisch generiertem Gravatar-Avatar
Display-Konfiguration für Größe, Form, Fallback-Bild, Rating und E-Mail-Anzeige
Fallback auf das Directus-Kontosymbol bei ungültigen oder fehlenden E-Mail-Werten
Veröffentlichung als npm-Paket für eine einfache Installation in Directus
Ablauf
Einrichtung und Nutzung
- 1
Paket im Directus-Projekt installieren und Directus neu starten.
- 2
Bei einem E-Mail-Feld das Gravatar-Display auswählen.
- 3
Größe, Form und Fallback-Verhalten passend zur Collection konfigurieren.
Einblicke
Abbildungen aus der Projektdokumentation
Repository & Paket
Quellcode ansehen
DirectusGravatarnpm
Individuelle Entwicklung
Eigene Extension geplant?
Wenn eine Directus- oder Shopware-Erweiterung als Grundlage passt oder ein ähnliches Projekt ansteht, können Sie direkt eine Anfrage senden.
Zum Kontaktformular