[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_281":282,"_283":284},"routes/_app.x.$handle.$name",{"_105":104,"_37":50,"_113":95,"_32":108,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_26":-5,"_124":-5,"_125":-5,"_126":30,"_127":128,"_129":64,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":30},"version",15,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","8fed36fb-8d6a-4d60-9b2e-66daf5272ec3","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/DashboardPage.tsx","latestPath","fileId","808a75fe-3a9e-11f1-8290-42b51c65c3df","name","DashboardPage.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nexport function DashboardPage({ stats, projects, clips }) {\n const recentClips = clips.slice(0, 6);\n const recentProjects = projects.slice(0, 4);\n\n const statCards = [\n { label: \"Videos Imported\", value: stats.totalProjects, icon: \"📥\", gradient: \"from-blue-600 to-cyan-600\", bg: \"from-blue-900/20 to-cyan-900/20\", border: \"border-blue-800/40\" },\n { label: \"Clips Created\", value: stats.totalClips, icon: \"✂️\", gradient: \"from-purple-600 to-pink-600\", bg: \"from-purple-900/20 to-pink-900/20\", border: \"border-purple-800/40\" },\n { label: \"Downloads\", value: stats.totalDownloads, icon: \"📤\", gradient: \"from-green-600 to-emerald-600\", bg: \"from-green-900/20 to-emerald-900/20\", border: \"border-green-800/40\" },\n { label: \"Tracked Creators\", value: stats.totalCreators, icon: \"⭐\", gradient: \"from-orange-600 to-red-600\", bg: \"from-orange-900/20 to-red-900/20\", border: \"border-orange-800/40\" },\n ];\n\n return (\n

\n {/* Header */}\n

Dashboard

Your clip factory at a glance

\n\n {/* Stats Grid */}\n

\n {statCards.map(s => (\n

\n {s.icon}\n

{s.value}

{s.label}

\n ))}\n

\n\n {/* How it works banner */}\n

⚡ How Clip Factory Works

\n {[\n { step: \"1\", icon: \"🔗\", title: \"Paste URL\", desc: \"Drop any YouTube video link\" },\n { step: \"2\", icon: \"✂️\", title: \"Create Clips\", desc: \"Define start/end times for each clip\" },\n { step: \"3\", icon: \"📱\", title: \"Optimize\", desc: \"Add captions & hashtags for platforms\" },\n { step: \"4\", icon: \"📥\", title: \"Download\", desc: \"Export and post to TikTok, Reels, Shorts\" },\n ].map(s => (\n

\n {s.step}\n

{s.icon} {s.title}

{s.desc}

\n ))}\n

\n\n

\n {/* Recent Projects */}\n

📥 Recent Videos

\n {recentProjects.length === 0 ? (\n

📭

No videos imported yet. Go to \"Clip Video\" to start!

\n ) : (\n

\n {recentProjects.map(p => (\n

\n {p.thumbnail ? (\n $\"\"$ \n ) : (\n

🎥

\n )}\n

{p.title || \"Untitled\"}

{p.channel_name || \"Unknown\"} • {p.duration || \"?\"}

\n {p.status}\n

\n ))}\n

\n )}\n

\n\n {/* Recent Clips */}\n

🎬 Recent Clips

\n {recentClips.length === 0 ? (\n

✂️

No clips created yet. Import a video and start clipping!

\n ) : (\n

\n {recentClips.map(c => (\n

🎬

{c.title}

{c.start_time} → {c.end_time} • {c.duration_sec}s

\n 📥 {c.download_count}\n

\n ))}\n

\n )}\n

\n\n {/* Platform badges */}\n

\n Optimized for:\n 📱 TikTok\n 📸 Instagram Reels\n 🎬 YouTube Shorts\n 🐦 Twitter/X\n

\n );\n}\n","createdAt",["D",1776458786089],"branchVersion","branchId","a5fb7b72-3a9d-11f1-ade9-42b51c65c3df","id","a5fac5a6-3a9d-11f1-ade9-42b51c65c3df","clip-factory",["D",1776458419406],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Command center for running a faceless YouTube clips channel","imageUrl","5d482c19-d265-400f-820b-cacb8280a289","pinnedFileId","e78529da-3a9d-11f1-9157-42b51c65c3df","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019d9d2b-507d-725a-b994-0565f5edf9b3","tursoName","a5fac5a63a9d11f1ade942b51c65c3df","tursoHostname","a5fac5a63a9d11f1ade942b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789512647429],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_112":108},"org",{"_105":104,"_106":-5,"_107":108,"_19":60,"_109":110,"_111":30},"branch",{"_13":94,"_37":95,"_48":47,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":50,"_103":104},"isOwned",23,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","horlumosey01","handle","displayName","avatar","","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_48":49,"_37":50,"_43":276,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":277,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":278,"_89":279,"_91":280,"_93":30},"tree",[170,173,183],"files",[170,171,172,173,174,175,176,177,178,179,180,181,182,183],"counts",{"_160":68,"_161":157,"_162":68,"_163":164,"_165":166},"contents",[134,135,136],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":154,"_37":155,"_35":156,"_139":-5,"_46":47,"_45":157,"_141":64,"_43":158,"_13":68,"_39":152,"_41":-5,"_29":30,"_145":-5,"_32":159},{"_48":147,"_37":148,"_35":149,"_139":-5,"_46":47,"_45":150,"_141":64,"_43":151,"_13":68,"_39":152,"_41":-5,"_29":30,"_145":-5,"_32":153},{"_48":137,"_37":138,"_35":62,"_139":-5,"_46":47,"_45":140,"_141":30,"_43":142,"_13":68,"_39":143,"_41":144,"_29":30,"_145":-5,"_32":146},"e785275a-3a9d-11f1-9157-42b51c65c3df","main.ts","parentId",9,"latest",["D",1776458529359],"http","import { Hono } from \"npm:hono@4\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { runMigrations, seedDefaults } from \"./database/migrations.ts\";\nimport { getCreators, getClips, addClip, updateClipStatus, updateClipViews, deleteClip, getStats, addCreator } from \"./database/queries.ts\";\n\nconst app = new Hono();\n\n// Ensure DB is ready\nlet dbReady = false;\napp.use(\"*\", async (c, next) => {\n if (!dbReady) {\n await runMigrations();\n await seedDefaults();\n dbReady = true;\n }\n await next();\n});\n\napp.onError((err) => Promise.reject(err));\n\n// --- API Routes ---\n\napp.get(\"/api/creators\", async (c) => {\n return c.json(await getCreators());\n});\n\napp.post(\"/api/creators\", async (c) => {\n const { name, emoji, color } = await c.req.json();\n await addCreator(name, emoji || \"🎮\", color || \"#6366f1\");\n return c.json({ ok: true });\n});\n\napp.get(\"/api/clips\", async (c) => {\n const status = c.req.query(\"status\") || undefined;\n const creatorId = c.req.query(\"creatorId\") ? Number(c.req.query(\"creatorId\")) : undefined;\n return c.json(await getClips(status, creatorId));\n});\n\napp.post(\"/api/clips\", async (c) => {\n const { creatorId, title, sourceUrl, priority, notes } = await c.req.json();\n await addClip(Number(creatorId), title, sourceUrl, priority, notes);\n return c.json({ ok: true });\n});\n\napp.patch(\"/api/clips/:id/status\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const { status } = await c.req.json();\n await updateClipStatus(id, status);\n return c.json({ ok: true });\n});\n\napp.patch(\"/api/clips/:id/views\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const { views } = await c.req.json();\n await updateClipViews(id, views);\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/clips/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n await deleteClip(id);\n return c.json({ ok: true });\n});\n\napp.get(\"/api/stats\", async (c) => {\n return c.json(await getStats());\n});\n\n// --- View Source ---\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// --- Static files ---\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\n\nexport default app.fetch;\n","label",[138],"b63d0212-3a9d-11f1-952a-42b51c65c3df","frontend","12bc483d-c436-4c15-8995-3838080f9b04",3,["D",1776458446670],"directory",[148],"ac9f999a-3a9d-11f1-ade9-42b51c65c3df","database","a239e3a6-adb5-40dd-a7a4-63accf410df5",1,["D",1776458430544],[155],"pulls","branches","forks","envVars",{"_167":68,"_169":68},"connections",{"_167":68,"_168":68},"count","unfilledCount","emptyCount",{"_48":154,"_37":155,"_35":156,"_139":-5,"_46":47,"_45":157,"_141":64,"_43":273,"_13":68,"_39":152,"_41":-5,"_29":30,"_145":-5,"_185":274,"_32":275},{"_48":265,"_37":266,"_35":267,"_139":156,"_46":47,"_45":268,"_141":30,"_43":269,"_13":157,"_39":40,"_41":270,"_29":30,"_145":-5,"_185":271,"_32":272},{"_48":257,"_37":258,"_35":259,"_139":156,"_46":47,"_45":260,"_141":64,"_43":261,"_13":157,"_39":40,"_41":262,"_29":30,"_145":-5,"_185":263,"_32":264},{"_48":147,"_37":148,"_35":149,"_139":-5,"_46":47,"_45":150,"_141":64,"_43":254,"_13":68,"_39":152,"_41":-5,"_29":30,"_145":-5,"_185":255,"_32":256},{"_48":250,"_37":213,"_35":207,"_139":149,"_46":47,"_45":229,"_141":64,"_43":251,"_13":68,"_39":152,"_41":-5,"_29":30,"_145":-5,"_185":252,"_32":253},{"_48":242,"_37":243,"_35":244,"_139":207,"_46":47,"_45":245,"_141":64,"_43":246,"_13":68,"_39":40,"_41":247,"_29":30,"_145":-5,"_185":248,"_32":249},{"_48":234,"_37":235,"_35":236,"_139":207,"_46":47,"_45":237,"_141":64,"_43":238,"_13":68,"_39":40,"_41":239,"_29":30,"_145":-5,"_185":240,"_32":241},{"_48":226,"_37":227,"_35":228,"_139":207,"_46":47,"_45":229,"_141":64,"_43":230,"_13":68,"_39":40,"_41":231,"_29":30,"_145":-5,"_185":232,"_32":233},{"_48":222,"_37":38,"_35":36,"_139":207,"_46":47,"_45":14,"_141":64,"_43":223,"_13":68,"_39":40,"_41":42,"_29":30,"_145":-5,"_185":224,"_32":225},{"_48":214,"_37":215,"_35":216,"_139":207,"_46":47,"_45":217,"_141":64,"_43":218,"_13":68,"_39":40,"_41":219,"_29":30,"_145":-5,"_185":220,"_32":221},{"_48":204,"_37":205,"_35":206,"_139":207,"_46":47,"_45":208,"_141":64,"_43":209,"_13":68,"_39":40,"_41":210,"_29":30,"_145":-5,"_185":211,"_32":212},{"_48":196,"_37":197,"_35":198,"_139":149,"_46":47,"_45":199,"_141":64,"_43":200,"_13":157,"_39":26,"_41":201,"_29":30,"_145":-5,"_185":202,"_32":203},{"_48":188,"_37":189,"_35":190,"_139":149,"_46":47,"_45":191,"_141":64,"_43":192,"_13":157,"_39":40,"_41":193,"_29":30,"_145":-5,"_185":194,"_32":195},{"_48":137,"_37":138,"_35":62,"_139":-5,"_46":47,"_45":140,"_141":30,"_43":184,"_13":68,"_39":143,"_41":144,"_29":30,"_145":-5,"_185":186,"_32":187},["D",1776458529359],"children",[],[138],"67ab99be-3a9e-11f1-ba14-42b51c65c3df","index.tsx","ba70d67e-3a9d-11f1-8405-42b51c65c3df",13,["D",1776458744352],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { Sidebar } from \"./components/Sidebar.tsx\";\nimport { DashboardPage } from \"./components/DashboardPage.tsx\";\nimport { ClipperPage } from \"./components/ClipperPage.tsx\";\nimport { MyClipsPage } from \"./components/MyClipsPage.tsx\";\nimport { CreatorsPage } from \"./components/CreatorsPage.tsx\";\n\nfunction App() {\n const [page, setPage] = useState(\"dashboard\");\n const [stats, setStats] = useState({ totalProjects: 0, totalClips: 0, totalDownloads: 0, totalCreators: 0 });\n const [projects, setProjects] = useState([]);\n const [clips, setClips] = useState([]);\n const [creators, setCreators] = useState([]);\n const [loading, setLoading] = useState(true);\n const [sidebarOpen, setSidebarOpen] = useState(false);\n\n const fetchAll = useCallback(async () => {\n try {\n const [s, p, cl, cr] = await Promise.all([\n fetch(\"/api/stats\").then(r => r.json()),\n fetch(\"/api/projects\").then(r => r.json()),\n fetch(\"/api/clips\").then(r => r.json()),\n fetch(\"/api/creators\").then(r => r.json()),\n ]);\n setStats(s); setProjects(p); setClips(cl); setCreators(cr);\n } catch (e) { console.error(e); }\n setLoading(false);\n }, []);\n\n useEffect(() => { fetchAll(); }, [fetchAll]);\n\n const renderPage = () => {\n switch (page) {\n case \"dashboard\": return ;\n case \"clipper\": return ;\n case \"clips\": return ;\n case \"creators\": return ;\n default: return ;\n }\n };\n\n return (\n

