import { createConvertRouteHandler } from "@markpdf/nextjs";

export const { POST } = createConvertRouteHandler({
  apiKey: process.env.MARKPDF_API_KEY!,
  defaultOptions: { mode: "fast" },
});

"use client";

export function UploadForm() {
  async function handleSubmit(formData: FormData) {
    const res = await fetch("/api/convert", { method: "POST", body: formData });
    const markdown = await res.text();
    console.log(markdown);
  }

  return (
    <form action={handleSubmit}>
      <input type="file" name="file" accept=".pdf,.docx" />
      <button type="submit">Convertir</button>
    </form>
  );
}

"use server";

import { convertFormData } from "@markpdf/nextjs";

export async function convertAction(formData: FormData) {
  const markdown = await convertFormData(formData, {
    apiKey: process.env.MARKPDF_API_KEY!,
    fileField: "file",
    mode: "fast",
  });
  return markdown;
}

"use client";
import { convertAction } from "./actions";

export function UploadForm() {
  return (
    <form action={async (formData) => {
      const markdown = await convertAction(formData);
      console.log(markdown);
    }}>
      <input type="file" name="file" accept=".pdf,.docx" />
      <button type="submit">Convertir</button>
    </form>
  );
}