Base64 image placeholder

Описание

Плагин добавляет текстовое поле `base64` в upload-коллекции Payload и заполняет его при загрузке файла. В хуке `beforeChange` входной файл передаётся в библиотеку `plaiceholder` (под капотом sharp), которая возвращает размытый base64 data URL небольшого размера. Результат сохраняется в документе, и фронтенд может использовать его как low-quality placeholder, пока грузится основное изображение. Это форк `payload-blurhash-plugin` с заменой кодирования: вместо blurhash-строк используется base64. По умолчанию плагин подключается ко всем коллекциям, у которых задан конфиг `upload`. Через опцию `collections` можно ограничить список целевых слагов. Доступны три опции: `collections` для выбора конкретных upload-коллекций, `size` (целое число от 4 до 64, по умолчанию 4) для размера плейсхолдера и `removeAlpha` (по умолчанию true) для удаления альфа-канала. Плагин рассчитан на Payload 1.x и требует sharp как peer dependency (>=0.30.6). Есть ограничение: плагин обрабатывает одно upload-поле на коллекцию и записывает единственное поле `base64`, так что он не подходит для коллекций с несколькими плейсхолдерами на документ. Конфиг webpack админки патчится: добавляется алиас, подменяющий пакет на mock, чтобы sharp не попадал в бандл админки, поскольку он нужен только на сервере.

О пакете

Имя пакета

payload-base64-plugin

Последняя версия

1.2.0

Размер

13 кБ

Лицензия

Unlicense

Загрузок в неделю

63

Последняя публикация

27 нояб. 2022 г.