\n {/* Mobile hamburger */}\n setSidebarOpen(!sidebarOpen)}\n class=\"lg:hidden fixed top-4 left-4 z-50 bg-gray-800 p-2 rounded-lg border border-gray-700\"\n >\n \n \n\n {/* Overlay for mobile */}\n {sidebarOpen && (\n

setSidebarOpen(false)} />\n )}\n\n { setPage(p); setSidebarOpen(false); }} open={sidebarOpen} />\n\n

\n {loading ? (\n

🎬

Loading Clip Factory...

\n ) : (\n

{renderPage()}

\n )}\n

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[],[148,189],"5fa67d56-3a9e-11f1-b888-42b51c65c3df","index.html","b63cdb34-3a9d-11f1-952a-42b51c65c3df",12,["D",1776458730884],"\n\n\n \n \n 🎬 Clip Factory — AI Video Clipper\n \n \n \n \n \n\n\n

\n \n\n\n",[],[148,197],"c971a2e8-3a9d-11f1-bfe6-42b51c65c3df","StatsBar.tsx","c971a400-3a9d-11f1-bfe6-42b51c65c3df","74496da2-cf10-4ad3-997c-58e1cb48e6ee",6,["D",1776458478898],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nexport function StatsBar({ stats }) {\n const cards = [\n { label: \"Total Clips\", value: stats.total, icon: \"📋\", color: \"from-blue-600/20 to-blue-900/20 border-blue-800/50\" },\n { label: \"Ideas\", value: stats.ideas, icon: \"💡\", color: \"from-yellow-600/20 to-yellow-900/20 border-yellow-800/50\" },\n { label: \"In Editing\", value: stats.editing, icon: \"✂️\", color: \"from-orange-600/20 to-orange-900/20 border-orange-800/50\" },\n { label: \"Published\", value: stats.published, icon: \"🚀\", color: \"from-green-600/20 to-green-900/20 border-green-800/50\" },\n { label: \"Total Views\", value: formatViews(stats.totalViews), icon: \"👁️\", color: \"from-purple-600/20 to-purple-900/20 border-purple-800/50\" },\n ];\n\n return (\n

