[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_149":150,"_151":152},"routes/_app.x.$handle.$name",{"_94":93,"_31":43,"_102":84,"_26":51,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":24,"_116":117,"_118":24,"_119":-5,"_120":-5,"_121":122},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":30,"_55":56,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":24},"version",1,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","index.ts","latestPath","fileId","c7f496f2-a0fd-11f1-8ac3-1607ee4eb77e","name","fileType","script","content","import { blob } from \"https://esm.town/v/std/blob\";\n\n// ------------------------------------------------------------------\n// FF Depth Charts — research app for offensive skill-position players\n//\n// Data sources (all free/public):\n// - ESPN NFL depth charts (all 32 teams, official positional order)\n// - Sleeper NFL players (metadata: name/team/pos, espn_id joinkey)\n// - Sleeper NFL season stats -> per-season full-season PPR points\n//\n// Architecture:\n// - / -> single-file HTML frontend\n// - /data -> merged JSON from global blob cache (rebuild if stale)\n// - /refresh -> force rebuild cache now (used by weekly cron)\n// ------------------------------------------------------------------\n\nconst CACHE_KEY = \"ffdepth/data/v1\";\nconst TS_KEY = \"ffdepth/ts/v1\";\nconst TTL_SECONDS = 12 * 60 * 60; // 12h\nconst REFRESH_TOKEN = \"ffd-season-refresh\";\nconst SEASONS = [2025, 2024, 2023, 2022]; // most recent completed seasons\n\n// Position mapping: ESPN depth-chart keys -> fantasy position\n// Only offensive skill positions (what Andrew cares about).\nconst POS_MAP: Record = {\n qb: \"QB\",\n rb: \"RB\",\n wr1: \"WR\", wr2: \"WR\", wr3: \"WR\", wr4: \"WR\", wr5: \"WR\",\n te: \"TE\", te1: \"TE\", te2: \"TE\", te3: \"TE\", hb: \"RB\",\n};\n\nconst TEAMS_API = \"https://site.api.espn.com/apis/site/v2/sports/football/nfl/teams\";\nconst SLEEPER_PLAYERS = \"https://api.sleeper.app/v1/players/nfl\";\nconst STATS = (y: number) => `https://api.sleeper.app/v1/stats/nfl/regular/${y}`;\nconst DEPTH = (abbr: string) =>\n `https://site.api.espn.com/apis/site/v2/sports/football/nfl/teams/${abbr}/depthcharts`;\n\nfunction json(resp: Response) {\n return resp.json();\n}\n\n// ------------------------------------------------------------------\n// Data fetching\n// ------------------------------------------------------------------\n\ninterface Player {\n name: string;\n espnId: string;\n sleeperId: string | null;\n depth: number;\n position: string;\n team: string;\n history: Record;\n lastPPR: number | null;\n}\ninterface TeamData {\n abbr: string;\n displayName: string;\n color: string;\n positions: Record;\n}\ninterface Dataset {\n updatedAt: string;\n seasons: number[];\n source: string;\n teams: TeamData[];\n}\n\nasync function fetchTeams(): Promise> {\n const d = await fetch(TEAMS_API).then(json);\n return d.sports[0].leagues[0].teams\n .map((t: any) => t.team)\n .filter((t: any) => t.isActive)\n .map((t: any) => ({\n abbr: t.abbreviation,\n displayName: t.displayName,\n color: t.color,\n }));\n}\n\nasync function fetchAllDepthCharts(teams: Array): Promise> {\n return Promise.all(\n teams.map(async (t) => {\n try {\n const d = await fetch(DEPTH(t.abbr)).then(json);\n return { team: t, depthchart: d.depthchart ?? [] };\n } catch {\n return { team: t, depthchart: [] };\n }\n }),\n );\n}\n\n// Build espn_id -> sleeper player_id map\nfunction buildEspnIndex(players: Record): Map {\n const m = new Map();\n for (const [pid, p] of Object.entries(players)) {\n if (p?.espn_id) m.set(String(p.espn_id), pid);\n }\n return m;\n}\n\n// ------------------------------------------------------------------\n// Merge into a single dataset\n// ------------------------------------------------------------------\n\nfunction positionOf(key: string): string | null {\n const k = key.toLowerCase();\n // strip numeric suffix like \"rb1\"? ESPN uses named keys; keep base map\n return POS_MAP[k] ?? null;\n}\n\nfunction buildDataset(\n depthCharts: Array,\n players: Record,\n statsBySeason: Record>,\n): Dataset {\n const espnIdx = buildEspnIndex(players);\n const teams: TeamData[] = [];\n\n for (const { team, depthchart } of depthCharts) {\n const positions: Record> = {};\n\n for (const group of depthchart) {\n for (const [posKey, posVal] of Object.entries(group.positions ?? {})) {\n const fantasyPos = positionOf(posKey);\n if (!fantasyPos) continue; // skip OL/defense/special teams\n const athletes = (posVal as any).athletes ?? [];\n if (!athletes.length) continue;\n // keep source depth order\n if (!positions[fantasyPos]) positions[fantasyPos] = [];\n for (const [i, a] of athletes.entries()) {\n const espnId = String(a.id ?? \"\");\n const sleeperId = espnIdx.get(espnId);\n const history: Record = {};\n if (sleeperId) {\n for (const s of SEASONS) {\n const st = statsBySeason[s]?.[sleeperId];\n const ppr = st?.pts_ppr;\n if (typeof ppr === \"number\") history[String(s)] = Math.round(ppr * 10) / 10;\n }\n }\n positions[fantasyPos].push({\n name: a.displayName,\n espnId,\n sleeperId: sleeperId ?? null,\n depth: i + 1,\n position: fantasyPos,\n team: team.abbr,\n history,\n lastPPR: history[String(SEASONS[0])] ?? null,\n });\n }\n }\n }\n\n teams.push({\n abbr: team.abbr,\n displayName: team.displayName,\n color: team.color,\n positions,\n });\n }\n\n return {\n updatedAt: new Date().toISOString(),\n seasons: SEASONS,\n source: \"ESPN depth charts + Sleeper PPR stats\",\n teams,\n };\n}\n\n// ------------------------------------------------------------------\n// Build (fetch everything, merge, cache)\n// ------------------------------------------------------------------\n\nasync function rebuildAndCache(): Promise {\n const teams = await fetchTeams();\n const depthCharts = await fetchAllDepthCharts(teams);\n\n const players = await fetch(SLEEPER_PLAYERS).then(json);\n const statsBySeason: Record> = {};\n await Promise.all(\n SEASONS.map(async (s) => {\n try {\n statsBySeason[s] = await fetch(STATS(s)).then(json);\n } catch {\n statsBySeason[s] = {};\n }\n }),\n );\n\n const dataset = buildDataset(depthCharts, players, statsBySeason);\n await blob.setJSON(CACHE_KEY, dataset);\n await blob.set(TS_KEY, String(Date.now()));\n return dataset;\n}\n\nasync function getData(force = false): Promise {\n if (!force) {\n try {\n const tsStr = await blob.get(TS_KEY).then((r) => r.text());\n const ts = Number(tsStr);\n if (ts && Date.now() - ts < TTL_SECONDS * 1000) {\n const cached = await blob.getJSON(CACHE_KEY) as Dataset;\n if (cached) return cached;\n }\n } catch {\n /* fall through to rebuild */\n }\n }\n return rebuildAndCache();\n}\n\n// ------------------------------------------------------------------\n// Frontend (single-file HTML)\n// ------------------------------------------------------------------\n\nconst CSS = `\n:root{--bg:#0f1216;--card:#161b22;--border:#2a313c;--fg:#e6edf3;--muted:#8b949e;--acc:#f0a500}\n*{box-sizing:border-box;margin:0;padding:0}\nbody{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:20px}\nh1{font-size:20px;margin-bottom:4px}\n.sub{color:var(--muted);font-size:12px;margin-bottom:16px}\n.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:20px}\n.team{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px;cursor:pointer;text-align:center;transition:.15s}\n.team:hover{border-color:var(--acc)}\n.team .tname{font-weight:600;font-size:14px}\n.team .tabbr{color:var(--muted);font-size:11px}\n.detail{display:none;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px}\n.detail.show{display:block}\n.detail h2{margin-bottom:14px;font-size:18px}\n.pos{margin-bottom:18px}\n.pos h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--acc);border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:8px}\ntable{width:100%;border-collapse:collapse;font-size:13px}\nth{text-align:left;color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;padding:4px 8px;border-bottom:1px solid var(--border)}\ntd{padding:5px 8px;border-bottom:1px solid #1e242c}\ntr:hover td{background:#1a2027}\n.depth{color:var(--muted);font-size:11px;width:36px}\n.ppr{text-align:right;font-variant-numeric:tabular-nums}\n.ppr.top{color:#7ee787;font-weight:600}\n.ppr.none{color:var(--muted)}\n.upd{color:var(--muted);font-size:11px;margin-top:8px}\ncode{background:#1e242c;padding:1px 5px;border-radius:4px}\n`;\n\n// Fetch all stats from players endpoint to map espn->sleeper\nfunction frontend(dataset: any): string {\n const teams = dataset.teams;\n const seasons = dataset.seasons;\n const posOrder = [\"QB\", \"RB\", \"WR\", \"TE\"];\n\n let teamButtons = \"\";\n for (const t of teams) {\n teamButtons += `\n

