[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_165":166,"_167":168},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":97,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":58,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",7,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","99361c8a-8692-11f1-abda-1607ee4eb77e","name","fileType","http","content","// YouTube -> AI summary web app for Val.town (HTTP val, Deno runtime).\n//\n// Features:\n// - Model picker (Opus / Haiku), detail picker (short / standard / long)\n// - Exact spend tracking per summary + running total, optional \"credits added\"\n// figure to show estimated remaining balance\n// - History with Group by: Channel / Folder / Date; custom folders;\n// per-entry delete; stored in Val.town Blob Storage\n//\n// SETUP: env vars ANTHROPIC_API_KEY (required), SUPADATA_API_KEY (transcript\n// fallback). History needs no setup — uses built-in blob storage.\n\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n// Model id + price per million tokens (input, output).\nconst MODELS: Record = {\n opus: { id: \"claude-opus-4-8\", in: 5, out: 25 },\n haiku: { id: \"claude-haiku-4-5\", in: 1, out: 5 },\n};\n\nconst DETAILS: Record = {\n short: {\n maxTokens: 500,\n instruction:\n \"Give a very short TL;DR of the transcript: 4-6 bullet points maximum, no headers. \" +\n \"Only the most important takeaways.\",\n },\n standard: {\n maxTokens: 1500,\n instruction:\n \"Summarize the transcript as concise bulleted key points, grouped under short bold headers.\",\n },\n long: {\n maxTokens: 3000,\n instruction:\n \"Write a detailed summary of the transcript: grouped bold headers, thorough bullet points \" +\n \"covering every topic discussed (including specific numbers, names, and claims), and end \" +\n \"with a one-paragraph overall takeaway.\",\n },\n};\n\nconst SYSTEM_BASE =\n \"You summarize YouTube video transcripts. If the content is opinion or promotional, \" +\n \"say so briefly at the end. Do not invent facts that aren't in the transcript. \";\n\nconst MAX_TRANSCRIPT_CHARS = 200_000;\nconst STORE_KEY = \"yt_summary_history\";\nconst HISTORY_LIMIT = 500;\n\n// --- types ----------------------------------------------------------------\n\ntype Entry = {\n id: string;\n date: string;\n videoId: string;\n url: string;\n title: string;\n channel: string | null;\n channelUrl: string | null;\n model: string;\n detail: string;\n summary: string;\n folder: string | null;\n inputTokens: number;\n outputTokens: number;\n cost: number;\n};\n\ntype Store = {\n version: number;\n folders: string[];\n entries: Entry[];\n creditsAdded: number;\n};\n\n// --- router ---------------------------------------------------------------\n\nexport default async function (req: Request): Promise {\n const path = new URL(req.url).pathname;\n\n try {\n if (req.method === \"GET\" && path === \"/history\") {\n return json(await historyPayload());\n }\n\n if (req.method === \"POST\" && path === \"/entry/delete\") {\n const { id } = await req.json();\n const store = await loadStore();\n store.entries = store.entries.filter((e) => e.id !== id);\n await saveStore(store);\n return json(await historyPayload());\n }\n\n if (req.method === \"POST\" && path === \"/entry/folder\") {\n const { id, folder } = await req.json();\n const store = await loadStore();\n const entry = store.entries.find((e) => e.id === id);\n if (entry) entry.folder = folder || null;\n if (folder && !store.folders.includes(folder)) store.folders.push(folder);\n await saveStore(store);\n return json(await historyPayload());\n }\n\n if (req.method === \"POST\" && path === \"/folders\") {\n const { action, name, newName } = await req.json();\n const store = await loadStore();\n if (action === \"create\" && name && !store.folders.includes(name)) {\n store.folders.push(name);\n } else if (action === \"rename\" && name && newName) {\n store.folders = store.folders.map((f) => (f === name ? newName : f));\n store.entries.forEach((e) => {\n if (e.folder === name) e.folder = newName;\n });\n } else if (action === \"delete\" && name) {\n // Removes the folder only — the summaries inside become unfiled.\n store.folders = store.folders.filter((f) => f !== name);\n store.entries.forEach((e) => {\n if (e.folder === name) e.folder = null;\n });\n }\n await saveStore(store);\n return json(await historyPayload());\n }\n\n if (req.method === \"POST\" && path === \"/credits\") {\n const { added } = await req.json();\n const store = await loadStore();\n store.creditsAdded = Math.max(0, Number(added) || 0);\n await saveStore(store);\n return json(await historyPayload());\n }\n\n if (req.method === \"POST\" && path === \"/backfill\") {\n const store = await loadStore();\n const missing = store.entries.filter((e) => !e.channel);\n for (let i = 0; i < missing.length; i += 8) {\n const batch = missing.slice(i, i + 8);\n await Promise.all(\n batch.map(async (e) => {\n const meta = await getMeta(e.videoId);\n e.channel = meta.channel ?? \"Unknown\";\n e.channelUrl = meta.channelUrl ?? null;\n if (meta.title && /^Video /.test(e.title)) e.title = meta.title;\n }),\n );\n }\n await saveStore(store);\n return json(await historyPayload());\n }\n\n if (req.method === \"DELETE\" && path === \"/history\") {\n const store = await loadStore();\n store.entries = [];\n await saveStore(store);\n return json(await historyPayload());\n }\n\n if (req.method === \"POST\" && path === \"/\") {\n return await handleSummarize(req);\n }\n\n if (req.method === \"GET\") {\n return new Response(PAGE_HTML, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n } catch (err) {\n return json({ error: (err as Error).message }, 400);\n }\n\n return new Response(\"Not found\", { status: 404 });\n}\n\nasync function handleSummarize(req: Request): Promise {\n try {\n const body = await req.json();\n const videoId = extractVideoId(body.url ?? \"\");\n if (!videoId) {\n throw new Error(\"Couldn't find a valid YouTube video ID in that link.\");\n }\n\n const modelKey = body.model in MODELS ? body.model : \"opus\";\n const detailKey = body.detail in DETAILS ? body.detail : \"standard\";\n const model = MODELS[modelKey];\n\n let transcript = await getTranscript(videoId);\n let truncated = false;\n if (transcript.length > MAX_TRANSCRIPT_CHARS) {\n transcript = transcript.slice(0, MAX_TRANSCRIPT_CHARS);\n truncated = true;\n }\n\n const result = await summarize(\n transcript,\n truncated,\n model.id,\n DETAILS[detailKey],\n );\n const meta = await getMeta(videoId);\n const cost = (result.inputTokens / 1e6) * model.in +\n (result.outputTokens / 1e6) * model.out;\n\n const entry: Entry = {\n id: crypto.randomUUID(),\n date: new Date().toISOString(),\n videoId,\n url: `https://www.youtube.com/watch?v=${videoId}`,\n title: meta.title ?? `Video ${videoId}`,\n channel: meta.channel ?? \"Unknown\",\n channelUrl: meta.channelUrl ?? null,\n model: modelKey,\n detail: detailKey,\n summary: result.text,\n folder: null,\n inputTokens: result.inputTokens,\n outputTokens: result.outputTokens,\n cost,\n };\n\n const store = await loadStore();\n store.entries.unshift(entry);\n store.entries = store.entries.slice(0, HISTORY_LIMIT);\n await saveStore(store);\n\n return json({ entry });\n } catch (err) {\n return json({ error: (err as Error).message }, 400);\n }\n}\n\n// --- store ----------------------------------------------------------------\n\nasync function loadStore(): Promise {\n const raw = await blob.getJSON(STORE_KEY);\n if (!raw) return { version: 2, folders: [], entries: [], creditsAdded: 0 };\n // Migrate v1 (plain array of entries) -> v2.\n if (Array.isArray(raw)) {\n return {\n version: 2,\n folders: [],\n creditsAdded: 0,\n entries: raw.map((e: Partial) => ({\n channel: null,\n channelUrl: null,\n folder: null,\n inputTokens: 0,\n outputTokens: 0,\n cost: 0,\n ...e,\n })) as Entry[],\n };\n }\n const s = raw as Store;\n s.folders ??= [];\n s.entries ??= [];\n s.creditsAdded ??= 0;\n return s;\n}\n\nasync function saveStore(store: Store): Promise {\n await blob.setJSON(STORE_KEY, store);\n}\n\nasync function historyPayload() {\n const store = await loadStore();\n const now = new Date();\n const monthKey = now.toISOString().slice(0, 7);\n let total = 0;\n let month = 0;\n for (const e of store.entries) {\n total += e.cost || 0;\n if ((e.date ?? \"\").slice(0, 7) === monthKey) month += e.cost || 0;\n }\n return {\n entries: store.entries,\n folders: store.folders.slice().sort((a, b) => a.localeCompare(b)),\n needsBackfill: store.entries.some((e) => !e.channel),\n stats: {\n total,\n month,\n creditsAdded: store.creditsAdded,\n remaining: store.creditsAdded > 0 ? store.creditsAdded - total : null,\n },\n };\n}\n\n// --- YouTube --------------------------------------------------------------\n\nfunction extractVideoId(input: string): string | null {\n const s = String(input).trim();\n if (/^[A-Za-z0-9_-]{11}$/.test(s)) return s;\n const m = s.match(\n /(?:v=|youtu\\.be\\/|\\/live\\/|\\/shorts\\/|\\/embed\\/)([A-Za-z0-9_-]{11})/,\n );\n return m ? m[1] : null;\n}\n\nasync function getMeta(\n videoId: string,\n): Promise<\n { title: string | null; channel: string | null; channelUrl: string | null }\n> {\n try {\n const r = await fetch(\n `https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=${videoId}&format=json`,\n );\n if (r.ok) {\n const d = await r.json();\n return {\n title: d.title ?? null,\n channel: d.author_name ?? null,\n channelUrl: d.author_url ?? null,\n };\n }\n } catch {\n /* metadata is nice-to-have */\n }\n return { title: null, channel: null, channelUrl: null };\n}\n\nasync function getTranscript(videoId: string): Promise {\n try {\n return await getTranscriptDirect(videoId);\n } catch (directErr) {\n const supadataKey = Deno.env.get(\"SUPADATA_API_KEY\");\n if (supadataKey) return await getTranscriptSupadata(videoId, supadataKey);\n throw new Error(\n \"Couldn't get a transcript for this video (it may have captions disabled, \" +\n \"or YouTube blocked the request). \" + (directErr as Error).message,\n );\n }\n}\n\nasync function getTranscriptDirect(videoId: string): Promise {\n const watchRes = await fetch(`https://www.youtube.com/watch?v=${videoId}`, {\n headers: {\n \"User-Agent\":\n \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 \" +\n \"(KHTML, like Gecko) Chrome/124.0 Safari/537.36\",\n \"Accept-Language\": \"en-US,en;q=0.9\",\n \"Cookie\": \"CONSENT=YES+1\",\n },\n });\n const html = await watchRes.text();\n const m = html.match(\n /\"baseUrl\":\"(https:\\/\\/www\\.youtube\\.com\\/api\\/timedtext[^\"]+)\"/,\n );\n if (!m) throw new Error(\"No caption track found on the page.\");\n\n const trackUrl = m[1].replace(/\\\\u0026/g, \"&\");\n const xmlRes = await fetch(trackUrl, {\n headers: { \"Accept-Language\": \"en-US,en;q=0.9\" },\n });\n const xml = await xmlRes.text();\n const decoded = decodeEntities(\n xml.replace(/<[^>]+>/g, \" \").replace(/\\s+/g, \" \").trim(),\n );\n if (!decoded) throw new Error(\"Caption track was empty.\");\n return decoded;\n}\n\nasync function getTranscriptSupadata(\n videoId: string,\n key: string,\n): Promise {\n const videoUrl = encodeURIComponent(\n `https://www.youtube.com/watch?v=${videoId}`,\n );\n const res = await fetch(\n `https://api.supadata.ai/v1/transcript?url=${videoUrl}&text=true`,\n {\n headers: { \"x-api-key\": key },\n },\n );\n if (!res.ok) throw new Error(`Transcript API error (${res.status}).`);\n const data = await res.json();\n const content = data.content ?? \"\";\n if (!content) throw new Error(\"Transcript API returned no content.\");\n return typeof content === \"string\"\n ? content\n : content.map((c: { text: string }) => c.text).join(\" \");\n}\n\nfunction decodeEntities(s: string): string {\n return s\n .replace(/&/g, \"&\")\n .replace(/'/g, \"'\")\n .replace(/"/g, '\"')\n .replace(/</g, \"<\")\n .replace(/>/g, \">\")\n .replace(/ /g, \" \")\n .replace(/&#(\\d+);/g, (_, n) => String.fromCharCode(Number(n)));\n}\n\n// --- Claude ---------------------------------------------------------------\n\nasync function summarize(\n transcript: string,\n truncated: boolean,\n modelId: string,\n detail: { maxTokens: number; instruction: string },\n): Promise<{ text: string; inputTokens: number; outputTokens: number }> {\n const apiKey = Deno.env.get(\"ANTHROPIC_API_KEY\");\n if (!apiKey) throw new Error(\"Server is missing ANTHROPIC_API_KEY.\");\n\n const userContent = truncated\n ? \"NOTE: transcript was truncated for length.\\n\\n\" + transcript\n : transcript;\n\n const res = await fetch(\"https://api.anthropic.com/v1/messages\", {\n method: \"POST\",\n headers: {\n \"x-api-key\": apiKey,\n \"anthropic-version\": \"2023-06-01\",\n \"content-type\": \"application/json\",\n },\n body: JSON.stringify({\n model: modelId,\n max_tokens: detail.maxTokens,\n system: SYSTEM_BASE + detail.instruction,\n messages: [{ role: \"user\", content: userContent }],\n }),\n });\n\n if (!res.ok) {\n const body = await res.text();\n throw new Error(`Claude API error (${res.status}): ${body.slice(0, 300)}`);\n }\n const data = await res.json();\n return {\n text: data.content?.[0]?.text ?? \"(no summary returned)\",\n inputTokens: data.usage?.input_tokens ?? 0,\n outputTokens: data.usage?.output_tokens ?? 0,\n };\n}\n\nfunction json(obj: unknown, status = 200): Response {\n return new Response(JSON.stringify(obj), {\n status,\n headers: { \"content-type\": \"application/json\" },\n });\n}\n\n// --- page -----------------------------------------------------------------\n\nconst PAGE_HTML = `\n\n\n\n\nYouTube Summary\n\n\n\n

📺 YouTube → Key Points

Paste a YouTube link and get an AI summary.

\n\n

\n \n \n

\n \n

\n \n \n

\n\n

Spending

Loading…

\n\n

History

\n Group by\n \n \n \n

Loading…

\n\n\n\n`;","// YouTube -> AI summary web app for Val.town (HTTP val, Deno runtime).\n//\n// Features:\n// - Model picker (Opus / Haiku), detail picker (short / standard / long)\n// - Exact spend tracking per summary + running total, optional \"credits added\"\n// figure to show estimated remaining balance\n// - History with Group by: Channel / Folder / Date; custom folders;\n// per-entry delete; stored in Val.town Blob Storage\n//\n// SETUP: env vars ANTHROPIC_API_KEY (required), SUPADATA_API_KEY (transcript\n// fallback). History needs no setup — uses built-in blob storage.\n\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n// Model id + price per million tokens (input, output).\nconst MODELS: Record = {\n opus: { id: \"claude-opus-4-8\", in: 5, out: 25 },\n haiku: { id: \"claude-haiku-4-5\", in: 1, out: 5 },\n};\n\nconst DETAILS: Record = {\n short: {\n maxTokens: 500,\n instruction:\n \"Give a very short TL;DR of the transcript: 4-6 bullet points maximum, no headers. \" +\n \"Only the most important takeaways.\",\n },\n standard: {\n maxTokens: 1500,\n instruction:\n \"Summarize the transcript as concise bulleted key points, grouped under short bold headers.\",\n },\n long: {\n maxTokens: 3000,\n instruction:\n \"Write a detailed summary of the transcript: grouped bold headers, thorough bullet points \" +\n \"covering every topic discussed (including specific numbers, names, and claims), and end \" +\n \"with a one-paragraph overall takeaway.\",\n },\n};\n\nconst SYSTEM_BASE =\n \"You summarize YouTube video transcripts. If the content is opinion or promotional, \" +\n \"say so briefly at the end. Do not invent facts that aren't in the transcript. \";\n\nconst MAX_TRANSCRIPT_CHARS = 200_000;\nconst STORE_KEY = \"yt_summary_history\";\nconst HISTORY_LIMIT = 500;\n\n// --- types ----------------------------------------------------------------\n\n// A highlight is stored by position, not by text: b = index of the rendered\n// block (h3/p/li) within the summary, s/e = character offsets inside it.\n// Positions are stable because summaries are immutable once created.\ntype Highlight = { id: string; b: number; s: number; e: number };\n\ntype Entry = {\n id: string;\n date: string;\n videoId: string;\n url: string;\n title: string;\n channel: string | null;\n channelUrl: string | null;\n model: string;\n detail: string;\n summary: string;\n folder: string | null;\n highlights: Highlight[];\n inputTokens: number;\n outputTokens: number;\n cost: number;\n};\n\ntype Store = {\n version: number;\n folders: string[];\n entries: Entry[];\n creditsAdded: number;\n};\n\n// --- router ---------------------------------------------------------------\n\nexport default async function (req: Request): Promise {\n const path = new URL(req.url).pathname;\n\n try {\n if (req.method === \"GET\" && path === \"/history\") {\n return json(await historyPayload());\n }\n\n if (req.method === \"POST\" && path === \"/entry/delete\") {\n const { id } = await req.json();\n const store = await loadStore();\n store.entries = store.entries.filter((e) => e.id !== id);\n await saveStore(store);\n return json(await historyPayload());\n }\n\n if (req.method === \"POST\" && path === \"/entry/highlights\") {\n const { id, highlights } = await req.json();\n const store = await loadStore();\n const entry = store.entries.find((e) => e.id === id);\n if (entry) entry.highlights = Array.isArray(highlights) ? highlights : [];\n await saveStore(store);\n return json({ ok: true });\n }\n\n if (req.method === \"POST\" && path === \"/entry/folder\") {\n const { id, folder } = await req.json();\n const store = await loadStore();\n const entry = store.entries.find((e) => e.id === id);\n if (entry) entry.folder = folder || null;\n if (folder && !store.folders.includes(folder)) store.folders.push(folder);\n await saveStore(store);\n return json(await historyPayload());\n }\n\n if (req.method === \"POST\" && path === \"/folders\") {\n const { action, name, newName } = await req.json();\n const store = await loadStore();\n if (action === \"create\" && name && !store.folders.includes(name)) {\n store.folders.push(name);\n } else if (action === \"rename\" && name && newName) {\n store.folders = store.folders.map((f) => (f === name ? newName : f));\n store.entries.forEach((e) => {\n if (e.folder === name) e.folder = newName;\n });\n } else if (action === \"delete\" && name) {\n // Removes the folder only — the summaries inside become unfiled.\n store.folders = store.folders.filter((f) => f !== name);\n store.entries.forEach((e) => {\n if (e.folder === name) e.folder = null;\n });\n }\n await saveStore(store);\n return json(await historyPayload());\n }\n\n if (req.method === \"POST\" && path === \"/credits\") {\n const { added } = await req.json();\n const store = await loadStore();\n store.creditsAdded = Math.max(0, Number(added) || 0);\n await saveStore(store);\n return json(await historyPayload());\n }\n\n if (req.method === \"POST\" && path === \"/backfill\") {\n const store = await loadStore();\n const missing = store.entries.filter((e) => !e.channel);\n for (let i = 0; i < missing.length; i += 8) {\n const batch = missing.slice(i, i + 8);\n await Promise.all(\n batch.map(async (e) => {\n const meta = await getMeta(e.videoId);\n e.channel = meta.channel ?? \"Unknown\";\n e.channelUrl = meta.channelUrl ?? null;\n if (meta.title && /^Video /.test(e.title)) e.title = meta.title;\n }),\n );\n }\n await saveStore(store);\n return json(await historyPayload());\n }\n\n if (req.method === \"DELETE\" && path === \"/history\") {\n const store = await loadStore();\n store.entries = [];\n await saveStore(store);\n return json(await historyPayload());\n }\n\n if (req.method === \"POST\" && path === \"/\") {\n return await handleSummarize(req);\n }\n\n if (req.method === \"GET\") {\n return new Response(PAGE_HTML, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n } catch (err) {\n return json({ error: (err as Error).message }, 400);\n }\n\n return new Response(\"Not found\", { status: 404 });\n}\n\nasync function handleSummarize(req: Request): Promise {\n try {\n const body = await req.json();\n const videoId = extractVideoId(body.url ?? \"\");\n if (!videoId) {\n throw new Error(\"Couldn't find a valid YouTube video ID in that link.\");\n }\n\n const modelKey = body.model in MODELS ? body.model : \"opus\";\n const detailKey = body.detail in DETAILS ? body.detail : \"standard\";\n const model = MODELS[modelKey];\n\n let transcript = await getTranscript(videoId);\n let truncated = false;\n if (transcript.length > MAX_TRANSCRIPT_CHARS) {\n transcript = transcript.slice(0, MAX_TRANSCRIPT_CHARS);\n truncated = true;\n }\n\n const result = await summarize(\n transcript,\n truncated,\n model.id,\n DETAILS[detailKey],\n );\n const meta = await getMeta(videoId);\n const cost = (result.inputTokens / 1e6) * model.in +\n (result.outputTokens / 1e6) * model.out;\n\n const entry: Entry = {\n id: crypto.randomUUID(),\n date: new Date().toISOString(),\n videoId,\n url: `https://www.youtube.com/watch?v=${videoId}`,\n title: meta.title ?? `Video ${videoId}`,\n channel: meta.channel ?? \"Unknown\",\n channelUrl: meta.channelUrl ?? null,\n model: modelKey,\n detail: detailKey,\n summary: result.text,\n folder: null,\n highlights: [],\n inputTokens: result.inputTokens,\n outputTokens: result.outputTokens,\n cost,\n };\n\n const store = await loadStore();\n store.entries.unshift(entry);\n store.entries = store.entries.slice(0, HISTORY_LIMIT);\n await saveStore(store);\n\n return json({ entry });\n } catch (err) {\n return json({ error: (err as Error).message }, 400);\n }\n}\n\n// --- store ----------------------------------------------------------------\n\nasync function loadStore(): Promise {\n const raw = await blob.getJSON(STORE_KEY);\n if (!raw) return { version: 2, folders: [], entries: [], creditsAdded: 0 };\n // Migrate v1 (plain array of entries) -> v2.\n if (Array.isArray(raw)) {\n return {\n version: 2,\n folders: [],\n creditsAdded: 0,\n entries: raw.map((e: Partial) => ({\n channel: null,\n channelUrl: null,\n folder: null,\n highlights: [],\n inputTokens: 0,\n outputTokens: 0,\n cost: 0,\n ...e,\n })) as Entry[],\n };\n }\n const s = raw as Store;\n s.folders ??= [];\n s.entries ??= [];\n s.creditsAdded ??= 0;\n s.entries.forEach((e) => {\n e.highlights ??= [];\n });\n return s;\n}\n\nasync function saveStore(store: Store): Promise {\n await blob.setJSON(STORE_KEY, store);\n}\n\nasync function historyPayload() {\n const store = await loadStore();\n const now = new Date();\n const monthKey = now.toISOString().slice(0, 7);\n let total = 0;\n let month = 0;\n for (const e of store.entries) {\n total += e.cost || 0;\n if ((e.date ?? \"\").slice(0, 7) === monthKey) month += e.cost || 0;\n }\n return {\n entries: store.entries,\n folders: store.folders.slice().sort((a, b) => a.localeCompare(b)),\n needsBackfill: store.entries.some((e) => !e.channel),\n stats: {\n total,\n month,\n creditsAdded: store.creditsAdded,\n remaining: store.creditsAdded > 0 ? store.creditsAdded - total : null,\n },\n };\n}\n\n// --- YouTube --------------------------------------------------------------\n\nfunction extractVideoId(input: string): string | null {\n const s = String(input).trim();\n if (/^[A-Za-z0-9_-]{11}$/.test(s)) return s;\n const m = s.match(\n /(?:v=|youtu\\.be\\/|\\/live\\/|\\/shorts\\/|\\/embed\\/)([A-Za-z0-9_-]{11})/,\n );\n return m ? m[1] : null;\n}\n\nasync function getMeta(\n videoId: string,\n): Promise<\n { title: string | null; channel: string | null; channelUrl: string | null }\n> {\n try {\n const r = await fetch(\n `https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=${videoId}&format=json`,\n );\n if (r.ok) {\n const d = await r.json();\n return {\n title: d.title ?? null,\n channel: d.author_name ?? null,\n channelUrl: d.author_url ?? null,\n };\n }\n } catch {\n /* metadata is nice-to-have */\n }\n return { title: null, channel: null, channelUrl: null };\n}\n\nasync function getTranscript(videoId: string): Promise {\n try {\n return await getTranscriptDirect(videoId);\n } catch (directErr) {\n const supadataKey = Deno.env.get(\"SUPADATA_API_KEY\");\n if (supadataKey) return await getTranscriptSupadata(videoId, supadataKey);\n throw new Error(\n \"Couldn't get a transcript for this video (it may have captions disabled, \" +\n \"or YouTube blocked the request). \" + (directErr as Error).message,\n );\n }\n}\n\nasync function getTranscriptDirect(videoId: string): Promise {\n const watchRes = await fetch(`https://www.youtube.com/watch?v=${videoId}`, {\n headers: {\n \"User-Agent\":\n \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 \" +\n \"(KHTML, like Gecko) Chrome/124.0 Safari/537.36\",\n \"Accept-Language\": \"en-US,en;q=0.9\",\n \"Cookie\": \"CONSENT=YES+1\",\n },\n });\n const html = await watchRes.text();\n const m = html.match(\n /\"baseUrl\":\"(https:\\/\\/www\\.youtube\\.com\\/api\\/timedtext[^\"]+)\"/,\n );\n if (!m) throw new Error(\"No caption track found on the page.\");\n\n const trackUrl = m[1].replace(/\\\\u0026/g, \"&\");\n const xmlRes = await fetch(trackUrl, {\n headers: { \"Accept-Language\": \"en-US,en;q=0.9\" },\n });\n const xml = await xmlRes.text();\n const decoded = decodeEntities(\n xml.replace(/<[^>]+>/g, \" \").replace(/\\s+/g, \" \").trim(),\n );\n if (!decoded) throw new Error(\"Caption track was empty.\");\n return decoded;\n}\n\nasync function getTranscriptSupadata(\n videoId: string,\n key: string,\n): Promise {\n const videoUrl = encodeURIComponent(\n `https://www.youtube.com/watch?v=${videoId}`,\n );\n const res = await fetch(\n `https://api.supadata.ai/v1/transcript?url=${videoUrl}&text=true`,\n {\n headers: { \"x-api-key\": key },\n },\n );\n if (!res.ok) throw new Error(`Transcript API error (${res.status}).`);\n const data = await res.json();\n const content = data.content ?? \"\";\n if (!content) throw new Error(\"Transcript API returned no content.\");\n return typeof content === \"string\"\n ? content\n : content.map((c: { text: string }) => c.text).join(\" \");\n}\n\nfunction decodeEntities(s: string): string {\n return s\n .replace(/&/g, \"&\")\n .replace(/'/g, \"'\")\n .replace(/"/g, '\"')\n .replace(/</g, \"<\")\n .replace(/>/g, \">\")\n .replace(/ /g, \" \")\n .replace(/&#(\\d+);/g, (_, n) => String.fromCharCode(Number(n)));\n}\n\n// --- Claude ---------------------------------------------------------------\n\nasync function summarize(\n transcript: string,\n truncated: boolean,\n modelId: string,\n detail: { maxTokens: number; instruction: string },\n): Promise<{ text: string; inputTokens: number; outputTokens: number }> {\n const apiKey = Deno.env.get(\"ANTHROPIC_API_KEY\");\n if (!apiKey) throw new Error(\"Server is missing ANTHROPIC_API_KEY.\");\n\n const userContent = truncated\n ? \"NOTE: transcript was truncated for length.\\n\\n\" + transcript\n : transcript;\n\n const res = await fetch(\"https://api.anthropic.com/v1/messages\", {\n method: \"POST\",\n headers: {\n \"x-api-key\": apiKey,\n \"anthropic-version\": \"2023-06-01\",\n \"content-type\": \"application/json\",\n },\n body: JSON.stringify({\n model: modelId,\n max_tokens: detail.maxTokens,\n system: SYSTEM_BASE + detail.instruction,\n messages: [{ role: \"user\", content: userContent }],\n }),\n });\n\n if (!res.ok) {\n const body = await res.text();\n throw new Error(`Claude API error (${res.status}): ${body.slice(0, 300)}`);\n }\n const data = await res.json();\n return {\n text: data.content?.[0]?.text ?? \"(no summary returned)\",\n inputTokens: data.usage?.input_tokens ?? 0,\n outputTokens: data.usage?.output_tokens ?? 0,\n };\n}\n\nfunction json(obj: unknown, status = 200): Response {\n return new Response(JSON.stringify(obj), {\n status,\n headers: { \"content-type\": \"application/json\" },\n });\n}\n\n// --- page -----------------------------------------------------------------\n\nconst PAGE_HTML = `\n\n\n\n\nYouTube Summary\n\n\n\n

📺 YouTube → Key Points

Paste a YouTube link and get an AI summary.\n Select any text in a summary to highlight it; tap a highlight to remove it.

\n\n

\n \n \n

\n \n

\n \n \n

\n\n

Spending

Loading…

\n\n

History

\n Group by\n \n \n \n

Loading…

\n\n \n\n\n\n`;","createdAt",["D",1785581988956],"branchVersion","branchId","78c99bb5-504a-49fd-b685-d0efab236252","id","124890cd-113d-4a60-883a-f311f71a0dc4","youtube-summarizer",["D",1784809922217],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Summarize YouTube videos by pasting a URL","imageUrl","6712f1b9-addd-4fdf-9882-8114d8e4d364","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f8ef5-558c-7399-90c3-20fd98a5ef37","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":97},"org",{"_95":94,"_96":97,"_98":97,"_18":55,"_99":100,"_101":25},"branch",{"_13":14,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","MarkyMark00","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":161,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":162,"_80":163,"_82":164,"_84":25},"tree",[152,153],"files",[152,153],"counts",{"_141":62,"_142":143,"_144":62,"_145":146,"_147":148},"contents",[124,125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":134,"_32":135,"_30":136,"_127":-5,"_41":42,"_40":137,"_128":58,"_38":138,"_13":62,"_33":20,"_35":139,"_24":25,"_131":-5,"_27":140},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":58,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":132,"_27":133},"7893e0fc-b975-41b1-a888-fbbd7c750997","parentId","latest",["D",1785581988956],5,"label","markylang-youtube-summary-v1",[28],"e3ea9612-3657-4c33-94a7-8dc16e0fbd79","index.html","993cb2e8-8692-11f1-9551-1607ee4eb77e",2,["D",1784809961893],"\n\n\n \n \n YouTube Summarizer\n \n\n\n

▶ YouTube Summarizer

Paste any YouTube URL to get an instant summary

\n \n \n

\n \n\n \n\n\n",[135],"pulls","branches",1,"forks","envVars",{"_149":137,"_151":62},"connections",{"_149":62,"_150":62},"count","unfilledCount","emptyCount",{"_43":134,"_32":135,"_30":136,"_127":-5,"_41":42,"_40":137,"_128":58,"_38":158,"_13":62,"_33":20,"_35":139,"_24":25,"_131":-5,"_155":159,"_27":160},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":58,"_38":154,"_13":130,"_33":34,"_35":37,"_24":25,"_131":132,"_155":156,"_27":157},["D",1785581988956],"children",[],[28],["D",1784809961893],[],[135],["D",1784809922217],{"_95":94,"_102":97},{"_95":94,"_96":97,"_98":97,"_18":55,"_99":100,"_101":25},{"_13":14,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_78":-5,"_121":198,"_199":200,"_201":202,"_203":25,"_204":25,"_205":25,"_206":58,"_207":-5,"_208":-7,"_209":-7,"_210":62,"_211":25,"_212":25,"_213":-5,"_214":25,"_215":25,"_216":25,"_217":-5},"ENV",{"_169":170,"_171":172,"_173":85,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197},"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 · v7