[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_316":317,"_318":319},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_73":223,"_40":-7,"_224":-5,"_17":225,"_226":227,"_228":229,"_230":231,"_232":233,"_92":-5,"_234":235,"_236":237,"_238":48,"_239":240,"_241":26,"_242":-5,"_243":-5,"_244":245},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","isaprewitt","name","genvideo","branchName","main","project",{"_32":58,"_13":14,"_34":180,"_46":-5,"_181":48,"_49":50,"_182":50,"_183":184,"_185":-5,"_186":187,"_188":133,"_189":26,"_190":-5,"_191":-5,"_192":22,"_53":193,"_194":195,"_196":197,"_198":199,"_200":-5,"_201":202,"_203":202,"_204":205,"_206":205,"_207":205,"_208":202,"_209":202,"_210":211,"_212":213,"_214":28,"_47":48},"ahead",8,"behind",0,"diff",{"_62":63,"_64":65,"_66":67},"hasChanges",true,"sourceBranch",{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":41,"_59":50,"_60":39,"_61":54,"_55":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"pull","id","ea3360fd-ba79-42da-8ce1-59eb3178e8e0","createdAt",["D",1780548746393],"updatedAt",["D",1780549939305],"projectId","ad4d66d2-c9ec-412c-a507-9ac7210ac1f2","version",11,"forkedBranchId","forkedBranchVersion","lockfileKey","1780549952215-esm.town_v_roxannadejesus_genvideo@11-main","deletedAt","isOwned",false,"privacy","public","userHandle","roxannadejesus","orgId","019e90f9-646f-77fa-a1ee-bd51d65288f7","projectName",9,"93075b55-e179-4211-9ca8-dd4c970b3795","348da56f-e4d5-4147-b952-dada5e7496c8","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[],"deleted",[],"modified",[68,69,70,71,72],{"_73":165,"_75":166,"_77":167},{"_73":149,"_75":150,"_77":151},{"_73":128,"_75":129,"_77":130},{"_73":110,"_75":111,"_77":112},{"_73":74,"_75":76,"_77":78},"path","frontend/index.html","targetFile",{"_32":101,"_13":80,"_81":102,"_83":103,"_85":33,"_86":104,"_88":26,"_34":105,"_40":106,"_91":92,"_93":107,"_64":48,"_95":-5,"_96":-7,"_73":108,"_98":109},"sourceFile",{"_32":79,"_13":80,"_81":82,"_83":84,"_85":57,"_86":87,"_88":26,"_34":89,"_40":90,"_91":92,"_93":94,"_64":48,"_95":-5,"_96":-7,"_73":97,"_98":99},"6ef6d41e-d45c-4244-9a25-2b9b32ff986f","index.html","fileId","019e91ec-6eb3-741e-9cca-bee8989293b2","parentId","019e91ec-6eb3-741e-9cca-c21a2ba8b74d","branchId","branchVersion",4,"latest",["D",1780564898965],1,"fileType","file","content","\n\n\n \n \n \n AI Video Studio · Tạo video quảng cáo\n \n \n\n\n

\n \n \n \n\n\n","label","children",[100,80],"contentHash","720a546a5f7b8011a32f252a71774ab3c023c961963756a1192ab921370ae84a","frontend","7687e588-99b8-406a-8532-93290cf0418f","b45e8d66-5fd3-11f1-b0f3-1607ee4eb77e","0d609300-749d-40aa-a279-09d0419fcf8e",10,["D",1780549919970],2,"\n\n\n \n \n \n AI Video Studio · Tạo video quảng cáo\n \n \n\n\n

\n \n \n \n\n\n",[100,80],"a02d25b533596b01ccd2f3b41a918828ab01da8320ad0f4bb7e1d0b55a9a732f","frontend/app.tsx",{"_32":122,"_13":114,"_81":123,"_83":103,"_85":33,"_86":20,"_88":26,"_34":124,"_40":22,"_91":118,"_93":125,"_64":48,"_95":-5,"_96":-7,"_73":126,"_98":127},{"_32":113,"_13":114,"_81":115,"_83":84,"_85":57,"_86":116,"_88":26,"_34":117,"_40":90,"_91":118,"_93":119,"_64":48,"_95":-5,"_96":-7,"_73":120,"_98":121},"b7f03461-ca9a-47f9-8541-d9c07896b1e3","app.tsx","019e91ec-6eb3-741e-9cca-bb577f0a4c7c",5,["D",1780564907378],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nconst MODEL = (window as any).__MODEL__ || \"wan-i2v\";\n\ntype Phase = \"form\" | \"uploading\" | \"generating\" | \"done\" | \"error\";\n\nconst ASPECTS = [\n { id: \"9:16\", label: \"9:16\", sub: \"Dọc · TikTok\" },\n { id: \"1:1\", label: \"1:1\", sub: \"Vuông · Feed\" },\n { id: \"16:9\", label: \"16:9\", sub: \"Ngang · YouTube\" },\n];\nconst RESOLUTIONS = [\"720P\", \"1080P\"];\nconst DURATIONS = [5, 10];\n\nasync function api(path: string, opts?: RequestInit) {\n const res = await fetch(path, opts);\n const json = await res.json().catch(() => ({}));\n if (!res.ok) throw new Error(json.error || `Lỗi ${res.status}`);\n return json;\n}\n\nfunction fileToDataUrl(file: File): Promise {\n return new Promise((resolve, reject) => {\n const r = new FileReader();\n r.onload = () => resolve(r.result as string);\n r.onerror = reject;\n r.readAsDataURL(file);\n });\n}\n\nfunction App() {\n const [imgPreview, setImgPreview] = useState(\"\");\n const [imgUrl, setImgUrl] = useState(\"\");\n const [prompt, setPrompt] = useState(\"\");\n const [dialogue, setDialogue] = useState(\"\");\n const [aspect, setAspect] = useState(\"9:16\");\n const [resolution, setResolution] = useState(\"720P\");\n const [duration, setDuration] = useState(10);\n\n const [phase, setPhase] = useState(\"form\");\n const [statusText, setStatusText] = useState(\"\");\n const [progress, setProgress] = useState(0);\n const [videoUrl, setVideoUrl] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [history, setHistory] = useState([]);\n const fileRef = useRef(null);\n const pollRef = useRef(null);\n\n const loadHistory = async () => {\n try {\n const { jobs } = await api(\"/api/history\");\n setHistory(jobs || []);\n } catch { /* ignore */ }\n };\n useEffect(() => { loadHistory(); }, []);\n useEffect(() => () => { if (pollRef.current) clearInterval(pollRef.current); }, []);\n\n async function handleFile(e: React.ChangeEvent) {\n const file = e.target.files?.[0];\n if (!file) return;\n setError(\"\");\n const dataUrl = await fileToDataUrl(file);\n setImgPreview(dataUrl);\n setPhase(\"uploading\");\n setStatusText(\"Đang tải ảnh lên...\");\n try {\n const { url } = await api(\"/api/upload\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ dataUrl }),\n });\n setImgUrl(url);\n setPhase(\"form\");\n setStatusText(\"\");\n } catch (err: any) {\n setError(err.message);\n setPhase(\"form\");\n }\n }\n\n function removeImage(e: React.MouseEvent) {\n e.stopPropagation();\n setImgPreview(\"\");\n setImgUrl(\"\");\n if (fileRef.current) fileRef.current.value = \"\";\n }\n\n function startProgressAnim() {\n setProgress(6);\n let p = 6;\n pollRef.current && clearInterval(pollRef.current);\n const t = setInterval(() => {\n p = Math.min(p + Math.random() * 4, 92);\n setProgress(p);\n }, 1500);\n return t;\n }\n\n async function generate() {\n setError(\"\");\n if (!imgUrl) { setError(\"Vui lòng tải ảnh mẫu trước.\"); return; }\n if (!prompt.trim() && !dialogue.trim()) {\n setError(\"Nhập mô tả cảnh (prompt) hoặc lời thoại.\");\n return;\n }\n setPhase(\"generating\");\n setVideoUrl(\"\");\n setStatusText(\"Đang khởi tạo tác vụ...\");\n const animTimer = startProgressAnim();\n\n try {\n const { taskId } = await api(\"/api/generate\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ prompt, dialogue, imageUrl: imgUrl, resolution, duration, aspect }),\n });\n setStatusText(\"AI đang dựng video & lồng giọng nói...\");\n\n pollRef.current = setInterval(async () => {\n try {\n const s = await api(`/api/status/${taskId}`);\n if (s.status === \"SUCCEEDED\") {\n clearInterval(pollRef.current!); clearInterval(animTimer);\n if (s.videoUrl) {\n setProgress(100);\n setVideoUrl(s.videoUrl);\n setPhase(\"done\");\n setStatusText(\"\");\n loadHistory();\n } else {\n setError(\"Video đã tạo xong nhưng không nhận được link. Thử lại sau.\");\n setPhase(\"error\");\n }\n } else if (s.status === \"FAILED\") {\n clearInterval(pollRef.current!); clearInterval(animTimer);\n setError(s.message || \"Tạo video thất bại. Thử đổi ảnh/prompt.\");\n setPhase(\"error\");\n } else {\n setStatusText(`Trạng thái: ${s.status} — vui lòng đợi (thường 1–4 phút)...`);\n }\n } catch (err: any) {\n clearInterval(pollRef.current!); clearInterval(animTimer);\n setError(err.message);\n setPhase(\"error\");\n }\n }, 5000) as unknown as number;\n } catch (err: any) {\n clearInterval(animTimer);\n setError(err.message);\n setPhase(\"error\");\n }\n }\n\n function reset() {\n setPhase(\"form\");\n setVideoUrl(\"\");\n setError(\"\");\n setProgress(0);\n setStatusText(\"\");\n }\n\n const busy = phase === \"uploading\" || phase === \"generating\";\n\n return (\n