\n {cards.map(card => (\n \n

\n {card.icon}\n {card.label}\n

{card.value}

\n ))}\n

\n );\n}\n\nfunction formatViews(n: number): string {\n if (n >= 1_000_000) return (n / 1_000_000).toFixed(1) + \"M\";\n if (n >= 1_000) return (n / 1_000).toFixed(1) + \"K\";\n return String(n);\n}\n",[],[148,213,205],"components","6fc4de80-3a9e-11f1-9032-42b51c65c3df","Sidebar.tsx","6fc4df5c-3a9e-11f1-9032-42b51c65c3df",14,["D",1776458757946],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nconst NAV = [\n { id: \"dashboard\", label: \"Dashboard\", icon: \"📊\" },\n { id: \"clipper\", label: \"Clip Video\", icon: \"✂️\" },\n { id: \"clips\", label: \"My Clips\", icon: \"🎬\" },\n { id: \"creators\", label: \"Creators\", icon: \"⭐\" },\n];\n\nexport function Sidebar({ page, setPage, open }) {\n return (\n

\n {/* Logo */}\n

\n 🎬\n

\n Clip Factory\n

Video Clipper

\n\n {/* Navigation */}\n

\n {NAV.map(item => {\n const active = page === item.id;\n return (\n setPage(item.id)}\n class={`w-full flex items-center gap-3 px-4 py-3 rounded-xl text-sm font-medium transition-all ${\n active\n ? \"bg-gradient-to-r from-purple-600/20 to-pink-600/20 text-white border border-purple-500/30 shadow-lg shadow-purple-900/10\"\n : \"text-gray-400 hover:text-white hover:bg-gray-800/50\"\n }`}\n >\n {item.icon}\n {item.label}\n {active &&

}\n \n );\n })}\n

\n\n {/* Footer */}\n

🚀 Pro Tip

Paste any YouTube URL and create viral-ready clips for TikTok, Reels & Shorts.

\n view source\n

\n );\n}\n",[],[148,213,215],"808a7554-3a9e-11f1-8290-42b51c65c3df",["D",1776458786089],[],[148,213,38],"c42223ee-3a9d-11f1-8a0a-42b51c65c3df","Dashboard.tsx","c42224d4-3a9d-11f1-8a0a-42b51c65c3df",5,["D",1776458469988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { StatsBar } from \"./StatsBar.tsx\";\nimport { ClipCard } from \"./ClipCard.tsx\";\nimport { AddClipModal } from \"./AddClipModal.tsx\";\n\nexport function Dashboard({ creators, clips, stats, filterStatus, setFilterStatus, filterCreator, setFilterCreator, loading, refresh }) {\n const [showAdd, setShowAdd] = useState(false);\n\n const statuses = [\n { value: \"\", label: \"All Clips\", icon: \"📋\" },\n { value: \"idea\", label: \"Ideas\", icon: \"💡\" },\n { value: \"editing\", label: \"Editing\", icon: \"✂️\" },\n { value: \"ready\", label: \"Ready\", icon: \"✅\" },\n { value: \"published\", label: \"Published\", icon: \"🚀\" },\n ];\n\n return (\n

