made progress on the video exporter

src/app/main.tsx

@@ -14,6 +14,7 @@ import 'react-device-frameset/styles/marvel-devices.min.css'
 import { generateClap } from './server/aitube/generateClap'
 import { ClapOutputType, ClapProject } from '@/lib/clap/types'
 import { extendClap } from './server/aitube/extendClap'
+import { exportClap } from './server/aitube/exportClap'
 
 export function Main() {
   const [_isPending, startTransition] = useTransition()
@@ -80,6 +81,22 @@ export function Main() {
         return
       }
 
+      let assetUrl = ""
+      try {
+        setVideoGenerationStatus("generating")
+        assetUrl = await exportClap({ clap })
+
+        console.log(`handleSubmit(): received a video:`, assetUrl)
+        setVideoGenerationStatus("finished")
+      } catch (err) {
+        setVideoGenerationStatus("error")
+        setStatus("error")
+        return
+      }
+      if (!assetUrl) {
+        return
+      }
+      
       setStatus("finished")
     })
   }

src/app/server/aitube/exportClap.ts

@@ -0,0 +1,35 @@
+"use server"
+
+import { ClapProject } from "@/lib/clap/types"
+import { serializeClap } from "@/lib/clap/serializeClap"
+import { blobToDataUri } from "@/lib/base64/blobToDataUri"
+
+import { aitubeApiUrl } from "../config"
+
+export async function exportClap({
+  clap,
+}: {
+  clap: ClapProject
+}): Promise<string> {
+  if (!clap) { throw new Error(`please provide a clap`) }
+
+  // remember: a space needs to be public for the classic fetch() to work
+  const res = await fetch(`${aitubeApiUrl}generate/video`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      // TODO pass the JWT so that only the AI Stories Factory can call the API
+      // Authorization: `Bearer ${hfApiToken}`,
+    },
+    body: await serializeClap(clap),
+    cache: "no-store",
+    // we can also use this (see https://vercel.com/blog/vercel-cache-api-nextjs-cache)
+    // next: { revalidate: 1 }
+  })
+
+  const blob = await res.blob()
+
+  const dataURL = await blobToDataUri(blob)
+  
+  return dataURL
+}