🎬

AI Video Studio

Tạo video quảng cáo cho TikTok & Facebook

\n {MODEL}\n

\n\n {phase === \"generating\" && (\n

Đang tạo video AI 🎥

{statusText}

\n )}\n\n {phase === \"done\" && videoUrl && (\n

✅ Video đã sẵn sàng!

\n )}\n\n {error && (phase === \"error\" || phase === \"form\") && (\n

⚠️ {error}

\n )}\n\n {(phase === \"form\" || phase === \"uploading\" || phase === \"error\") && (\n <>\n

🖼️ Ảnh mẫu (khung hình đầu)

\n fileRef.current?.click()}\n >\n {imgPreview ? (\n <>\n $\"preview\"$ \n \n \n ) : (\n <>\n

📷

Chạm để tải ảnh từ máy

JPG / PNG · nhân vật hoặc sản phẩm

\n \n )}\n

\n {phase === \"uploading\" &&

⏳ {statusText}

}\n {imgUrl &&

✓ Đã tải ảnh lên thành công

}\n \n

\n\n

📝 Mô tả cảnh quay (Prompt)

\n setPrompt(e.target.value)}\n />\n

Mô tả bối cảnh, hành động, ánh sáng, phong cách. Hỗ trợ tiếng Việt & tiếng Anh.

\n\n

🎙️ Lời thoại (AI tự đọc + khớp khẩu hình)

\n setDialogue(e.target.value)}\n />\n

Model {MODEL} tự sinh giọng nói lồng vào video — không cần thu âm. Để trống nếu chỉ muốn video không lời.

\n\n

📐 Tỉ lệ khung hình

\n {ASPECTS.map((a) => (\n setAspect(a.id)}\n >\n {a.label}{a.sub}\n

\n ))}\n

\n\n

⚙️ Cấu hình

Độ phân giải

\n {RESOLUTIONS.map((r) => (\n

setResolution(r)}>{r}

\n ))}\n

Thời lượng

\n {DURATIONS.map((d) => (\n

setDuration(d)}>{d}s

\n ))}\n

\n\n {history.length > 0 && (\n <>\n

Lịch sử

\n {history.map((h) => (\n

\n $\"\"$ \n

{h.prompt || h.dialogue || \"(không mô tả)\"}

{h.resolution} · {h.duration}s · {h.aspect}

\n {h.status === \"SUCCEEDED\"\n ? Xem ▶\n : h.status === \"FAILED\"\n ? Lỗi\n : Đang xử lý}\n

\n ))}\n

\n \n )}\n\n

\n \n )}\n\n {phase !== \"generating\" && (\n

\n \n

\n )}\n