\n {/* Header */}\n

\n 🎬\n \n Clip Factory\n \n

Your faceless YouTube clips command center

\n view source\n setShowAdd(true)}\n class=\"bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-500 hover:to-pink-500 text-white font-bold px-5 py-2.5 rounded-xl transition-all shadow-lg shadow-purple-900/30 flex items-center gap-2\"\n >\n + New Clip\n \n

\n\n

\n {/* Stats */}\n \n\n {/* Filters */}\n

\n {statuses.map(s => (\n setFilterStatus(s.value)}\n class={`px-3 py-1.5 rounded-lg text-sm font-medium transition-all flex items-center gap-1.5 ${\n filterStatus === s.value\n ? \"bg-gray-700 text-white shadow\"\n : \"text-gray-400 hover:text-gray-200\"\n }`}\n >\n {s.icon} {s.label}\n \n ))}\n

\n\n setFilterCreator(e.target.value)}\n class=\"bg-gray-900 border border-gray-800 rounded-xl px-4 py-2 text-sm text-gray-300 focus:outline-none focus:border-purple-500\"\n >\n \n {creators.map(c => (\n \n ))}\n \n

\n\n {/* Clips Grid */}\n {loading ? (\n

🎬 Loading...

\n ) : clips.length === 0 ? (\n

📭

No clips yet

Hit \"+ New Clip\" to start building your content pipeline!

\n ) : (\n

\n {clips.map(clip => (\n \n ))}\n

\n )}\n

