@rubixstudios/payload-media 1.0.0

package/dist/types.js

@@ -0,0 +1,336 @@
+export const MediaOptions = [
+    {
+        label: 'Images',
+        value: 'image'
+    },
+    {
+        label: 'Videos',
+        value: 'video'
+    }
+];
+export const PexelsColours = [
+    {
+        label: 'Black',
+        value: 'black'
+    },
+    {
+        label: 'Blue',
+        value: 'blue'
+    },
+    {
+        label: 'Brown',
+        value: 'brown'
+    },
+    {
+        label: 'Gray',
+        value: 'gray'
+    },
+    {
+        label: 'Green',
+        value: 'green'
+    },
+    {
+        label: 'Orange',
+        value: 'orange'
+    },
+    {
+        label: 'Pink',
+        value: 'pink'
+    },
+    {
+        label: 'Red',
+        value: 'red'
+    },
+    {
+        label: 'Turquoise',
+        value: 'turquoise'
+    },
+    {
+        label: 'Violet',
+        value: 'violet'
+    },
+    {
+        label: 'White',
+        value: 'white'
+    },
+    {
+        label: 'Yellow',
+        value: 'yellow'
+    }
+];
+export const PexelsOrientation = [
+    {
+        label: 'Landscape',
+        value: 'landscape'
+    },
+    {
+        label: 'Portrait',
+        value: 'portrait'
+    },
+    {
+        label: 'Square',
+        value: 'square'
+    }
+];
+export const PexelsSize = [
+    {
+        label: 'Small (4MP)',
+        value: 'small'
+    },
+    {
+        label: 'Medium (12MP)',
+        value: 'medium'
+    },
+    {
+        label: 'Large (24MP)',
+        value: 'large'
+    }
+];
+export const PexelsVideoSize = [
+    {
+        label: 'Large (4K)',
+        value: 'large'
+    },
+    {
+        label: 'Medium (Full HD)',
+        value: 'medium'
+    },
+    {
+        label: 'Small (HD)',
+        value: 'small'
+    }
+];
+export const PixabayCategories = [
+    {
+        label: 'Animals',
+        value: 'animals'
+    },
+    {
+        label: 'Backgrounds',
+        value: 'backgrounds'
+    },
+    {
+        label: 'Buildings',
+        value: 'buildings'
+    },
+    {
+        label: 'Business',
+        value: 'business'
+    },
+    {
+        label: 'Computer',
+        value: 'computer'
+    },
+    {
+        label: 'Education',
+        value: 'education'
+    },
+    {
+        label: 'Fashion',
+        value: 'fashion'
+    },
+    {
+        label: 'Feelings',
+        value: 'feelings'
+    },
+    {
+        label: 'Food',
+        value: 'food'
+    },
+    {
+        label: 'Health',
+        value: 'health'
+    },
+    {
+        label: 'Industry',
+        value: 'industry'
+    },
+    {
+        label: 'Music',
+        value: 'music'
+    },
+    {
+        label: 'Nature',
+        value: 'nature'
+    },
+    {
+        label: 'People',
+        value: 'people'
+    },
+    {
+        label: 'Places',
+        value: 'places'
+    },
+    {
+        label: 'Religion',
+        value: 'religion'
+    },
+    {
+        label: 'Science',
+        value: 'science'
+    },
+    {
+        label: 'Sports',
+        value: 'sports'
+    },
+    {
+        label: 'Transportation',
+        value: 'transportation'
+    },
+    {
+        label: 'Travel',
+        value: 'travel'
+    }
+];
+export const PixabayColours = [
+    {
+        label: 'Black',
+        value: 'black'
+    },
+    {
+        label: 'Blue',
+        value: 'blue'
+    },
+    {
+        label: 'Brown',
+        value: 'brown'
+    },
+    {
+        label: 'Grayscale',
+        value: 'grayscale'
+    },
+    {
+        label: 'Gray',
+        value: 'gray'
+    },
+    {
+        label: 'Green',
+        value: 'green'
+    },
+    {
+        label: 'Lilac',
+        value: 'lilac'
+    },
+    {
+        label: 'Orange',
+        value: 'orange'
+    },
+    {
+        label: 'Pink',
+        value: 'pink'
+    },
+    {
+        label: 'Red',
+        value: 'red'
+    },
+    {
+        label: 'Transparent',
+        value: 'transparent'
+    },
+    {
+        label: 'Turquoise',
+        value: 'turquoise'
+    },
+    {
+        label: 'White',
+        value: 'white'
+    },
+    {
+        label: 'Yellow',
+        value: 'yellow'
+    }
+];
+export const PixabayImageType = [
+    {
+        label: 'Photo',
+        value: 'photo'
+    },
+    {
+        label: 'Illustration',
+        value: 'illustration'
+    },
+    {
+        label: 'Vector',
+        value: 'vector'
+    }
+];
+export const PixabayOrder = [
+    {
+        label: 'Popular',
+        value: 'popular'
+    },
+    {
+        label: 'Latest',
+        value: 'latest'
+    }
+];
+export const PixabayOrientation = [
+    {
+        label: 'Landscape',
+        value: 'horizontal'
+    },
+    {
+        label: 'Portrait',
+        value: 'vertical'
+    }
+];
+export const UnsplashColours = [
+    {
+        label: 'Black',
+        value: 'black'
+    },
+    {
+        label: 'Blue',
+        value: 'blue'
+    },
+    {
+        label: 'Grayscale',
+        value: 'black_and_white'
+    },
+    {
+        label: 'Green',
+        value: 'green'
+    },
+    {
+        label: 'Magenta',
+        value: 'magenta'
+    },
+    {
+        label: 'Orange',
+        value: 'orange'
+    },
+    {
+        label: 'Purple',
+        value: 'purple'
+    },
+    {
+        label: 'Red',
+        value: 'red'
+    },
+    {
+        label: 'Teal',
+        value: 'teal'
+    },
+    {
+        label: 'White',
+        value: 'white'
+    },
+    {
+        label: 'Yellow',
+        value: 'yellow'
+    }
+];
+export const UnsplashOrientation = [
+    {
+        label: 'Landscape',
+        value: 'landscape'
+    },
+    {
+        label: 'Portrait',
+        value: 'portrait'
+    },
+    {
+        label: 'Square',
+        value: 'squarish'
+    }
+];

