[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_167":168,"_169":170},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":125},"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",17,"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","ac851168-304f-11f1-a304-42dde27851f2","name","fileType","http","content","/**\n * linkedin-resume-ui v9\n *\n * Routes:\n * / -> 302 to DEFAULT env var (default: \"minimal\")\n * /minimal -> minimal CSS-only theme\n * /tailwind -> Tailwind CSS theme\n * /jsonresume -> server-side render via jsonresume theme (npm: import)\n *\n * Query params:\n * ?photo=1 -> show basics.image in header (/minimal, /tailwind only)\n * ?theme= -> jsonresume.org theme name for /jsonresume (default: \"even\")\n * ?force=1 -> bypass cache read, always fetch fresh data (still saves to cache)\n *\n * Env vars:\n * DATA_API_URL - base URL of linkedin-mdp-api (no trailing slash)\n * DEFAULT - default route, e.g. \"tailwind\" or \"tailwind?photo=1\"\n *\n * Caching:\n * Resume data is cached in Val Town Blob Storage for 24 hours.\n * Key: \"linkedin_resume_cache\"\n * Format: { fetchedAt: number (ms), data: JsonResume }\n */\n\n// ---------------------------------------------------------------------------\n// Blob cache\n// ---------------------------------------------------------------------------\n\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst CACHE_KEY = \"linkedin_resume_cache\";\nconst CACHE_TTL_MS = 24 * 60 * 60 * 1000; // 24 hours\n\ninterface CacheEntry {\n fetchedAt: number;\n data: JsonResume;\n}\n\n/** Returns { resume, ageMs } — resume is always non-null if cache exists, regardless of TTL. */\nasync function readCache(): Promise<{ resume: JsonResume; ageMs: number } | null> {\n try {\n const entry = await blob.getJSON(CACHE_KEY);\n if (!entry) return null;\n return { resume: entry.data, ageMs: Date.now() - entry.fetchedAt };\n } catch {\n return null;\n }\n}\n\nasync function writeCache(data: JsonResume): Promise {\n try {\n await blob.setJSON(CACHE_KEY, { fetchedAt: Date.now(), data } satisfies CacheEntry);\n } catch {\n // Cache write failure is non-fatal\n }\n}\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface JsonResume {\n basics?: {\n name?: string; label?: string; image?: string;\n email?: string; phone?: string; url?: string; summary?: string;\n location?: { city?: string; region?: string; countryCode?: string };\n profiles?: Array<{ network?: string; username?: string; url?: string }>;\n };\n work?: Array<{\n name?: string; position?: string; url?: string;\n startDate?: string; endDate?: string; summary?: string; highlights?: string[];\n }>;\n education?: Array<{\n institution?: string; url?: string; area?: string; studyType?: string;\n startDate?: string; endDate?: string; score?: string; courses?: string[];\n }>;\n skills?: Array<{ name?: string; level?: string; keywords?: string[] }>;\n languages?: Array<{ language?: string; fluency?: string }>;\n projects?: Array<{\n name?: string; description?: string; url?: string;\n startDate?: string; endDate?: string; highlights?: string[]; keywords?: string[];\n }>;\n volunteer?: Array<{\n organization?: string; position?: string; url?: string;\n startDate?: string; endDate?: string; summary?: string;\n }>;\n awards?: Array<{ title?: string; date?: string; awarder?: string; summary?: string }>;\n publications?: Array<{\n name?: string; publisher?: string; releaseDate?: string; url?: string; summary?: string;\n }>;\n certificates?: Array<{ name?: string; date?: string; issuer?: string; url?: string }>;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction esc(s?: string): string {\n if (!s) return \"\";\n return s\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\");\n}\n\n/** Render text with newlines as paragraphs; strip stray */\nfunction prose(s?: string): string {\n if (!s) return \"\";\n const clean = s\n .replace(/ /g, \" \")\n .replace(/ /g, \" \")\n .replace(/\\u00a0/g, \" \");\n return clean\n .split(/\\n{2,}/)\n .map(p => `