\n\n {/* Add Modal */}\n {showAdd && (\n setShowAdd(false)} refresh={refresh} />\n )}\n

\n );\n}\n",[],[148,213,227],"d4b21958-3a9d-11f1-a95c-42b51c65c3df","ClipCard.tsx","d4b21a20-3a9d-11f1-a95c-42b51c65c3df",7,["D",1776458497779],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst STATUS_CONFIG = {\n idea: { label: \"Idea\", icon: \"💡\", bg: \"bg-yellow-900/30\", text: \"text-yellow-300\", border: \"border-yellow-700/50\" },\n editing: { label: \"Editing\", icon: \"✂️\", bg: \"bg-orange-900/30\", text: \"text-orange-300\", border: \"border-orange-700/50\" },\n ready: { label: \"Ready\", icon: \"✅\", bg: \"bg-blue-900/30\", text: \"text-blue-300\", border: \"border-blue-700/50\" },\n published: { label: \"Published\", icon: \"🚀\", bg: \"bg-green-900/30\", text: \"text-green-300\", border: \"border-green-700/50\" },\n};\n\nconst PRIORITY_CONFIG = {\n low: { label: \"Low\", color: \"text-gray-400\" },\n medium: { label: \"Med\", color: \"text-yellow-400\" },\n high: { label: \"High\", color: \"text-red-400\" },\n};\n\nexport function ClipCard({ clip, refresh }) {\n const [editingViews, setEditingViews] = useState(false);\n const [views, setViews] = useState(clip.views);\n const status = STATUS_CONFIG[clip.status] || STATUS_CONFIG.idea;\n const priority = PRIORITY_CONFIG[clip.priority] || PRIORITY_CONFIG.medium;\n const nextStatuses = [\"idea\", \"editing\", \"ready\", \"published\"].filter(s => s !== clip.status);\n\n async function changeStatus(newStatus: string) {\n await fetch(`/api/clips/${clip.id}/status`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ status: newStatus }),\n });\n refresh();\n }\n\n async function saveViews() {\n await fetch(`/api/clips/${clip.id}/views`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ views: Number(views) }),\n });\n setEditingViews(false);\n refresh();\n }\n\n async function handleDelete() {\n if (!confirm(\"Delete this clip?\")) return;\n await fetch(`/api/clips/${clip.id}`, { method: \"DELETE\" });\n refresh();\n }\n\n return (\n

