Base64 image placeholder

Über

Das Plugin fügt jeder Upload-Collection in Payload ein `base64`-Textfeld hinzu und füllt es automatisch beim Upload einer Datei. In einem `beforeChange`-Hook liest es die hochgeladene Datei und reicht sie an die Bibliothek `plaiceholder` weiter, die auf sharp setzt. Das Ergebnis ist eine kleine, unscharfe base64-Data-URL, die im Dokument gespeichert wird. Frontends können sie als sofort sichtbaren Platzhalter einblenden, während das vollständige Bild lädt. Der Code ist ein Fork des `payload-blurhash-plugin`, wobei die Kodierung von Blurhash-Strings auf base64 geändert wurde. Standardmäßig bindet sich das Plugin an jede Collection mit `upload`-Konfiguration. Über die Option `collections` lässt sich die Auswahl auf bestimmte Slugs einschränken. Drei Optionen stehen zur Verfügung: `collections` erwartet ein Array von Collection-Slugs, `size` steuert die Abmessungen des Platzhalters (Ganzzahl von 4 bis 64, Standard 4), und `removeAlpha` entfernt den Alphakanal (Standard true). Das Plugin zielt auf Payload 1.x ab und benötigt sharp als Peer-Dependency (>=0.30.6). Einschränkung: Pro Collection wird ein einziges `base64`-Feld geschrieben. Für Collections, die mehrere Platzhalter pro Dokument benötigen, ist das Plugin nicht geeignet. Die Webpack-Konfiguration des Admin-Bereichs wird gepatched, sodass das Paket auf einen Mock zeigt. Dadurch bleibt die serverseitige sharp-Dependency aus dem Admin-Bundle heraus.

Paketinformationen

Paketname

payload-base64-plugin

Neueste Version

1.2.0

Entpackte Größe

13 kB

Lizenz

Unlicense

Wöchentliche Downloads

33

Zuletzt veröffentlicht

27. Nov. 2022