[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_331":332,"_333":334},"routes/_app.x.$handle.$name",{"_105":104,"_38":52,"_113":95,"_33":114,"_13":14,"_115":-5,"_11":116,"_117":118,"_119":120,"_121":122,"_123":124,"_26":-5,"_125":-5,"_126":-5,"_127":31,"_128":129,"_130":131,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_50":51,"_38":52,"_45":53,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":-5,"_64":31,"_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":31},"version",22,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","02611435-a1fb-4a20-9708-fdf53c21634d","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":44,"_45":46,"_47":14,"_48":49,"_30":31},"previous",{"_36":37,"_38":39,"_40":41,"_42":43},"deleted",false,"deletedHere","path","database/migrations.ts","latestPath","fileId","f575ec5e-3a99-11f1-a961-42b51c65c3df","name","migrations.ts","fileType","script","content","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 creators (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL UNIQUE,\n platform TEXT DEFAULT 'YouTube/Twitch',\n avatar_emoji TEXT DEFAULT '🎮',\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 creator_id INTEGER NOT NULL,\n title TEXT NOT NULL,\n source_url TEXT,\n status TEXT DEFAULT 'found' CHECK(status IN ('found','editing','uploaded','published')),\n ai_title TEXT,\n ai_description TEXT,\n views INTEGER DEFAULT 0,\n likes INTEGER DEFAULT 0,\n revenue REAL DEFAULT 0.0,\n notes TEXT,\n scheduled_date TEXT,\n created_at TEXT DEFAULT (datetime('now')),\n updated_at TEXT DEFAULT (datetime('now')),\n FOREIGN KEY (creator_id) REFERENCES creators(id)\n )`,\n },\n {\n sql: `INSERT OR IGNORE INTO creators (name, platform, avatar_emoji) VALUES \n ('IShowSpeed', 'YouTube/Twitch', '⚡'),\n ('Kai Cenat', 'Twitch', '🔥'),\n ('Duke Dennis', 'YouTube', '🏀'),\n ('Adin Ross', 'Kick', '🎰'),\n ('xQc', 'Kick/Twitch', '🎮'),\n ('MrBeast', 'YouTube', '💰'),\n ('Beta Squad', 'YouTube', '🇬🇧'),\n ('Sketch', 'YouTube', '😂')`,\n },\n ]);\n}\n","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 creators (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL UNIQUE,\n platform TEXT DEFAULT 'YouTube/Twitch',\n avatar_emoji TEXT DEFAULT '🎮',\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 creator_id INTEGER NOT NULL,\n title TEXT NOT NULL,\n source_url TEXT,\n status TEXT DEFAULT 'found' CHECK(status IN ('found','editing','uploaded','published')),\n ai_title TEXT,\n ai_description TEXT,\n views INTEGER DEFAULT 0,\n likes INTEGER DEFAULT 0,\n revenue REAL DEFAULT 0.0,\n notes TEXT,\n scheduled_date TEXT,\n created_at TEXT DEFAULT (datetime('now')),\n updated_at TEXT DEFAULT (datetime('now')),\n FOREIGN KEY (creator_id) REFERENCES creators(id)\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS youtube_links (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n url TEXT NOT NULL,\n video_id TEXT,\n video_title TEXT,\n channel_name TEXT,\n thumbnail_url TEXT,\n duration TEXT,\n status TEXT DEFAULT 'queued' CHECK(status IN ('queued','clipping','clipped','failed')),\n clip_id INTEGER,\n notes TEXT,\n created_at TEXT DEFAULT (datetime('now')),\n updated_at TEXT DEFAULT (datetime('now')),\n FOREIGN KEY (clip_id) REFERENCES clips(id)\n )`,\n },\n {\n sql: `INSERT OR IGNORE INTO creators (name, platform, avatar_emoji) VALUES \n ('IShowSpeed', 'YouTube/Twitch', '⚡'),\n ('Kai Cenat', 'Twitch', '🔥'),\n ('Duke Dennis', 'YouTube', '🏀'),\n ('Adin Ross', 'Kick', '🎰'),\n ('xQc', 'Kick/Twitch', '🎮'),\n ('MrBeast', 'YouTube', '💰'),\n ('Beta Squad', 'YouTube', '🇬🇧'),\n ('Sketch', 'YouTube', '😂')`,\n },\n ]);\n}\n","createdAt",["D",1776457541357],"branchVersion","branchId","515248ac-3a99-11f1-9f63-42b51c65c3df","id","51514902-3a99-11f1-9f63-42b51c65c3df","clip-factory",["D",1776456559388],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","🎬 Faceless YouTube clip dashboard - track, manage & grow","imageUrl","16f00450-ecbc-11ef-8139-5783405cc753","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","b08ba258-802d-4f4d-aaab-98927562aed8","tursoName","515149023a9911f19f6342b51c65c3df","tursoHostname","515149023a9911f19f6342b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789511441255],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_112":108},"org",{"_105":104,"_106":-5,"_107":108,"_19":62,"_109":110,"_111":31},"branch",{"_13":94,"_38":95,"_50":49,"_96":51,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":52,"_103":104},"isOwned",28,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","horlumosey","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0OHhwbVplVDNmRjJ3elVHUzRTZzdkanlTSiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_38":52,"_45":326,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":-5,"_64":31,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":327,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":328,"_89":329,"_91":330,"_93":31},"tree",[203,206,215,217,218,219,220],"files",[203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220],"counts",{"_193":68,"_194":173,"_195":68,"_196":197,"_198":199},"contents",[136,137,138,139,140,141,142],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_50":188,"_38":189,"_36":190,"_146":-5,"_48":49,"_47":157,"_148":131,"_45":191,"_13":68,"_40":174,"_42":-5,"_30":31,"_150":-5,"_33":192},{"_50":182,"_38":183,"_36":184,"_146":-5,"_48":49,"_47":185,"_148":131,"_45":186,"_13":68,"_40":174,"_42":-5,"_30":31,"_150":-5,"_33":187},{"_50":176,"_38":177,"_36":178,"_146":-5,"_48":49,"_47":179,"_148":131,"_45":180,"_13":68,"_40":174,"_42":-5,"_30":31,"_150":-5,"_33":181},{"_50":168,"_38":169,"_36":170,"_146":-5,"_48":49,"_47":171,"_148":131,"_45":172,"_13":173,"_40":174,"_42":-5,"_30":31,"_150":-5,"_33":175},{"_50":161,"_38":162,"_36":163,"_146":-5,"_48":49,"_47":164,"_148":31,"_45":165,"_13":68,"_40":26,"_42":166,"_30":31,"_150":-5,"_33":167},{"_50":152,"_38":153,"_36":154,"_146":-5,"_48":49,"_47":155,"_148":31,"_45":156,"_13":157,"_40":158,"_42":159,"_30":31,"_150":-5,"_33":160},{"_50":143,"_38":144,"_36":145,"_146":-5,"_48":49,"_47":147,"_148":131,"_45":149,"_13":68,"_40":41,"_42":114,"_30":31,"_150":-5,"_33":151},"29ae4cf4-3a9b-11f1-a6cb-42b51c65c3df","new-file-9209.ts","29ae4dee-3a9b-11f1-a6cb-42b51c65c3df","parentId",21,"latest",["D",1776457351872],"label",[144],"09953794-3a9a-11f1-94dc-42b51c65c3df","main.ts","515751d0-3a99-11f1-9f63-42b51c65c3df",9,["D",1776456868511],2,"http","import { Hono } from \"npm:hono@4\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport {\n getCreators,\n addCreator,\n getClips,\n addClip,\n updateClipStatus,\n updateClipAI,\n updateClipStats,\n deleteClip,\n getDashboardStats,\n} from \"./database/queries.ts\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\n// Run migrations on startup\nlet migrated = false;\napp.use(\"*\", async (c, next) => {\n if (!migrated) {\n await runMigrations();\n migrated = true;\n }\n await next();\n});\n\n// --- API Routes ---\napp.get(\"/api/stats\", async (c) => {\n const stats = await getDashboardStats();\n return c.json(stats);\n});\n\napp.get(\"/api/creators\", async (c) => {\n const creators = await getCreators();\n return c.json(creators);\n});\n\napp.post(\"/api/creators\", async (c) => {\n const body = await c.req.json();\n await addCreator(body.name, body.platform || \"YouTube/Twitch\", body.avatar_emoji || \"🎮\");\n return c.json({ ok: true });\n});\n\napp.get(\"/api/clips\", async (c) => {\n const status = c.req.query(\"status\");\n const clips = await getClips(status);\n return c.json(clips);\n});\n\napp.post(\"/api/clips\", async (c) => {\n const body = await c.req.json();\n const id = await addClip(body);\n return c.json({ ok: true, id });\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/stats\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const { views, likes, revenue } = await c.req.json();\n await updateClipStats(id, views, likes, revenue);\n return c.json({ ok: true });\n});\n\napp.patch(\"/api/clips/:id/ai\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const { ai_title, ai_description } = await c.req.json();\n await updateClipAI(id, ai_title, ai_description);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/clips/:id/generate\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const { title, creator_name } = await c.req.json();\n\n const apiKey = Deno.env.get(\"OPENAI_API_KEY\");\n if (!apiKey) {\n return c.json({ error: \"OpenAI API key not configured. Add OPENAI_API_KEY to env vars.\" }, 400);\n }\n\n const response = await fetch(\"https://api.openai.com/v1/chat/completions\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\", Authorization: `Bearer ${apiKey}` },\n body: JSON.stringify({\n model: \"gpt-4o-mini\",\n messages: [\n {\n role: \"system\",\n content: `You are a viral YouTube Shorts/clips expert. Generate a clickbait title and SEO description for a clip. \n The title should be attention-grabbing, use caps strategically, and be under 100 chars.\n The description should include relevant hashtags and keywords for YouTube SEO.\n Respond in JSON: {\"title\": \"...\", \"description\": \"...\"}`,\n },\n {\n role: \"user\",\n content: `Creator: ${creator_name}\\nOriginal clip title: ${title}\\nGenerate a viral YouTube title and description.`,\n },\n ],\n response_format: { type: \"json_object\" },\n }),\n });\n\n const data = await response.json();\n const result = JSON.parse(data.choices[0].message.content);\n await updateClipAI(id, result.title, result.description);\n return c.json({ ok: true, ai_title: result.title, ai_description: result.description });\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\n// --- Source ---\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// --- Frontend ---\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path));\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n",[153],"5340b8be-3a9a-11f1-8e67-42b51c65c3df","README.md","5340b968-3a9a-11f1-8e67-42b51c65c3df",18,["D",1776456992115],"# 🎬 ClipFactory - Faceless YouTube Dashboard\n\nYour command center for running a faceless YouTube clips channel. Track clips from top creators like IShowSpeed, Kai Cenat, Duke Dennis, and more.\n\n## Features\n\n- **📊 Dashboard** — See total clips, views, likes, revenue, and top performers at a glance\n- **🎞️ Clip Pipeline** — Track clips through stages: Found → Editing → Uploaded → Published\n- **🤖 AI Title Generator** — Generate viral YouTube titles & SEO descriptions with OpenAI\n- **📈 Analytics Tracking** — Log views, likes, and revenue per clip\n- **👥 Creator Management** — Pre-loaded with popular creators (Speed, Kai, Duke, etc.)\n\n## Setup\n\n### AI Title Generation (Optional)\nTo enable AI-powered title/description generation:\n1. Get an API key from [OpenAI](https://platform.openai.com/api-keys)\n2. Add it as an environment variable: `OPENAI_API_KEY`\n\n## Architecture\n\n```mermaid\ngraph TB\n Browser[🌐 Browser] --> Hono[Hono API - main.ts]\n Hono --> DB[(SQLite Database)]\n Hono --> OpenAI[🤖 OpenAI API]\n Hono --> Static[📁 Static Files]\n Static --> React[⚛️ React Frontend]\n```\n\n## Pre-loaded Creators\n⚡ IShowSpeed · 🔥 Kai Cenat · 🏀 Duke Dennis · 🎰 Adin Ross · 🎮 xQc · 💰 MrBeast · 🇬🇧 Beta Squad · 😂 Sketch\n",[162],"fd9db3f2-3a9a-11f1-9ba9-42b51c65c3df","untitled-folder-3964","f9e950c2-3a9a-11f1-8ff9-42b51c65c3df",20,["D",1776457277914],1,"directory",[169],"f00b9eee-3a99-11f1-a961-42b51c65c3df","shared","f00b9fac-3a99-11f1-a961-42b51c65c3df",4,["D",1776456825549],[177],"efbce808-3a99-11f1-ac31-42b51c65c3df","frontend","efbce8e4-3a99-11f1-ac31-42b51c65c3df",3,["D",1776456825159],[183],"ef9e7a80-3a99-11f1-ac31-42b51c65c3df","database","ef9e7b48-3a99-11f1-ac31-42b51c65c3df",["D",1776456824834],[189],"pulls","branches","forks","envVars",{"_200":68,"_202":68},"connections",{"_200":68,"_201":68},"count","unfilledCount","emptyCount",{"_50":188,"_38":189,"_36":190,"_146":-5,"_48":49,"_47":157,"_148":131,"_45":323,"_13":68,"_40":174,"_42":-5,"_30":31,"_150":-5,"_222":324,"_33":325},{"_50":319,"_38":39,"_36":37,"_146":190,"_48":49,"_47":14,"_148":131,"_45":320,"_13":173,"_40":41,"_42":44,"_30":31,"_150":-5,"_222":321,"_33":322},{"_50":311,"_38":312,"_36":313,"_146":190,"_48":49,"_47":314,"_148":31,"_45":315,"_13":68,"_40":41,"_42":316,"_30":31,"_150":-5,"_222":317,"_33":318},{"_50":182,"_38":183,"_36":184,"_146":-5,"_48":49,"_47":185,"_148":131,"_45":308,"_13":68,"_40":174,"_42":-5,"_30":31,"_150":-5,"_222":309,"_33":310},{"_50":303,"_38":278,"_36":272,"_146":184,"_48":49,"_47":304,"_148":131,"_45":305,"_13":68,"_40":174,"_42":-5,"_30":31,"_150":-5,"_222":306,"_33":307},{"_50":295,"_38":296,"_36":297,"_146":272,"_48":49,"_47":298,"_148":131,"_45":299,"_13":68,"_40":41,"_42":300,"_30":31,"_150":-5,"_222":301,"_33":302},{"_50":287,"_38":288,"_36":289,"_146":272,"_48":49,"_47":290,"_148":131,"_45":291,"_13":68,"_40":41,"_42":292,"_30":31,"_150":-5,"_222":293,"_33":294},{"_50":279,"_38":280,"_36":281,"_146":272,"_48":49,"_47":282,"_148":131,"_45":283,"_13":68,"_40":41,"_42":284,"_30":31,"_150":-5,"_222":285,"_33":286},{"_50":269,"_38":270,"_36":271,"_146":272,"_48":49,"_47":273,"_148":131,"_45":274,"_13":68,"_40":41,"_42":275,"_30":31,"_150":-5,"_222":276,"_33":277},{"_50":261,"_38":262,"_36":263,"_146":184,"_48":49,"_47":264,"_148":31,"_45":265,"_13":68,"_40":41,"_42":266,"_30":31,"_150":-5,"_222":267,"_33":268},{"_50":253,"_38":254,"_36":255,"_146":184,"_48":49,"_47":256,"_148":131,"_45":257,"_13":68,"_40":26,"_42":258,"_30":31,"_150":-5,"_222":259,"_33":260},{"_50":245,"_38":246,"_36":247,"_146":184,"_48":49,"_47":248,"_148":131,"_45":249,"_13":68,"_40":41,"_42":250,"_30":31,"_150":-5,"_222":251,"_33":252},{"_50":176,"_38":177,"_36":178,"_146":-5,"_48":49,"_47":179,"_148":131,"_45":242,"_13":68,"_40":174,"_42":-5,"_30":31,"_150":-5,"_222":243,"_33":244},{"_50":234,"_38":235,"_36":236,"_146":178,"_48":49,"_47":237,"_148":131,"_45":238,"_13":68,"_40":41,"_42":239,"_30":31,"_150":-5,"_222":240,"_33":241},{"_50":168,"_38":169,"_36":170,"_146":-5,"_48":49,"_47":171,"_148":131,"_45":231,"_13":173,"_40":174,"_42":-5,"_30":31,"_150":-5,"_222":232,"_33":233},{"_50":161,"_38":162,"_36":163,"_146":-5,"_48":49,"_47":164,"_148":31,"_45":228,"_13":68,"_40":26,"_42":166,"_30":31,"_150":-5,"_222":229,"_33":230},{"_50":152,"_38":153,"_36":154,"_146":-5,"_48":49,"_47":155,"_148":31,"_45":225,"_13":157,"_40":158,"_42":159,"_30":31,"_150":-5,"_222":226,"_33":227},{"_50":143,"_38":144,"_36":145,"_146":-5,"_48":49,"_47":147,"_148":131,"_45":221,"_13":68,"_40":41,"_42":114,"_30":31,"_150":-5,"_222":223,"_33":224},["D",1776457351872],"children",[],[144],["D",1776456868511],[],[153],["D",1776456992115],[],[162],["D",1776457277914],[],[169],"fe27176a-3a99-11f1-ad7f-42b51c65c3df","types.ts","fe2718aa-3a99-11f1-ad7f-42b51c65c3df",7,["D",1776456849340],"export interface Creator {\n id: number;\n name: string;\n platform: string;\n avatar_emoji: string;\n}\n\nexport interface Clip {\n id: number;\n creator_id: number;\n title: string;\n source_url: string | null;\n status: \"found\" | \"editing\" | \"uploaded\" | \"published\";\n ai_title: string | null;\n ai_description: string | null;\n views: number;\n likes: number;\n revenue: number;\n notes: string | null;\n scheduled_date: string | null;\n created_at: string;\n updated_at: string;\n creator_name?: string;\n avatar_emoji?: string;\n}\n\nexport type ClipStatus = \"found\" | \"editing\" | \"uploaded\" | \"published\";\n\nexport const STATUS_CONFIG: Record = {\n found: { label: \"Found\", emoji: \"🔍\", color: \"bg-blue-100 text-blue-800\" },\n editing: { label: \"Editing\", emoji: \"✂️\", color: \"bg-yellow-100 text-yellow-800\" },\n uploaded: { label: \"Uploaded\", emoji: \"📤\", color: \"bg-purple-100 text-purple-800\" },\n published: { label: \"Published\", emoji: \"🚀\", color: \"bg-green-100 text-green-800\" },\n};\n",[],[177,235],["D",1776456825549],[216],[177],"0f877a7c-3a9a-11f1-94dc-42b51c65c3df","index.tsx","0f877b3a-3a9a-11f1-94dc-42b51c65c3df",11,["D",1776456878499],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport ReactDOM from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./App.tsx\";\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[183,246],"0d292064-3a9a-11f1-8ea3-42b51c65c3df","index.html","0d292276-3a9a-11f1-8ea3-42b51c65c3df",10,["D",1776456874528],"\n\n\n \n \n 🎬 ClipFactory - Faceless YouTube Dashboard\n \n \n \n \n \n\n\n

