new component

Author: michelle0927

components/screenshot_fyi/actions/create-screenshot/create-screenshot.mjs

@@ -4,60 +4,70 @@ export default {
   key: "screenshot_fyi-create-screenshot",
   name: "Create Screenshot",
   description: "Takes a screenshot of a webpage using Screenshot.fyi. [See the documentation](https://www.screenshot.fyi/api-docs)",
-  version: "0.0.{{ts}}",
+  version: "0.0.1",
   type: "action",
   props: {
-    screenshot_fyi: {
-      type: "app",
-      app: "screenshot_fyi",
-    },
+    screenshot_fyi,
     url: {
-      propDefinition: [
-        screenshot_fyi,
-        "url",
-      ],
+      type: "string",
+      label: "URL",
+      description: "The URL of the webpage to capture",
     },
     width: {
-      propDefinition: [
-        screenshot_fyi,
-        "width",
-      ],
+      type: "integer",
+      label: "Width",
+      description: "Width of the viewport in pixels. Default: `1440`",
+      optional: true,
     },
     height: {
-      propDefinition: [
-        screenshot_fyi,
-        "height",
-      ],
+      type: "integer",
+      label: "Height",
+      description: "Height of the viewport in pixels. Default: `900`",
+      optional: true,
     },
-    fullpage: {
-      propDefinition: [
-        screenshot_fyi,
-        "fullpage",
-      ],
+    fullPage: {
+      type: "boolean",
+      label: "Full Page",
+      description: "Capture the full scrollable page. Default: `false`",
+      optional: true,
     },
     format: {
-      propDefinition: [
-        screenshot_fyi,
-        "format",
+      type: "string",
+      label: "Format",
+      description: "The format of the screenshot. Default: `jpg`",
+      options: [
+        "png",
+        "jpg",
+        "jpeg",
       ],
+      optional: true,
     },
     disableCookieBanners: {
-      propDefinition: [
-        screenshot_fyi,
-        "disableCookieBanners",
-      ],
+      type: "boolean",
+      label: "Disable Cookie Banners",
+      description: "Attempt to remove cookie consent banners. Default: `true`",
       optional: true,
     },
     darkMode: {
-      propDefinition: [
-        screenshot_fyi,
-        "darkMode",
-      ],
+      type: "boolean",
+      label: "Dark Mode",
+      description: "Enable dark mode when taking the screenshot. Default: `false`",
       optional: true,
     },
   },
   async run({ $ }) {
-    const response = await this.screenshot_fyi.takeScreenshot();
+    const response = await this.screenshot_fyi.takeScreenshot({
+      $,
+      params: {
+        url: this.url,
+        width: this.width,
+        height: this.height,
+        fullPage: this.fullPage,
+        format: this.format,
+        disableCookieBanners: this.disableCookieBanners,
+        darkMode: this.darkMode,
+      },
+    });
     $.export("$summary", `Screenshot taken for ${this.url}`);
     return response;
   },

components/screenshot_fyi/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipedream/screenshot_fyi",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "Pipedream screenshot.fyi Components",
   "main": "screenshot_fyi.app.mjs",
   "keywords": [
@@ -11,5 +11,8 @@
   "author": "Pipedream <[email protected]> (https://pipedream.com/)",
   "publishConfig": {
     "access": "public"
+  },
+  "dependencies": {
+    "@pipedream/platform": "^3.0.3"
   }
 }

components/screenshot_fyi/screenshot_fyi.app.mjs

@@ -3,102 +3,31 @@ import { axios } from "@pipedream/platform";
 export default {
   type: "app",
   app: "screenshot_fyi",
-  propDefinitions: {
-    url: {
-      type: "string",
-      label: "URL",
-      description: "The URL of the webpage to capture",
-    },
-    width: {
-      type: "integer",
-      label: "Width",
-      description: "The width of the screenshot",
-      optional: true,
-    },
-    height: {
-      type: "integer",
-      label: "Height",
-      description: "The height of the screenshot",
-      optional: true,
-    },
-    fullpage: {
-      type: "boolean",
-      label: "Full Page",
-      description: "Capture the full page of the webpage",
-      optional: true,
-    },
-    format: {
-      type: "string",
-      label: "Format",
-      description: "The format of the screenshot (e.g., png, jpeg)",
-      optional: true,
-    },
-    disableCookieBanners: {
-      type: "boolean",
-      label: "Disable Cookie Banners",
-      description: "Disable cookie banners in the screenshot",
-      optional: true,
-    },
-    darkMode: {
-      type: "boolean",
-      label: "Dark Mode",
-      description: "Enable dark mode in the screenshot",
-      optional: true,
-    },
-  },
+  propDefinitions: {},
   methods: {
-    authKeys() {
-      console.log(Object.keys(this.$auth));
-    },
     _baseUrl() {
       return "https://screenshot.fyi/api";
     },
-    async _makeRequest(opts = {}) {
-      const {
-        $ = this,
-        method = "GET",
-        path = "/take",
-        headers,
-        params,
-        ...otherOpts
-      } = opts;
+    _makeRequest({
+      $ = this,
+      path,
+      params,
+      ...otherOpts
+    }) {
       return axios($, {
-        method,
-        url: this._baseUrl() + path,
-        headers: {
-          ...headers,
-          Authorization: `Bearer ${this.$auth.api_key}`,
+        url: `${this._baseUrl()}${path}`,
+        params: {
+          ...params,
+          accessKey: this.$auth.access_key,
         },
-        params,
         ...otherOpts,
       });
     },
-    async takeScreenshot() {
-      const params = {
-        url: this.url,
-        ...(this.width !== undefined && {
-          width: this.width,
-        }),
-        ...(this.height !== undefined && {
-          height: this.height,
-        }),
-        ...(this.fullpage !== undefined && {
-          fullpage: this.fullpage,
-        }),
-        ...(this.format && {
-          format: this.format,
-        }),
-        ...(this.disableCookieBanners !== undefined && {
-          disableCookieBanners: this.disableCookieBanners,
-        }),
-        ...(this.darkMode !== undefined && {
-          darkMode: this.darkMode,
-        }),
-      };
+    takeScreenshot(opts = {}) {
       return this._makeRequest({
-        params,
+        path: "/take",
+        ...opts,
       });
     },
   },
-  version: "0.0.{{ts}}",
 };