${t.displayName}

${t.abbr}

`;\n }\n\n // build per-team detail templates (inserted into #detail boxes on demand)\n const teamDetails: Record = {};\n for (const t of teams) {\n let html = `

${t.displayName} (${t.abbr})

`;\n for (const pos of posOrder) {\n const list = t.positions?.[pos] ?? [];\n if (!list.length) continue;\n html += `

${pos}

`;\n for (const s of seasons) html += ``;\n html += ``;\n for (const p of list) {\n html += ``;\n for (const s of seasons) {\n const v = p.history?.[String(s)];\n let cell = ``;\n html += cell;\n }\n html += ``;\n }\n html += `

	Player	${s} PPR
${p.depth}	${esc(p.name)}	\n ${v != null ? `${v}` : `–`}\n

`;\n }\n // teams without any mapped offense don't exist; still render\n teamDetails[t.abbr] = html;\n }\n\n const detailBoxes = teams.map((t: any) =>\n `

${teamDetails[t.abbr]}

`).join(\"\");\n\n return `\n\nFF Depth Charts\n

🏈 NFL Offensive Depth Charts · PPR Research

Depth charts: ESPN · Full-season PPR: Sleeper · raw JSON

${teamButtons}

\n${detailBoxes}\n

Updated ${new Date(dataset.updatedAt).toLocaleString()}