\n \n\n\n",[],[183,254],"16fb0206-3a9a-11f1-94dc-42b51c65c3df","App.tsx","16fb02d8-3a9a-11f1-94dc-42b51c65c3df",12,["D",1776456891002],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { Dashboard } from \"./components/Dashboard.tsx\";\nimport { ClipBoard } from \"./components/ClipBoard.tsx\";\nimport { AddClipModal } from \"./components/AddClipModal.tsx\";\n\ntype Tab = \"dashboard\" | \"clips\";\n\nexport function App() {\n const [tab, setTab] = useState(\"dashboard\");\n const [showAddClip, setShowAddClip] = useState(false);\n const [refreshKey, setRefreshKey] = useState(0);\n\n const refresh = useCallback(() => setRefreshKey((k) => k + 1), []);\n\n return (\n

\n {/* Header */}\n

\n 🎬\n

\n ClipFactory\n

\n setTab(\"dashboard\")}\n className={`px-4 py-2 rounded-lg text-sm font-medium transition ${\n tab === \"dashboard\" ? \"bg-red-600 text-white\" : \"text-gray-400 hover:text-white hover:bg-gray-800\"\n }`}\n >\n 📊 Dashboard\n \n setTab(\"clips\")}\n className={`px-4 py-2 rounded-lg text-sm font-medium transition ${\n tab === \"clips\" ? \"bg-red-600 text-white\" : \"text-gray-400 hover:text-white hover:bg-gray-800\"\n }`}\n >\n 🎞️ Clips\n \n setShowAddClip(true)}\n className=\"ml-2 px-4 py-2 bg-red-600 hover:bg-red-700 rounded-lg text-sm font-bold transition\"\n >\n + New Clip\n \n

\n\n {/* Content */}\n

\n {tab === \"dashboard\" && }\n {tab === \"clips\" && }\n

\n\n {/* Footer */}\n \n\n {/* Modal */}\n {showAddClip && (\n setShowAddClip(false)}\n onSaved={() => {\n setShowAddClip(false);\n refresh();\n setTab(\"clips\");\n }}\n />\n )}\n

\n );\n}\n",[],[183,262],"24cfcf1a-3a9a-11f1-ad7f-42b51c65c3df","Dashboard.tsx","24cfcfec-3a9a-11f1-ad7f-42b51c65c3df","18a18d0a-3a9a-11f1-8ea3-42b51c65c3df",14,["D",1776456914208],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\nexport function Dashboard() {\n const [stats, setStats] = useState(null);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n fetch(\"/api/stats\")\n .then((r) => r.json())\n .then((d) => { setStats(d); setLoading(false); })\n .catch(() => setLoading(false));\n }, []);\n\n if (loading) {\n return

Loading dashboard...

;\n }\n\n const statusMap: Record = {};\n (stats?.byStatus || []).forEach((s: any) => { statusMap[s.status] = s.count; });\n\n const statCards = [\n { label: \"Total Clips\", value: stats?.totalClips ?? 0, emoji: \"🎬\", color: \"from-blue-600 to-blue-800\" },\n { label: \"Found\", value: statusMap[\"found\"] ?? 0, emoji: \"🔍\", color: \"from-cyan-600 to-cyan-800\" },\n { label: \"Editing\", value: statusMap[\"editing\"] ?? 0, emoji: \"✂️\", color: \"from-yellow-600 to-yellow-800\" },\n { label: \"Uploaded\", value: statusMap[\"uploaded\"] ?? 0, emoji: \"📤\", color: \"from-purple-600 to-purple-800\" },\n { label: \"Published\", value: statusMap[\"published\"] ?? 0, emoji: \"🚀\", color: \"from-green-600 to-green-800\" },\n ];\n\n const totals = stats?.totals || {};\n\n return (\n

\n {/* Welcome */}\n

Welcome to ClipFactory 🎬

Your faceless YouTube clip empire starts here. Track, edit, and publish viral clips.

\n\n {/* Stat Cards */}\n

\n {statCards.map((card) => (\n

{card.emoji}

{card.value}

{card.label}

\n ))}\n

\n\n {/* Revenue Stats */}\n

\n 👀\n Total Views\n

{Number(totals.total_views || 0).toLocaleString()}

\n 👍\n Total Likes\n

{Number(totals.total_likes || 0).toLocaleString()}

\n 💰\n Total Revenue\n

${Number(totals.total_revenue || 0).toFixed(2)}

\n\n {/* Top Clips */}\n

🏆 Top Performing Clips

\n {(stats?.topClips || []).length === 0 ? (\n

No clips yet. Add your first clip to get started!

\n ) : (\n

\n {(stats?.topClips || []).map((clip: any, i: number) => (\n

\n #{i + 1}\n {clip.avatar_emoji}\n

{clip.ai_title || clip.title}

{clip.creator_name}

{Number(clip.views).toLocaleString()} views

${Number(clip.revenue).toFixed(2)}

\n ))}\n

\n )}\n

\n );\n}\n",[],[183,278,270],"components","3a095fea-3a9a-11f1-a019-42b51c65c3df","ClipCard.tsx","3a0960d0-3a9a-11f1-a019-42b51c65c3df",16,["D",1776456949817],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst STATUS_OPTIONS = [\n { value: \"found\", label: \"🔍 Found\", bg: \"bg-blue-900/50 border-blue-700\" },\n { value: \"editing\", label: \"✂️ Editing\", bg: \"bg-yellow-900/50 border-yellow-700\" },\n { value: \"uploaded\", label: \"📤 Uploaded\", bg: \"bg-purple-900/50 border-purple-700\" },\n { value: \"published\", label: \"🚀 Published\", bg: \"bg-green-900/50 border-green-700\" },\n];\n\nfunction getStatusStyle(status: string) {\n return STATUS_OPTIONS.find((s) => s.value === status) || STATUS_OPTIONS[0];\n}\n\nexport function ClipCard({\n clip,\n onStatusChange,\n onDelete,\n onGenerate,\n onUpdateStats,\n}: {\n clip: any;\n onStatusChange: (id: number, status: string) => void;\n onDelete: (id: number) => void;\n onGenerate: (id: number, title: string, creatorName: string) => void;\n onUpdateStats: (id: number, views: number, likes: number, revenue: number) => void;\n}) {\n const [showStats, setShowStats] = useState(false);\n const [views, setViews] = useState(String(clip.views || 0));\n const [likes, setLikes] = useState(String(clip.likes || 0));\n const [revenue, setRevenue] = useState(String(clip.revenue || 0));\n const [generating, setGenerating] = useState(false);\n\n const statusStyle = getStatusStyle(clip.status);\n\n const handleGenerate = async () => {\n setGenerating(true);\n await onGenerate(clip.id, clip.title, clip.creator_name);\n setGenerating(false);\n };\n\n const handleSaveStats = () => {\n onUpdateStats(clip.id, Number(views), Number(likes), Number(revenue));\n setShowStats(false);\n };\n\n const nextStatus = () => {\n const order = [\"found\", \"editing\", \"uploaded\", \"published\"];\n const idx = order.indexOf(clip.status);\n if (idx < order.length - 1) {\n onStatusChange(clip.id, order[idx + 1]);\n }\n };\n\n return (\n

\n {/* Header */}\n

\n {clip.avatar_emoji}\n

{clip.title}

{clip.creator_name}

\n \n

\n\n {/* AI Generated Title */}\n {clip.ai_title && (\n

🤖 AI Title

{clip.ai_title}

\n {clip.ai_description && (\n

{clip.ai_description}

\n )}\n

\n )}\n\n {/* Source Link */}\n {clip.source_url && (\n \n 🔗 {clip.source_url}\n \n )}\n\n {/* Stats Row */}\n {clip.status === \"published\" && (\n

\n 👀 {Number(clip.views).toLocaleString()}\n 👍 {Number(clip.likes).toLocaleString()}\n 💰 ${Number(clip.revenue).toFixed(2)}\n

\n )}\n\n {/* Stats Editor */}\n {showStats && (\n

\n Views\n setViews(e.target.value)}\n className=\"w-full bg-gray-800 border border-gray-700 rounded px-2 py-1 text-sm\" />\n

\n Likes\n setLikes(e.target.value)}\n className=\"w-full bg-gray-800 border border-gray-700 rounded px-2 py-1 text-sm\" />\n

\n Revenue $\n setRevenue(e.target.value)}\n className=\"w-full bg-gray-800 border border-gray-700 rounded px-2 py-1 text-sm\" />\n

\n \n

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

\n {clip.status !== \"published\" && (\n \n )}\n \n {generating ? \"⏳ Generating...\" : \"🤖 AI Title\"}\n \n setShowStats(!showStats)}\n className=\"px-3 py-1.5 bg-white/10 hover:bg-white/20 rounded-lg text-xs font-medium transition\"\n >\n 📊 Stats\n \n

\n\n {/* Date & Status Badge */}\n

\n {new Date(clip.created_at).toLocaleDateString()}\n onStatusChange(clip.id, e.target.value)}\n className=\"text-xs bg-transparent border border-white/10 rounded px-2 py-1 text-gray-300\"\n >\n {STATUS_OPTIONS.map((s) => (\n \n ))}\n \n

\n );\n}\n",[],[183,278,280],"2b73e6da-3a9a-11f1-8ea3-42b51c65c3df","ClipBoard.tsx","2b73e798-3a9a-11f1-8ea3-42b51c65c3df",15,["D",1776456925350],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { ClipCard } from \"./ClipCard.tsx\";\n\nconst STATUSES = [\n { key: \"\", label: \"All\", emoji: \"📋\" },\n { key: \"found\", label: \"Found\", emoji: \"🔍\" },\n { key: \"editing\", label: \"Editing\", emoji: \"✂️\" },\n { key: \"uploaded\", label: \"Uploaded\", emoji: \"📤\" },\n { key: \"published\", label: \"Published\", emoji: \"🚀\" },\n];\n\nexport function ClipBoard({ onRefresh }: { onRefresh: () => void }) {\n const [clips, setClips] = useState([]);\n const [filter, setFilter] = useState(\"\");\n const [loading, setLoading] = useState(true);\n\n const loadClips = () => {\n setLoading(true);\n const url = filter ? `/api/clips?status=${filter}` : \"/api/clips\";\n fetch(url)\n .then((r) => r.json())\n .then((d) => { setClips(d); setLoading(false); })\n .catch(() => setLoading(false));\n };\n\n useEffect(() => { loadClips(); }, [filter]);\n\n const handleStatusChange = async (id: number, status: string) => {\n await fetch(`/api/clips/${id}/status`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ status }),\n });\n loadClips();\n onRefresh();\n };\n\n const handleDelete = async (id: number) => {\n if (!confirm(\"Delete this clip?\")) return;\n await fetch(`/api/clips/${id}`, { method: \"DELETE\" });\n loadClips();\n onRefresh();\n };\n\n const handleGenerate = async (id: number, title: string, creatorName: string) => {\n const res = await fetch(`/api/clips/${id}/generate`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ title, creator_name: creatorName }),\n });\n const data = await res.json();\n if (data.error) {\n alert(data.error);\n return;\n }\n loadClips();\n };\n\n const handleUpdateStats = async (id: number, views: number, likes: number, revenue: number) => {\n await fetch(`/api/clips/${id}/stats`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ views, likes, revenue }),\n });\n loadClips();\n onRefresh();\n };\n\n return (\n