package/dist/utils/fetchCache.d.ts

@@ -0,0 +1,2 @@
+export declare const fetchCache: (queryPath: string) => Promise<any>;
+//# sourceMappingURL=fetchCache.d.ts.map

package/dist/utils/fetchCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchCache.d.ts","sourceRoot":"","sources":["../../src/utils/fetchCache.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,GAAU,WAAW,MAAM,iBAsBjD,CAAA"}

package/dist/utils/fetchCache.js

@@ -0,0 +1,20 @@
+import { CacheManager } from '../lib/cache.js';
+const cache = new CacheManager();
+const defaultExpiry = 24 * 60 * 60 * 1000;
+export const fetchCache = async (queryPath)=>{
+    if (queryPath.includes('undefined')) {
+        throw new Error('Invalid provider');
+    }
+    const key = `media-search:${queryPath}`;
+    const cached = cache.get(key);
+    if (cached !== null) {
+        return cached;
+    }
+    const response = await fetch(queryPath);
+    if (!response.ok) {
+        throw await response.json();
+    }
+    const json = await response.json();
+    cache.set(key, json, defaultExpiry);
+    return json;
+};

package/dist/utils/getMediaType.d.ts

@@ -0,0 +1,2 @@
+export declare const getMediaType: (value: unknown) => "image" | "video" | undefined;
+//# sourceMappingURL=getMediaType.d.ts.map