\n\n`;\n}\n\nfunction esc(s: string): string {\n return String(s).replace(/[&<>\"']/g, (c) =>\n ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c] as string));\n}\n\n// ------------------------------------------------------------------\n// HTTP handler\n// ------------------------------------------------------------------\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n try {\n if (path === \"/refresh\") {\n const tok = url.searchParams.get(\"token\");\n if (tok !== REFRESH_TOKEN) return new Response(\"forbidden\", { status: 403 });\n const data = await rebuildAndCache();\n return Response.json({ ok: true, teams: data.teams.length, updatedAt: data.updatedAt });\n }\n\n if (path === \"/data\") {\n const force = url.searchParams.get(\"refresh\") === \"1\";\n const data = await getData(force);\n return Response.json(data);\n }\n\n // default: frontend\n const data = await getData();\n return new Response(frontend(data), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n } catch (e) {\n return new Response(\"error: \" + (e as Error).message, { status: 500 });\n }\n}\n","createdAt",["D",1787714726697],"branchVersion","branchId","0fd5ed16-7013-439f-bff4-1ee86fee2d88","id","deca7184-5943-4bc2-b70f-e7f081f5e5de","ffdepth",["D",1787714151202],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","7a2fc617-39fd-4798-b198-bb1445b6076e","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","c7c90e5e-91db-4cf2-9aa5-0ef1b3131f18","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":53,"_98":99,"_100":24},"branch",{"_13":83,"_31":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"isOwned",22,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","amsouthard","handle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2OrxqzbUi3ZXxnhPDoxVPv00N17.jpeg","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_41":42,"_31":43,"_36":145,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":30,"_55":56,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":146,"_78":147,"_80":148,"_82":24},"tree",[140],"files",[140],"counts",{"_130":60,"_131":14,"_132":60,"_133":134,"_135":136},"contents",[123],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":124,"_31":27,"_29":30,"_125":-5,"_39":40,"_38":14,"_126":24,"_36":127,"_13":60,"_32":33,"_34":35,"_23":24,"_128":-5,"_26":129},"a6b26a6d-c132-49fd-96e1-b7f3df608bfa","parentId","latest",["D",1787714726697],"label",[27],"pulls","branches","forks","envVars",{"_137":60,"_139":60},"connections",{"_137":60,"_138":60},"count","unfilledCount","emptyCount",{"_41":124,"_31":27,"_29":30,"_125":-5,"_39":40,"_38":14,"_126":24,"_36":141,"_13":60,"_32":33,"_34":35,"_23":24,"_128":-5,"_142":143,"_26":144},["D",1787714726697],"children",[],[27],["D",1787714151202],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":53,"_98":99,"_100":24},{"_13":83,"_31":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"ctx",{"_76":-5,"_120":182,"_183":184,"_185":186,"_187":24,"_188":24,"_189":24,"_190":56,"_191":-5,"_192":-7,"_193":-7,"_194":60,"_195":24,"_196":24,"_197":-5,"_198":24,"_199":24,"_200":24,"_201":-5},"ENV",{"_153":154,"_155":156,"_157":84,"_158":159,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181},"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 · v1