[{"_1":2,"_168":-5,"_169":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","5f86047c78fbcbbdc94436f811a86add7eaf8c7a","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_146":147,"_165":166,"_167":-5},"handle","dhvanil","name","youtube_video_json_generator","path","main.ts","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":-5,"_113":20,"_114":-5,"_115":32,"_14":116,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_23":126,"_129":130,"_132":133,"_145":20},"id","f208fae0-aa8c-11f0-a19a-0224a6c84d84","createdAt",["D",1760618278125],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","32765ebe-d05f-4753-a823-a8be39b8f577","pinnedFileId","pinPreview","screenshotVersion","likeCount","0cc0ecd3-bdff-490f-92b4-a6682e79cdae","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_127":128},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yb1RNUGY2SmR3Vkt3VmVtSTIwZXJlM3pqV1IifQ","org",{"_93":94,"_131":128},"avatar","branch",{"_134":135,"_95":43,"_101":136,"_137":102,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},"version",8,"f2096764-aa8c-11f0-a19a-0224a6c84d84","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":148,"_95":98,"_149":150,"_151":-5,"_152":136,"_153":135,"_154":155,"_103":156,"_134":157,"_158":159,"_160":161,"_162":20,"_163":-5,"_97":164},"be21d298-ab3f-11f0-b29c-0224a6c84d84","fileId","f20bd904-aa8c-11f0-a19a-0224a6c84d84","parentId","branchId","branchVersion","latest",true,["D",1760695070947],7,"fileType","http","content","// main.tsx — Val Town GET API → YouTube channel feed with robust fallbacks\n// Routes:\n// GET / → JSON array of videos (optionally filtered)\n// GET /help → plaintext usage\n//\n// Query params (optional):\n// limit: number (1..100)\n// only: \"tutorial\" | \"livestream\"\n// video: string | repeated | CSV (YouTube ID like \"Ex6t_oYJxmw\" or full watch URL)\n//\n// Response item:\n// {\n// platform: \"youtube\",\n// platformVideoId: string,\n// title: string,\n// description: string,\n// category: \"tutorial\" | \"livestream\",\n// time: string, // ISO-8601 (published/uploaded)\n// link: string // watch URL\n// }\n\nimport { XMLParser } from \"npm:fast-xml-parser\";\n\nconst CHANNEL_ID = \"UCIR3AHjQhpkQgmcWnvYgiBg\"; // @heyglif\nconst CHANNEL_FEED =\n `https://www.youtube.com/feeds/videos.xml?channel_id=${CHANNEL_ID}`;\n\ntype Category = \"tutorial\" | \"livestream\";\ntype OutputItem = {\n platform: \"youtube\";\n platformVideoId: string;\n title: string;\n description: string;\n category: Category;\n time: string;\n link: string;\n};\n\nfunction json(data: unknown, init?: ResponseInit) {\n const headers = new Headers(init?.headers ?? {});\n if (!headers.has(\"content-type\")) {\n headers.set(\"content-type\", \"application/json; charset=utf-8\");\n }\n return new Response(JSON.stringify(data), { ...init, headers });\n}\nfunction text(body: string, init?: ResponseInit) {\n const headers = new Headers(init?.headers ?? {});\n if (!headers.has(\"content-type\")) {\n headers.set(\"content-type\", \"text/plain; charset=utf-8\");\n }\n return new Response(body, { ...init, headers });\n}\nfunction withCors(res: Response) {\n const h = new Headers(res.headers);\n h.set(\"Access-Control-Allow-Origin\", \"*\");\n h.set(\"Access-Control-Allow-Methods\", \"GET, OPTIONS\");\n h.set(\"Access-Control-Allow-Headers\", \"content-type\");\n return new Response(res.body, {\n status: res.status,\n statusText: res.statusText,\n headers: h,\n });\n}\n\nfunction extractVideoId(input: string): string | null {\n const s = input.trim();\n if (/^[a-zA-Z0-9_-]{6,}$/.test(s) && !/^https?:\\/\\//i.test(s)) return s;\n try {\n const u = new URL(s);\n if (u.searchParams.has(\"v\")) return u.searchParams.get(\"v\");\n const host = u.hostname.toLowerCase();\n const segs = u.pathname.split(\"/\").filter(Boolean);\n if (host === \"youtu.be\" && segs[0]) return segs[0];\n if (/(^|\\/)(live|shorts|embed)\\//.test(u.pathname) && segs[1]) {\n return segs[1];\n }\n } catch {}\n return null;\n}\nfunction toCategory(title: string): Category {\n return /gliftv|live|stream/i.test(title) ? \"livestream\" : \"tutorial\";\n}\nfunction coerceIso(dateOrIso: string): string {\n if (!dateOrIso) return \"\";\n if (/T/.test(dateOrIso)) return dateOrIso;\n if (/^\\d{4}-\\d{2}-\\d{2}$/.test(dateOrIso)) {\n return `${dateOrIso}T00:00:00+00:00`;\n }\n return dateOrIso;\n}\n\n// ---------- low-level fetchers ----------\nconst xmlParser = new XMLParser({\n ignoreAttributes: false,\n attributeNamePrefix: \"@_\",\n removeNSPrefix: true,\n trimValues: true,\n});\n\nasync function fetchAtom(url: string) {\n const res = await fetch(url, {\n headers: {\n Accept: \"application/atom+xml,application/xml,text/xml;q=0.9,*/*;q=0.8\",\n \"User-Agent\":\n \"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome Safari\",\n \"Accept-Language\": \"en-US,en;q=0.9\",\n // Some regions serve consent interstitial unless CONSENT cookie is present\n Cookie: \"CONSENT=YES+; SOCS=CAI\",\n },\n });\n if (!res.ok) throw new Error(`Atom fetch ${res.status}`);\n return xmlParser.parse(await res.text());\n}\n\nasync function fetchHtml(url: string) {\n const res = await fetch(url, {\n headers: {\n Accept: \"text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8\",\n \"User-Agent\":\n \"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome Safari\",\n \"Accept-Language\": \"en-US,en;q=0.9\",\n Cookie: \"CONSENT=YES+; SOCS=CAI\",\n },\n });\n if (!res.ok) throw new Error(`HTML fetch ${res.status}`);\n return await res.text();\n}\n\n// ---------- Atom transforms ----------\nfunction atomEntryToItem(entry: any): OutputItem {\n const videoId = String(entry?.videoId ?? \"\");\n const title = String(entry?.title ?? \"\");\n const published = String(entry?.published ?? \"\");\n const linkField = entry?.link;\n let link = \"\";\n if (Array.isArray(linkField)) {\n const alt = linkField.find((l: any) => l?.[\"@_rel\"] === \"alternate\") ??\n linkField[0];\n link = alt?.[\"@_href\"] ?? \"\";\n } else if (linkField) {\n link = linkField?.[\"@_href\"] ?? \"\";\n }\n if (!link && videoId) link = `https://www.youtube.com/watch?v=${videoId}`;\n const group = entry?.group ?? entry?.[\"media:group\"] ?? {};\n const description = String(\n group?.description ?? group?.[\"media:description\"] ?? \"\",\n ).trim();\n return {\n platform: \"youtube\",\n platformVideoId: videoId,\n title,\n description,\n category: toCategory(title),\n time: published,\n link,\n };\n}\n\nasync function fetchChannelFeed(): Promise<\n { items: OutputItem[]; byId: Map }\n> {\n const data = await fetchAtom(CHANNEL_FEED);\n const raw = data?.feed?.entry ?? [];\n const entries = Array.isArray(raw) ? raw : raw ? [raw] : [];\n const items = entries.map(atomEntryToItem);\n return { items, byId: new Map(items.map((v) => [v.platformVideoId, v])) };\n}\n\nasync function fetchSingleVideoAtom(\n videoId: string,\n): Promise {\n try {\n const data = await fetchAtom(\n `https://www.youtube.com/feeds/videos.xml?video_id=${videoId}`,\n );\n const entry = data?.feed?.entry;\n if (!entry) return null;\n return atomEntryToItem(entry);\n } catch {\n return null;\n }\n}\n\n// ---------- Watch page parsing ----------\nfunction extractObjectFrom(html: string, marker: string): any | null {\n const idx = html.indexOf(marker);\n if (idx === -1) return null;\n // Find first '{' after marker\n let start = html.indexOf(\"{\", idx);\n if (start === -1) return null;\n let depth = 0;\n for (let i = start; i < html.length; i++) {\n const ch = html[i];\n if (ch === \"{\") depth++;\n else if (ch === \"}\") {\n depth--;\n if (depth === 0) {\n const json = html.slice(start, i + 1);\n try {\n return JSON.parse(json);\n } catch {\n return null;\n }\n }\n }\n }\n return null;\n}\n\nfunction extractJsonLdVideoObjects(html: string): any[] {\n const out: any[] = [];\n const re =\n /]+type=\"application\\/ld\\+json\"[^>]*>([\\s\\S]*?)<\\/script>/gi;\n for (const m of html.matchAll(re)) {\n try {\n const parsed = JSON.parse(m[1]);\n const arr = Array.isArray(parsed) ? parsed : [parsed];\n for (const node of arr) out.push(node);\n } catch {}\n }\n return out;\n}\n\nfunction buildItemFromPlayerResponse(id: string, pr: any): OutputItem | null {\n const mf = pr?.microformat?.playerMicroformatRenderer ?? {};\n const vd = pr?.videoDetails ?? {};\n const title = String(\n vd?.title ?? mf?.title?.simpleText ?? mf?.title?.runs?.map((r: any) =>\n r.text\n ).join(\"\") ?? \"\",\n );\n const desc = String(\n vd?.shortDescription ??\n mf?.description?.simpleText ??\n (mf?.description?.runs\n ? mf.description.runs.map((r: any) => r.text).join(\"\")\n : \"\") ??\n \"\",\n ).trim();\n const publishDate = coerceIso(\n String(mf?.publishDate ?? mf?.uploadDate ?? \"\"),\n );\n const link = `https://www.youtube.com/watch?v=${id}`;\n if (!title && !desc) return null;\n return {\n platform: \"youtube\",\n platformVideoId: id,\n title,\n description: desc,\n category: toCategory(title),\n time: publishDate,\n link,\n };\n}\n\nasync function fetchFromWatchPage(id: string): Promise {\n try {\n const html = await fetchHtml(`https://www.youtube.com/watch?v=${id}`);\n\n // Try ytInitialPlayerResponse first (most reliable for title/date/desc)\n const pr = extractObjectFrom(html, \"ytInitialPlayerResponse =\") ??\n extractObjectFrom(html, \"var ytInitialPlayerResponse =\") ??\n extractObjectFrom(html, '\"ytInitialPlayerResponse\":');\n\n if (pr) {\n const item = buildItemFromPlayerResponse(id, pr);\n if (item) return item;\n }\n\n // Fall back to JSON-LD VideoObject\n const nodes = extractJsonLdVideoObjects(html);\n for (const node of nodes) {\n const types = Array.isArray(node?.[\"@type\"])\n ? node[\"@type\"]\n : [node?.[\"@type\"]];\n if (!types?.includes(\"VideoObject\")) continue;\n const title = String(node?.name ?? \"\");\n const desc = String(node?.description ?? \"\");\n const date = coerceIso(\n String(node?.uploadDate ?? node?.datePublished ?? \"\"),\n );\n if (title || desc || date) {\n return {\n platform: \"youtube\",\n platformVideoId: id,\n title,\n description: desc,\n category: toCategory(title),\n time: date,\n link: `https://www.youtube.com/watch?v=${id}`,\n };\n }\n }\n\n return null;\n } catch {\n return null;\n }\n}\n\n// ---------- Optional: YouTube Data API ----------\nasync function fetchFromYouTubeAPI(id: string): Promise {\n const key = Deno.env.get(\"YOUTUBE_API_KEY\");\n if (!key) return null;\n try {\n const res = await fetch(\n `https://www.googleapis.com/youtube/v3/videos?part=snippet,liveStreamingDetails&id=${id}&key=${key}`,\n );\n if (!res.ok) return null;\n const data = await res.json();\n const item = data?.items?.[0];\n if (!item) return null;\n const sn = item.snippet ?? {};\n const lsd = item.liveStreamingDetails ?? {};\n const title = String(sn.title ?? \"\");\n const desc = String(sn.description ?? \"\");\n // Prefer actualStartTime for livestreams; otherwise publishedAt\n const time = coerceIso(String(lsd.actualStartTime ?? sn.publishedAt ?? \"\"));\n return {\n platform: \"youtube\",\n platformVideoId: id,\n title,\n description: desc,\n category: toCategory(title),\n time,\n link: `https://www.youtube.com/watch?v=${id}`,\n };\n } catch {\n return null;\n }\n}\n\n// ---------- Router & help ----------\nfunction helpText(base: string) {\n const root = base.replace(/\\/help\\/?$/, \"\");\n return [\n `Glif YouTube API (Val Town) — GET endpoints`,\n ``,\n `GET ${root}/`,\n ` Query params (all optional):`,\n ` limit=number # 1..100`,\n ` only=tutorial|livestream # filter by category`,\n ` video=ID|URL # one or more; repeat or comma-separated`,\n ``,\n `Resolution order when ?video=… is used:`,\n ` 1) Channel Atom feed`,\n ` 2) Single-video Atom feed`,\n ` 3) Watch page (ytInitialPlayerResponse / JSON-LD)`,\n ` 4) oEmbed (title-only)`,\n ` + YouTube Data API if YOUTUBE_API_KEY is present`,\n ].join(\"\\n\");\n}\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n if (req.method === \"OPTIONS\") {\n return withCors(\n new Response(null, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"content-type\",\n \"Cache-Control\": \"s-maxage=600\",\n },\n }),\n );\n }\n\n if (req.method === \"GET\" && /\\/help\\/?$/.test(path)) {\n return withCors(text(helpText(`${url.origin}${path}`)));\n }\n\n if (req.method !== \"GET\") {\n return withCors(\n json({ error: \"Method Not Allowed. Use GET, or GET /help.\" }, {\n status: 405,\n }),\n );\n }\n\n try {\n // Query params\n const sp = url.searchParams;\n const limitRaw = sp.get(\"limit\");\n const limit = limitRaw && !Number.isNaN(Number(limitRaw))\n ? Math.max(1, Math.min(100, Number(limitRaw)))\n : null;\n\n const onlyParam = sp.get(\"only\");\n const only: Category | null =\n onlyParam === \"tutorial\" || onlyParam === \"livestream\"\n ? (onlyParam as Category)\n : null;\n\n const videoParams = sp.getAll(\"video\").flatMap((v) => v.split(\",\"));\n const wantedIds = videoParams\n .map((v) => extractVideoId(v))\n .filter((v): v is string => Boolean(v));\n\n // Fetch the channel feed first (used both for / and as step 1 for ?video=)\n const { items: feedItems, byId: feedById } = await fetchChannelFeed();\n\n // No specific video filter → just list\n if (!wantedIds.length) {\n let out = feedItems;\n if (only) out = out.filter((v) => v.category === only);\n if (limit) out = out.slice(0, limit);\n return withCors(\n json(out, {\n headers: {\n \"Cache-Control\": \"s-maxage=300, stale-while-revalidate=600\",\n },\n }),\n );\n }\n\n // With specific ?video=… → resolve each one using the fallback chain\n const results: OutputItem[] = [];\n const seen = new Set();\n const push = (item: OutputItem | null) => {\n if (!item) return;\n if (only && item.category !== only) return;\n if (seen.has(item.platformVideoId)) return;\n seen.add(item.platformVideoId);\n results.push(item);\n };\n\n // 1) channel feed\n for (const id of wantedIds) if (feedById.has(id)) push(feedById.get(id)!);\n\n // 2) single-video Atom\n for (const id of wantedIds) {\n if (!seen.has(id)) push(await fetchSingleVideoAtom(id));\n }\n\n // 3) YouTube Data API (optional, if key present)\n for (const id of wantedIds) {\n if (!seen.has(id)) push(await fetchFromYouTubeAPI(id));\n }\n\n // 4) watch page\n for (const id of wantedIds) {\n if (!seen.has(id)) push(await fetchFromWatchPage(id));\n }\n\n // 5) oEmbed as last resort (title only)\n for (const id of wantedIds) {\n if (seen.has(id)) continue;\n try {\n const res = await fetch(\n `https://www.youtube.com/oembed?url=${\n encodeURIComponent(\n `https://www.youtube.com/watch?v=${id}`,\n )\n }&format=json`,\n );\n if (res.ok) {\n const data = await res.json();\n push({\n platform: \"youtube\",\n platformVideoId: id,\n title: String(data?.title ?? \"\"),\n description: \"\",\n category: toCategory(String(data?.title ?? \"\")),\n time: \"\", // oEmbed doesn't include a timestamp\n link: `https://www.youtube.com/watch?v=${id}`,\n });\n }\n } catch {}\n }\n\n const out = limit ? results.slice(0, limit) : results;\n return withCors(\n json(out, {\n headers: {\n \"Cache-Control\": \"s-maxage=300, stale-while-revalidate=600\",\n },\n }),\n );\n } catch (err: any) {\n return withCors(\n json({ error: err?.message ?? \"Unexpected error\" }, { status: 500 }),\n );\n }\n}","deleted","label",[98],"permalink","https://www.val.town/x/dhvanil/youtube_video_json_generator/code/main.ts","extension","actionData","errors"]