\n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[100,114],"f21c0aa44a62eedd992dcaf4fa0b61860e43f2ce42defea0a028c5556fea342f","52e4a203-d6b6-428d-a737-3a8b38d9ff0c","d4094fca-5fd3-11f1-bdc8-1607ee4eb77e",["D",1780549882510],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nconst MODEL = (window as any).__MODEL__ || \"wan-i2v\";\n\ntype Phase = \"form\" | \"uploading\" | \"generating\" | \"done\" | \"error\";\n\nconst ASPECTS = [\n { id: \"9:16\", label: \"9:16\", sub: \"Dọc · TikTok\" },\n { id: \"1:1\", label: \"1:1\", sub: \"Vuông · Feed\" },\n { id: \"16:9\", label: \"16:9\", sub: \"Ngang · YouTube\" },\n];\nconst RESOLUTIONS = [\"720P\", \"1080P\"];\nconst DURATIONS = [5, 10];\n\nasync function api(path: string, opts?: RequestInit) {\n const res = await fetch(path, opts);\n const json = await res.json().catch(() => ({}));\n if (!res.ok) throw new Error(json.error || `Lỗi ${res.status}`);\n return json;\n}\n\nfunction fileToDataUrl(file: File): Promise {\n return new Promise((resolve, reject) => {\n const r = new FileReader();\n r.onload = () => resolve(r.result as string);\n r.onerror = reject;\n r.readAsDataURL(file);\n });\n}\n\nfunction App() {\n const [imgPreview, setImgPreview] = useState(\"\");\n const [imgUrl, setImgUrl] = useState(\"\");\n const [prompt, setPrompt] = useState(\"\");\n const [dialogue, setDialogue] = useState(\"\");\n const [aspect, setAspect] = useState(\"9:16\");\n const [resolution, setResolution] = useState(\"720P\");\n const [duration, setDuration] = useState(10);\n\n const [phase, setPhase] = useState(\"form\");\n const [statusText, setStatusText] = useState(\"\");\n const [progress, setProgress] = useState(0);\n const [videoUrl, setVideoUrl] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [history, setHistory] = useState([]);\n const fileRef = useRef(null);\n const pollRef = useRef(null);\n\n const loadHistory = async () => {\n try {\n const { jobs } = await api(\"/api/history\");\n setHistory(jobs || []);\n } catch { /* ignore */ }\n };\n useEffect(() => { loadHistory(); }, []);\n useEffect(() => () => { if (pollRef.current) clearInterval(pollRef.current); }, []);\n\n async function handleFile(e: React.ChangeEvent) {\n const file = e.target.files?.[0];\n if (!file) return;\n setError(\"\");\n const dataUrl = await fileToDataUrl(file);\n setImgPreview(dataUrl);\n setPhase(\"uploading\");\n setStatusText(\"Đang tải ảnh lên...\");\n try {\n const { url } = await api(\"/api/upload\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ dataUrl }),\n });\n setImgUrl(url);\n setPhase(\"form\");\n setStatusText(\"\");\n } catch (err: any) {\n setError(err.message);\n setPhase(\"form\");\n }\n }\n\n function removeImage(e: React.MouseEvent) {\n e.stopPropagation();\n setImgPreview(\"\");\n setImgUrl(\"\");\n if (fileRef.current) fileRef.current.value = \"\";\n }\n\n function startProgressAnim() {\n setProgress(6);\n let p = 6;\n pollRef.current && clearInterval(pollRef.current);\n const t = setInterval(() => {\n p = Math.min(p + Math.random() * 4, 92);\n setProgress(p);\n }, 1500);\n return t;\n }\n\n async function generate() {\n setError(\"\");\n if (!imgUrl) { setError(\"Vui lòng tải ảnh mẫu trước.\"); return; }\n if (!prompt.trim() && !dialogue.trim()) {\n setError(\"Nhập mô tả cảnh (prompt) hoặc lời thoại.\");\n return;\n }\n setPhase(\"generating\");\n setVideoUrl(\"\");\n setStatusText(\"Đang khởi tạo tác vụ...\");\n const animTimer = startProgressAnim();\n\n try {\n const { taskId } = await api(\"/api/generate\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ prompt, dialogue, imageUrl: imgUrl, resolution, duration, aspect }),\n });\n setStatusText(\"AI đang dựng video & lồng giọng nói...\");\n\n pollRef.current = setInterval(async () => {\n try {\n const s = await api(`/api/status/${taskId}`);\n if (s.status === \"SUCCEEDED\" && s.videoUrl) {\n clearInterval(pollRef.current!); clearInterval(animTimer);\n setProgress(100);\n setVideoUrl(s.videoUrl);\n setPhase(\"done\");\n setStatusText(\"\");\n loadHistory();\n } else if (s.status === \"FAILED\") {\n clearInterval(pollRef.current!); clearInterval(animTimer);\n setError(s.message || \"Tạo video thất bại. Thử đổi ảnh/prompt.\");\n setPhase(\"error\");\n } else {\n setStatusText(`Trạng thái: ${s.status} — vui lòng đợi (thường 1–4 phút)...`);\n }\n } catch (err: any) {\n clearInterval(pollRef.current!); clearInterval(animTimer);\n setError(err.message);\n setPhase(\"error\");\n }\n }, 5000) as unknown as number;\n } catch (err: any) {\n clearInterval(animTimer);\n setError(err.message);\n setPhase(\"error\");\n }\n }\n\n function reset() {\n setPhase(\"form\");\n setVideoUrl(\"\");\n setError(\"\");\n setProgress(0);\n setStatusText(\"\");\n }\n\n const busy = phase === \"uploading\" || phase === \"generating\";\n\n return (\n

🎬

AI Video Studio

Tạo video quảng cáo cho TikTok & Facebook

\n {MODEL}\n

\n\n {phase === \"generating\" && (\n

Đang tạo video AI 🎥

{statusText}

\n )}\n\n {phase === \"done\" && videoUrl && (\n

✅ Video đã sẵn sàng!

\n )}\n\n {error && (phase === \"error\" || phase === \"form\") && (\n

⚠️ {error}

\n )}\n\n {(phase === \"form\" || phase === \"uploading\" || phase === \"error\") && (\n <>\n

🖼️ Ảnh mẫu (khung hình đầu)

\n fileRef.current?.click()}\n >\n {imgPreview ? (\n <>\n $\"preview\"$ \n \n \n ) : (\n <>\n

📷

Chạm để tải ảnh từ máy

JPG / PNG · nhân vật hoặc sản phẩm

\n \n )}\n

\n {phase === \"uploading\" &&

⏳ {statusText}

}\n {imgUrl &&

✓ Đã tải ảnh lên thành công

}\n \n

\n\n

📝 Mô tả cảnh quay (Prompt)

\n setPrompt(e.target.value)}\n />\n

Mô tả bối cảnh, hành động, ánh sáng, phong cách. Hỗ trợ tiếng Việt & tiếng Anh.

\n\n

🎙️ Lời thoại (AI tự đọc + khớp khẩu hình)

\n setDialogue(e.target.value)}\n />\n

Model {MODEL} tự sinh giọng nói lồng vào video — không cần thu âm. Để trống nếu chỉ muốn video không lời.

\n\n

📐 Tỉ lệ khung hình

\n {ASPECTS.map((a) => (\n setAspect(a.id)}\n >\n {a.label}{a.sub}\n

\n ))}\n

\n\n

⚙️ Cấu hình

Độ phân giải

\n {RESOLUTIONS.map((r) => (\n

setResolution(r)}>{r}

\n ))}\n

Thời lượng

\n {DURATIONS.map((d) => (\n

setDuration(d)}>{d}s

\n ))}\n

\n\n {history.length > 0 && (\n <>\n

Lịch sử

\n {history.map((h) => (\n

\n $\"\"$ \n

{h.prompt || h.dialogue || \"(không mô tả)\"}

{h.resolution} · {h.duration}s · {h.aspect}

\n {h.status === \"SUCCEEDED\"\n ? Xem ▶\n : h.status === \"FAILED\"\n ? Lỗi\n : Đang xử lý}\n

\n ))}\n

\n \n )}\n\n

\n \n )}\n\n {phase !== \"generating\" && (\n

\n \n

\n )}\n

