screenshot_fyi init

Author: michelle0927

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

@@ -0,0 +1,64 @@
+import screenshot_fyi from "../../screenshot_fyi.app.mjs";
+
+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}}",
+  type: "action",
+  props: {
+    screenshot_fyi: {
+      type: "app",
+      app: "screenshot_fyi",
+    },
+    url: {
+      propDefinition: [
+        screenshot_fyi,
+        "url",
+      ],
+    },
+    width: {
+      propDefinition: [
+        screenshot_fyi,
+        "width",
+      ],
+    },
+    height: {
+      propDefinition: [
+        screenshot_fyi,
+        "height",
+      ],
+    },
+    fullpage: {
+      propDefinition: [
+        screenshot_fyi,
+        "fullpage",
+      ],
+    },
+    format: {
+      propDefinition: [
+        screenshot_fyi,
+        "format",
+      ],
+    },
+    disableCookieBanners: {
+      propDefinition: [
+        screenshot_fyi,
+        "disableCookieBanners",
+      ],
+      optional: true,
+    },
+    darkMode: {
+      propDefinition: [
+        screenshot_fyi,
+        "darkMode",
+      ],
+      optional: true,
+    },
+  },
+  async run({ $ }) {
+    const response = await this.screenshot_fyi.takeScreenshot();
+    $.export("$summary", `Screenshot taken for ${this.url}`);
+    return response;
+  },
+};

components/screenshot_fyi/package.json

@@ -12,4 +12,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

components/screenshot_fyi/screenshot_fyi.app.mjs

@@ -1,11 +1,104 @@
+import { axios } from "@pipedream/platform";
+
 export default {
   type: "app",
   app: "screenshot_fyi",
-  propDefinitions: {},
+  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,
+    },
+  },
   methods: {
-    // this.$auth contains connected account data
     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;
+      return axios($, {
+        method,
+        url: this._baseUrl() + path,
+        headers: {
+          ...headers,
+          Authorization: `Bearer ${this.$auth.api_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,
+        }),
+      };
+      return this._makeRequest({
+        params,
+      });
+    },
   },
+  version: "0.0.{{ts}}",
 };