[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_263":264,"_265":266},"routes/_app.x.$handle.$name",{"_112":111,"_38":57,"_120":102,"_33":115,"_13":14,"_121":-5,"_11":122,"_123":124,"_125":126,"_127":128,"_129":130,"_27":-5,"_131":-5,"_132":-5,"_133":31,"_134":135,"_136":31,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_55":56,"_38":57,"_43":58,"_59":-5,"_60":31,"_61":62,"_63":62,"_64":65,"_66":-5,"_19":67,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":75,"_76":77,"_78":79,"_80":81,"_82":83,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":95,"_96":97,"_98":99,"_100":31},"version",8,"changes",[25,26],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","46d1a16d-6cc4-42a5-acc8-a0ce834da719","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_27":48,"_29":-7,"_30":31,"_32":31,"_33":49,"_35":49},{"_27":28,"_29":-7,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":-5,"_43":44,"_45":14,"_46":47,"_30":31},"previous","deleted",false,"deletedHere","path","frontend/components","latestPath","fileId","c33a6c88-7b3e-47ae-92a8-cc689978606e","name","components","fileType","directory","content","createdAt",["D",1776462062708],"branchVersion","branchId","f7e8fd58-3aa5-11f1-a160-42b51c65c3df",{"_36":50,"_38":51,"_40":52,"_42":53,"_43":54,"_45":14,"_46":47,"_30":31},"frontend/components/Header.tsx","218fc470-3aa6-11f1-b353-42b51c65c3df","Header.tsx","script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nexport default function Header() {\n return (\n

🎬

\n Clip Factory\n

\n Paste a YouTube or Twitch video link, choose how many clips you want,\n and get instant timestamps to split and download for your faceless content.\n

\n \n YouTube\n \n \n Twitch\n \n \n Auto-Split\n \n

