[Components] pexels #16496

Sources
 - New Photo By Search
 - New Curated Photo

Actions
 - Search Photos
 - Get Photo Details
 - Download Photo

Author: luancazarine

common/constants.mjs

@@ -0,0 +1,80 @@
+export const ORIENTATION_OPTIONS = [
+  {
+    label: "Landscape",
+    value: "landscape",
+  },
+  {
+    label: "Portrait",
+    value: "portrait",
+  },
+  {
+    label: "Square",
+    value: "square",
+  },
+];
+
+export const SIZE_OPTIONS = [
+  {
+    label: "Large (24MP)",
+    value: "large",
+  },
+  {
+    label: "Medium (12MP)",
+    value: "medium",
+  },
+  {
+    label: "Small (4MP)",
+    value: "small",
+  },
+];
+
+export const COLOR_OPTIONS = [
+  {
+    label: "Red",
+    value: "red",
+  },
+  {
+    label: "Orange",
+    value: "orange",
+  },
+  {
+    label: "Yellow",
+    value: "yellow",
+  },
+  {
+    label: "Green",
+    value: "green",
+  },
+  {
+    label: "Turquoise",
+    value: "turquoise",
+  },
+  {
+    label: "Blue",
+    value: "blue",
+  },
+  {
+    label: "Violet",
+    value: "violet",
+  },
+  {
+    label: "Pink",
+    value: "pink",
+  },
+  {
+    label: "Brown",
+    value: "brown",
+  },
+  {
+    label: "Black",
+    value: "black",
+  },
+  {
+    label: "Gray",
+    value: "gray",
+  },
+  {
+    label: "White",
+    value: "white",
+  },
+];

components/pexels/actions/download-photo/download-photo.mjs

@@ -1,6 +1,8 @@
-import pexels from "../../pexels.app.mjs";
 import { axios } from "@pipedream/platform";
 import fs from "fs";
+import stream from "stream";
+import { promisify } from "util";
+import pexels from "../../pexels.app.mjs";
 
 export default {
   key: "pexels-download-photo",
@@ -16,22 +18,44 @@ export default {
         "photoId",
       ],
     },
-    desiredSize: {
-      propDefinition: [
-        pexels,
-        "desiredSize",
-      ],
+    filePath: {
+      type: "string",
+      label: "File Path",
+      description: "The destination path in [`/tmp`](https://pipedream.com/docs/workflows/steps/code/nodejs/working-with-files/#the-tmp-directory) for the downloaded the file (e.g., `/tmp/myFile.jpg`). Make sure to include the file extension.",
+    },
+  },
+  methods: {
+    getFileStream({
+      $, downloadUrl,
+    }) {
+      return axios($, {
+        url: downloadUrl,
+        responseType: "stream",
+      });
     },
   },
   async run({ $ }) {
-    const filePath = await this.pexels.downloadPhoto({
+    const response = await this.pexels.getPhoto({
+      $,
       photoId: this.photoId,
-      desiredSize: this.desiredSize,
     });
 
-    $.export("$summary", `Successfully downloaded photo with ID ${this.photoId} to ${filePath}`);
+    const fileStream = await this.getFileStream({
+      $,
+      downloadUrl: response.src.original,
+    });
+
+    const pipeline = promisify(stream.pipeline);
+    const resp = await pipeline(
+      fileStream,
+      fs.createWriteStream(this.filePath.includes("/tmp")
+        ? this.filePath
+        : `/tmp/${this.filePath}`),
+    );
+
+    $.export("$summary", `Successfully downloaded photo with ID ${this.photoId} to ${this.filePath}`);
     return {
-      filePath,
+      resp,
     };
   },
 };

components/pexels/actions/get-photo-details/get-photo-details.mjs

@@ -1,10 +1,9 @@
 import pexels from "../../pexels.app.mjs";
-import { axios } from "@pipedream/platform";
 
 export default {
   key: "pexels-get-photo-details",
   name: "Get Photo Details",
-  description: "Retrieve detailed information about a specific photo by providing its photo ID. [See the documentation](https://www.pexels.com/api/documentation/)",
+  description: "Retrieve detailed information about a specific photo by providing its photo ID. [See the documentation](https://www.pexels.com/api/documentation/#photos-show)",
   version: "0.0.1",
   type: "action",
   props: {
@@ -18,6 +17,7 @@ export default {
   },
   async run({ $ }) {
     const response = await this.pexels.getPhoto({
+      $,
       photoId: this.photoId,
     });
     $.export("$summary", `Successfully retrieved details for photo ID: ${this.photoId}`);

components/pexels/actions/search-photos/search-photos.mjs

@@ -1,10 +1,9 @@
 import pexels from "../../pexels.app.mjs";
-import { axios } from "@pipedream/platform";
 
 export default {
   key: "pexels-search-photos",
   name: "Search Photos",
-  description: "Search for photos on Pexels using a keyword or phrase. [See the documentation](https://www.pexels.com/api/documentation/)",
+  description: "Search for photos on Pexels using a keyword or phrase. [See the documentation](https://www.pexels.com/api/documentation/#photos-search)",
   version: "0.0.1",
   type: "action",
   props: {
@@ -33,13 +32,31 @@ export default {
         "color",
       ],
     },
+    page: {
+      type: "Integer",
+      label: "Page",
+      description: "The page number you are requesting",
+      optional: true,
+    },
+    perPage: {
+      type: "Integer",
+      label: "Per Page",
+      description: "The number of results you are requesting per page",
+      max: 80,
+      optional: true,
+    },
   },
   async run({ $ }) {
     const response = await this.pexels.searchPhotos({
-      query: this.searchQuery,
-      orientation: this.orientation,
-      size: this.size,
-      color: this.color,
+      $,
+      params: {
+        query: this.searchQuery,
+        orientation: this.orientation,
+        size: this.size,
+        color: this.color,
+        page: this.page || 1,
+        per_page: this.perPage || 15,
+      },
     });
 
     $.export("$summary", `Successfully retrieved ${response.photos.length} photos for the query "${this.searchQuery}".`);