[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_103":84,"_27":53,"_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":120,"_121":-5,"_122":-5,"_123":124},"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":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",12,"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","a17e5246-7e44-11f1-a8e2-1607ee4eb77e","name","fileType","http","content","import { blob } from \"https://esm.town/v/std/blob\";\n\nconst CORS = {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n \"Cache-Control\": \"no-store\",\n};\n\nconst WIKI = \"https://en.wikipedia.org/w/api.php\";\nconst UA = \"WikiPlaygroundBot/1.0 (personal portfolio widget)\";\nconst CACHE_HOURS = 6;\n\ntype Candidate = {\n title: string;\n extract: string;\n image: string;\n url: string;\n views: number;\n};\n\nfunction categoriesFor(category: string, decade: number): string[] {\n // Pick 2 spread-out years per decade — generator gets everything per category in ONE call\n const y1 = decade + 2;\n const y2 = decade + 7;\n if (category === \"person\") {\n return [`Category:${y1} births`, `Category:${y2} births`];\n }\n if (category === \"place\") {\n return [\n `Category:Buildings and structures completed in ${y1}`,\n `Category:Buildings and structures completed in ${y2}`,\n ];\n }\n return [`Category:${y1} introductions`, `Category:${y2} introductions`];\n}\n\n// ONE request: category members + images + extracts + pageviews together\nasync function fetchPool(catTitle: string): Promise {\n const url = `${WIKI}?action=query&generator=categorymembers&gcmtitle=${\n encodeURIComponent(catTitle)\n }&gcmlimit=50&gcmtype=page&prop=pageimages|extracts|pageviews&pithumbsize=800&exintro&explaintext&format=json`;\n const res = await fetch(url, { headers: { \"User-Agent\": UA } });\n console.log(` ${catTitle}: status ${res.status}`);\n if (!res.ok) return [];\n const data = await res.json();\n const pages = Object.values(data.query?.pages ?? {}) as any[];\n return pages\n .filter((p) => p.thumbnail?.source && !p.title.includes(\":\"))\n .map((p) => ({\n title: p.title,\n extract: (p.extract ?? \"\").slice(0, 300),\n image: p.thumbnail.source,\n url: `https://en.wikipedia.org/wiki/${\n encodeURIComponent(p.title.replace(/ /g, \"_\"))\n }`,\n views: Object.values(p.pageviews ?? {})\n .reduce((s: number, v: any) => s + (v ?? 0), 0),\n }));\n}\n\nexport default async function (req: Request): Promise {\n const params = new URL(req.url).searchParams;\n const category = params.get(\"category\") ?? \"thing\";\n const decade = parseInt(params.get(\"decade\") ?? \"1950\", 10);\n const obscurity = Math.min(\n 1,\n Math.max(0, parseFloat(params.get(\"obscurity\") ?? \"0.5\")),\n );\n\n const cacheKey = `pool:${category}:${decade}`;\n console.log(`REQUEST: ${category}/${decade}s/obs=${obscurity}`);\n\n // 1. Try cache first — slider drags and re-rolls hit this, zero Wikipedia calls\n let pool: Candidate[] | null = null;\n const cached = await blob.getJSON(cacheKey).catch(() => null) as\n | { at: number; pool: Candidate[] }\n | null;\n if (\n cached && Date.now() - cached.at < CACHE_HOURS * 3600_000 &&\n cached.pool.length > 0\n ) {\n pool = cached.pool;\n console.log(` cache HIT: ${pool.length} candidates`);\n }\n\n // 2. Cache miss: fetch pools (2 requests, parallel), with one fallback round\n if (!pool) {\n console.log(` cache MISS — fetching`);\n const cats = categoriesFor(category, decade);\n const rounds = await Promise.all(cats.map(fetchPool));\n let candidates = rounds.flat();\n\n if (candidates.length < 8) {\n console.log(` sparse (${candidates.length}) — trying neighbor decade`);\n const fallbackCats = categoriesFor(category, decade - 10);\n const fallbackRounds = await Promise.all(fallbackCats.map(fetchPool));\n candidates = [...candidates, ...fallbackRounds.flat()];\n }\n\n // dedupe by title\n const seen = new Set();\n pool = candidates.filter((c) =>\n seen.has(c.title) ? false : (seen.add(c.title), true)\n );\n\n console.log(` fetched pool: ${pool.length} candidates`);\n\n if (pool.length > 0) {\n await blob.setJSON(cacheKey, { at: Date.now(), pool });\n }\n }\n\n if (!pool || pool.length === 0) {\n return new Response(\n JSON.stringify({ error: \"nothing found here — try a different decade\" }),\n { status: 404, headers: CORS },\n );\n }\n\n // 3. Pick within pool by obscurity ranking (+ jitter so re-rolls vary)\n const sorted = [...pool].sort((a, b) => b.views - a.views);\n const jitter = (Math.random() - 0.5) * 0.25;\n const idx = Math.round(\n Math.min(1, Math.max(0, obscurity + jitter)) * (sorted.length - 1),\n );\n const picked = sorted[idx];\n const line = picked.title.replace(/\\s*\$[^)]*\$\\s*$/, \"\").trim();\n\n console.log(\n ` picked [${\n idx + 1\n }/${sorted.length}]: ${picked.title} (${picked.views} views)`,\n );\n\n return new Response(\n JSON.stringify({\n line,\n title: picked.title,\n extract: picked.extract,\n image: picked.image,\n url: picked.url,\n views: picked.views,\n poolSize: sorted.length,\n }),\n { headers: CORS },\n );\n}","import { blob } from \"https://esm.town/v/std/blob\";\n\nconst CORS = {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n \"Cache-Control\": \"no-store\",\n};\n\nconst WIKI = \"https://en.wikipedia.org/w/api.php\";\nconst UA = \"JuxtaposerBot/1.0 (personal portfolio widget)\";\nconst POOL_KEY = \"juxtaposer-pool\";\nconst POOL_HOURS = 12;\nconst POOL_TARGET = 120;\n\ntype Piece = {\n title: string;\n line: string;\n image: string;\n url: string;\n};\n\nasync function buildPool(): Promise {\n // Get 500 featured article titles\n const listRes = await fetch(\n `${WIKI}?action=query&list=categorymembers&cmtitle=Category:Featured_articles&cmlimit=500&format=json`,\n { headers: { \"User-Agent\": UA } },\n );\n const listData = await listRes.json();\n const titles: string[] = (listData.query?.categorymembers ?? [])\n .map((m: any) => m.title)\n .filter((t: string) => !t.includes(\":\"));\n\n // Shuffle and take enough to build a pool, batched 40 at a time\n const shuffled = titles.sort(() => Math.random() - 0.5);\n const pool: Piece[] = [];\n\n for (let i = 0; i < shuffled.length && pool.length < POOL_TARGET; i += 40) {\n const batch = shuffled.slice(i, i + 40);\n const detailRes = await fetch(\n `${WIKI}?action=query&titles=${\n encodeURIComponent(batch.join(\"|\"))\n }&prop=pageimages&pithumbsize=800&format=json`,\n { headers: { \"User-Agent\": UA } },\n );\n const detailData = await detailRes.json();\n const pages = Object.values(detailData.query?.pages ?? {}) as any[];\n for (const p of pages) {\n if (p.thumbnail?.source) {\n pool.push({\n title: p.title,\n line: p.title.replace(/\\s*\$[^)]*\$\\s*$/, \"\").trim(),\n image: p.thumbnail.source,\n url: `https://en.wikipedia.org/wiki/${\n encodeURIComponent(p.title.replace(/ /g, \"_\"))\n }`,\n });\n }\n }\n // stop after 4 batches max to stay fast and polite\n if (i >= 120) break;\n }\n\n return pool;\n}\n\nexport default async function (req: Request): Promise {\n // Load or rebuild the cached pool\n let pool: Piece[] | null = null;\n const cached = await blob.getJSON(POOL_KEY).catch(() => null) as\n | { at: number; pool: Piece[] }\n | null;\n\n if (\n cached && Date.now() - cached.at < POOL_HOURS * 3600_000 &&\n cached.pool.length >= 20\n ) {\n pool = cached.pool;\n console.log(`cache HIT: ${pool.length} pieces`);\n } else {\n console.log(\"cache MISS — building pool\");\n pool = await buildPool();\n console.log(`built pool: ${pool.length} pieces`);\n if (pool.length > 0) {\n await blob.setJSON(POOL_KEY, { at: Date.now(), pool });\n }\n }\n\n if (!pool || pool.length < 2) {\n return new Response(\n JSON.stringify({ error: \"the collection is empty — try again shortly\" }),\n { status: 503, headers: CORS },\n );\n }\n\n // Deal two distinct pieces\n const a = pool[Math.floor(Math.random() * pool.length)];\n let b = pool[Math.floor(Math.random() * pool.length)];\n let guard = 0;\n while (b.title === a.title && guard++ < 10) {\n b = pool[Math.floor(Math.random() * pool.length)];\n }\n\n return new Response(\n JSON.stringify({ left: a, right: b }),\n { headers: CORS },\n );\n}","createdAt",["D",1783912534544],"branchVersion","branchId","d8db34c2-d157-48ba-8ed1-7ebee7e7870a","id","b6e162dd-2e41-48d6-93be-5666903e9382","wiki-play",["D",1783896865724],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","b5189468-3ab9-4352-835a-07a269dc57aa","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e18e8-0dcc-72db-bd0d-b4956a994a17","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_102":98},"org",{"_94":93,"_95":96,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","zmb32","handle","displayName","Zach Bershad","avatar","https://lh3.googleusercontent.com/a/ACg8ocJ0VvJ2I3b7Cxbb21F1uJB3-_Ktw7pgzfzDfaLursA9YUHW9Kc=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":149,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":150,"_79":151,"_81":152,"_83":25},"tree",[144],"files",[144],"counts",{"_133":61,"_134":135,"_136":61,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":120,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_27":132},"0b0a8a5f-5714-4e83-84b5-e637ab141101","parentId","latest",["D",1783912534544],11,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":61,"_143":61},"connections",{"_141":61,"_142":61},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":120,"_38":145,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_146":147,"_27":148},["D",1783912534544],"children",[],[28],["D",1783896865724],{"_94":93,"_102":98},{"_94":93,"_95":96,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_77":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":120,"_195":-5,"_196":-7,"_197":-7,"_198":61,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":84,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"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 · v12