package/dist/utils/getMediaType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMediaType.d.ts","sourceRoot":"","sources":["../../src/utils/getMediaType.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,GAAI,OAAO,OAAO,KAAG,OAAO,GAAG,OAAO,GAAG,SAIjE,CAAA"}

package/dist/utils/getMediaType.js

@@ -0,0 +1,4 @@
+export const getMediaType = (value)=>{
+    if (value === 'image' || value === 'video') return value;
+    return undefined;
+};

package/dist/utils/getProvider.d.ts

@@ -0,0 +1,6 @@
+import { Pexels } from '../endpoints/handler/pexels.js';
+import { Pixabay } from '../endpoints/handler/pixabay.js';
+import { Unsplash } from '../endpoints/handler/unsplash.js';
+import { type ProviderKeys } from '../types.js';
+export declare const getProvider: (providerKey: string | undefined, providerKeys?: ProviderKeys) => Pexels | Pixabay | Unsplash | null;
+//# sourceMappingURL=getProvider.d.ts.map

package/dist/utils/getProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getProvider.d.ts","sourceRoot":"","sources":["../../src/utils/getProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAC3D,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAA;AAE/C,eAAO,MAAM,WAAW,GAAI,aAAa,MAAM,GAAG,SAAS,EAAE,eAAe,YAAY,uCAavF,CAAA"}

package/dist/utils/getProvider.js

@@ -0,0 +1,16 @@
+import { Pexels } from '../endpoints/handler/pexels.js';
+import { Pixabay } from '../endpoints/handler/pixabay.js';
+import { Unsplash } from '../endpoints/handler/unsplash.js';
+export const getProvider = (providerKey, providerKeys)=>{
+    if (!providerKey) return null;
+    switch(providerKey.toLowerCase()){
+        case 'unsplash':
+            return new Unsplash(()=>providerKeys?.unsplash);
+        case 'pexels':
+            return new Pexels(()=>providerKeys?.pexels);
+        case 'pixabay':
+            return new Pixabay(()=>providerKeys?.pixabay);
+        default:
+            return null;
+    }
+};

package/dist/utils/getProviders.d.ts

@@ -0,0 +1,6 @@
+import { Pexels } from '../endpoints/handler/pexels.js';
+import { Pixabay } from '../endpoints/handler/pixabay.js';
+import { Unsplash } from '../endpoints/handler/unsplash.js';
+import { type ProviderKeys } from '../types.js';
+export declare function getProviders(providerKey?: ProviderKeys): Array<Pexels | Unsplash | Pixabay>;
+//# sourceMappingURL=getProviders.d.ts.map

package/dist/utils/getProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getProviders.d.ts","sourceRoot":"","sources":["../../src/utils/getProviders.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAC3D,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAA;AAE/C,wBAAgB,YAAY,CAAC,WAAW,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,CAM3F"}

package/dist/utils/getProviders.js

@@ -0,0 +1,10 @@
+import { Pexels } from '../endpoints/handler/pexels.js';
+import { Pixabay } from '../endpoints/handler/pixabay.js';
+import { Unsplash } from '../endpoints/handler/unsplash.js';
+export function getProviders(providerKey) {
+    return [
+        new Unsplash(()=>providerKey?.unsplash),
+        new Pexels(()=>providerKey?.pexels),
+        new Pixabay(()=>providerKey?.pixabay)
+    ].filter((p)=>p.isConfigured);
+}

package/dist/utils/requireAccess.d.ts

@@ -0,0 +1,3 @@
+import { type PayloadRequest } from 'payload';
+export declare const requireAccess: (req: PayloadRequest) => Promise<Response | undefined>;
+//# sourceMappingURL=requireAccess.d.ts.map

package/dist/utils/requireAccess.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"requireAccess.d.ts","sourceRoot":"","sources":["../../src/utils/requireAccess.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,aAAa,GAAU,KAAK,cAAc,KAAG,OAAO,CAAC,QAAQ,GAAG,SAAS,CASrF,CAAA"}

package/dist/utils/requireAccess.js

