import { FFmpeg } from '@ffmpeg/ffmpeg'
import { toBlobURL } from '@ffmpeg/util'
import { defineNuxtPlugin } from 'nuxt/app'

let ffmpeg: FFmpeg | null = null

export default defineNuxtPlugin(() => {
  return {
    provide: {
      ffmpeg: async () => {
        if (ffmpeg) return ffmpeg
        ffmpeg = new FFmpeg()
        const base = `https://unpkg.com/@ffmpeg/core@0.12.2/dist/esm`
        const libBase = `https://unpkg.com/@ffmpeg/ffmpeg@0.12.2/dist/esm`
        await ffmpeg.load({
          coreURL: await toBlobURL(`${base}/ffmpeg-core.js`, 'text/javascript'),
          wasmURL: await toBlobURL(`${base}/ffmpeg-core.wasm`, 'application/wasm'),
          workerURL: await toBlobURL(`${libBase}/worker.js`, 'text/javascript'),
        })

        return ffmpeg
      },
    },
  }
})