Media Gallery

Заменяет стандартный список медиаколлекции Payload галерейным интерфейсом с режимами justified, masonry, grid и лайтбоксом.

Сообщество 26 520/нед MIT v1.2.0

Установка

pnpm add @sitebytom/payload-media-gallery

Описание

Плагин `mediaGalleryPlugin` заменяет стандартный список медиаколлекции Payload галерейным интерфейсом через кастомный компонент `admin.components.views.list.Component`. В реестре layouts доступны режимы Justified, Masonry и Grid; нативный список Payload остаётся фолбэком. Плагин применяется к коллекциям, перечисленным в опции `collections` (по умолчанию `media`). Каждый режим отрисовывает карточки с именами файлов и метаданными в футере. Лайтбокс поддерживает зум, панорамирование, навигацию с клавиатуры и тач-жесты, воспроизводя изображения, аудио и видео прямо в окне просмотра. Быстрое редактирование открывает нативный DocumentDrawer Payload из карточки. Массовый выбор работает с модификаторами Cmd, Ctrl и Shift. Если у коллекции задан `orderable: true`, карточки можно перетаскивать через @dnd-kit; плагин вызывает эндпоинт `/reorder` и обновляет список оптимистично. Опции настраивают вид по умолчанию (`defaultView`), включение отдельных layouts, режим футера (`hover` или `always`), а также отключение лайтбокса и быстрого редактирования. Выбранный вид сохраняется для каждой коллекции через Payload preferences (`getPreference`/`setPreference`). Плагин помечен как экспериментальный и поддерживается как личный проект. Применяется только к режиму All Media, не к Folders. Peer-зависимости: payload ^3.73.0, @payloadcms/ui ^3.73.0, next ^15||^16, react ^18||^19.

О пакете

Имя пакета
@sitebytom/payload-media-gallery
Последняя версия
1.2.0
Размер
233 кБ
Лицензия
MIT
Загрузок в неделю
520
Последняя публикация
3 фев. 2026 г.

onpage for TanStack Start

Подключает плагин payload-onpage к сайту на TanStack Start, чтобы редакторы правили контент и смотрели черновики прямо на странице.

On-Page Editing

Встраивает редактирование Payload-страниц прямо в Next.js-фронтенд, сохраняет правки как черновики и выдаёт ссылки для предпросмотра.

On-Page React Editor

Добавляет на React-страницы Payload визуальный редактор: тулбары, панели и редакторы полей поверх отрисованной страницы.

Collaborative Comments

Добавляет комментарии на уровне документов и полей в админку Payload, с упоминаниями, email-уведомлениями, разрешением, мультитенантностью и фильтрацией по локали.

Dub

Плагин для Payload CMS для автоматического создания и управления короткими ссылками с использованием Dub.

Visual Editing

Плагин для Payload CMS 3.x добавляет на фронтенд оверлеи редактирования: клик по элементу открывает нужное поле в админке.