export const runtime = 'edge'; // choose Edge Runtime

export async function POST(request: Request) {
  const formData = await request.formData();
  console.log(formData.get("photo"));
  return new Response("ok");
}

"use client";

export default function Page() {
  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
    event.preventDefault();
    const formData = new FormData(event.currentTarget);
    fetch("/upload", { method: "POST", body: formData });
  };

  return (
    <form onSubmit={handleSubmit}>
      <label>
        File:
        <input type="file" name="photo" />
      </label>
      <button type="submit">Submit</button>
    </form>
  );
}

export async function POST(req: NextRequest, res: NextResponse) {

  const form = await req.formData()

  const blob = form.get('file')! as Blob

  /**
   * Simple form validation
   */
  if (!blob) {
    return new Response('Bad Request', {
      status: 400,
    })
  }

  const buffer = Buffer.from(await blob.arrayBuffer())
  const timestamp = new Date().toISOString().replace(/[-:.]/g,"");  
  const random = ("" + Math.random()).substring(2, 8); 
  const randomName = timestamp+random;  
  const filename = `${randomName}.webm`
  let filepath = `${path.join('public', 'uploads', filename)}`

  fs.writeFileSync(filepath, buffer)

  let header = {
    'Content-Type': 'multipart/form-data',
    'Accept': 'application/json',
    'Authorization': `Bearer ${process.env.OPENAI_API_KEY}`
  }

  let formData = new FormData()
  formData.append('file', fs.createReadStream(filepath))
  formData.append('model', 'whisper-1')

  try {
    let res = await axios.post('https://api.openai.com/v1/audio/transcriptions', formData, {
      headers: {
          ...header,
      }
    });
    console.log('Transcription ', res.data?.text);

    return NextResponse.json({ transcription: res.data?.text });
  } catch (error) {
    console.log(error);
    return NextResponse.json({ error: error });
  } finally {
    fs.unlink(filepath, () => {})
  }
}

ls -l | more