with Plasmic and HTML/CSS to Image?
The Plasmic API enables you to tap into the powerful visual design features of Plasmic within Pipedream workflows. With it, you can automate the fetching, updating, and publishing of Plasmic projects and their components. This opens up possibilities for dynamic content management, design collaboration automation, and streamlined deployment processes. You can use the Plasmic API to integrate with various services, trigger updates across platforms, or synchronize design changes in real-time.
import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
plasmic: {
type: "app",
app: "plasmic",
}
},
async run({steps, $}) {
return await axios($, {
url: `https://codegen.plasmic.app/api/v1/loader/html/preview/${this.plasmic.$auth.project_id}/{your_component_name}`,
headers: {
"x-plasmic-api-project-tokens": `${this.plasmic.$auth.project_id}:${this.plasmic.$auth.project_token}`,
},
})
},
})
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,
})
},
})