\n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[100,114],"8d1837bebcd729859190da53f8aab0411b4c28dfcfb6bff897c69cbff91b6f4e","backend/index.ts",{"_32":142,"_13":132,"_81":143,"_83":144,"_85":33,"_86":116,"_88":26,"_34":145,"_40":22,"_91":137,"_93":146,"_64":48,"_95":-5,"_96":-7,"_73":147,"_98":148},{"_32":131,"_13":132,"_81":133,"_83":134,"_85":57,"_86":135,"_88":26,"_34":136,"_40":87,"_91":137,"_93":138,"_64":48,"_95":-5,"_96":-7,"_73":139,"_98":140},"a5d342bc-d229-4f94-8bef-64c40d2f5eb0","index.ts","019e91ec-6eb3-741e-9cca-ad2ba262d939","019e91ec-6eb3-741e-9cca-b52dd6e523c0",7,["D",1780564940065],"http","import { Hono } from \"npm:hono\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { createTask, getTask, MODEL } from \"./aliyun.ts\";\nimport { insertJob, listJobs, updateJob } from \"./db.ts\";\nimport { readStored, storeBase64 } from \"./upload.ts\";\n\nconst app = new Hono();\n// Return a JSON error instead of a bare 500 so the frontend can show it.\napp.onError((err, c) => {\n console.error(err);\n return c.json({ error: err instanceof Error ? err.message : String(err) }, 500);\n});\n\n// Build a public base url for this request (so Aliyun can fetch uploaded images)\nfunction baseUrl(req: Request) {\n const u = new URL(req.url);\n return `${u.protocol}//${u.host}`;\n}\n\n// Combine the marketing prompt + the dialogue (lời thoại) so the Wan model\n// generates a spoken voiceover with lip-sync.\nfunction buildPrompt(prompt: string, dialogue: string): string {\n const base = prompt.trim();\n if (!dialogue.trim()) return base;\n // Instruct the model to speak the dialogue as the video's voiceover.\n return `${base}\\n\\nNhân vật trong video nói rõ ràng bằng giọng tự nhiên: \"${dialogue.trim()}\". Âm thanh của video là lời thoại này, khẩu hình (lip-sync) khớp với lời nói.`;\n}\n\n// ---- Static frontend ----\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n html = html.replace(\"{{MODEL}}\", MODEL);\n return c.html(html);\n});\n\n// serveFile transpiles the TSX to JS and sets the correct Content-Type.\napp.get(\"/frontend/app.tsx\", () => serveFile(\"/frontend/app.tsx\", import.meta.url));\n\n// Serve uploaded files so Aliyun can fetch them as a public URL.\napp.get(\"/file/:id\", async (c) => {\n const id = c.req.param(\"id\");\n const key = `genvideo/uploads/${id}`;\n const stored = await readStored(key);\n if (!stored) return c.notFound();\n return new Response(stored.bytes, {\n headers: {\n \"Content-Type\": stored.contentType,\n \"Cache-Control\": \"public, max-age=86400\",\n },\n });\n});\n\n// ---- API ----\n\n// Upload an image (data URL) -> returns a public URL.\napp.post(\"/api/upload\", async (c) => {\n try {\n const body = await c.req.json();\n const dataUrl: string = body.dataUrl;\n if (!dataUrl) return c.json({ error: \"Thiếu dataUrl\" }, 400);\n const stored = await storeBase64(dataUrl);\n const id = stored.key.replace(\"genvideo/uploads/\", \"\");\n const url = `${baseUrl(c.req.raw)}/file/${id}`;\n return c.json({ url });\n } catch (e) {\n return c.json({ error: String(e) }, 500);\n }\n});\n\n// Start a generation job.\napp.post(\"/api/generate\", async (c) => {\n try {\n const body = await c.req.json();\n const {\n prompt = \"\",\n dialogue = \"\",\n imageUrl = \"\",\n resolution = \"720P\",\n duration = 10,\n aspect = \"9:16\",\n audioUrl = \"\",\n } = body;\n\n if (!imageUrl) return c.json({ error: \"Vui lòng tải ảnh mẫu trước\" }, 400);\n if (!prompt.trim() && !dialogue.trim()) {\n return c.json({ error: \"Vui lòng nhập prompt hoặc lời thoại\" }, 400);\n }\n\n const finalPrompt = buildPrompt(prompt, dialogue);\n const task = await createTask({\n prompt: finalPrompt,\n imageUrl,\n resolution,\n duration: Number(duration),\n audioUrl: audioUrl || undefined,\n promptExtend: true,\n watermark: false,\n });\n\n await insertJob({\n task_id: task.task_id,\n prompt,\n dialogue,\n image_url: imageUrl,\n resolution,\n duration: Number(duration),\n aspect,\n status: task.task_status || \"PENDING\",\n video_url: null,\n error: null,\n created_at: Date.now(),\n });\n\n return c.json({ taskId: task.task_id, status: task.task_status });\n } catch (e) {\n return c.json({ error: String(e) }, 500);\n }\n});\n\n// Poll a job status.\napp.get(\"/api/status/:taskId\", async (c) => {\n try {\n const taskId = c.req.param(\"taskId\");\n const t = await getTask(taskId);\n const status = t.task_status;\n if (status === \"SUCCEEDED\") {\n await updateJob(taskId, { status, video_url: t.video_url ?? null });\n } else if (status === \"FAILED\") {\n await updateJob(taskId, { status, error: t.message ?? \"Tạo video thất bại\" });\n } else {\n await updateJob(taskId, { status });\n }\n return c.json({\n status,\n videoUrl: t.video_url ?? null,\n message: t.message ?? null,\n });\n } catch (e) {\n return c.json({ error: String(e) }, 500);\n }\n});\n\n// History of jobs.\napp.get(\"/api/history\", async (c) => {\n const jobs = await listJobs(30);\n return c.json({ jobs });\n});\n\nexport default app.fetch;\n",[141,132],"57e002ab3e9b35262204e876fd113b871285c6cb62cd0731733aa3727dfc2435","backend","c274a596-45cf-4788-8246-47587cdf07fb","9bc7b8ea-5fd3-11f1-91ec-1607ee4eb77e","e698442e-61b7-42f3-bd98-77f988abcb65",["D",1780549788135],"import { Hono } from \"npm:hono\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { createTask, getTask, MODEL } from \"./aliyun.ts\";\nimport { insertJob, listJobs, updateJob } from \"./db.ts\";\nimport { readStored, storeBase64 } from \"./upload.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// Build a public base url for this request (so Aliyun can fetch uploaded images)\nfunction baseUrl(req: Request) {\n const u = new URL(req.url);\n return `${u.protocol}//${u.host}`;\n}\n\n// Combine the marketing prompt + the dialogue (lời thoại) so the Wan model\n// generates a spoken voiceover with lip-sync.\nfunction buildPrompt(prompt: string, dialogue: string): string {\n const base = prompt.trim();\n if (!dialogue.trim()) return base;\n // Instruct the model to speak the dialogue as the video's voiceover.\n return `${base}\\n\\nNhân vật trong video nói rõ ràng bằng giọng tự nhiên: \"${dialogue.trim()}\". Âm thanh của video là lời thoại này, khẩu hình (lip-sync) khớp với lời nói.`;\n}\n\n// ---- Static frontend ----\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n html = html.replace(\"{{MODEL}}\", MODEL);\n return c.html(html);\n});\n\napp.get(\"/frontend/app.tsx\", async (c) => {\n const code = await readFile(\"/frontend/app.tsx\", import.meta.url);\n return new Response(code, {\n headers: { \"Content-Type\": \"text/javascript; charset=utf-8\" },\n });\n});\n\n// Serve uploaded files so Aliyun can fetch them as a public URL.\napp.get(\"/file/:id\", async (c) => {\n const id = c.req.param(\"id\");\n const key = `genvideo/uploads/${id}`;\n const stored = await readStored(key);\n if (!stored) return c.notFound();\n return new Response(stored.bytes, {\n headers: {\n \"Content-Type\": stored.contentType,\n \"Cache-Control\": \"public, max-age=86400\",\n },\n });\n});\n\n// ---- API ----\n\n// Upload an image (data URL) -> returns a public URL.\napp.post(\"/api/upload\", async (c) => {\n try {\n const body = await c.req.json();\n const dataUrl: string = body.dataUrl;\n if (!dataUrl) return c.json({ error: \"Thiếu dataUrl\" }, 400);\n const stored = await storeBase64(dataUrl);\n const id = stored.key.replace(\"genvideo/uploads/\", \"\");\n const url = `${baseUrl(c.req.raw)}/file/${id}`;\n return c.json({ url });\n } catch (e) {\n return c.json({ error: String(e) }, 500);\n }\n});\n\n// Start a generation job.\napp.post(\"/api/generate\", async (c) => {\n try {\n const body = await c.req.json();\n const {\n prompt = \"\",\n dialogue = \"\",\n imageUrl = \"\",\n resolution = \"720P\",\n duration = 10,\n aspect = \"9:16\",\n audioUrl = \"\",\n } = body;\n\n if (!imageUrl) return c.json({ error: \"Vui lòng tải ảnh mẫu trước\" }, 400);\n if (!prompt.trim() && !dialogue.trim()) {\n return c.json({ error: \"Vui lòng nhập prompt hoặc lời thoại\" }, 400);\n }\n\n const finalPrompt = buildPrompt(prompt, dialogue);\n const task = await createTask({\n prompt: finalPrompt,\n imageUrl,\n resolution,\n duration: Number(duration),\n audioUrl: audioUrl || undefined,\n promptExtend: true,\n watermark: false,\n });\n\n await insertJob({\n task_id: task.task_id,\n prompt,\n dialogue,\n image_url: imageUrl,\n resolution,\n duration: Number(duration),\n aspect,\n status: task.task_status || \"PENDING\",\n video_url: null,\n error: null,\n created_at: Date.now(),\n });\n\n return c.json({ taskId: task.task_id, status: task.task_status });\n } catch (e) {\n return c.json({ error: String(e) }, 500);\n }\n});\n\n// Poll a job status.\napp.get(\"/api/status/:taskId\", async (c) => {\n try {\n const taskId = c.req.param(\"taskId\");\n const t = await getTask(taskId);\n const status = t.task_status;\n if (status === \"SUCCEEDED\") {\n await updateJob(taskId, { status, video_url: t.video_url ?? null });\n } else if (status === \"FAILED\") {\n await updateJob(taskId, { status, error: t.message ?? \"Tạo video thất bại\" });\n } else {\n await updateJob(taskId, { status });\n }\n return c.json({\n status,\n videoUrl: t.video_url ?? null,\n message: t.message ?? null,\n });\n } catch (e) {\n return c.json({ error: String(e) }, 500);\n }\n});\n\n// History of jobs.\napp.get(\"/api/history\", async (c) => {\n const jobs = await listJobs(30);\n return c.json({ jobs });\n});\n\nexport default app.fetch;\n",[141,132],"d121d9ae3af2e8fd6f623976c2ecd597babedda1f5aa9505897ac091170ea029","backend/aliyun.ts",{"_32":159,"_13":153,"_81":160,"_83":144,"_85":33,"_86":106,"_88":26,"_34":161,"_40":22,"_91":118,"_93":162,"_64":48,"_95":-5,"_96":-7,"_73":163,"_98":164},{"_32":152,"_13":153,"_81":154,"_83":134,"_85":57,"_86":20,"_88":26,"_34":155,"_40":90,"_91":118,"_93":156,"_64":48,"_95":-5,"_96":-7,"_73":157,"_98":158},"c5dc63da-e699-45d6-8947-9c964d293127","aliyun.ts","019e91ec-6eb3-741e-9cca-a72a1104b9b1",["D",1780564990879],"// Aliyun DashScope Wan image-to-video client.\n// Docs: https://www.alibabacloud.com/help/en/model-studio/image-to-video-api-reference\n// Pattern: POST async task (X-DashScope-Async: enable) -> poll task_id until SUCCEEDED.\n\n// Normalize the host the user configured. We accept any of these forms and turn\n// them into a clean `https://` origin (no trailing slash, no /api/v1):\n// dashscope-intl.aliyuncs.com\n// https://dashscope-intl.aliyuncs.com\n// https://dashscope-intl.aliyuncs.com/api/v1\nfunction resolveBase(): string {\n let host = (Deno.env.get(\"DASHSCOPE_HOST\") || \"dashscope-intl.aliyuncs.com\").trim();\n // Strip any protocol the user may have included.\n host = host.replace(/^https?:\\/\\//i, \"\");\n // Strip a trailing /api/v1 (with or without trailing slash) and any trailing slashes.\n host = host.replace(/\\/+$/, \"\").replace(/\\/api\\/v1$/i, \"\").replace(/\\/+$/, \"\");\n return `https://${host}/api/v1`;\n}\n\nconst BASE = resolveBase();\nconst API_KEY = (Deno.env.get(\"DASHSCOPE_API_KEY\") || \"\").trim();\n\n// Model is configurable. International region default. If the API returns\n// \"model not found\", set WAN_MODEL env var to a model available in your region\n// (e.g. \"wan2.5-i2v-preview\" or \"wan2.6-i2v-flash\").\nexport const MODEL = Deno.env.get(\"WAN_MODEL\") || \"wan2.5-i2v-preview\";\n\nexport interface GenerateParams {\n prompt: string;\n imageUrl: string; // public URL used as first frame (img_url)\n resolution?: string; // e.g. \"720P\", \"1080P\"\n duration?: number; // seconds\n audioUrl?: string; // optional driving audio (audio_url)\n promptExtend?: boolean;\n watermark?: boolean;\n}\n\nexport interface TaskCreated {\n task_id: string;\n task_status: string;\n}\n\nfunction authHeaders(extra: Record = {}) {\n return {\n \"Authorization\": `Bearer ${API_KEY}`,\n \"Content-Type\": \"application/json\",\n ...extra,\n };\n}\n\n/** Create an async video-generation task. Returns the task_id. */\nexport async function createTask(p: GenerateParams): Promise {\n if (!API_KEY) {\n throw new Error(\"Chưa cấu hình DASHSCOPE_API_KEY trong Environment Variables.\");\n }\n\n const input: Record = {\n prompt: p.prompt,\n img_url: p.imageUrl,\n };\n if (p.audioUrl) input.audio_url = p.audioUrl;\n\n const body = {\n model: MODEL,\n input,\n parameters: {\n resolution: p.resolution ?? \"720P\",\n duration: p.duration ?? 10,\n prompt_extend: p.promptExtend ?? true,\n watermark: p.watermark ?? false,\n },\n };\n\n const res = await fetch(\n `${BASE}/services/aigc/video-generation/video-synthesis`,\n {\n method: \"POST\",\n headers: authHeaders({ \"X-DashScope-Async\": \"enable\" }),\n body: JSON.stringify(body),\n },\n );\n\n const json = await res.json().catch(() => ({}));\n if (!res.ok) {\n throw new Error(\n `DashScope create task failed (${res.status}): ${JSON.stringify(json)}`,\n );\n }\n const output = json.output ?? {};\n if (!output.task_id) {\n throw new Error(\n `DashScope did not return task_id: ${JSON.stringify(json)}`,\n );\n }\n return { task_id: output.task_id, task_status: output.task_status };\n}\n\nexport interface TaskStatus {\n task_id: string;\n task_status: string; // PENDING | RUNNING | SUCCEEDED | FAILED | UNKNOWN\n video_url?: string;\n message?: string;\n raw: unknown;\n}\n\n/** Poll a task by id. */\nexport async function getTask(taskId: string): Promise {\n const res = await fetch(`${BASE}/tasks/${taskId}`, {\n method: \"GET\",\n headers: authHeaders(),\n });\n const json = await res.json().catch(() => ({}));\n if (!res.ok) {\n throw new Error(\n `DashScope get task failed (${res.status}): ${JSON.stringify(json)}`,\n );\n }\n const output = json.output ?? {};\n return {\n task_id: output.task_id ?? taskId,\n task_status: output.task_status ?? \"UNKNOWN\",\n video_url: output.video_url,\n message: output.message ?? json.message,\n raw: json,\n };\n}\n",[141,153],"a11a7004e0a20744572bfbd7f95130776f538ad2a1fad77ee6b5ad0f4449a4eb","9eb054b4-d530-48f0-a99d-2300beea6aab","83049274-5fd3-11f1-85f7-1607ee4eb77e",["D",1780549746572],"// Aliyun DashScope Wan image-to-video (with native audio) client.\n// Docs pattern: POST async task -> poll task_id until SUCCEEDED.\n\nconst HOST = Deno.env.get(\"DASHSCOPE_HOST\") ||\n \"ws-t016nv3snw0xntrt.ap-southeast-1.maas.aliyuncs.com\";\nconst API_KEY = Deno.env.get(\"DASHSCOPE_API_KEY\") || \"\";\nconst BASE = `https://${HOST}/api/v1`;\n\n// Model is configurable. The key you provided targets this model. If the API\n// returns \"model not found\", change this to \"wan2.5-i2v-preview\".\nexport const MODEL = Deno.env.get(\"WAN_MODEL\") || \"wan2.7-i2v\";\n\nexport interface GenerateParams {\n prompt: string;\n imageUrl: string; // public URL for first_frame\n resolution?: string; // e.g. \"720P\", \"1080P\"\n duration?: number; // seconds\n audioUrl?: string; // optional driving_audio; if omitted model generates voice\n promptExtend?: boolean;\n watermark?: boolean;\n}\n\nexport interface TaskCreated {\n task_id: string;\n task_status: string;\n}\n\nfunction authHeaders(extra: Record = {}) {\n return {\n \"Authorization\": `Bearer ${API_KEY}`,\n \"Content-Type\": \"application/json\",\n ...extra,\n };\n}\n\n/** Create an async video-generation task. Returns the task_id. */\nexport async function createTask(p: GenerateParams): Promise {\n const media: Array<{ type: string; url: string }> = [\n { type: \"first_frame\", url: p.imageUrl },\n ];\n if (p.audioUrl) media.push({ type: \"driving_audio\", url: p.audioUrl });\n\n const body = {\n model: MODEL,\n input: {\n prompt: p.prompt,\n media,\n },\n parameters: {\n resolution: p.resolution ?? \"720P\",\n duration: p.duration ?? 10,\n prompt_extend: p.promptExtend ?? true,\n watermark: p.watermark ?? false,\n },\n };\n\n const res = await fetch(\n `${BASE}/services/aigc/video-generation/video-synthesis`,\n {\n method: \"POST\",\n headers: authHeaders({ \"X-DashScope-Async\": \"enable\" }),\n body: JSON.stringify(body),\n },\n );\n\n const json = await res.json().catch(() => ({}));\n if (!res.ok) {\n throw new Error(\n `DashScope create task failed (${res.status}): ${JSON.stringify(json)}`,\n );\n }\n const output = json.output ?? {};\n if (!output.task_id) {\n throw new Error(\n `DashScope did not return task_id: ${JSON.stringify(json)}`,\n );\n }\n return { task_id: output.task_id, task_status: output.task_status };\n}\n\nexport interface TaskStatus {\n task_id: string;\n task_status: string; // PENDING | RUNNING | SUCCEEDED | FAILED | UNKNOWN\n video_url?: string;\n message?: string;\n raw: unknown;\n}\n\n/** Poll a task by id. */\nexport async function getTask(taskId: string): Promise {\n const res = await fetch(`${BASE}/tasks/${taskId}`, {\n method: \"GET\",\n headers: authHeaders(),\n });\n const json = await res.json().catch(() => ({}));\n if (!res.ok) {\n throw new Error(\n `DashScope get task failed (${res.status}): ${JSON.stringify(json)}`,\n );\n }\n const output = json.output ?? {};\n return {\n task_id: output.task_id ?? taskId,\n task_status: output.task_status ?? \"UNKNOWN\",\n video_url: output.video_url,\n message: output.message ?? json.message,\n raw: json,\n };\n}\n",[141,153],"2ea8572fb776d2e4d2c52e1131de8107ccc04218293a9207a522c7e4c80e0c37","README.md",{"_32":174,"_13":165,"_81":175,"_83":-5,"_85":33,"_86":41,"_88":26,"_34":176,"_40":22,"_91":92,"_93":177,"_64":48,"_95":-5,"_96":-7,"_73":178,"_98":179},{"_32":168,"_13":165,"_81":169,"_83":-5,"_85":57,"_86":56,"_88":26,"_34":170,"_40":90,"_91":92,"_93":171,"_64":48,"_95":-5,"_96":-7,"_73":172,"_98":173},"9dfa049a-15f9-4cf5-b082-062e539a465b","019e91ec-6eb3-741e-9cca-c72262cac943",["D",1780565024854],"# 🎬 AI Video Studio — Tạo video quảng cáo AI\n\nỨng dụng mobile tạo video quảng cáo bằng AI cho **TikTok / Facebook / YouTube Shorts**, dùng model **Wan image-to-video** của Alibaba DashScope — tạo video **kèm giọng nói lồng tiếng + lip-sync** ngay trong một bước (không cần TTS riêng).\n\n## ✨ Tính năng\n- 📷 Tải ảnh mẫu (nhân vật / sản phẩm) làm khung hình đầu\n- 📝 Ô nhập **prompt** mô tả cảnh quay (tiếng Việt & Anh)\n- 🎙️ Ô nhập **lời thoại** → AI tự đọc bằng giọng tự nhiên, khớp khẩu hình\n- 📐 Chọn tỉ lệ khung hình: 9:16 (TikTok), 1:1 (Feed), 16:9 (YouTube)\n- ⚙️ Chọn độ phân giải (720P/1080P) & thời lượng (5s/10s)\n- 📜 Lịch sử các video đã tạo (lưu SQLite)\n- 🎨 Giao diện tối, hiện đại, tối ưu cho điện thoại\n\n## 🗺️ Kiến trúc\n\n```mermaid\nflowchart TD\n UI[\"📱 Giao diện mobile
(React)\"] -->|Up ảnh| UP[\"/api/upload
→ Blob URL public\"]\n UI -->|Prompt + Lời thoại| GEN[\"/api/generate\"]\n GEN -->|model Wan i2v + audio| DS[\"☁️ Alibaba DashScope\"]\n DS -->|task_id| GEN\n UI -->|poll mỗi 5s| ST[\"/api/status/:id\"]\n ST --> DS\n ST -->|video URL có giọng| UI\n```\n\n## 🔧 Cấu hình (Environment Variables)\n| Key | Mô tả |\n|-----|-------|\n| `DASHSCOPE_API_KEY` | API key Alibaba DashScope (bắt buộc) |\n| `DASHSCOPE_HOST` | Host API (tuỳ chọn). Mặc định `dashscope-intl.aliyuncs.com`. Có thể nhập kèm `https://` hoặc `/api/v1` — code tự chuẩn hoá. |\n| `WAN_MODEL` | Tên model, mặc định `wan2.5-i2v-preview`. Nếu báo \"model not found\" → đổi sang model có trong region của bạn (vd `wan2.6-i2v-flash`) |\n\n## 📁 Cấu trúc file\n- `backend/index.ts` — HTTP server (Hono), routes API + phục vụ frontend\n- `backend/aliyun.ts` — client gọi DashScope (tạo task + poll)\n- `backend/upload.ts` — lưu ảnh upload vào Blob, tạo URL public\n- `backend/db.ts` — lưu lịch sử job (SQLite)\n- `frontend/index.html` — markup + CSS\n- `frontend/app.tsx` — ứng dụng React\n\n## ⚠️ Lưu ý\n- Tạo 1 video thường mất **1–4 phút**.\n- Ảnh upload được host công khai qua route `/file/:id` để DashScope tải về làm khung hình đầu.\n",[165],"90b62178b689831e9156bb289e6816815a0e608c55d7c7e7469a21a03607b860","be1c4b81-a6e1-45a2-90d9-c4f7cdc047b8","f5e22d74-5fd3-11f1-8b49-1607ee4eb77e",["D",1780549939305],"# 🎬 AI Video Studio — Tạo video quảng cáo AI\n\nỨng dụng mobile tạo video quảng cáo bằng AI cho **TikTok / Facebook / YouTube Shorts**, dùng model **Wan image-to-video** của Alibaba DashScope — tạo video **kèm giọng nói lồng tiếng + lip-sync** ngay trong một bước (không cần TTS riêng).\n\n## ✨ Tính năng\n- 📷 Tải ảnh mẫu (nhân vật / sản phẩm) làm khung hình đầu\n- 📝 Ô nhập **prompt** mô tả cảnh quay (tiếng Việt & Anh)\n- 🎙️ Ô nhập **lời thoại** → AI tự đọc bằng giọng tự nhiên, khớp khẩu hình\n- 📐 Chọn tỉ lệ khung hình: 9:16 (TikTok), 1:1 (Feed), 16:9 (YouTube)\n- ⚙️ Chọn độ phân giải (720P/1080P) & thời lượng (5s/10s)\n- 📜 Lịch sử các video đã tạo (lưu SQLite)\n- 🎨 Giao diện tối, hiện đại, tối ưu cho điện thoại\n\n## 🗺️ Kiến trúc\n\n```mermaid\nflowchart TD\n UI[\"📱 Giao diện mobile
(React)\"] -->|Up ảnh| UP[\"/api/upload
→ Blob URL public\"]\n UI -->|Prompt + Lời thoại| GEN[\"/api/generate\"]\n GEN -->|model Wan i2v + audio| DS[\"☁️ Alibaba DashScope\"]\n DS -->|task_id| GEN\n UI -->|poll mỗi 5s| ST[\"/api/status/:id\"]\n ST --> DS\n ST -->|video URL có giọng| UI\n```\n\n## 🔧 Cấu hình (Environment Variables)\n| Key | Mô tả |\n|-----|-------|\n| `DASHSCOPE_API_KEY` | API key Alibaba DashScope (bắt buộc) |\n| `DASHSCOPE_HOST` | Host API (mặc định đã set) |\n| `WAN_MODEL` | Tên model, mặc định `wan2.7-i2v`. Nếu báo \"model not found\" → đổi `wan2.5-i2v-preview` |\n\n## 📁 Cấu trúc file\n- `backend/index.ts` — HTTP server (Hono), routes API + phục vụ frontend\n- `backend/aliyun.ts` — client gọi DashScope (tạo task + poll)\n- `backend/upload.ts` — lưu ảnh upload vào Blob, tạo URL public\n- `backend/db.ts` — lưu lịch sử job (SQLite)\n- `frontend/index.html` — markup + CSS\n- `frontend/app.tsx` — ứng dụng React\n\n## ⚠️ Lưu ý\n- Tạo 1 video thường mất **1–4 phút**.\n- Ảnh upload được host công khai qua route `/file/:id` để DashScope tải về làm khung hình đầu.\n",[165],"26944e15d46fd5f78dac6bc537942b23c58ddbf4b1810cbe0a89632724395d48",["D",1780564651587],"legacyEnvVars","httpPrivacy","description","Tạo video quảng cáo AI có giọng nói cho TikTok/Facebook","imageUrl","userId","ac2956b5-9d0d-4f4c-91d7-5a9d6ca48d36","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019e9115-5664-735d-8671-6cb3b1c01ecc","tursoName","348da56fe4d54147b952dada5e7496c8","tursoHostname","348da56fe4d54147b952dada5e7496c8-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789528252206],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_222":218},"org",{"_11":12,"_215":216,"_217":218,"_186":187,"_219":220,"_221":48},"branch","displayName","Isa Prewitt","avatar","https://lh3.googleusercontent.com/a/ACg8ocIfh7NCVVXj763K_2GKkBJ8ohKESjYni8rX7XwB8vAGUZ4uPA=s96-c","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":58,"_13":14,"_34":311,"_46":-5,"_181":48,"_49":50,"_182":50,"_183":184,"_185":-5,"_186":187,"_188":133,"_189":26,"_190":-5,"_191":-5,"_192":22,"_53":193,"_194":195,"_196":197,"_198":312,"_200":-5,"_201":202,"_203":202,"_204":205,"_206":205,"_207":205,"_208":202,"_209":202,"_210":313,"_212":314,"_214":315,"_47":48},"tree",[272,277,280],"files",[272,273,274,275,276,277,278,279,280],"counts",{"_262":22,"_263":90,"_264":22,"_265":266,"_267":268},"contents",[250,251,252],"upstreamProject",{"_32":39,"_13":14,"_183":184,"_185":-5,"_49":50,"_210":248},"upstreamBranch",{"_32":33,"_34":246,"_36":247,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1780548746393],["D",1780549939305],{"_11":52,"_222":249},"https://lh3.googleusercontent.com/a/ACg8ocK1ofRLoR-LtNcZUqraAIRWTjCpcTL1ym-_1GOfKxX3FMYilg=s96-c",{"_32":259,"_13":141,"_81":134,"_83":-5,"_85":57,"_86":90,"_88":26,"_34":260,"_40":22,"_91":257,"_93":-5,"_64":48,"_95":-5,"_73":261},{"_32":255,"_13":100,"_81":84,"_83":-5,"_85":57,"_86":90,"_88":26,"_34":256,"_40":22,"_91":257,"_93":-5,"_64":48,"_95":-5,"_73":258},{"_32":168,"_13":165,"_81":169,"_83":-5,"_85":57,"_86":56,"_88":26,"_34":253,"_40":90,"_91":92,"_93":171,"_64":48,"_95":-5,"_73":254},["D",1780565024854],[165],"a1dd75e7-d15d-474e-93d8-369f25a2b953",["D",1780564651587],"directory",[100],"913b5077-c77d-4118-9fe9-e1e80ee5d8c1",["D",1780564651587],[141],"pulls","branches","forks","envVars",{"_269":106,"_271":22},"connections",{"_269":22,"_270":22},"count","unfilledCount","emptyCount",{"_32":259,"_13":141,"_81":134,"_83":-5,"_85":57,"_86":90,"_88":26,"_34":308,"_40":22,"_91":257,"_93":-5,"_64":48,"_95":-5,"_96":309,"_73":310},{"_32":152,"_13":153,"_81":154,"_83":134,"_85":57,"_86":20,"_88":26,"_34":155,"_40":90,"_91":118,"_93":156,"_64":48,"_95":-5,"_96":306,"_73":307},{"_32":299,"_13":300,"_81":301,"_83":134,"_85":57,"_86":90,"_88":26,"_34":302,"_40":22,"_91":118,"_93":303,"_64":48,"_95":-5,"_96":304,"_73":305},{"_32":131,"_13":132,"_81":133,"_83":134,"_85":57,"_86":135,"_88":26,"_34":136,"_40":87,"_91":137,"_93":138,"_64":48,"_95":-5,"_96":297,"_73":298},{"_32":290,"_13":291,"_81":292,"_83":134,"_85":57,"_86":90,"_88":26,"_34":293,"_40":22,"_91":118,"_93":294,"_64":48,"_95":-5,"_96":295,"_73":296},{"_32":255,"_13":100,"_81":84,"_83":-5,"_85":57,"_86":90,"_88":26,"_34":287,"_40":22,"_91":257,"_93":-5,"_64":48,"_95":-5,"_96":288,"_73":289},{"_32":113,"_13":114,"_81":115,"_83":84,"_85":57,"_86":116,"_88":26,"_34":117,"_40":90,"_91":118,"_93":119,"_64":48,"_95":-5,"_96":285,"_73":286},{"_32":79,"_13":80,"_81":82,"_83":84,"_85":57,"_86":87,"_88":26,"_34":89,"_40":90,"_91":92,"_93":94,"_64":48,"_95":-5,"_96":283,"_73":284},{"_32":168,"_13":165,"_81":169,"_83":-5,"_85":57,"_86":56,"_88":26,"_34":170,"_40":90,"_91":92,"_93":171,"_64":48,"_95":-5,"_96":281,"_73":282},[],[165],[],[100,80],[],[100,114],["D",1780564651587],[278,279],[100],"12af77a8-e190-4496-99cf-4d2c7544e6b4","upload.ts","019e91ec-6eb3-741e-9cca-b3071425cde5",["D",1780564651587],"import { blob } from \"https://esm.town/v/std/blob\";\n\n// Stores an uploaded image in blob storage and returns a PUBLIC url that the\n// Aliyun API can fetch as first_frame. The public url points back at this val's\n// /file/:key route (see backend/index.ts).\n\nconst PREFIX = \"genvideo/uploads/\";\n\nexport interface StoredFile {\n key: string;\n contentType: string;\n}\n\nexport async function storeBase64(\n dataUrl: string,\n): Promise {\n // dataUrl: \"data:image/png;base64,....\"\n const m = dataUrl.match(/^data:([^;]+);base64,(.*)$/s);\n if (!m) throw new Error(\"Invalid data URL\");\n const contentType = m[1];\n const b64 = m[2];\n const bytes = Uint8Array.from(atob(b64), (c) => c.charCodeAt(0));\n const ext = contentType.split(\"/\")[1]?.split(\"+\")[0] || \"bin\";\n const id = crypto.randomUUID();\n const key = `${PREFIX}${id}.${ext}`;\n await blob.set(key, bytes);\n // store content type alongside\n await blob.setJSON(`${key}.meta`, { contentType });\n return { key, contentType };\n}\n\nexport async function readStored(\n key: string,\n): Promise<{ bytes: Uint8Array; contentType: string } | null> {\n if (!key.startsWith(PREFIX)) return null;\n try {\n const buf = await blob.get(key);\n if (!buf) return null;\n const bytes = new Uint8Array(await buf.arrayBuffer());\n let contentType = \"application/octet-stream\";\n try {\n const meta = await blob.getJSON<{ contentType: string }>(`${key}.meta`);\n if (meta?.contentType) contentType = meta.contentType;\n } catch { /* ignore */ }\n return { bytes, contentType };\n } catch {\n return null;\n }\n}\n",[],[141,291],[],[141,132],"830d4639-65cc-48df-9399-bf120ba3c6ed","db.ts","019e91ec-6eb3-741e-9cca-aaca4fa7b607",["D",1780564651587],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst TABLE = \"genvideo_jobs_v1\";\n\nexport async function initDb() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n task_id TEXT UNIQUE,\n prompt TEXT,\n dialogue TEXT,\n image_url TEXT,\n resolution TEXT,\n duration INTEGER,\n aspect TEXT,\n status TEXT,\n video_url TEXT,\n error TEXT,\n created_at INTEGER\n )`);\n}\n\nexport interface JobRow {\n id: number;\n task_id: string;\n prompt: string;\n dialogue: string;\n image_url: string;\n resolution: string;\n duration: number;\n aspect: string;\n status: string;\n video_url: string | null;\n error: string | null;\n created_at: number;\n}\n\nexport async function insertJob(j: Omit) {\n await initDb();\n await sqlite.execute({\n sql:\n `INSERT INTO ${TABLE} (task_id, prompt, dialogue, image_url, resolution, duration, aspect, status, video_url, error, created_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [\n j.task_id,\n j.prompt,\n j.dialogue,\n j.image_url,\n j.resolution,\n j.duration,\n j.aspect,\n j.status,\n j.video_url,\n j.error,\n j.created_at,\n ],\n });\n}\n\nexport async function updateJob(\n taskId: string,\n patch: { status?: string; video_url?: string | null; error?: string | null },\n) {\n await initDb();\n const sets: string[] = [];\n const args: (string | null)[] = [];\n if (patch.status !== undefined) {\n sets.push(\"status = ?\");\n args.push(patch.status);\n }\n if (patch.video_url !== undefined) {\n sets.push(\"video_url = ?\");\n args.push(patch.video_url);\n }\n if (patch.error !== undefined) {\n sets.push(\"error = ?\");\n args.push(patch.error);\n }\n if (!sets.length) return;\n args.push(taskId);\n await sqlite.execute({\n sql: `UPDATE ${TABLE} SET ${sets.join(\", \")} WHERE task_id = ?`,\n args,\n });\n}\n\nexport async function listJobs(limit = 20): Promise {\n await initDb();\n const res = await sqlite.execute({\n sql: `SELECT * FROM ${TABLE} ORDER BY created_at DESC LIMIT ?`,\n args: [limit],\n });\n return res.rows as unknown as JobRow[];\n}\n",[],[141,300],[],[141,153],["D",1780564651587],[273,274,275,276],[141],["D",1780564651587],["D",1789528252206],{"_11":12,"_222":218},{"_11":12,"_215":216,"_217":218,"_186":187,"_219":220,"_221":48},{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":41,"_59":50,"_60":39,"_61":54,"_55":14,"_51":12},"ctx",{"_210":-5,"_243":349,"_350":351,"_352":353,"_354":48,"_355":48,"_356":48,"_357":26,"_358":-5,"_359":-7,"_360":-7,"_361":22,"_362":48,"_363":48,"_364":-5,"_365":48,"_366":48,"_367":48,"_368":-5},"ENV",{"_320":321,"_322":323,"_324":16,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Compare

Mergeisaprewitt/mainintoroxannadejesus/main

README.md+2-2

backend/aliyun.ts+35-19

Hbackend/index.ts+8-8

frontend/app.tsx+11-6

frontend/index.html+1-1