@rubixstudios/payload-images 1.0.0 → 1.0.2

package/dist/types.js

@@ -0,0 +1,312 @@
+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 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,iBAejD,CAAA"}

package/dist/utils/fetchCache.js

@@ -0,0 +1,15 @@
+import { CacheManager } from '../lib/cache.js';
+const cache = new CacheManager();
+const defaultExpiry = 24 * 60 * 60 * 1000;
+export const fetchCache = async (queryPath)=>{
+    const key = `image-search:${queryPath}`;
+    if (cache.exists(key)) {
+        return cache.get(key);
+    }
+    const response = await fetch(queryPath);
+    const json = await response.json();
+    if (response.status < 400) {
+        cache.set(key, json, defaultExpiry);
+    }
+    return json;
+};

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,KAAK,EAAE,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 { 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,cAAc,EAAE,MAAM,SAAS,CAAA;AACxC,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

@@ -1,6 +1,6 @@
 {
   "name": "@rubixstudios/payload-images",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "A Payload CMS plugin that integrates with stock image providers including Unsplash, Pexels and Pixabay.",
   "license": "MIT",
   "author": "Rubix Studios <hello@rubixstudios.com.au> (https://rubixstudios.com.au)",
@@ -36,6 +36,11 @@
       "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",
@@ -43,6 +48,15 @@
   "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/SearchImages/style.css src/components/SearchImages/*.css",
+    "clean": "rimraf -g {dist,*.tsbuildinfo} && pnpm exec biome check --write",
+    "update": "pnpm update --latest && pnpm install && pnpm prune && pnpm dedupe && pnpm run clean",
+    "release": "semantic-release"
+  },
   "devDependencies": {
     "@biomejs/biome": "2.3.12",
     "@payloadcms/ui": "^3.73.0",
@@ -66,15 +80,16 @@
   },
   "publishConfig": {
     "access": "public",
-    "registry": "https://registry.npmjs.org/"
+    "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"
+      }
+    }
   },
-  "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/SearchImages/style.css src/components/SearchImages/*.css",
-    "clean": "rimraf -g {dist,*.tsbuildinfo} && pnpm exec biome check --write",
-    "update": "pnpm update --latest && pnpm install && pnpm prune && pnpm dedupe && pnpm run clean",
-    "release": "semantic-release"
-  }
-}
+  "packageManager": "pnpm@10.28.1"
+}