\n {/* Filters */}\n

\n {STATUSES.map((s) => (\n setFilter(s.key)}\n className={`px-4 py-2 rounded-lg text-sm font-medium transition ${\n filter === s.key\n ? \"bg-red-600 text-white\"\n : \"bg-gray-800 text-gray-400 hover:bg-gray-700 hover:text-white\"\n }`}\n >\n {s.emoji} {s.label}\n \n ))}\n

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

Loading clips...

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

🎬

No clips yet

Click \"+ New Clip\" to add your first clip!

\n ) : (\n

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

\n )}\n

\n );\n}\n",[],[183,278,288],"40f6be60-3a9a-11f1-981e-42b51c65c3df","AddClipModal.tsx","40f6bf14-3a9a-11f1-981e-42b51c65c3df",17,["D",1776456961434],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\nexport function AddClipModal({ onClose, onSaved }: { onClose: () => void; onSaved: () => void }) {\n const [creators, setCreators] = useState([]);\n const [creatorId, setCreatorId] = useState(\"\");\n const [title, setTitle] = useState(\"\");\n const [sourceUrl, setSourceUrl] = useState(\"\");\n const [notes, setNotes] = useState(\"\");\n const [saving, setSaving] = useState(false);\n\n useEffect(() => {\n fetch(\"/api/creators\").then((r) => r.json()).then(setCreators);\n }, []);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!creatorId || !title) return;\n setSaving(true);\n await fetch(\"/api/clips\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n creator_id: Number(creatorId),\n title,\n source_url: sourceUrl || undefined,\n notes: notes || undefined,\n }),\n });\n onSaved();\n };\n\n return (\n

