import { config } from "@vue-email/compiler";
import nodemailer from "nodemailer";
import { emailTailwindConfig } from "./config/email-tailwind.config.mjs";

const templateName = "WeeklyEmail.vue";

const vueEmail = config("./templates", {
  verbose: true, // Shows more detailed logs
  options: {}
});

const transporter = nodemailer.createTransport({
  host: "localhost", // Use Mailpit
  port: 1025,
  secure: false,
  ignoreTLS: true
});

async function renderAndSendEmail() {
  const template = await vueEmail.render(templateName, {
    props: {
      name: "John Doe",
      emailTailwindConfig
    }
  });

  console.log(template.html);

  // Send email using Mailpit
  await transporter.sendMail({
    from: "test@example.com",
    to: "recipient@example.com",
    subject: "Weekly Update",
    html: template.html
  });

  console.log("Email sent! Check Mailpit at http://localhost:8025");
}

renderAndSendEmail().catch(console.error);