\n {/* Header */}\n

\n \n {clip.avatar_emoji}\n \n {clip.creator_name}\n

\n \n {status.icon} {status.label}\n \n

\n\n {/* Title */}\n

{clip.title}

\n\n {/* Notes */}\n {clip.notes && (\n

{clip.notes}

\n )}\n\n {/* Meta row */}\n

\n ● {priority.label} priority\n {clip.source_url && (\n \n 🔗 Source\n \n )}\n

\n\n {/* Views (published only) */}\n {clip.status === \"published\" && (\n

\n 👁️\n {editingViews ? (\n

\n setViews(e.target.value)}\n class=\"bg-gray-800 border border-gray-700 rounded px-2 py-0.5 text-xs w-24 text-white\"\n />\n \n

\n ) : (\n setEditingViews(true)}\n class=\"text-xs text-gray-400 hover:text-white\"\n >\n {Number(clip.views).toLocaleString()} views\n \n )}\n

\n )}\n\n {/* Actions */}\n

\n {nextStatuses.map(s => {\n const cfg = STATUS_CONFIG[s];\n return (\n changeStatus(s)}\n class={`text-xs px-2 py-1 rounded-lg ${cfg.bg} ${cfg.text} hover:opacity-80 transition`}\n title={`Move to ${cfg.label}`}\n >\n {cfg.icon}\n \n );\n })}\n

\n \n 🗑️\n \n

\n );\n}\n",[],[148,213,235],"df5d23fc-3a9d-11f1-a715-42b51c65c3df","AddClipModal.tsx","df5d24e2-3a9d-11f1-a715-42b51c65c3df",8,["D",1776458515674],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function AddClipModal({ creators, onClose, refresh }) {\n const [creatorId, setCreatorId] = useState(creators[0]?.id || \"\");\n const [title, setTitle] = useState(\"\");\n const [sourceUrl, setSourceUrl] = useState(\"\");\n const [priority, setPriority] = useState(\"medium\");\n const [notes, setNotes] = useState(\"\");\n const [saving, setSaving] = useState(false);\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n if (!title.trim() || !creatorId) return;\n setSaving(true);\n await fetch(\"/api/clips\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ creatorId, title, sourceUrl, priority, notes }),\n });\n refresh();\n onClose();\n }\n\n return (\n

\n e.stopPropagation()}\n >\n

\n 🎬 New Clip Idea\n

\n \n

\n\n

\n {/* Creator */}\n

\n Creator\n setCreatorId(e.target.value)}\n class=\"w-full bg-gray-800 border border-gray-700 rounded-xl px-4 py-2.5 text-white focus:outline-none focus:border-purple-500\"\n required\n >\n {creators.map(c => (\n \n ))}\n \n

\n\n {/* Title */}\n

\n Clip Title\n setTitle(e.target.value)}\n placeholder=\"e.g. Speed reacts to getting banned\"\n class=\"w-full bg-gray-800 border border-gray-700 rounded-xl px-4 py-2.5 text-white placeholder-gray-600 focus:outline-none focus:border-purple-500\"\n required\n />\n

\n\n {/* Source URL */}\n

\n Source URL (optional)\n setSourceUrl(e.target.value)}\n placeholder=\"https://youtube.com/watch?v=...\"\n class=\"w-full bg-gray-800 border border-gray-700 rounded-xl px-4 py-2.5 text-white placeholder-gray-600 focus:outline-none focus:border-purple-500\"\n />\n

\n\n {/* Priority */}\n

\n Priority\n