@@ -0,0 +1,13 @@
+export const requireAccess = async (req)=>{
+    const allowed = await req.payload?.config?.custom?.providerAccess?.({
+        req
+    });
+    if (!allowed) {
+        return Response.json({
+            data: null,
+            error: 'You are not allowed to perform this action.'
+        }, {
+            status: 403
+        });
+    }
+};

package/dist/utils/resolveProvider.d.ts

@@ -0,0 +1,6 @@
+import { type PayloadRequest } from 'payload';
+import { type Pexels } from '../endpoints/handler/pexels.js';
+import { type Pixabay } from '../endpoints/handler/pixabay.js';
+import { type Unsplash } from '../endpoints/handler/unsplash.js';
+export declare const resolveProvider: (req: PayloadRequest) => Unsplash | Pexels | Pixabay | null;
+//# sourceMappingURL=resolveProvider.d.ts.map

package/dist/utils/resolveProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveProvider.d.ts","sourceRoot":"","sources":["../../src/utils/resolveProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAGhE,eAAO,MAAM,eAAe,GAAI,KAAK,cAAc,KAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,IAGnF,CAAA"}

package/dist/utils/resolveProvider.js

@@ -0,0 +1,5 @@
+import { getProvider } from './getProvider.js';
+export const resolveProvider = (req)=>{
+    const providerKeys = req.payload?.config?.custom?.providerKeys;
+    return getProvider(req.routeParams?.provider, providerKeys);
+};

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@rubixstudios/payload-media",
+  "version": "1.0.0",
+  "description": "A Payload CMS plugin that integrates with stock image and video providers including Unsplash, Pexels and Pixabay.",
+  "license": "MIT",
+  "author": "Rubix Studios <hello@rubixstudios.com.au> (https://rubixstudios.com.au)",
+  "homepage": "https://rubixstudios.com.au",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rubix-studios-pty-ltd/payload-media.git"
+  },
+  "bugs": {
+    "url": "https://github.com/rubix-studios-pty-ltd/payload-media/issues"
+  },
+  "maintainers": [
+    {
+      "name": "Rubix Studios",
+      "email": "hello@rubixstudios.com.au",
+      "url": "https://rubixstudios.com.au"
+    }
+  ],
+  "type": "module",
+  "keywords": [
+    "payload",
+    "payloadcms",
+    "stock",
+    "media",
+    "image",
+    "video",
+    "plugin",
+    "typescript",
+    "react",
+    "nextjs"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./client": {
+      "import": "./dist/exports/client.js",
+      "types": "./dist/exports/client.d.ts",
+      "default": "./dist/exports/client.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "pnpm build:types && pnpm build:swc && pnpm build:assets",
+    "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
+    "build:types": "tsc -p tsconfig.json",
+    "build:assets": "cleancss -o dist/components/search-drawer/style.css src/components/search-drawer/style.css",
+    "clean": "rimraf -g {dist,*.tsbuildinfo} && pnpm exec biome check --write && pnpm biome migrate --write",
+    "update": "pnpm self-update && pnpm update --latest && pnpm install && pnpm prune && pnpm dedupe && pnpm run clean",
+    "release": "semantic-release"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.4.15",
+    "@payloadcms/ui": "^3.84.1",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@swc/cli": "^0.8.1",
+    "@swc/core": "^1.15.33",
+    "@types/react": "^19.2.14",
+    "clean-css-cli": "^5.6.3",
+    "conventional-changelog-conventionalcommits": "^9.3.1",
+    "payload": "^3.84.1",
+    "rimraf": "^6.1.3",
+    "semantic-release": "^25.0.3",
+    "typescript": "6.0.3"
+  },
+  "peerDependencies": {
+    "payload": "^3.84.1"
+  },
+  "engines": {
+    "node": ">=24",
+    "pnpm": ">=10"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+      ".": {
+        "import": "./dist/index.js",
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "packageManager": "pnpm@11.1.3"
+}