fix code to pass build validation

package-lock.json

@@ -8,6 +8,7 @@
       "name": "videochain-ui",
       "version": "0.1.0",
       "dependencies": {
+        "@gradio/client": "^0.1.4",
         "@radix-ui/react-accordion": "^1.1.2",
         "@radix-ui/react-avatar": "^1.0.3",
         "@radix-ui/react-checkbox": "^1.0.4",
@@ -279,6 +280,19 @@
         "react-dom": ">=16.8.0"
       }
     },
+    "node_modules/@gradio/client": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/@gradio/client/-/client-0.1.4.tgz",
+      "integrity": "sha512-iGu5PYpqOG6jq0l3+XoB8JCQ4ppoXSSb4T9IK2i1JckY2WXVW/x/MCVTc8WTouyu6o0h46shGWSjMSBr9Xnlug==",
+      "dependencies": {
+        "bufferutil": "^4.0.7",
+        "semiver": "^1.1.0",
+        "ws": "^8.13.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz",
@@ -2169,8 +2183,6 @@
       "resolved": "https://registry.npmjs.org/bufferutil/-/bufferutil-4.0.7.tgz",
       "integrity": "sha512-kukuqc39WOHtdxtw4UScxF/WVnMFVSQVKhtx3AjZJzhd0RGZZldcrfSEbVsWWe6KNH253574cq5F+wpv0G9pJw==",
       "hasInstallScript": true,
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "node-gyp-build": "^4.3.0"
       },
@@ -4769,8 +4781,6 @@
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.0.tgz",
       "integrity": "sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ==",
-      "optional": true,
-      "peer": true,
       "bin": {
         "node-gyp-build": "bin.js",
         "node-gyp-build-optional": "optional.js",
@@ -5742,6 +5752,14 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "node_modules/semiver": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/semiver/-/semiver-1.1.0.tgz",
+      "integrity": "sha512-QNI2ChmuioGC1/xjyYwyZYADILWyW6AmS1UH6gDj/SFUUUS4MBAWs/7mxnkRPc/F4iHezDP+O8t0dO8WHiEOdg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",

package.json

@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@gradio/client": "^0.1.4",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-avatar": "^1.0.3",
     "@radix-ui/react-checkbox": "^1.0.4",

src/app/api/tasks/[uuid]/route.ts

@@ -1,17 +1,8 @@
-import type { NextApiRequest, NextApiResponse } from "next"
-
-import { VideoTask } from "@/app/types"
-import { NextResponse } from "next/server"
+import { NextRequest, NextResponse } from "next/server"
 import { getTask } from "@/server"
 
 // TODO: implement some kind of quota system
-export async function GET(
-  req: NextApiRequest,
-  res: NextApiResponse<{
-    task?: VideoTask
-    error?: string
-  }>
-) {
+export async function GET(req: NextRequest) {
   return NextResponse.json({
     task: await getTask(`${req.url?.split('/').pop() || ""}`)
   })

src/app/api/tasks/route.ts

@@ -1,7 +1,7 @@
 import { VideoTask, VideoTaskRequest } from "@/app/types"
 import { getPendingTasks, submitNewTask } from "@/server"
-import { NextApiRequest, NextApiResponse } from "next"
-import { NextResponse } from "next/server"
+import { NextApiResponse } from "next"
+import { NextRequest, NextResponse } from "next/server"
  
 // TODO: implement some kind of quota system
 export async function GET() {
@@ -12,7 +12,7 @@ export async function GET() {
 
 // TODO: implement some kind of quota system
 export async function POST(
-  req: NextApiRequest,
+  req: NextRequest,
   res: NextApiResponse<VideoTask | {
     error?: string
   }>

src/core/interpolateVideo.ts

@@ -1,40 +0,0 @@
-import { promises as fs } from "node:fs"
-import path from "node:path"
-import { Blob } from "buffer"
-// import { blobFrom } from "fetch-blob"
-
-import { client } from "@gradio/client"
-import tmpDir from "temp-dir"
-
-import { downloadVideo } from "./downloadVideo"
-
-const instances: string[] = [
-  `${process.env.VC_VIDEO_INTERPOLATION_SPACE_API_URL}`
-]
-
-export const interpolateVideo = async (fileName: string) => {
-
-  const inputFilePath = path.join(tmpDir, fileName)
-
-  const instance = instances.shift()!
-  instances.push(instance)
-
-  const api = await client(instance)
-
-  const video = await fs.readFile(inputFilePath)
-
-  const blob = new Blob([video], { type: 'video/mp4' })
-  // const blob = blobFrom(filePath)
-  const result = await api.predict(1, [
-    blob, 	// blob in 'parameter_5' Video component		
-    1, // number (numeric value between 1 and 4) in 'Interpolation Steps' Slider component		
-    24, // string  in 'FPS output' Radio component
-  ])
-
-  const data = (result as any).data[0]
-  console.log('raw data:', data)
-  const { orig_name, data: remoteFilePath } = data
-  const remoteUrl = `${instance}/file=${remoteFilePath}`
-  console.log("remoteUrl:", remoteUrl)
-  await downloadVideo(remoteUrl, fileName)
-}