What do you want to automate

with Kafka and HTML/CSS to Image?

import { Kafka } from "kafkajs"
export default defineComponent({
  props: {
    kafka: {
      type: "app",
      app: "kafka",
    }
  },
  async run({steps, $}) {

    const kafka = new Kafka({
      brokers: [`${this.kafka.$auth.host}:${this.kafka.$auth.port}`],
    });

    const consumer = kafka.consumer({ groupId: 'TestGroup' });
    await consumer.connect()
    await consumer.subscribe({ topic: 'SampleTopic', fromBeginning: true });
    let consumedMessage = "";
    const eachMessage = async function({ topic, partition, message }){
      consumedMessage = message.value.toString();
      return consumedMessage;
    };  

    await consumer.run({
      eachMessage,
    });

    const producer = kafka.producer();  
    await producer.connect()
    await producer.send({
      topic: 'SampleTopic',
      messages: [
        { value: 'Welcome KafkaJS + Pipedream users! '+ new Date().toISOString() },
      ],
    });
    await producer.disconnect();

    const data = await consumer.describeGroup();
    return { consumedMessage, groupDescription: data };
  },
})

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,
    })
  },
})