\n );\n}\n",["D",1776462062708],"id","f7e865dc-3aa5-11f1-a160-42b51c65c3df","clip-factory",["D",1776461992838],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Auto-clip videos into parts for faceless social media","imageUrl","89cdd1a3-2d73-472a-ad57-768cc2cf5aed","pinnedFileId","453e180e-3aa6-11f1-9b59-42b51c65c3df","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019d9d62-0b22-730f-8839-3200ec78579c","tursoName","f7e865dc3aa511f1a16042b51c65c3df","tursoHostname","f7e865dc3aa511f1a16042b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789513858534],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_112":111,"_119":115},"org",{"_112":111,"_113":-5,"_114":115,"_19":67,"_116":117,"_118":31},"branch",{"_13":101,"_38":102,"_55":47,"_103":56,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":57,"_110":111},"isOwned",16,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","mosesolayinka11","handle","displayName","avatar","","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_55":56,"_38":57,"_43":258,"_59":-5,"_60":31,"_61":62,"_63":62,"_64":65,"_66":-5,"_19":67,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":75,"_76":77,"_78":79,"_80":81,"_82":259,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":260,"_96":261,"_98":262,"_100":31},"tree",[175,178,184],"files",[175,176,177,178,179,180,181,182,183,184,185,186],"counts",{"_165":75,"_166":148,"_167":75,"_168":169,"_170":171},"contents",[141,142,143],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_55":159,"_38":160,"_36":161,"_147":-5,"_46":47,"_45":162,"_149":71,"_43":163,"_13":75,"_40":41,"_42":-5,"_30":31,"_151":-5,"_33":164},{"_55":153,"_38":154,"_36":155,"_147":-5,"_46":47,"_45":156,"_149":71,"_43":157,"_13":75,"_40":41,"_42":-5,"_30":31,"_151":-5,"_33":158},{"_55":144,"_38":145,"_36":146,"_147":-5,"_46":47,"_45":148,"_149":71,"_43":150,"_13":75,"_40":41,"_42":-5,"_30":31,"_151":-5,"_33":152},"fd3649aa-3aa5-11f1-a795-42b51c65c3df","shared","6b2fcdda-a3f4-4721-8b08-d80a0442fb3a","parentId",1,"latest",["D",1776462001721],"label",[145],"0c5fedb4-3aa6-11f1-9ec3-42b51c65c3df","frontend","0308cfb5-9eae-4fee-8ab8-c07373aa4b01",5,["D",1776462027162],[154],"04c69896-3aa6-11f1-8c4b-42b51c65c3df","database","0a5b92f7-f372-4058-b3c0-5f5ce20dcd42",3,["D",1776462014416],[160],"pulls","branches","forks","envVars",{"_172":75,"_174":75},"connections",{"_172":75,"_173":75},"count","unfilledCount","emptyCount",{"_55":159,"_38":160,"_36":161,"_147":-5,"_46":47,"_45":162,"_149":71,"_43":255,"_13":75,"_40":41,"_42":-5,"_30":31,"_151":-5,"_193":256,"_33":257},{"_55":248,"_38":249,"_36":250,"_147":161,"_46":47,"_45":162,"_149":71,"_43":251,"_13":75,"_40":52,"_42":252,"_30":31,"_151":-5,"_193":253,"_33":254},{"_55":240,"_38":241,"_36":242,"_147":161,"_46":47,"_45":243,"_149":71,"_43":244,"_13":75,"_40":52,"_42":245,"_30":31,"_151":-5,"_193":246,"_33":247},{"_55":153,"_38":154,"_36":155,"_147":-5,"_46":47,"_45":156,"_149":71,"_43":237,"_13":75,"_40":41,"_42":-5,"_30":31,"_151":-5,"_193":238,"_33":239},{"_55":233,"_38":39,"_36":37,"_147":155,"_46":47,"_45":14,"_149":71,"_43":234,"_13":75,"_40":41,"_42":-5,"_30":31,"_151":-5,"_193":235,"_33":236},{"_55":229,"_38":51,"_36":50,"_147":37,"_46":47,"_45":14,"_149":71,"_43":230,"_13":75,"_40":52,"_42":53,"_30":31,"_151":-5,"_193":231,"_33":232},{"_55":221,"_38":222,"_36":223,"_147":155,"_46":47,"_45":224,"_149":71,"_43":225,"_13":75,"_40":52,"_42":226,"_30":31,"_151":-5,"_193":227,"_33":228},{"_55":214,"_38":215,"_36":216,"_147":155,"_46":47,"_45":156,"_149":71,"_43":217,"_13":75,"_40":27,"_42":218,"_30":31,"_151":-5,"_193":219,"_33":220},{"_55":206,"_38":207,"_36":208,"_147":155,"_46":47,"_45":209,"_149":71,"_43":210,"_13":75,"_40":52,"_42":211,"_30":31,"_151":-5,"_193":212,"_33":213},{"_55":144,"_38":145,"_36":146,"_147":-5,"_46":47,"_45":148,"_149":71,"_43":203,"_13":75,"_40":41,"_42":-5,"_30":31,"_151":-5,"_193":204,"_33":205},{"_55":196,"_38":197,"_36":198,"_147":146,"_46":47,"_45":148,"_149":71,"_43":199,"_13":75,"_40":52,"_42":200,"_30":31,"_151":-5,"_193":201,"_33":202},{"_55":187,"_38":188,"_36":189,"_147":146,"_46":47,"_45":190,"_149":31,"_43":191,"_13":75,"_40":52,"_42":192,"_30":31,"_151":-5,"_193":194,"_33":195},"01e24ce2-3aa6-11f1-9ec3-42b51c65c3df","utils.ts","01e24db4-3aa6-11f1-9ec3-42b51c65c3df",2,["D",1776462009565],"import type { VideoInfo } from \"./types.ts\";\n\nexport function detectPlatform(url: string): \"youtube\" | \"twitch\" | \"unknown\" {\n if (/youtube\\.com|youtu\\.be/i.test(url)) return \"youtube\";\n if (/twitch\\.tv/i.test(url)) return \"twitch\";\n return \"unknown\";\n}\n\nexport function extractYouTubeId(url: string): string | null {\n const patterns = [\n /(?:youtube\\.com\\/watch\\?v=|youtu\\.be\\/|youtube\\.com\\/embed\\/|youtube\\.com\\/v\\/)([a-zA-Z0-9_-]{11})/,\n /youtube\\.com\\/shorts\\/([a-zA-Z0-9_-]{11})/,\n ];\n for (const p of patterns) {\n const m = url.match(p);\n if (m) return m[1];\n }\n return null;\n}\n\nexport function extractTwitchId(url: string): string | null {\n const m = url.match(/twitch\\.tv\\/videos\\/(\\d+)/);\n return m ? m[1] : null;\n}\n\nexport function formatTime(seconds: number): string {\n const h = Math.floor(seconds / 3600);\n const m = Math.floor((seconds % 3600) / 60);\n const s = Math.floor(seconds % 60);\n if (h > 0) return `${h}:${m.toString().padStart(2, \"0\")}:${s.toString().padStart(2, \"0\")}`;\n return `${m}:${s.toString().padStart(2, \"0\")}`;\n}\n\nexport function generateClipTimestamps(\n duration: number,\n numClips: number,\n): { start: number; end: number }[] {\n const clipDuration = Math.floor(duration / numClips);\n const clips: { start: number; end: number }[] = [];\n for (let i = 0; i < numClips; i++) {\n clips.push({\n start: i * clipDuration,\n end: i === numClips - 1 ? duration : (i + 1) * clipDuration,\n });\n }\n return clips;\n}\n\nexport function generateId(): string {\n return crypto.randomUUID().slice(0, 8);\n}\n","children",[],[145,188],"fd362b46-3aa5-11f1-a795-42b51c65c3df","types.ts","fd362c0e-3aa5-11f1-a795-42b51c65c3df",["D",1776462001721],"export interface ClipJob {\n id: string;\n url: string;\n platform: \"youtube\" | \"twitch\" | \"unknown\";\n title: string;\n duration: number; // seconds\n numClips: number;\n status: \"pending\" | \"processing\" | \"done\" | \"error\";\n clips: Clip[];\n createdAt: string;\n error?: string;\n}\n\nexport interface Clip {\n id: string;\n jobId: string;\n partNumber: number;\n startTime: number;\n endTime: number;\n title: string;\n downloadUrl?: string;\n}\n\nexport interface VideoInfo {\n title: string;\n duration: number;\n thumbnail: string;\n platform: \"youtube\" | \"twitch\" | \"unknown\";\n videoId: string;\n}\n",[],[145,197],["D",1776462001721],[185,186],[145],"0ebff194-3aa6-11f1-9ec3-42b51c65c3df","index.tsx","0ebff25c-3aa6-11f1-9ec3-42b51c65c3df",6,["D",1776462031149],"/** @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",[],[154,207],"0c5fdb62-3aa6-11f1-9ec3-42b51c65c3df","index.html","0c5fdc52-3aa6-11f1-9ec3-42b51c65c3df",["D",1776462027162],"\n\n\n \n \n 🎬 Clip Factory — Auto-Split Videos for Faceless Content\n \n \n \n\n\n