${esc(p).replace(/\\n/g, \"
\")}

`)\n .join(\"\\n\");\n}\n\nfunction dateRange(start?: string, end?: string): string {\n if (!start && !end) return \"\";\n const s = start ? start.substring(0, 7) : \"\";\n const e = end ? end.substring(0, 7) : \"Present\";\n return s ? `${s} \\u2013 ${e}` : e;\n}\n\n/**\n * Flatten skills: API sends { name:\"Skills\", keywords:[...all skills...] }.\n * Expand keywords into individual chips; skip entries named \"Skills\".\n */\nfunction flatSkills(skills: JsonResume[\"skills\"]): string[] {\n if (!skills?.length) return [];\n const chips: string[] = [];\n for (const sk of skills) {\n if (sk.keywords?.length) {\n chips.push(...sk.keywords);\n } else if (sk.name && sk.name.toLowerCase() !== \"skills\") {\n chips.push(sk.name);\n }\n }\n return chips;\n}\n\n/** Deduplicate \"X, X\" degree strings produced by the API mapper */\nfunction dedupDegree(degree: string): string {\n if (!degree.includes(\", \")) return degree;\n const parts = degree.split(\", \");\n return parts.length === 2 && parts[0] === parts[1] ? parts[0] : degree;\n}\n\n// ---------------------------------------------------------------------------\n// Error page\n// ---------------------------------------------------------------------------\n\nfunction renderError(message: string): string {\n return `\n\n\n\n\nResume \\u2014 Error\n\n\n\n

\\u26a0\\ufe0f

Could not load resume

${esc(message)}

Check that DATA_API_URL env var points to your\n linkedin-mdp-api val.

\n\n`;\n}\n\n// ---------------------------------------------------------------------------\n// Validation\n// ---------------------------------------------------------------------------\n\nfunction validateResume(data: unknown): data is JsonResume {\n if (!data || typeof data !== \"object\") return false;\n const r = data as JsonResume;\n // Require at least a name so we don't render a blank page\n return typeof r.basics?.name === \"string\" && r.basics.name.trim().length > 0;\n}\n\n// ---------------------------------------------------------------------------\n// Photo CSS (scales any image into a circle)\n// ---------------------------------------------------------------------------\n\nconst PHOTO_CSS_MINIMAL = `\n .photo { width: 96px; height: 96px; border-radius: 50%;\n object-fit: cover; flex-shrink: 0;\n max-width: 96px; max-height: 96px; }`;\n\nconst PHOTO_CSS_TAILWIND = `\n .photo-avatar { width: 96px; height: 96px; border-radius: 9999px;\n object-fit: cover; flex-shrink: 0;\n max-width: 96px; max-height: 96px; }`;\n\n// ---------------------------------------------------------------------------\n// Minimal theme\n// ---------------------------------------------------------------------------\n\nfunction renderMinimal(resume: JsonResume, showPhoto: boolean): string {\n const {\n basics = {}, work = [], education = [], languages = [],\n projects = [], volunteer = [], awards = [], publications = [],\n certificates = [],\n } = resume;\n\n const skills = flatSkills(resume.skills);\n const location = basics.location\n ? [basics.location.city, basics.location.region, basics.location.countryCode]\n .filter(Boolean).join(\", \")\n : \"\";\n const labelText = basics.label?.replace(/\\s*\\n\\s*/g, \" \\u00b7 \").replace(/ /g, \" \") ?? \"\";\n\n let html = `\n\n\n\n\n${esc(basics.name)} \\u2013 Resume\n\n\n\n

\n${showPhoto && basics.image ? ` $\"${esc(basics.name)}\"$ ` : \"\"}\n

${esc(basics.name)}

${esc(labelText)}

\n`;\n\n const cp: string[] = [];\n if (location) cp.push(`${esc(location)}`);\n if (basics.email) cp.push(`${esc(basics.email)}`);\n if (basics.phone) cp.push(`${esc(basics.phone)}`);\n if (basics.url) cp.push(`${esc(basics.url)}`);\n for (const p of basics.profiles ?? []) {\n if (p.url) cp.push(`${esc(p.network || p.username)}`);\n }\n if (cp.length) html += ` ${cp.join(\"\\n \")}\\n`;\n html += `

\\n

\\n`;\n\n if (basics.summary) html += `

${prose(basics.summary)}

\\n`;\n\n if (work.length) {\n html += `

Experience

\\n`;\n for (const job of work) {\n html += `

${esc(job.position)}${job.name ? ` — ${job.url ? `${esc(job.name)}` : esc(job.name)}` : \"\"}

${dateRange(job.startDate, job.endDate)}

\n${job.summary ? `

${prose(job.summary)}

` : \"\"}\n${job.highlights?.length ? `

${esc(h)}

` : \"\"}\n

\\n`;\n }\n }\n\n if (education.length) {\n html += `

Education

\\n`;\n for (const edu of education) {\n const deg = dedupDegree([edu.studyType, edu.area].filter(Boolean).join(\", \"));\n html += `

${edu.url ? `${esc(edu.institution)}` : esc(edu.institution)}

${esc(deg)}${edu.score ? ` \\u00b7 GPA: ${esc(edu.score)}` : \"\"} ${dateRange(edu.startDate, edu.endDate)}

\n${edu.courses?.length ? `

${esc(c)}

` : \"\"}\n

\\n`;\n }\n }\n\n if (skills.length) {\n html += `

Skills

\\n

\\n`;\n for (const sk of skills) html += `${esc(sk)}\\n`;\n html += `

\\n`;\n }\n\n if (languages.length) {\n html += `

Languages

\\n\\n`;\n }\n\n if (projects.length) {\n html += `

Projects

\\n`;\n for (const proj of projects) {\n html += `

${proj.url ? `${esc(proj.name)}` : esc(proj.name)}

${dateRange(proj.startDate, proj.endDate)}

\n${proj.description ? `

${prose(proj.description)}

` : \"\"}\n${proj.highlights?.length ? `

${esc(h)}

` : \"\"}\n${proj.keywords?.length ? `

${proj.keywords.map(esc).join(\", \")}

` : \"\"}\n

\\n`;\n }\n }\n\n if (volunteer.length) {\n html += `

Volunteer

\\n`;\n for (const v of volunteer) {\n html += `

${esc(v.position)}${v.organization ? ` — ${v.url ? `${esc(v.organization)}` : esc(v.organization)}` : \"\"}

${dateRange(v.startDate, v.endDate)}

\n${v.summary ? `

${prose(v.summary)}

` : \"\"}\n

\\n`;\n }\n }\n\n if (awards.length) {\n html += `

Awards

\\n`;\n for (const a of awards) {\n html += `

${esc(a.title)}

${[a.awarder, a.date?.substring(0, 7)].filter(Boolean).join(\" \\u00b7 \")}

\n${a.summary ? `

${prose(a.summary)}

` : \"\"}\n

\\n`;\n }\n }\n\n if (publications.length) {\n html += `

Publications

\\n`;\n for (const pub of publications) {\n html += `

${pub.url ? `${esc(pub.name)}` : esc(pub.name)}

${[pub.publisher, pub.releaseDate?.substring(0, 7)].filter(Boolean).join(\" \\u00b7 \")}

\n${pub.summary ? `

${prose(pub.summary)}

` : \"\"}\n

\\n`;\n }\n }\n\n if (certificates.length) {\n html += `

Certificates

\\n`;\n for (const cert of certificates) {\n html += `

${cert.url ? `${esc(cert.name)}` : esc(cert.name)}

${[cert.issuer, cert.date?.substring(0, 7)].filter(Boolean).join(\" \\u00b7 \")}

\\n`;\n }\n }\n\n html += `\\n`;\n return html;\n}\n\n// ---------------------------------------------------------------------------\n// Tailwind theme\n// ---------------------------------------------------------------------------\n\nfunction renderTailwind(resume: JsonResume, showPhoto: boolean): string {\n const {\n basics = {}, work = [], education = [], languages = [],\n projects = [], volunteer = [], awards = [], publications = [],\n certificates = [],\n } = resume;\n\n const skills = flatSkills(resume.skills);\n const location = basics.location\n ? [basics.location.city, basics.location.region, basics.location.countryCode]\n .filter(Boolean).join(\", \")\n : \"\";\n const labelText = basics.label?.replace(/\\s*\\n\\s*/g, \" \\u00b7 \").replace(/ /g, \" \") ?? \"\";\n\n const section = (title: string, body: string) =>\n `

${title}

${body}

`;\n\n let html = `\n\n\n\n\n${esc(basics.name)} \\u2013 Resume\n\n\n\n\n

\n ${showPhoto && basics.image ? ` $\"${esc(basics.name)}\"$ ` : \"\"}\n

${esc(basics.name)}

${esc(labelText)}

`;\n\n if (location) html += `${esc(location)}`;\n if (basics.email) html += `${esc(basics.email)}`;\n if (basics.phone) html += `${esc(basics.phone)}`;\n if (basics.url) html += `${esc(basics.url)}`;\n for (const p of basics.profiles ?? []) {\n if (p.url) html += `${esc(p.network || p.username)}`;\n }\n\n html += `

`;\n if (basics.summary) html += `

${prose(basics.summary)}

`;\n html += `

\\n

`;\n\n if (work.length) {\n let s = \"\";\n for (const job of work) {\n s += `

${esc(job.position)}

\n ${dateRange(job.startDate, job.endDate)}\n

${job.url ? `${esc(job.name)}` : esc(job.name)}

\n${job.summary ? `

${prose(job.summary)}

` : \"\"}\n${job.highlights?.length ? `

${esc(h)}

` : \"\"}\n

`;\n }\n html += section(\"Experience\", s);\n }\n\n if (education.length) {\n let s = \"\";\n for (const edu of education) {\n const deg = dedupDegree([edu.studyType, edu.area].filter(Boolean).join(\", \"));\n s += `

${edu.url ? `${esc(edu.institution)}` : esc(edu.institution)}

\n ${dateRange(edu.startDate, edu.endDate)}\n

${esc(deg)}${edu.score ? ` \\u00b7 GPA ${esc(edu.score)}` : \"\"}

`;\n }\n html += section(\"Education\", s);\n }\n\n if (skills.length) {\n const s = `

${skills.map(sk =>\n `${esc(sk)}`\n ).join(\"\")}

`;\n html += section(\"Skills\", s);\n }\n\n if (languages.length) {\n const s = `

${languages.map(l =>\n `${esc(l.language)} ${esc(l.fluency)}`\n ).join(\"\")}

`;\n html += section(\"Languages\", s);\n }\n\n if (projects.length) {\n let s = \"\";\n for (const proj of projects) {\n s += `

${proj.url ? `${esc(proj.name)}` : esc(proj.name)}

\n ${dateRange(proj.startDate, proj.endDate)}\n

\n${proj.description ? `

${prose(proj.description)}

` : \"\"}\n${proj.highlights?.length ? `

${esc(h)}

` : \"\"}\n${proj.keywords?.length ? `

${proj.keywords.map(esc).join(\", \")}

` : \"\"}\n

`;\n }\n html += section(\"Projects\", s);\n }\n\n if (volunteer.length) {\n let s = \"\";\n for (const v of volunteer) {\n s += `

${esc(v.position)} — ${v.url ? `${esc(v.organization)}` : esc(v.organization)}

\n ${dateRange(v.startDate, v.endDate)}\n

\n${v.summary ? `

${prose(v.summary)}

` : \"\"}\n

`;\n }\n html += section(\"Volunteer\", s);\n }\n\n if (awards.length) {\n let s = \"\";\n for (const a of awards) {\n s += `

${esc(a.title)}

${[a.awarder, a.date?.substring(0, 7)].filter(Boolean).join(\" \\u00b7 \")}

\n${a.summary ? `

${prose(a.summary)}

` : \"\"}\n

`;\n }\n html += section(\"Awards\", s);\n }\n\n if (publications.length) {\n let s = \"\";\n for (const pub of publications) {\n s += `

${pub.url ? `${esc(pub.name)}` : esc(pub.name)}

${[pub.publisher, pub.releaseDate?.substring(0, 7)].filter(Boolean).join(\" \\u00b7 \")}

\n${pub.summary ? `

${prose(pub.summary)}

` : \"\"}\n

`;\n }\n html += section(\"Publications\", s);\n }\n\n if (certificates.length) {\n let s = \"\";\n for (const cert of certificates) {\n s += `

${cert.url ? `${esc(cert.name)}` : esc(cert.name)}

${[cert.issuer, cert.date?.substring(0, 7)].filter(Boolean).join(\" \\u00b7 \")}

`;\n }\n html += section(\"Certificates\", s);\n }\n\n html += `

`;\n return html;\n}\n\n// ---------------------------------------------------------------------------\n// JSON Resume theme — server-side render in Deno via esm.sh\n// ---------------------------------------------------------------------------\n\nasync function renderJsonResume(resume: JsonResume, themeName: string): Promise {\n // Import theme via npm: so Deno unpacks the real package into its cache.\n // This means __dirname is a real path and fs.readFileSync works correctly,\n // unlike esm.sh where the fs polyfill only works on esm.sh's own servers.\n try {\n const mod = await import(`npm:jsonresume-theme-${themeName}`);\n const renderFn = mod.render ?? mod.default?.render;\n if (typeof renderFn !== \"function\") {\n return new Response(\n renderError(`Theme \"${themeName}\" has no render() export. Try: even, kendall, flat, stackoverflow, paper, elegant`),\n { status: 500, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n const html: string = renderFn(resume);\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\", \"Cache-Control\": \"no-cache\" },\n });\n } catch (e: any) {\n const msg = String(e?.message ?? e);\n return new Response(\n renderError(`Failed to render theme \"${themeName}\": ${msg}`),\n { status: 500, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n}\n\n// ---------------------------------------------------------------------------\n// Main handler\n// ---------------------------------------------------------------------------\n\nexport default async function handler(req: Request): Promise {\n const reqUrl = new URL(req.url);\n const pathname = reqUrl.pathname.replace(/\\/+$/, \"\") || \"/\";\n const route = pathname.slice(1); // \"\" | \"minimal\" | \"tailwind\" | \"jsonresume\"\n\n // Root: redirect to DEFAULT\n if (route === \"\") {\n const defaultRoute = (Deno.env.get(\"DEFAULT\") ?? \"minimal\").trim();\n const [defaultPath, defaultQuery] = defaultRoute.split(\"?\", 2);\n const dest = new URL(req.url);\n dest.pathname = \"/\" + defaultPath;\n if (defaultQuery) {\n for (const [k, v] of new URLSearchParams(defaultQuery)) {\n if (!dest.searchParams.has(k)) dest.searchParams.set(k, v);\n }\n }\n return Response.redirect(dest.toString(), 302);\n }\n\n if (![\"minimal\", \"tailwind\", \"jsonresume\"].includes(route)) {\n return new Response(\n renderError(`Unknown route /${route}. Valid: /minimal /tailwind /jsonresume`),\n { status: 404, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n\n const showPhoto = reqUrl.searchParams.get(\"photo\") === \"1\";\n const jsonThemeName = reqUrl.searchParams.get(\"theme\") ?? \"even\";\n const force = reqUrl.searchParams.get(\"force\") === \"1\";\n\n // --- Cache read (skip on ?force=1) ---\n const cached = force ? null : await readCache();\n const cacheHit = cached !== null && cached.ageMs <= CACHE_TTL_MS;\n\n let resume: JsonResume;\n let cacheAgeMs: number | null = cached?.ageMs ?? null;\n\n if (cacheHit) {\n // Fresh cache — use directly\n resume = cached!.resume;\n } else {\n // Need fresh data: fetch from upstream API\n const baseUrl = (\n Deno.env.get(\"DATA_API_URL\") ??\n \"https://foxdark410--19f86d2a2ce611f1b48942dde27851f2.web.val.run\"\n ).replace(/\\/+$/, \"\");\n const dataApiUrl = `${baseUrl}/jsonresume`;\n\n let apiRes: Response;\n try {\n apiRes = await fetch(dataApiUrl, { headers: { Accept: \"application/json\" } });\n } catch (e) {\n // Network error — fall back to stale cache if available\n if (cached) {\n resume = cached.resume;\n cacheAgeMs = cached.ageMs;\n } else {\n return new Response(\n renderError(`Network error reaching Data API at ${dataApiUrl}: ${e}`),\n { status: 502, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n }\n\n if (!resume!) {\n if (!apiRes!.ok) {\n // Non-OK upstream (429, 401, 5xx) — fall back to stale cache if available\n if (cached) {\n resume = cached.resume;\n cacheAgeMs = cached.ageMs;\n } else {\n // No cache at all — pass through the error as-is\n return new Response(apiRes!.body, {\n status: apiRes!.status,\n statusText: apiRes!.statusText,\n headers: { \"Content-Type\": apiRes!.headers.get(\"Content-Type\") ?? \"application/json\" },\n });\n }\n } else {\n let json: unknown;\n try {\n json = await apiRes!.json();\n } catch {\n return new Response(\n renderError(`Data API returned non-JSON (HTTP ${apiRes!.status}).`),\n { status: 502, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n\n if (!validateResume(json)) {\n return new Response(\n renderError(\"Data API response is missing required field: basics.name.\"),\n { status: 502, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n\n resume = json;\n cacheAgeMs = 0;\n // Always save fresh data to cache (even on ?force=1)\n await writeCache(resume);\n }\n }\n }\n\n // X-Cache-Age header: seconds since last successful cache write (-1 = no cache)\n const cacheAgeHeader = cacheAgeMs !== null\n ? String(Math.floor(cacheAgeMs / 1000))\n : \"-1\";\n const extraHeaders = { \"X-Cache-Age\": cacheAgeHeader };\n\n if (route === \"jsonresume\") return renderJsonResume(resume, jsonThemeName, extraHeaders);\n\n const html = route === \"tailwind\"\n ? renderTailwind(resume, showPhoto)\n : renderMinimal(resume, showPhoto);\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\", \"Cache-Control\": \"no-cache\", ...extraHeaders },\n });\n}","/**\n * linkedin-resume-ui v9\n *\n * Routes:\n * / -> 302 to DEFAULT env var (default: \"minimal\")\n * /minimal -> minimal CSS-only theme\n * /tailwind -> Tailwind CSS theme\n * /jsonresume -> server-side render via jsonresume theme (npm: import)\n *\n * Query params:\n * ?photo=1 -> show basics.image in header (/minimal, /tailwind only)\n * ?theme= -> jsonresume.org theme name for /jsonresume (default: \"even\")\n * ?force=1 -> bypass cache read, always fetch fresh data (still saves to cache)\n *\n * Env vars:\n * DATA_API_URL - base URL of linkedin-mdp-api (no trailing slash)\n * DEFAULT - default route, e.g. \"tailwind\" or \"tailwind?photo=1\"\n *\n * Caching:\n * Resume data is cached in Val Town Blob Storage for 24 hours.\n * Key: \"linkedin_resume_cache\"\n * Format: { fetchedAt: number (ms), data: JsonResume }\n */\n\n// ---------------------------------------------------------------------------\n// Blob cache\n// ---------------------------------------------------------------------------\n\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst CACHE_KEY = \"linkedin_resume_cache\";\nconst CACHE_TTL_MS = 24 * 60 * 60 * 1000; // 24 hours\n\ninterface CacheEntry {\n fetchedAt: number;\n data: JsonResume;\n}\n\n/** Returns { resume, ageMs } — resume is always non-null if cache exists, regardless of TTL. */\nasync function readCache(): Promise<{ resume: JsonResume; ageMs: number } | null> {\n try {\n const entry = await blob.getJSON(CACHE_KEY);\n if (!entry) return null;\n return { resume: entry.data, ageMs: Date.now() - entry.fetchedAt };\n } catch {\n return null;\n }\n}\n\nasync function writeCache(data: JsonResume): Promise {\n try {\n await blob.setJSON(CACHE_KEY, { fetchedAt: Date.now(), data } satisfies CacheEntry);\n } catch {\n // Cache write failure is non-fatal\n }\n}\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface JsonResume {\n basics?: {\n name?: string; label?: string; image?: string;\n email?: string; phone?: string; url?: string; summary?: string;\n location?: { city?: string; region?: string; countryCode?: string };\n profiles?: Array<{ network?: string; username?: string; url?: string }>;\n };\n work?: Array<{\n name?: string; position?: string; url?: string;\n startDate?: string; endDate?: string; summary?: string; highlights?: string[];\n }>;\n education?: Array<{\n institution?: string; url?: string; area?: string; studyType?: string;\n startDate?: string; endDate?: string; score?: string; courses?: string[];\n }>;\n skills?: Array<{ name?: string; level?: string; keywords?: string[] }>;\n languages?: Array<{ language?: string; fluency?: string }>;\n projects?: Array<{\n name?: string; description?: string; url?: string;\n startDate?: string; endDate?: string; highlights?: string[]; keywords?: string[];\n }>;\n volunteer?: Array<{\n organization?: string; position?: string; url?: string;\n startDate?: string; endDate?: string; summary?: string;\n }>;\n awards?: Array<{ title?: string; date?: string; awarder?: string; summary?: string }>;\n publications?: Array<{\n name?: string; publisher?: string; releaseDate?: string; url?: string; summary?: string;\n }>;\n certificates?: Array<{ name?: string; date?: string; issuer?: string; url?: string }>;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction esc(s?: string): string {\n if (!s) return \"\";\n return s\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\");\n}\n\n/** Render text with newlines as paragraphs; strip stray */\nfunction prose(s?: string): string {\n if (!s) return \"\";\n const clean = s\n .replace(/ /g, \" \")\n .replace(/ /g, \" \")\n .replace(/\\u00a0/g, \" \");\n return clean\n .split(/\\n{2,}/)\n .map(p => `

${esc(p).replace(/\\n/g, \"
\")}

\\u26a0\\ufe0f

Could not load resume

${esc(message)}

Check that DATA_API_URL env var points to your\n linkedin-mdp-api val.

\n${showPhoto && basics.image ? ` $\"${esc(basics.name)}\"$ ` : \"\"}\n

${esc(basics.name)}

${esc(labelText)}

\\n

\\n`;\n\n if (basics.summary) html += `

${prose(basics.summary)}

\\n`;\n\n if (work.length) {\n html += `

Experience

\\n`;\n for (const job of work) {\n html += `

${esc(job.position)}${job.name ? ` — ${job.url ? `${esc(job.name)}` : esc(job.name)}` : \"\"}

${dateRange(job.startDate, job.endDate)}

\n${job.summary ? `

${prose(job.summary)}

` : \"\"}\n${job.highlights?.length ? `

${esc(h)}

` : \"\"}\n

\\n`;\n }\n }\n\n if (education.length) {\n html += `

Education

\\n`;\n for (const edu of education) {\n const deg = dedupDegree([edu.studyType, edu.area].filter(Boolean).join(\", \"));\n html += `

${edu.url ? `${esc(edu.institution)}` : esc(edu.institution)}

${esc(deg)}${edu.score ? ` \\u00b7 GPA: ${esc(edu.score)}` : \"\"} ${dateRange(edu.startDate, edu.endDate)}

\n${edu.courses?.length ? `

${esc(c)}

` : \"\"}\n

\\n`;\n }\n }\n\n if (skills.length) {\n html += `

Skills

\\n

\\n`;\n for (const sk of skills) html += `${esc(sk)}\\n`;\n html += `

\\n`;\n }\n\n if (languages.length) {\n html += `

Languages

\\n\\n`;\n }\n\n if (projects.length) {\n html += `

Projects

\\n`;\n for (const proj of projects) {\n html += `

${proj.url ? `${esc(proj.name)}` : esc(proj.name)}

${dateRange(proj.startDate, proj.endDate)}

\n${proj.description ? `

${prose(proj.description)}

` : \"\"}\n${proj.highlights?.length ? `

${esc(h)}

` : \"\"}\n${proj.keywords?.length ? `

${proj.keywords.map(esc).join(\", \")}

` : \"\"}\n

\\n`;\n }\n }\n\n if (volunteer.length) {\n html += `

Volunteer

\\n`;\n for (const v of volunteer) {\n html += `

${esc(v.position)}${v.organization ? ` — ${v.url ? `${esc(v.organization)}` : esc(v.organization)}` : \"\"}

${dateRange(v.startDate, v.endDate)}

\n${v.summary ? `

${prose(v.summary)}

` : \"\"}\n

\\n`;\n }\n }\n\n if (awards.length) {\n html += `

Awards

\\n`;\n for (const a of awards) {\n html += `

${esc(a.title)}

${[a.awarder, a.date?.substring(0, 7)].filter(Boolean).join(\" \\u00b7 \")}

\n${a.summary ? `

${prose(a.summary)}

` : \"\"}\n

\\n`;\n }\n }\n\n if (publications.length) {\n html += `

Publications

\\n`;\n for (const pub of publications) {\n html += `

${pub.url ? `${esc(pub.name)}` : esc(pub.name)}

${[pub.publisher, pub.releaseDate?.substring(0, 7)].filter(Boolean).join(\" \\u00b7 \")}

\n${pub.summary ? `

${prose(pub.summary)}

` : \"\"}\n

\\n`;\n }\n }\n\n if (certificates.length) {\n html += `

Certificates

\\n`;\n for (const cert of certificates) {\n html += `

${cert.url ? `${esc(cert.name)}` : esc(cert.name)}

${[cert.issuer, cert.date?.substring(0, 7)].filter(Boolean).join(\" \\u00b7 \")}

${title}

${body}

`;\n\n let html = `\n\n\n\n\n${esc(basics.name)} \\u2013 Resume\n\n\n\n\n

\n ${showPhoto && basics.image ? ` $\"${esc(basics.name)}\"$ ` : \"\"}\n

${esc(basics.name)}

${esc(labelText)}

`;\n if (basics.summary) html += `

${prose(basics.summary)}

`;\n html += `

\\n

`;\n\n if (work.length) {\n let s = \"\";\n for (const job of work) {\n s += `

${esc(job.position)}

\n ${dateRange(job.startDate, job.endDate)}\n

${job.url ? `${esc(job.name)}` : esc(job.name)}

\n${job.summary ? `

${prose(job.summary)}

` : \"\"}\n${job.highlights?.length ? `

${esc(h)}

` : \"\"}\n

${edu.url ? `${esc(edu.institution)}` : esc(edu.institution)}

\n ${dateRange(edu.startDate, edu.endDate)}\n

${esc(deg)}${edu.score ? ` \\u00b7 GPA ${esc(edu.score)}` : \"\"}

`;\n }\n html += section(\"Education\", s);\n }\n\n if (skills.length) {\n const s = `

${skills.map(sk =>\n `${esc(sk)}`\n ).join(\"\")}

`;\n html += section(\"Skills\", s);\n }\n\n if (languages.length) {\n const s = `

${languages.map(l =>\n `${esc(l.language)} ${esc(l.fluency)}`\n ).join(\"\")}

`;\n html += section(\"Languages\", s);\n }\n\n if (projects.length) {\n let s = \"\";\n for (const proj of projects) {\n s += `

${proj.url ? `${esc(proj.name)}` : esc(proj.name)}

\n ${dateRange(proj.startDate, proj.endDate)}\n

\n${proj.description ? `

${prose(proj.description)}

` : \"\"}\n${proj.highlights?.length ? `

${esc(h)}

` : \"\"}\n${proj.keywords?.length ? `

${proj.keywords.map(esc).join(\", \")}

` : \"\"}\n

`;\n }\n html += section(\"Projects\", s);\n }\n\n if (volunteer.length) {\n let s = \"\";\n for (const v of volunteer) {\n s += `

${esc(v.position)} — ${v.url ? `${esc(v.organization)}` : esc(v.organization)}

\n ${dateRange(v.startDate, v.endDate)}\n

\n${v.summary ? `

${prose(v.summary)}

` : \"\"}\n

`;\n }\n html += section(\"Volunteer\", s);\n }\n\n if (awards.length) {\n let s = \"\";\n for (const a of awards) {\n s += `

${esc(a.title)}

${[a.awarder, a.date?.substring(0, 7)].filter(Boolean).join(\" \\u00b7 \")}

\n${a.summary ? `

${prose(a.summary)}

` : \"\"}\n

`;\n }\n html += section(\"Awards\", s);\n }\n\n if (publications.length) {\n let s = \"\";\n for (const pub of publications) {\n s += `

${pub.url ? `${esc(pub.name)}` : esc(pub.name)}

${[pub.publisher, pub.releaseDate?.substring(0, 7)].filter(Boolean).join(\" \\u00b7 \")}

\n${pub.summary ? `

${prose(pub.summary)}

` : \"\"}\n

`;\n }\n html += section(\"Publications\", s);\n }\n\n if (certificates.length) {\n let s = \"\";\n for (const cert of certificates) {\n s += `

${cert.url ? `${esc(cert.name)}` : esc(cert.name)}

${[cert.issuer, cert.date?.substring(0, 7)].filter(Boolean).join(\" \\u00b7 \")}

`;\n }\n html += section(\"Certificates\", s);\n }\n\n html += `

`;\n return html;\n}\n\n// ---------------------------------------------------------------------------\n// JSON Resume theme — server-side render in Deno via esm.sh\n// ---------------------------------------------------------------------------\n\nasync function renderJsonResume(resume: JsonResume, themeName: string, extraHeaders: Record = {}): Promise {\n // Import theme via npm: so Deno unpacks the real package into its cache.\n // This means __dirname is a real path and fs.readFileSync works correctly,\n // unlike esm.sh where the fs polyfill only works on esm.sh's own servers.\n try {\n const mod = await import(`npm:jsonresume-theme-${themeName}`);\n const renderFn = mod.render ?? mod.default?.render;\n if (typeof renderFn !== \"function\") {\n return new Response(\n renderError(`Theme \"${themeName}\" has no render() export. Try: even, kendall, flat, stackoverflow, paper, elegant`),\n { status: 500, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n const html: string = renderFn(resume);\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\", \"Cache-Control\": \"no-cache\" },\n });\n } catch (e: any) {\n const msg = String(e?.message ?? e);\n return new Response(\n renderError(`Failed to render theme \"${themeName}\": ${msg}`),\n { status: 500, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n}\n\n// ---------------------------------------------------------------------------\n// Main handler\n// ---------------------------------------------------------------------------\n\nexport default async function handler(req: Request): Promise {\n const reqUrl = new URL(req.url);\n const pathname = reqUrl.pathname.replace(/\\/+$/, \"\") || \"/\";\n const route = pathname.slice(1); // \"\" | \"minimal\" | \"tailwind\" | \"jsonresume\"\n\n // Root: redirect to DEFAULT\n if (route === \"\") {\n const defaultRoute = (Deno.env.get(\"DEFAULT\") ?? \"minimal\").trim();\n const [defaultPath, defaultQuery] = defaultRoute.split(\"?\", 2);\n const dest = new URL(req.url);\n dest.pathname = \"/\" + defaultPath;\n if (defaultQuery) {\n for (const [k, v] of new URLSearchParams(defaultQuery)) {\n if (!dest.searchParams.has(k)) dest.searchParams.set(k, v);\n }\n }\n return Response.redirect(dest.toString(), 302);\n }\n\n if (![\"minimal\", \"tailwind\", \"jsonresume\"].includes(route)) {\n return new Response(\n renderError(`Unknown route /${route}. Valid: /minimal /tailwind /jsonresume`),\n { status: 404, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n\n const showPhoto = reqUrl.searchParams.get(\"photo\") === \"1\";\n const jsonThemeName = reqUrl.searchParams.get(\"theme\") ?? \"even\";\n const force = reqUrl.searchParams.get(\"force\") === \"1\";\n\n // --- Cache read (skip on ?force=1) ---\n const cached = force ? null : await readCache();\n const cacheHit = cached !== null && cached.ageMs <= CACHE_TTL_MS;\n\n let resume: JsonResume;\n let cacheAgeMs: number | null = cached?.ageMs ?? null;\n\n if (cacheHit) {\n // Fresh cache — use directly\n resume = cached!.resume;\n } else {\n // Need fresh data: fetch from upstream API\n const baseUrl = (\n Deno.env.get(\"DATA_API_URL\") ??\n \"https://foxdark410--19f86d2a2ce611f1b48942dde27851f2.web.val.run\"\n ).replace(/\\/+$/, \"\");\n const dataApiUrl = `${baseUrl}/jsonresume`;\n\n let apiRes: Response;\n try {\n apiRes = await fetch(dataApiUrl, { headers: { Accept: \"application/json\" } });\n } catch (e) {\n // Network error — fall back to stale cache if available\n if (cached) {\n resume = cached.resume;\n cacheAgeMs = cached.ageMs;\n } else {\n return new Response(\n renderError(`Network error reaching Data API at ${dataApiUrl}: ${e}`),\n { status: 502, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n }\n\n if (!resume!) {\n if (!apiRes!.ok) {\n // Non-OK upstream (429, 401, 5xx) — fall back to stale cache if available\n if (cached) {\n resume = cached.resume;\n cacheAgeMs = cached.ageMs;\n } else {\n // No cache at all — pass through the error as-is\n return new Response(apiRes!.body, {\n status: apiRes!.status,\n statusText: apiRes!.statusText,\n headers: { \"Content-Type\": apiRes!.headers.get(\"Content-Type\") ?? \"application/json\" },\n });\n }\n } else {\n let json: unknown;\n try {\n json = await apiRes!.json();\n } catch {\n return new Response(\n renderError(`Data API returned non-JSON (HTTP ${apiRes!.status}).`),\n { status: 502, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n\n if (!validateResume(json)) {\n return new Response(\n renderError(\"Data API response is missing required field: basics.name.\"),\n { status: 502, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n\n resume = json;\n cacheAgeMs = 0;\n // Always save fresh data to cache (even on ?force=1)\n await writeCache(resume);\n }\n }\n }\n\n // X-Cache-Age header: seconds since last successful cache write (-1 = no cache)\n const cacheAgeHeader = cacheAgeMs !== null\n ? String(Math.floor(cacheAgeMs / 1000))\n : \"-1\";\n const extraHeaders = { \"X-Cache-Age\": cacheAgeHeader };\n\n if (route === \"jsonresume\") return renderJsonResume(resume, jsonThemeName, extraHeaders);\n\n const html = route === \"tailwind\"\n ? renderTailwind(resume, showPhoto)\n : renderMinimal(resume, showPhoto);\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\", \"Cache-Control\": \"no-cache\", ...extraHeaders },\n });\n}","createdAt",["D",1775346967393],"branchVersion","branchId","ac7caa32-304f-11f1-a304-42dde27851f2","id","ac7c5b0e-304f-11f1-a304-42dde27851f2","linkedin-resume-ui",["D",1775325417955],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Presentation layer for JSON Resume data from linkedin-mdp-api","imageUrl","019d4346-6ed8-74ee-be55-6e7343f6f671","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019d4346-6ed8-74ee-be55-714dbfa64c1c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",61,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","foxdark410","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zQmhuVGI4UzhFbUpicE1xUUl1OW5jY3RQVDIifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":163,"_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":164,"_79":165,"_81":166,"_83":25},"tree",[154,155],"files",[154,155],"counts",{"_143":61,"_144":145,"_146":61,"_147":148,"_149":150},"contents",[126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":135,"_32":136,"_30":137,"_129":-5,"_41":42,"_40":138,"_130":25,"_38":139,"_13":140,"_33":20,"_35":141,"_24":25,"_133":-5,"_27":142},{"_43":128,"_32":28,"_30":31,"_129":-5,"_41":42,"_40":14,"_130":25,"_38":131,"_13":132,"_33":34,"_35":37,"_24":25,"_133":-5,"_27":134},"d8f623fe-3081-11f1-a57e-42dde27851f2","parentId","latest",["D",1775346967393],13,"label",[28],"68611c0e-3075-11f1-a6ae-42dde27851f2","README.md","9953d0f8-3067-11f1-9f33-42dde27851f2",10,["D",1775341624552],2,"# linkedin-resume-ui\n\nPresentation layer (HTTP val) that fetches JSON Resume data from\n[`linkedin-mdp-api`](https://www.val.town/x/foxdark410/linkedin-mdp-api) and\nrenders it as a styled HTML page in the browser.\n\n> **Architecture:** This val is a pure UI layer. It contains zero LinkedIn/OAuth\n> logic — all data fetching and normalization lives in `linkedin-mdp-api`.\n\n---\n\n## Live Endpoints\n\n| URL | Description |\n|-----|-------------|\n| `/` | 302 redirect to the route configured in `DEFAULT` env var |\n| `/minimal` | Serif CSS-only theme (print-friendly) |\n| `/tailwind` | Card-based theme via Tailwind CDN |\n| `/jsonresume` | Server-side render using a [jsonresume.org](https://jsonresume.org/themes/) theme |\n\n### Query Parameters\n\n| Param | Applies to | Description |\n|-------|-----------|-------------|\n| `?photo=1` | `/minimal`, `/tailwind` | Show `basics.image` as a circular avatar (96×96 px) |\n| `?theme=` | `/jsonresume` | jsonresume theme package name (default: `even`) |\n\n**Known-working themes for `/jsonresume`:** `even`, `kendall`, `flat`,\n`stackoverflow`, `paper`, `elegant` and most others from\n[jsonresume.org/themes](https://jsonresume.org/themes/).\nThemes are loaded via `npm:` so Deno unpacks the real package and\n`fs.readFileSync` works correctly with `__dirname`.\n\n---\n\n## Environment Variables\n\nSet these in the val's **Environment Variables** sidebar.\n\n| Key | Required | Default | Description |\n|-----|:--------:|---------|-------------|\n| `DATA_API_URL` | — | hardcoded `linkedin-mdp-api` endpoint | Base URL of the data API (no trailing slash) |\n| `DEFAULT` | — | `minimal` | Default route for `/` redirect. Can include query string, e.g. `tailwind?photo=1` |\n\n> **Note:** `DEFAULT` warning in logs (`\"DEFAULT\" is not set`) is harmless —\n> the val falls back to `minimal` automatically.\n\n---\n\n## Data Flow\n\n```\nBrowser → /minimal (or /tailwind, /jsonresume)\n └─ fetch DATA_API_URL/jsonresume\n └─ linkedin-mdp-api\n └─ LinkedIn DMA API (OAuth)\n```\n\n**linkedin-mdp-api** applies all data normalization:\n- double-space → `\\n` paragraph trick\n- bullet character detection via `BULLETS` env var\n- photo extraction from `RICH_MEDIA` log\n- JSON Resume schema v1.0.0 compliance\n\n**linkedin-resume-ui** applies presentation-only fixes on top:\n- `flatSkills()` — expands `{ name: \"Skills\", keywords: [...] }` into chips\n- `dedupDegree()` — removes `\"X, X\"` duplicated degree strings from API\n- `prose()` — converts `\\n\\n` → `

`, `\\n` → `
`, strips ` `/`\\u00a0`\n- `dateRange()` — formats ISO dates as `YYYY-MM – YYYY-MM` or `YYYY-MM – Present`\n- label normalization — `\\n`-separated role titles → ` · ` separator\n\n---\n\n## Error Handling\n\n| Situation | Behaviour |\n|-----------|----------|\n| LinkedIn API returns 429 / 401 / 5xx | Response body passed through **as-is** with original status code |\n| Network error reaching `DATA_API_URL` | 502 + styled error page with URL shown |\n| API returns non-JSON | 502 + styled error page |\n| `basics.name` missing or empty | 502 + styled error page (guards against blank render) |\n| Unknown route (e.g. `/foo`) | 404 + styled error page listing valid routes |\n| jsonresume theme import fails | 500 + styled error page with hint |\n\n---\n\n## Current Version: v6\n\n### Changelog\n\n| Version | Key changes |\n|---------|-------------|\n| v1–v3 | Initial themes, token passing, basic structure |\n| v4 | Skills flatting, degree dedup, `prose()`, label normalization |\n| v5 | `DEFAULT` redirect, `?photo=1`, jsonresume server-side render via `esm.sh`, `require` → ESM fix |\n| **v6** | API error passthrough (no longer wraps in 502), `basics.name` validation, photo `object-fit: cover` scaling, photo removed from `/jsonresume` (theme-managed), fs-error hint for incompatible themes |\n\n---\n\n## TODO\n\n### High priority\n- [ ] **Caching** — add a short-lived cache (e.g. blob storage, 5–15 min TTL)\n for API responses to survive LinkedIn's `429 Too Many Requests` day limit\n gracefully. Currently hitting the limit renders nothing.\n- [ ] **`/jsonresume` photo control** — jsonresume themes render photo\n unconditionally if `basics.image` is set. Consider stripping `basics.image`\n from the payload unless `?photo=1` is passed (mirror `/minimal`/`/tailwind`\n behaviour).\n- [ ] **PDF export** — add a `/pdf` route using Puppeteer/`@browserless/chrome`\n or a print-CSS `?format=pdf` flag.\n\n### Medium priority\n- [ ] **Theme selector UI** — a small nav bar listing available routes/themes\n so the user doesn't have to type URLs manually.\n- [ ] **`/jsonresume` theme list** — enumerate known-working themes with links,\n possibly as a `/jsonresume?theme=list` discovery endpoint.\n- [ ] **Error page improvements** — show the raw API error body (status + message)\n when the upstream returns 4xx/5xx, not just the status code.\n- [ ] **`basics.image` proxy** — LinkedIn photo URLs may expire or require\n auth headers; consider proxying through the val to avoid broken images.\n\n### Low priority / Nice to have\n- [ ] Add `` tags for social sharing preview.\n- [ ] Dark mode via `@media (prefers-color-scheme: dark)`.\n- [ ] Print-specific CSS polish for `/tailwind` (page breaks, margins).\n- [ ] `?lang=` param to filter multi-language data (dependent on API support).\n\n---\n\n## Known Issues\n\n### `429 Too Many Requests` from LinkedIn\nLinkedIn DMA API has a **per-day rate limit per application**. Once exhausted,\nall endpoints return `429` verbatim until midnight UTC. No workaround exists\nwithout caching (see TODO above). Plan renders in the morning when the limit resets.\n\n### jsonresume theme compatibility\nThemes are imported via `npm:jsonresume-theme-`. Deno unpacks the full\npackage into its module cache, so `__dirname` and `fs.readFileSync` work\ncorrectly. Most themes from [jsonresume.org/themes](https://jsonresume.org/themes/)\nshould work. If a theme has exotic runtime dependencies (native addons, etc.)\nit may still fail — the error page will show the exact message.\n\n### `DEFAULT` env var warning in logs\nVal Town's runtime emits `WARNING: \"DEFAULT\" is not set` on every request.\nThis is cosmetic — the val defaults to `minimal`. Set the env var to silence it.\n\n### LinkedIn API data is a snapshot (not real-time)\nProfile edits on LinkedIn may take hours or up to a day to appear in API\noutput. This is a LinkedIn DMA API limitation, not a bug in this val.\n\n---\n\n## Related Vals\n\n- [`foxdark410/linkedin-mdp-api`](https://www.val.town/x/foxdark410/linkedin-mdp-api)\n — data layer: fetches LinkedIn DMA snapshot, exports JSON Resume, MAC, RenderCV,\n Markdown, plain text.\n\n---\n\n## Development Notes\n\n### File structure\n```\nlinkedin-resume-ui/\n└── main.ts # Single HTTP handler — all themes, routing, helpers in one file\n```\n\nAll logic intentionally lives in one file to keep the val self-contained and\neasy to fork. If the file grows beyond ~1000 lines, consider splitting into:\n- `themes/minimal.ts`\n- `themes/tailwind.ts`\n- `themes/jsonresume.ts`\n- `utils.ts` (esc, prose, dateRange, flatSkills, dedupDegree)\n- `main.ts` (router + error handler)\n\n### Deno import conventions (Val Town)\n- npm packages: `import X from \"npm:package-name\"`\n- esm.sh (for CJS packages without Deno support): `import(\"https://esm.sh/package\")`\n- Val Town std lib: `import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\"`\n\n### Testing without LinkedIn token\nWhen the LinkedIn API limit is hit (429), test locally by temporarily hardcoding\na fixture JSON Resume object in `main.ts` and bypassing the `fetch` call:\n```ts\n// Temporary fixture for local dev / rate-limit debugging\nconst json = { basics: { name: \"Test User\", label: \"Engineer\" }, work: [] };\n```\n",[136],"pulls","branches",1,"forks","envVars",{"_151":145,"_153":61},"connections",{"_151":61,"_152":61},"count","unfilledCount","emptyCount",{"_43":135,"_32":136,"_30":137,"_129":-5,"_41":42,"_40":138,"_130":25,"_38":160,"_13":140,"_33":20,"_35":141,"_24":25,"_133":-5,"_157":161,"_27":162},{"_43":128,"_32":28,"_30":31,"_129":-5,"_41":42,"_40":14,"_130":25,"_38":156,"_13":132,"_33":34,"_35":37,"_24":25,"_133":-5,"_157":158,"_27":159},["D",1775346967393],"children",[],[28],["D",1775341624552],[],[136],["D",1775325417955],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_123":200,"_201":202,"_203":204,"_205":25,"_206":25,"_207":25,"_208":121,"_209":-5,"_210":-7,"_211":-7,"_212":61,"_213":25,"_214":25,"_215":-5,"_216":25,"_217":25,"_218":25,"_219":-5},"ENV",{"_171":172,"_173":174,"_175":85,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199},"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 · v17