@seshuk/payload-media-preview 1.0.0

package/dist/exports/rsc.js

@@ -0,0 +1,2 @@
+export { MediaPreviewCell } from "../components/Cell/Cell.server.js";
+export { MediaPreview } from "../components/MediaPreview.js";

package/dist/field.d.ts

@@ -0,0 +1,18 @@
+import type { UIField } from 'payload';
+import type { MediaPreviewContentMode, MediaPreviewMode } from './types.js';
+export type MediaPreviewFieldOptions = {
+    /** Which adapters to try when resolving a preview (by name). */
+    adapterNames?: string[];
+    contentMode?: Partial<MediaPreviewContentMode>;
+    /**
+     * Preview display mode.
+     *
+     * - `'auto'` — popup in cell (desktop), fullscreen in field and on mobile.
+     * - `'fullscreen'` — always fullscreen modal.
+     * @default 'auto'
+     */
+    mode?: MediaPreviewMode;
+    /** Payload UI field overrides (`name` and `type` cannot be changed). */
+    overrides?: Partial<Omit<UIField, 'name' | 'type'>>;
+};
+export declare const mediaPreviewField: (props?: MediaPreviewFieldOptions) => UIField;

package/dist/field.js

@@ -0,0 +1,36 @@
+export const mediaPreviewField = (props)=>{
+    const { adapterNames, contentMode, mode = 'auto', overrides } = props || {};
+    return {
+        // @ts-expect-error - Payload supports label as a function but types are incorrect
+        label: ({ t })=>t('@seshuk/payload-media-preview:label'),
+        ...overrides,
+        name: 'mediaPreview',
+        type: 'ui',
+        admin: {
+            components: {
+                ...overrides?.admin?.components || {},
+                Cell: {
+                    clientProps: {
+                        contentMode,
+                        mode
+                    },
+                    path: '@seshuk/payload-media-preview/rsc#MediaPreviewCell',
+                    serverProps: {
+                        adapterNames
+                    }
+                },
+                Field: {
+                    clientProps: {
+                        contentMode,
+                        mode
+                    },
+                    path: '@seshuk/payload-media-preview/rsc#MediaPreview',
+                    serverProps: {
+                        adapterNames
+                    }
+                }
+            },
+            ...overrides?.admin || {}
+        }
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import type { Config } from 'payload';
+import type { MediaPreviewPluginConfig } from './types.js';
+export { mediaPreviewField } from './field.js';
+export type { MediaPreviewFieldOptions } from './field.js';
+export type { AudioViewerProps, IframeViewerProps, ImageViewerProps, InsertPosition, MediaPreviewAdapter, MediaPreviewAdapterInlineResult, MediaPreviewAdapterNewTabResult, MediaPreviewAdapterResolveArgs, MediaPreviewAdapterResolveResult, MediaPreviewCollectionConfig, MediaPreviewContentMode, MediaPreviewContentModeType, MediaPreviewContentType, MediaPreviewFieldConfig, MediaPreviewMode, MediaPreviewPlugin, MediaPreviewPluginConfig, VideoViewerProps, } from './types.js';
+export declare const mediaPreview: (pluginConfig: MediaPreviewPluginConfig) => (incomingConfig: Config) => Config;

package/dist/index.js

@@ -0,0 +1,90 @@
+import { mediaPreviewField } from "./field.js";
+import { translations } from "./translations/index.js";
+import { insertField } from "./utils/insertField.js";
+export { mediaPreviewField } from "./field.js";
+export const mediaPreview = (pluginConfig)=>(incomingConfig)=>{
+        if (pluginConfig.enabled === false) {
+            return incomingConfig;
+        }
+        const allAdapters = [
+            ...pluginConfig.adapters ?? []
+        ];
+        for (const [, collConfig] of Object.entries(pluginConfig.collections)){
+            if (collConfig && typeof collConfig === 'object' && collConfig.adapters) {
+                for (const adapter of collConfig.adapters){
+                    if (!allAdapters.some((a)=>a.name === adapter.name)) {
+                        allAdapters.push(adapter);
+                    }
+                }
+            }
+        }
+        const adapterDependencies = {};
+        for (const adapter of allAdapters){
+            if (adapter.Component) {
+                adapterDependencies[`media-preview-viewer-${adapter.name}`] = {
+                    type: 'component',
+                    path: adapter.Component
+                };
+            }
+        }
+        const finalConfig = {
+            ...incomingConfig,
+            admin: {
+                ...incomingConfig.admin,
+                dependencies: {
+                    ...incomingConfig.admin?.dependencies,
+                    ...adapterDependencies
+                }
+            },
+            collections: (incomingConfig.collections || []).map((collection)=>{
+                const collConfig = pluginConfig.collections[collection.slug];
+                if (!collConfig) {
+                    return collection;
+                }
+                if (!collection.upload) {
+                    return collection;
+                }
+                const resolved = collConfig === true ? {} : collConfig;
+                if (resolved.field === false) {
+                    return collection;
+                }
+                const fieldConfig = typeof resolved.field === 'object' ? resolved.field : {};
+                const position = fieldConfig.position ?? 'last';
+                const collAdapters = resolved.adapters ?? pluginConfig.adapters;
+                const adapterNames = collAdapters?.map((a)=>a.name);
+                const fields = insertField(collection.fields, position, mediaPreviewField({
+                    adapterNames,
+                    contentMode: resolved.contentMode,
+                    mode: resolved.mode,
+                    overrides: fieldConfig.overrides
+                }));
+                return {
+                    ...collection,
+                    fields
+                };
+            }),
+            custom: {
+                ...incomingConfig.custom,
+                '@seshuk/payload-media-preview': {
+                    adapters: allAdapters
+                }
+            },
+            i18n: {
+                ...incomingConfig.i18n,
+                translations: {
+                    ...incomingConfig.i18n?.translations,
+                    ...Object.entries(translations).reduce((acc, [locale, i18nObject])=>{
+                        const typedLocale = locale;
+                        return {
+                            ...acc,
+                            [typedLocale]: {
+                                ...incomingConfig.i18n?.translations?.[typedLocale],
+                                '@seshuk/payload-media-preview': i18nObject?.['@seshuk/payload-media-preview']
+                            }
+                        };
+                    }, {})
+                }
+            }
+        };
+        return finalConfig;
+    };

package/dist/translations/index.d.ts

@@ -0,0 +1,8 @@
+import type { AcceptedLanguages, DefaultTranslationKeys, NestedKeysStripped, TFunction } from '@payloadcms/translations';
+import type { PluginDefaultTranslationsObject } from './types.js';
+export declare const translations: {
+    [key in AcceptedLanguages]?: PluginDefaultTranslationsObject;
+};
+export type PluginMediaPreviewTranslations = typeof translations.en;
+export type PluginMediaPreviewTranslationsKeys = NestedKeysStripped<PluginMediaPreviewTranslations>;
+export type PluginMediaPreviewTFunction = TFunction<DefaultTranslationKeys | PluginMediaPreviewTranslationsKeys>;

package/dist/translations/index.js

@@ -0,0 +1,90 @@
+import { ar } from "./locales/ar.js";
+import { az } from "./locales/az.js";
+import { bg } from "./locales/bg.js";
+import { bnBd } from "./locales/bnBd.js";
+import { bnIn } from "./locales/bnIn.js";
+import { ca } from "./locales/ca.js";
+import { cs } from "./locales/cs.js";
+import { da } from "./locales/da.js";
+import { de } from "./locales/de.js";
+import { en } from "./locales/en.js";
+import { es } from "./locales/es.js";
+import { et } from "./locales/et.js";
+import { fa } from "./locales/fa.js";
+import { fr } from "./locales/fr.js";
+import { he } from "./locales/he.js";
+import { hr } from "./locales/hr.js";
+import { hu } from "./locales/hu.js";
+import { hy } from "./locales/hy.js";
+import { id } from "./locales/id.js";
+import { is } from "./locales/is.js";
+import { it } from "./locales/it.js";
+import { ja } from "./locales/ja.js";
+import { ko } from "./locales/ko.js";
+import { lt } from "./locales/lt.js";
+import { lv } from "./locales/lv.js";
+import { my } from "./locales/my.js";
+import { nb } from "./locales/nb.js";
+import { nl } from "./locales/nl.js";
+import { pl } from "./locales/pl.js";
+import { pt } from "./locales/pt.js";
+import { ro } from "./locales/ro.js";
+import { rs } from "./locales/rs.js";
+import { rsLatin } from "./locales/rsLatin.js";
+import { ru } from "./locales/ru.js";
+import { sk } from "./locales/sk.js";
+import { sl } from "./locales/sl.js";
+import { sv } from "./locales/sv.js";
+import { ta } from "./locales/ta.js";
+import { th } from "./locales/th.js";
+import { tr } from "./locales/tr.js";
+import { uk } from "./locales/uk.js";
+import { vi } from "./locales/vi.js";
+import { zh } from "./locales/zh.js";
+import { zhTw } from "./locales/zhTw.js";
+export const translations = {
+    id,
+    ar,
+    az,
+    bg,
+    'bn-BD': bnBd,
+    'bn-IN': bnIn,
+    ca,
+    cs,
+    da,
+    de,
+    en,
+    es,
+    et,
+    fa,
+    fr,
+    he,
+    hr,
+    hu,
+    hy,
+    is,
+    it,
+    ja,
+    ko,
+    lt,
+    lv,
+    my,
+    nb,
+    nl,
+    pl,
+    pt,
+    ro,
+    rs,
+    'rs-latin': rsLatin,
+    ru,
+    sk,
+    sl,
+    sv,
+    ta,
+    th,
+    tr,
+    uk,
+    vi,
+    zh,
+    'zh-TW': zhTw
+};

package/dist/translations/locales/ar.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const ar: PluginDefaultTranslationsObject;

package/dist/translations/locales/ar.js

@@ -0,0 +1,11 @@
+export const ar = {
+    '@seshuk/payload-media-preview': {
+        close: 'إغلاق',
+        label: 'معاينة',
+        open: 'فتح',
+        titleAudio: 'معاينة الصوت',
+        titleDocument: 'معاينة المستند',
+        titleImage: 'معاينة الصورة',
+        titleVideo: 'معاينة الفيديو'
+    }
+};

package/dist/translations/locales/az.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const az: PluginDefaultTranslationsObject;

package/dist/translations/locales/az.js

@@ -0,0 +1,11 @@
+export const az = {
+    '@seshuk/payload-media-preview': {
+        close: 'Bağlamaq',
+        label: 'Önizləmə',
+        open: 'Açmaq',
+        titleAudio: 'Audio önizləmə',
+        titleDocument: 'Sənəd önizləmə',
+        titleImage: 'Şəkil önizləmə',
+        titleVideo: 'Video önizləmə'
+    }
+};

package/dist/translations/locales/bg.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const bg: PluginDefaultTranslationsObject;

package/dist/translations/locales/bg.js

@@ -0,0 +1,11 @@
+export const bg = {
+    '@seshuk/payload-media-preview': {
+        close: 'Затвори',
+        label: 'Преглед',
+        open: 'Отвори',
+        titleAudio: 'Аудио преглед',
+        titleDocument: 'Преглед на документ',
+        titleImage: 'Преглед на изображение',
+        titleVideo: 'Видео преглед'
+    }
+};

package/dist/translations/locales/bnBd.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const bnBd: PluginDefaultTranslationsObject;

package/dist/translations/locales/bnBd.js

@@ -0,0 +1,11 @@
+export const bnBd = {
+    '@seshuk/payload-media-preview': {
+        close: 'বন্ধ করুন',
+        label: 'প্রাকদর্শন',
+        open: 'খুলুন',
+        titleAudio: 'অডিও প্রিভিউ',
+        titleDocument: 'ডকুমেন্ট প্রিভিউ',
+        titleImage: 'ছবি প্রিভিউ',
+        titleVideo: 'ভিডিও প্রিভিউ'
+    }
+};

package/dist/translations/locales/bnIn.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const bnIn: PluginDefaultTranslationsObject;

package/dist/translations/locales/bnIn.js

@@ -0,0 +1,11 @@
+export const bnIn = {
+    '@seshuk/payload-media-preview': {
+        close: 'বন্ধ করুন',
+        label: 'प्रीव्यू',
+        open: 'খুলুন',
+        titleAudio: 'অডিও প্রিভিউ',
+        titleDocument: 'ডকুমেন্ট প্রিভিউ',
+        titleImage: 'ছবি প্রিভিউ',
+        titleVideo: 'ভিডিও প্রিভিউ'
+    }
+};

package/dist/translations/locales/ca.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const ca: PluginDefaultTranslationsObject;

package/dist/translations/locales/ca.js

@@ -0,0 +1,11 @@
+export const ca = {
+    '@seshuk/payload-media-preview': {
+        close: 'Tancar',
+        label: 'Vista prèvia',
+        open: 'Obrir',
+        titleAudio: 'Previsualització d\'àudio',
+        titleDocument: 'Previsualització de document',
+        titleImage: 'Previsualització d\'imatge',
+        titleVideo: 'Previsualització de vídeo'
+    }
+};

package/dist/translations/locales/cs.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const cs: PluginDefaultTranslationsObject;

package/dist/translations/locales/cs.js

@@ -0,0 +1,11 @@
+export const cs = {
+    '@seshuk/payload-media-preview': {
+        close: 'Zavřít',
+        label: 'Náhled',
+        open: 'Otevřít',
+        titleAudio: 'Náhled audia',
+        titleDocument: 'Náhled dokumentu',
+        titleImage: 'Náhled obrázku',
+        titleVideo: 'Náhled videa'
+    }
+};

package/dist/translations/locales/da.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const da: PluginDefaultTranslationsObject;

package/dist/translations/locales/da.js

@@ -0,0 +1,11 @@
+export const da = {
+    '@seshuk/payload-media-preview': {
+        close: 'Luk',
+        label: 'Forhåndsvisning',
+        open: 'Åbn',
+        titleAudio: 'Lydforhåndsvisning',
+        titleDocument: 'Dokumentforhåndsvisning',
+        titleImage: 'Billedforhåndsvisning',
+        titleVideo: 'Videoforhåndsvisning'
+    }
+};

package/dist/translations/locales/de.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const de: PluginDefaultTranslationsObject;

package/dist/translations/locales/de.js

@@ -0,0 +1,11 @@
+export const de = {
+    '@seshuk/payload-media-preview': {
+        close: 'Schließen',
+        label: 'Vorschau',
+        open: 'Öffnen',
+        titleAudio: 'Audio-Vorschau',
+        titleDocument: 'Dokument-Vorschau',
+        titleImage: 'Bild-Vorschau',
+        titleVideo: 'Video-Vorschau'
+    }
+};

package/dist/translations/locales/en.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const en: PluginDefaultTranslationsObject;

package/dist/translations/locales/en.js

@@ -0,0 +1,11 @@
+export const en = {
+    '@seshuk/payload-media-preview': {
+        close: 'Close',
+        label: 'Preview',
+        open: 'Open',
+        titleAudio: 'Audio preview',
+        titleDocument: 'Document preview',
+        titleImage: 'Image preview',
+        titleVideo: 'Video preview'
+    }
+};

package/dist/translations/locales/es.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const es: PluginDefaultTranslationsObject;

package/dist/translations/locales/es.js

@@ -0,0 +1,11 @@
+export const es = {
+    '@seshuk/payload-media-preview': {
+        close: 'Cerrar',
+        label: 'Vista previa',
+        open: 'Abrir',
+        titleAudio: 'Vista previa de audio',
+        titleDocument: 'Vista previa de documento',
+        titleImage: 'Vista previa de imagen',
+        titleVideo: 'Vista previa de video'
+    }
+};

package/dist/translations/locales/et.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const et: PluginDefaultTranslationsObject;

package/dist/translations/locales/et.js

@@ -0,0 +1,11 @@
+export const et = {
+    '@seshuk/payload-media-preview': {
+        close: 'Sulge',
+        label: 'Eelvaade',
+        open: 'Ava',
+        titleAudio: 'Audio eelvaade',
+        titleDocument: 'Dokumendi eelvaade',
+        titleImage: 'Pildi eelvaade',
+        titleVideo: 'Video eelvaade'
+    }
+};

package/dist/translations/locales/fa.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const fa: PluginDefaultTranslationsObject;

package/dist/translations/locales/fa.js

@@ -0,0 +1,11 @@
+export const fa = {
+    '@seshuk/payload-media-preview': {
+        close: 'بستن',
+        label: 'پیش‌نمایش',
+        open: 'باز کردن',
+        titleAudio: 'پیش‌نمایش صوت',
+        titleDocument: 'پیش‌نمایش سند',
+        titleImage: 'پیش‌نمایش تصویر',
+        titleVideo: 'پیش‌نمایش ویدیو'
+    }
+};

package/dist/translations/locales/fr.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const fr: PluginDefaultTranslationsObject;

package/dist/translations/locales/fr.js

@@ -0,0 +1,11 @@
+export const fr = {
+    '@seshuk/payload-media-preview': {
+        close: 'Fermer',
+        label: 'Aperçu',
+        open: 'Ouvrir',
+        titleAudio: 'Aperçu audio',
+        titleDocument: 'Aperçu du document',
+        titleImage: 'Aperçu de l\'image',
+        titleVideo: 'Aperçu vidéo'
+    }
+};

package/dist/translations/locales/he.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const he: PluginDefaultTranslationsObject;

package/dist/translations/locales/he.js

@@ -0,0 +1,11 @@
+export const he = {
+    '@seshuk/payload-media-preview': {
+        close: 'סגור',
+        label: 'תצוגה מקדימה',
+        open: 'פתח',
+        titleAudio: 'תצוגה מקדימה של שמע',
+        titleDocument: 'תצוגה מקדימה של מסמך',
+        titleImage: 'תצוגה מקדימה של תמונה',
+        titleVideo: 'תצוגה מקדימה של וידאו'
+    }
+};

package/dist/translations/locales/hr.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const hr: PluginDefaultTranslationsObject;

package/dist/translations/locales/hr.js

@@ -0,0 +1,11 @@
+export const hr = {
+    '@seshuk/payload-media-preview': {
+        close: 'Zatvori',
+        label: 'Pregled',
+        open: 'Otvori',
+        titleAudio: 'Pregled zvuka',
+        titleDocument: 'Pregled dokumenta',
+        titleImage: 'Pregled slike',
+        titleVideo: 'Pregled videa'
+    }
+};

package/dist/translations/locales/hu.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const hu: PluginDefaultTranslationsObject;

package/dist/translations/locales/hu.js

@@ -0,0 +1,11 @@
+export const hu = {
+    '@seshuk/payload-media-preview': {
+        close: 'Bezárás',
+        label: 'Előnézet',
+        open: 'Megnyitás',
+        titleAudio: 'Hanganyag előnézet',
+        titleDocument: 'Dokumentum előnézet',
+        titleImage: 'Kép előnézet',
+        titleVideo: 'Videó előnézet'
+    }
+};

package/dist/translations/locales/hy.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const hy: PluginDefaultTranslationsObject;

package/dist/translations/locales/hy.js

@@ -0,0 +1,11 @@
+export const hy = {
+    '@seshuk/payload-media-preview': {
+        close: 'Փակել',
+        label: 'Նախադիտում',
+        open: 'Բացել',
+        titleAudio: 'Աուդիո նախադիտում',
+        titleDocument: 'Փաստաթղթի նախադիտում',
+        titleImage: 'Նկարի նախադիտում',
+        titleVideo: 'Վիդեո նախադիտում'
+    }
+};

package/dist/translations/locales/id.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const id: PluginDefaultTranslationsObject;

package/dist/translations/locales/id.js

@@ -0,0 +1,11 @@
+export const id = {
+    '@seshuk/payload-media-preview': {
+        close: 'Tutup',
+        label: 'Pratinjau',
+        open: 'Buka',
+        titleAudio: 'Pratinjau audio',
+        titleDocument: 'Pratinjau dokumen',
+        titleImage: 'Pratinjau gambar',
+        titleVideo: 'Pratinjau video'
+    }
+};

package/dist/translations/locales/is.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const is: PluginDefaultTranslationsObject;

package/dist/translations/locales/is.js

@@ -0,0 +1,11 @@
+export const is = {
+    '@seshuk/payload-media-preview': {
+        close: 'Loka',
+        label: 'Forskoðun',
+        open: 'Opna',
+        titleAudio: 'Hljóðforskoðun',
+        titleDocument: 'Skjalaforskoðun',
+        titleImage: 'Myndaforskoðun',
+        titleVideo: 'Myndbandsforskoðun'
+    }
+};

package/dist/translations/locales/it.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const it: PluginDefaultTranslationsObject;

package/dist/translations/locales/it.js

@@ -0,0 +1,11 @@
+export const it = {
+    '@seshuk/payload-media-preview': {
+        close: 'Chiudi',
+        label: 'Anteprima',
+        open: 'Apri',
+        titleAudio: 'Anteprima audio',
+        titleDocument: 'Anteprima documento',
+        titleImage: 'Anteprima immagine',
+        titleVideo: 'Anteprima video'
+    }
+};

package/dist/translations/locales/ja.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const ja: PluginDefaultTranslationsObject;

package/dist/translations/locales/ja.js

@@ -0,0 +1,11 @@
+export const ja = {
+    '@seshuk/payload-media-preview': {
+        close: '閉じる',
+        label: 'プレビュー',
+        open: '開く',
+        titleAudio: 'オーディオプレビュー',
+        titleDocument: 'ドキュメントプレビュー',
+        titleImage: '画像プレビュー',
+        titleVideo: 'ビデオプレビュー'
+    }
+};

package/dist/translations/locales/ko.d.ts

@@ -0,0 +1,2 @@
+import type { PluginDefaultTranslationsObject } from '../types.js';
+export declare const ko: PluginDefaultTranslationsObject;