with Playwright and HTML/CSS to Image?
Playwright is a Node.js library which provides a high-level API to control Chrome/Chromium over the DevTools Protocol. Playwright runs in headless mode on Chromium on Pipedream.
Using Playwright you can perform tasks including:
import { playwright } from '@pipedream/browsers';
export default defineComponent({
async run({steps, $}) {
const browser = await playwright.launch();
// Interact with the web page programmatically
// See Playwright's Page documentation for available methods:
// https://playwright.dev/docs/api/class-page
const page = await browser.newPage();
await page.goto('https://pipedream.com/');
const title = await page.title();
const content = await page.content();
// Close context and browser otherwise the step will hang
await page.context().close()
await browser.close();
return { title, content }
},
})
The HTML/CSS to Image API lets you programmatically create images from HTML and CSS, which is perfect for generating custom graphics, charts, or even to convert web content for sharing on social media. On Pipedream, you can harness this API within a serverless workflow, triggering image generation from various events, managing the data flow, and integrating with countless other apps to create powerful automations.
import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
html_css_to_image: {
type: "app",
app: "html_css_to_image",
}
},
async run({steps, $}) {
const data = {
"url": `https://google.com`,
}
return await axios($, {
method: "post",
url: `https://hcti.io/v1/image`,
auth: {
username: `${this.html_css_to_image.$auth.user_id}`,
password: `${this.html_css_to_image.$auth.api_key}`,
},
data,
})
},
})