e.stopPropagation()}>\n

🎬 Add New Clip

\n \n

\n\n

\n {/* Creator */}\n

\n Creator\n setCreatorId(e.target.value)}\n required\n className=\"w-full bg-gray-800 border border-gray-700 rounded-lg px-3 py-2 text-white\"\n >\n \n {creators.map((c: any) => (\n \n ))}\n \n

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

\n Clip Title / Description\n setTitle(e.target.value)}\n required\n placeholder=\"e.g. Speed rages at Minecraft...\"\n className=\"w-full bg-gray-800 border border-gray-700 rounded-lg px-3 py-2 text-white placeholder-gray-500\"\n />\n

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

\n Source URL (optional)\n setSourceUrl(e.target.value)}\n placeholder=\"https://twitch.tv/clip/...\"\n className=\"w-full bg-gray-800 border border-gray-700 rounded-lg px-3 py-2 text-white placeholder-gray-500\"\n />\n

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

\n Notes (optional)\n setNotes(e.target.value)}\n placeholder=\"Timestamp, ideas, etc.\"\n rows={2}\n className=\"w-full bg-gray-800 border border-gray-700 rounded-lg px-3 py-2 text-white placeholder-gray-500 resize-none\"\n />\n

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

\n );\n}\n",[],[183,278,296],"18a18c6a-3a9a-11f1-8ea3-42b51c65c3df",13,["D",1776456893773],[208,209,210,211],[183,278],["D",1776456825159],[207,212,213,214],[183],"fba59548-3a99-11f1-a961-42b51c65c3df","queries.ts","fba59606-3a99-11f1-a961-42b51c65c3df",6,["D",1776456845145],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// --- Creators ---\nexport async function getCreators() {\n const res = await sqlite.execute(\"SELECT * FROM creators ORDER BY name\");\n return res.rows;\n}\n\nexport async function addCreator(name: string, platform: string, emoji: string) {\n await sqlite.execute({\n sql: \"INSERT INTO creators (name, platform, avatar_emoji) VALUES (?, ?, ?)\",\n args: [name, platform, emoji],\n });\n}\n\n// --- Clips ---\nexport async function getClips(status?: string) {\n if (status) {\n const res = await sqlite.execute({\n sql: `SELECT c.*, cr.name as creator_name, cr.avatar_emoji \n FROM clips c JOIN creators cr ON c.creator_id = cr.id \n WHERE c.status = ? ORDER BY c.created_at DESC`,\n args: [status],\n });\n return res.rows;\n }\n const res = await sqlite.execute(\n `SELECT c.*, cr.name as creator_name, cr.avatar_emoji \n FROM clips c JOIN creators cr ON c.creator_id = cr.id \n ORDER BY c.created_at DESC`,\n );\n return res.rows;\n}\n\nexport async function addClip(clip: {\n creator_id: number;\n title: string;\n source_url?: string;\n notes?: string;\n scheduled_date?: string;\n}) {\n const res = await sqlite.execute({\n sql: `INSERT INTO clips (creator_id, title, source_url, notes, scheduled_date) \n VALUES (?, ?, ?, ?, ?)`,\n args: [clip.creator_id, clip.title, clip.source_url || null, clip.notes || null, clip.scheduled_date || null],\n });\n return res.lastInsertRowid;\n}\n\nexport async function updateClipStatus(id: number, status: string) {\n await sqlite.execute({\n sql: \"UPDATE clips SET status = ?, updated_at = datetime('now') WHERE id = ?\",\n args: [status, id],\n });\n}\n\nexport async function updateClipAI(id: number, aiTitle: string, aiDescription: string) {\n await sqlite.execute({\n sql: \"UPDATE clips SET ai_title = ?, ai_description = ?, updated_at = datetime('now') WHERE id = ?\",\n args: [aiTitle, aiDescription, id],\n });\n}\n\nexport async function updateClipStats(id: number, views: number, likes: number, revenue: number) {\n await sqlite.execute({\n sql: \"UPDATE clips SET views = ?, likes = ?, revenue = ?, updated_at = datetime('now') WHERE id = ?\",\n args: [views, likes, revenue, id],\n });\n}\n\nexport async function deleteClip(id: number) {\n await sqlite.execute({ sql: \"DELETE FROM clips WHERE id = ?\", args: [id] });\n}\n\n// --- Stats ---\nexport async function getDashboardStats() {\n const total = await sqlite.execute(\"SELECT COUNT(*) as count FROM clips\");\n const byStatus = await sqlite.execute(\n \"SELECT status, COUNT(*) as count FROM clips GROUP BY status\",\n );\n const totalViews = await sqlite.execute(\n \"SELECT COALESCE(SUM(views),0) as total_views, COALESCE(SUM(likes),0) as total_likes, COALESCE(SUM(revenue),0) as total_revenue FROM clips\",\n );\n const topClips = await sqlite.execute(\n `SELECT c.*, cr.name as creator_name, cr.avatar_emoji \n FROM clips c JOIN creators cr ON c.creator_id = cr.id \n ORDER BY c.views DESC LIMIT 5`,\n );\n return {\n totalClips: total.rows[0]?.count ?? 0,\n byStatus: byStatus.rows,\n totals: totalViews.rows[0] ?? { total_views: 0, total_likes: 0, total_revenue: 0 },\n topClips: topClips.rows,\n };\n}\n",[],[189,312],"9aa0e016-3a9b-11f1-b922-42b51c65c3df",["D",1776457541357],[],[189,39],["D",1776456824834],[204,205],[189],["D",1776456559388],["D",1789511441255],{"_105":104,"_112":108},{"_105":104,"_106":-5,"_107":108,"_19":62,"_109":110,"_111":31},{"_13":94,"_38":95,"_50":49,"_96":51,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":52,"_103":104},"ctx",{"_87":-5,"_133":364,"_365":366,"_367":368,"_369":31,"_370":31,"_371":31,"_372":131,"_373":-5,"_374":-7,"_375":-7,"_376":68,"_377":31,"_378":31,"_379":-5,"_380":31,"_381":31,"_382":31,"_383":-5},"ENV",{"_335":336,"_337":338,"_339":95,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v22