\n {[\n { value: \"low\", label: \"Low\", color: \"border-gray-600 text-gray-400 hover:border-gray-500\" },\n { value: \"medium\", label: \"Medium\", color: \"border-yellow-700 text-yellow-400 hover:border-yellow-600\" },\n { value: \"high\", label: \"High 🔥\", color: \"border-red-700 text-red-400 hover:border-red-600\" },\n ].map(p => (\n setPriority(p.value)}\n class={`flex-1 py-2 rounded-xl text-sm font-semibold border transition-all ${\n priority === p.value\n ? p.color + \" bg-gray-800 ring-1 ring-white/10\"\n : \"border-gray-800 text-gray-600\"\n }`}\n >\n {p.label}\n \n ))}\n

\n\n {/* Notes */}\n

\n Notes (optional)\n setNotes(e.target.value)}\n placeholder=\"Timestamp, edit ideas, caption notes...\"\n rows={2}\n class=\"w-full bg-gray-800 border border-gray-700 rounded-xl px-4 py-2.5 text-white placeholder-gray-600 focus:outline-none focus:border-purple-500 resize-none\"\n />\n

\n\n {/* Submit */}\n \n {saving ? \"Adding...\" : \"Add Clip 🎬\"}\n \n \n

\n );\n}\n",[],[148,213,243],"c422626e-3a9d-11f1-8a0a-42b51c65c3df",["D",1776458469988],[175,176,177,178,179,180],[148,213],["D",1776458446670],[174,181,182],[148],"5a25803e-3a9e-11f1-8cae-42b51c65c3df","queries.ts","b2fa50dc-3a9d-11f1-884c-42b51c65c3df",11,["D",1776458721665],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// --- Projects ---\nexport async function getProjects() {\n const result = await sqlite.execute(\"SELECT * FROM projects ORDER BY created_at DESC\");\n return result.rows;\n}\n\nexport async function addProject(youtubeUrl: string, videoId: string, title: string, thumbnail: string, channelName: string, duration: string) {\n const result = await sqlite.execute({\n sql: \"INSERT INTO projects (youtube_url, video_id, title, thumbnail, channel_name, duration, status) VALUES (?, ?, ?, ?, ?, ?, 'ready')\",\n args: [youtubeUrl, videoId, title, thumbnail, channelName, duration],\n });\n return result.lastInsertRowid;\n}\n\nexport async function deleteProject(id: number) {\n await sqlite.batch([\n { sql: \"DELETE FROM clips WHERE project_id = ?\", args: [id] },\n { sql: \"DELETE FROM projects WHERE id = ?\", args: [id] },\n ]);\n}\n\n// --- Clips ---\nexport async function getClips(projectId?: number) {\n let sql = `SELECT clips.*, projects.title as video_title, projects.thumbnail, projects.video_id, projects.channel_name\n FROM clips JOIN projects ON clips.project_id = projects.id`;\n const args: any[] = [];\n if (projectId) { sql += \" WHERE clips.project_id = ?\"; args.push(projectId); }\n sql += \" ORDER BY clips.created_at DESC\";\n return (await sqlite.execute({ sql, args })).rows;\n}\n\nexport async function addClip(projectId: number, title: string, startTime: string, endTime: string, durationSec: number, caption?: string, hashtags?: string) {\n await sqlite.execute({\n sql: \"INSERT INTO clips (project_id, title, start_time, end_time, duration_sec, caption, hashtags) VALUES (?, ?, ?, ?, ?, ?, ?)\",\n args: [projectId, title, startTime, endTime, durationSec, caption || null, hashtags || null],\n });\n}\n\nexport async function updateClipStatus(id: number, status: string) {\n await sqlite.execute({ sql: \"UPDATE clips SET status = ? WHERE id = ?\", args: [status, id] });\n}\n\nexport async function incrementDownload(id: number) {\n await sqlite.execute({ sql: \"UPDATE clips SET download_count = download_count + 1 WHERE id = ?\", args: [id] });\n}\n\nexport async function deleteClip(id: number) {\n await sqlite.execute({ sql: \"DELETE FROM clips WHERE id = ?\", args: [id] });\n}\n\n// --- Creators ---\nexport async function getCreators() {\n return (await sqlite.execute(\"SELECT * FROM creators ORDER BY name\")).rows;\n}\n\nexport async function addCreator(name: string, emoji: string, color: string, channelUrl?: string) {\n await sqlite.execute({\n sql: \"INSERT INTO creators (name, avatar_emoji, color, channel_url) VALUES (?, ?, ?, ?)\",\n args: [name, emoji, color, channelUrl || null],\n });\n}\n\n// --- Stats ---\nexport async function getStats() {\n const [projects, clips, downloads, creators] = await Promise.all([\n sqlite.execute(\"SELECT COUNT(*) as c FROM projects\"),\n sqlite.execute(\"SELECT COUNT(*) as c FROM clips\"),\n sqlite.execute(\"SELECT COALESCE(SUM(download_count), 0) as c FROM clips\"),\n sqlite.execute(\"SELECT COUNT(*) as c FROM creators\"),\n ]);\n return {\n totalProjects: projects.rows[0].c,\n totalClips: clips.rows[0].c,\n totalDownloads: downloads.rows[0].c,\n totalCreators: creators.rows[0].c,\n };\n}\n",[],[155,258],"52a55320-3a9e-11f1-9032-42b51c65c3df","migrations.ts","ac9f61aa-3a9d-11f1-ade9-42b51c65c3df",10,["D",1776458709071],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport async function runMigrations() {\n await sqlite.batch([\n {\n sql: `CREATE TABLE IF NOT EXISTS projects (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n youtube_url TEXT NOT NULL,\n video_id TEXT,\n title TEXT,\n thumbnail TEXT,\n channel_name TEXT,\n duration TEXT,\n status TEXT DEFAULT 'processing',\n created_at TEXT DEFAULT (datetime('now'))\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS clips (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n project_id INTEGER NOT NULL,\n title TEXT NOT NULL,\n start_time TEXT NOT NULL,\n end_time TEXT NOT NULL,\n duration_sec INTEGER DEFAULT 0,\n aspect_ratio TEXT DEFAULT '9:16',\n platform TEXT DEFAULT 'all',\n status TEXT DEFAULT 'ready',\n download_count INTEGER DEFAULT 0,\n caption TEXT,\n hashtags TEXT,\n created_at TEXT DEFAULT (datetime('now')),\n FOREIGN KEY (project_id) REFERENCES projects(id)\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS creators (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n channel_url TEXT,\n avatar_emoji TEXT DEFAULT '🎮',\n color TEXT DEFAULT '#6366f1',\n clips_made INTEGER DEFAULT 0,\n created_at TEXT DEFAULT (datetime('now'))\n )`,\n },\n ]);\n}\n\nexport async function seedDefaults() {\n const existing = await sqlite.execute(\"SELECT COUNT(*) as count FROM creators\");\n if (existing.rows[0].count > 0) return;\n\n await sqlite.batch([\n { sql: \"INSERT INTO creators (name, avatar_emoji, color) VALUES (?, ?, ?)\", args: [\"IShowSpeed\", \"⚡\", \"#ef4444\"] },\n { sql: \"INSERT INTO creators (name, avatar_emoji, color) VALUES (?, ?, ?)\", args: [\"Kai Cenat\", \"🎤\", \"#8b5cf6\"] },\n { sql: \"INSERT INTO creators (name, avatar_emoji, color) VALUES (?, ?, ?)\", args: [\"Duke Dennis\", \"🏀\", \"#f97316\"] },\n { sql: \"INSERT INTO creators (name, avatar_emoji, color) VALUES (?, ?, ?)\", args: [\"Adin Ross\", \"🎰\", \"#ec4899\"] },\n { sql: \"INSERT INTO creators (name, avatar_emoji, color) VALUES (?, ?, ?)\", args: [\"xQc\", \"🎯\", \"#3b82f6\"] },\n { sql: \"INSERT INTO creators (name, avatar_emoji, color) VALUES (?, ?, ?)\", args: [\"Sketch\", \"😂\", \"#10b981\"] },\n ]);\n}\n",[],[155,266],["D",1776458430544],[171,172],[155],["D",1776458419406],["D",1789512647429],{"_105":104,"_112":108},{"_105":104,"_106":-5,"_107":108,"_19":60,"_109":110,"_111":30},{"_13":94,"_37":95,"_48":47,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":50,"_103":104},"ctx",{"_87":-5,"_131":314,"_315":316,"_317":318,"_319":30,"_320":30,"_321":30,"_322":64,"_323":-5,"_324":-7,"_325":-7,"_326":68,"_327":30,"_328":30,"_329":-5,"_330":30,"_331":30,"_332":30,"_333":-5},"ENV",{"_285":286,"_287":288,"_289":95,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313},"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"]

Diff · v15