import fs from "fs";
import path from "path";
import { ConfigurationError } from "@pipedream/platform";
import common from "../common/base.mjs";
import utils from "../../common/utils.mjs";
export default {
...common,
key: "cloudflare_browser_rendering-get-screenshot",
name: "Get Screenshot",
description: "Takes a screenshot of a webpage from provided URL or HTML. [See the documentation](https://developers.cloudflare.com/api/resources/browser_rendering/subresources/pdf/methods/create/)",
version: "0.0.3",
annotations: {
destructiveHint: false,
openWorldHint: true,
readOnlyHint: false,
},
type: "action",
props: {
...common.props,
screenshotOptionsCaptureBeyondViewport: {
type: "boolean",
label: "Screenshot Options - Capture Beyond Viewport",
description: "Capture beyond the viewport",
optional: true,
},
screenshotOptionsClip: {
type: "object",
label: "Screenshot Options - Clip",
description: "Clip the screenshot. The clip object has the following properties: `height`, `width`, `x`, `y`, `scale` (Optional).",
optional: true,
default: {
height: "800",
width: "600",
x: "0",
y: "0",
scale: "1",
},
},
screenshotOptionsEncoding: {
type: "string",
label: "Screenshot Options - Encoding",
description: "Encoding of the screenshot",
optional: true,
options: [
"binary",
"base64",
],
},
screenshotOptionsFromSurface: {
type: "boolean",
label: "Screenshot Options - From Surface",
description: "Capture from the surface",
optional: true,
},
screenshotOptionsFullPage: {
type: "boolean",
label: "Screenshot Options - Full Page",
description: "Capture the full page",
optional: true,
},
screenshotOptionsOmitBackground: {
type: "boolean",
label: "Screenshot Options - Omit Background",
description: "Omit the background",
optional: true,
},
screenshotOptionsOptimizeForSpeed: {
type: "boolean",
label: "Screenshot Options - Optimize For Speed",
description: "Optimize for speed",
optional: true,
},
screenshotOptionsQuality: {
type: "integer",
label: "Screenshot Options - Quality",
description: "Quality of the screenshot",
optional: true,
},
screenshotOptionsType: {
type: "string",
label: "Screenshot Options - Type",
description: "Type of the screenshot",
optional: true,
options: [
"png",
"jpeg",
"webp",
],
},
selector: {
type: "string",
label: "Selector",
description: "Selector",
optional: true,
},
syncDir: {
type: "dir",
accessMode: "write",
sync: true,
},
},
methods: {
async getScreenshot(args = {}) {
try {
return await this.app.post({
path: "/screenshot",
responseType: "arraybuffer",
...args,
});
} catch (error) {
throw new Error(error.response.data.toString());
}
},
},
async run({ $ }) {
const {
getScreenshot,
html,
url,
viewportHeight,
viewportWidth,
viewportDeviceScaleFactor,
viewportHasTouch,
viewportIsLandscape,
viewportIsMobile,
userAgent,
screenshotOptionsCaptureBeyondViewport,
screenshotOptionsClip,
screenshotOptionsEncoding,
screenshotOptionsFromSurface,
screenshotOptionsFullPage,
screenshotOptionsOmitBackground,
screenshotOptionsOptimizeForSpeed,
screenshotOptionsQuality,
screenshotOptionsType,
selector,
additionalSettings,
} = this;
if (!html && !url) {
throw new ConfigurationError("Either **HTML** or **URL** is required");
}
if ((viewportHeight && !viewportWidth) || (!viewportHeight && viewportWidth)) {
throw new ConfigurationError("Both **Viewport - Height** and **Viewport - Width** are required when either is provided");
}
const response = await getScreenshot({
$,
data: {
html,
url,
...(screenshotOptionsCaptureBeyondViewport
|| screenshotOptionsClip
|| screenshotOptionsEncoding
|| screenshotOptionsFromSurface
|| screenshotOptionsFullPage
|| screenshotOptionsOmitBackground
|| screenshotOptionsOptimizeForSpeed
|| screenshotOptionsQuality
|| screenshotOptionsType
? {
screenshotOptions: {
captureBeyondViewport: screenshotOptionsCaptureBeyondViewport,
clip: utils.parseJson(screenshotOptionsClip),
encoding: screenshotOptionsEncoding,
fromSurface: screenshotOptionsFromSurface,
fullPage: screenshotOptionsFullPage,
omitBackground: screenshotOptionsOmitBackground,
optimizeForSpeed: screenshotOptionsOptimizeForSpeed,
quality: screenshotOptionsQuality,
type: screenshotOptionsType,
},
}
: {}
),
selector,
...(viewportHeight && {
viewport: {
height: viewportHeight,
width: viewportWidth,
deviceScaleFactor: viewportDeviceScaleFactor,
hasTouch: viewportHasTouch,
isLandscape: viewportIsLandscape,
isMobile: viewportIsMobile,
},
}),
userAgent,
...utils.parseJson(additionalSettings),
},
});
const imagePath = path.join("/tmp", `screenshot.${screenshotOptionsType || "png"}`);
fs.writeFileSync(imagePath, response);
$.export("$summary", "Successfully fetched screenshot content");
return imagePath;
},
};
Chase Roberts@chsrbrts@benedictevans If you haven’t used @pipedream yet, then you haven’t lived.
✨Ellie Day✨@heyelliedayEvaluation update: @pipedream has quite literally been a dream to work with! I’m excited to leverage this tool for all the various workflows I need to write. I’m currently at 11k invocations a day from the initial workflows I’ve written in the past couple weeks.
Michael Braedley@MBraedleyUpdate: I got it working properly, and it's working so well that I'm dropping IFTTT. @pipedream can do everything that IFTTT basic can, and most (if not all things) IFTTT pro can for free or at a reasonable price if you need it. I am recommending it for basically any power user.
Thomas Cutting@mrthomascuttingWant quick+dirty integrations for a serverless workflow - @pipedream is my new go-to 😃
Matthew Roberts@mattdotrobertsday 013 - finally hit node js. This is the secret sauce of taking #nocode projects that one step further. Pumped about getting deeper into @pipedream now
Kenneth Auchenberg 💭@auchenbergYahoo Pipes is back! Kinda 😍 @pipedream
Raymond Camden 🥑@raymondcamdenAwesome video by the @pipedream folks showing real time twitter sentiment analysis integrated with Google Sheets. This is where Pipedream *really* shines, connecting systems together in easy workflows.
Nacho Caballero@nachocaballeroI couldn't recommend @pipedream more. It's an amazing service to integrate different APIs. Much more powerful than Zapier and more user-friendly than AWS Lambda. I'm very proud to wear this t-shirt #NoCode
Jason Snow@jyksnwDeveloped a working prototype environmental sensor IoT solution with @particle Photon, @pipedream, and @MongoDB with full graphing and alerting in less than a day! All amazing technology, will def. be exploring these more.
Steven Terrana@steven_terrana@burgwyn you've inspired me to finally set up my own blog. I'll make sure my first blog post explains the tech behind the setup. think @obsdmd + @GatsbyJS + @pipedream.
🚄 James Augeri, PhD@DotDotJamesWant to low-code your back end, need more horsepower than @Bubble / @KnackHQ, or just miss Yahoo! Pipes? Check out @PipeDream
Sébastien Chopin@AtinuxGitHub issues should be like @linear_app for maintainers. Looking forward more integrations with GH actions or tools like @pipedream 👀
Raul@raul_predescuIf you're a dev and not using @pipedream, you're missing out. Been using it for months, daily. FREE for devs. Plenty of integrations and good limits. Absolutely love it.
Bruno Skvorc@bitfallsSo @pipedream is pretty amazing. In 3 minutes I just made a flow which adds @rickastley's Never Gonna Give You Up to my @spotify playlist whenever a new pull request arrives in an old repo of mine.
Zach Lanich@ZachLanichUm, wow 🤯 @pipedream
Steven Bell@bellontechI just used @pipedream to build a Shopify App. Wow, they make small backed tasks easy.
Jay Hack 🎩🇺🇸@_jayhack_Very impressed with this bad boi - it reminds me of a @PalantirTech internal tool, but geared towards integrations instead of data analysis and far more customizable. Great expectations here 🚀🤩
Tree Sturgeon 🔥🚴♂️🌳@philsturgeonFor context this is day 2 of a really challenging and stupid migration from Notion to @airtable with disparate/missing data. It's going better than expected and thanks to @pipedream I don't have to bother the iOS dev to add W3W.