\n \n\n\n",[],[154,215],"1d3c0780-3aa6-11f1-a795-42b51c65c3df","App.tsx","1d3c085c-3aa6-11f1-a795-42b51c65c3df",7,["D",1776462055454],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport ClipForm from \"./components/ClipForm.tsx\";\nimport JobList from \"./components/JobList.tsx\";\nimport Header from \"./components/Header.tsx\";\n\nexport default function App() {\n const [jobs, setJobs] = useState([]);\n const [loading, setLoading] = useState(true);\n const [activeJob, setActiveJob] = useState(null);\n\n const fetchJobs = async () => {\n try {\n const res = await fetch(\"/api/jobs\");\n const data = await res.json();\n setJobs(data);\n } catch (e) {\n console.error(e);\n } finally {\n setLoading(false);\n }\n };\n\n const fetchJobDetail = async (id: string) => {\n const res = await fetch(`/api/jobs/${id}`);\n const data = await res.json();\n setActiveJob(data);\n };\n\n useEffect(() => {\n fetchJobs();\n }, []);\n\n return (\n

\n {\n setJobs((prev) => [job.job, ...prev]);\n setActiveJob(job);\n }}\n />\n\n {activeJob && (\n

\n \n {activeJob.job.title || \"Untitled Video\"}\n

\n setActiveJob(null)}\n class=\"text-gray-400 hover:text-white transition\"\n >\n \n \n

\n\n

\n {activeJob.job.platform}\n

\n {formatDuration(activeJob.job.duration)}\n

\n {activeJob.clips.length} clips\n

\n {new Date(activeJob.job.created_at).toLocaleDateString()}\n

\n\n {activeJob.job.thumbnail && (\n \n )}\n\n

\n {activeJob.clips.map((clip: any) => (\n \n

\n {clip.part_number}\n

{clip.title}

\n {formatDuration(clip.start_time)} → {formatDuration(clip.end_time)}\n \n ({formatDuration(clip.end_time - clip.start_time)})\n \n

\n {activeJob.job.platform === \"youtube\" && activeJob.job.video_id && (\n \n Watch\n \n )}\n copyTimestamp(clip)}\n class=\"bg-purple-600 hover:bg-purple-500 text-white px-3 py-2 rounded-lg text-sm font-medium transition flex items-center gap-1\"\n >\n Copy\n \n

\n ))}\n

\n\n

\n How to download clips:\n

Use the timestamps above with a tool like clipr.xyz or ytcutter.com
Or use yt-dlp locally: yt-dlp --download-sections \"*start-end\" URL
Copy timestamps with the Copy button and paste into your preferred tool

\n )}\n\n fetchJobDetail(id)}\n onDelete={async (id: string) => {\n await fetch(`/api/jobs/${id}`, { method: \"DELETE\" });\n setJobs((prev) => prev.filter((j) => j.id !== id));\n if (activeJob?.job?.id === id) setActiveJob(null);\n }}\n />\n\n \n \n );\n}\n\nfunction formatDuration(seconds: number): string {\n const h = Math.floor(seconds / 3600);\n const m = Math.floor((seconds % 3600) / 60);\n const s = Math.floor(seconds % 60);\n if (h > 0) return `${h}:${m.toString().padStart(2, \"0\")}:${s.toString().padStart(2, \"0\")}`;\n return `${m}:${s.toString().padStart(2, \"0\")}`;\n}\n\nfunction copyTimestamp(clip: any) {\n const text = `Part ${clip.part_number}: ${formatDuration(clip.start_time)} - ${formatDuration(clip.end_time)}`;\n navigator.clipboard.writeText(text);\n}\n",[],[154,222],"218fc3b2-3aa6-11f1-b353-42b51c65c3df",["D",1776462062708],[],[154,39,51],"21900034-3aa6-11f1-b353-42b51c65c3df",["D",1776462062708],[180],[154,39],["D",1776462027162],[179,181,182,183],[154],"093715cc-3aa6-11f1-9ec3-42b51c65c3df","queries.ts","0937169e-3aa6-11f1-9ec3-42b51c65c3df",4,["D",1776462021866],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport async function createJob(\n id: string,\n url: string,\n platform: string,\n title: string,\n duration: number,\n numClips: number,\n thumbnail: string,\n videoId: string,\n) {\n await sqlite.execute({\n sql: `INSERT INTO clip_jobs (id, url, platform, title, duration, num_clips, status, thumbnail, video_id)\n VALUES (?, ?, ?, ?, ?, ?, 'done', ?, ?)`,\n args: [id, url, platform, title, duration, numClips, thumbnail, videoId],\n });\n}\n\nexport async function createClip(\n id: string,\n jobId: string,\n partNumber: number,\n startTime: number,\n endTime: number,\n title: string,\n) {\n await sqlite.execute({\n sql: `INSERT INTO clips (id, job_id, part_number, start_time, end_time, title)\n VALUES (?, ?, ?, ?, ?, ?)`,\n args: [id, jobId, partNumber, startTime, endTime, title],\n });\n}\n\nexport async function getJobs(limit = 20) {\n const result = await sqlite.execute({\n sql: `SELECT * FROM clip_jobs ORDER BY created_at DESC LIMIT ?`,\n args: [limit],\n });\n return result.rows;\n}\n\nexport async function getJobWithClips(jobId: string) {\n const jobResult = await sqlite.execute({\n sql: `SELECT * FROM clip_jobs WHERE id = ?`,\n args: [jobId],\n });\n if (jobResult.rows.length === 0) return null;\n\n const clipsResult = await sqlite.execute({\n sql: `SELECT * FROM clips WHERE job_id = ? ORDER BY part_number ASC`,\n args: [jobId],\n });\n\n return { job: jobResult.rows[0], clips: clipsResult.rows };\n}\n\nexport async function deleteJob(jobId: string) {\n await sqlite.batch([\n { sql: `DELETE FROM clips WHERE job_id = ?`, args: [jobId] },\n { sql: `DELETE FROM clip_jobs WHERE id = ?`, args: [jobId] },\n ]);\n}\n",[],[160,241],"04c67442-3aa6-11f1-8c4b-42b51c65c3df","migrations.ts","04c67514-3aa6-11f1-8c4b-42b51c65c3df",["D",1776462014416],"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 clip_jobs (\n id TEXT PRIMARY KEY,\n url TEXT NOT NULL,\n platform TEXT NOT NULL,\n title TEXT NOT NULL DEFAULT '',\n duration INTEGER NOT NULL DEFAULT 0,\n num_clips INTEGER NOT NULL DEFAULT 4,\n status TEXT NOT NULL DEFAULT 'pending',\n error TEXT,\n thumbnail TEXT DEFAULT '',\n video_id TEXT DEFAULT '',\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS clips (\n id TEXT PRIMARY KEY,\n job_id TEXT NOT NULL,\n part_number INTEGER NOT NULL,\n start_time INTEGER NOT NULL,\n end_time INTEGER NOT NULL,\n title TEXT NOT NULL DEFAULT '',\n FOREIGN KEY (job_id) REFERENCES clip_jobs(id)\n )`,\n },\n ]);\n}\n",[],[160,249],["D",1776462014416],[176,177],[160],["D",1776461992838],["D",1789513858534],{"_112":111,"_119":115},{"_112":111,"_113":-5,"_114":115,"_19":67,"_116":117,"_118":31},{"_13":101,"_38":102,"_55":47,"_103":56,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":57,"_110":111},"ctx",{"_94":-5,"_138":296,"_297":298,"_299":300,"_301":31,"_302":31,"_303":31,"_304":71,"_305":-5,"_306":-7,"_307":-7,"_308":75,"_309":31,"_310":31,"_311":-5,"_312":31,"_313":31,"_314":31,"_315":-5},"ENV",{"_267":268,"_269":270,"_271":102,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295},"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 · v8