[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_176":177,"_178":179},"routes/_app.x.$handle.$name",{"_91":90,"_31":42,"_99":81,"_26":100,"_13":14,"_101":-5,"_11":102,"_103":104,"_105":106,"_107":108,"_109":110,"_20":-5,"_111":-5,"_112":-5,"_113":24,"_114":115,"_116":117,"_118":-5,"_119":-5,"_120":121},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_40":41,"_31":42,"_35":43,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":-5,"_50":-5,"_18":51,"_52":-5,"_53":24,"_54":-5,"_55":-5,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":-5,"_63":-5,"_64":65,"_66":65,"_67":68,"_69":68,"_70":68,"_71":65,"_72":65,"_73":74,"_75":76,"_77":78,"_79":24},"version",38,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":20,"_33":34,"_35":36,"_37":14,"_38":39,"_23":24},"previous","deleted",false,"deletedHere","path","test.html","latestPath","fileId","74aeabba-f2f0-11f0-8060-42dde27851f2","name","fileType","content","\n\n\n \n \n Letterboxd API Test\n \n\n\n

🎬 Latest Letterboxd Watch

\n\n \n\n","createdAt",["D",1768577501202],"branchVersion","branchId","e6e8c96e-eb5b-11f0-8eee-42dde27851f2","id","e6e86834-eb5b-11f0-8eee-42dde27851f2","letterboxd",["D",1767744039700],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","41e8ffac-7579-4d28-8abc-9ea3fbbfbe3d","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","df0d4168-ae66-42fa-a2b7-794c074a0595","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_91":90,"_98":94},"org",{"_91":90,"_92":-5,"_93":94,"_18":51,"_95":96,"_97":24},"branch",{"_13":80,"_31":81,"_40":39,"_82":41,"_83":-5,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":42,"_89":90},"isOwned",51,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","pinjasaur","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJqVWJWeUNGZ2tVNzFGVzhOTnY2bWNOQnVGaSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_40":41,"_31":42,"_35":172,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":-5,"_50":-5,"_18":51,"_52":-5,"_53":24,"_54":-5,"_55":-5,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":-5,"_63":-5,"_64":65,"_66":65,"_67":68,"_69":68,"_70":68,"_71":65,"_72":65,"_73":173,"_75":174,"_77":175,"_79":24},"tree",[159,160,161],"files",[159,160,161],"counts",{"_148":57,"_149":150,"_151":57,"_152":153,"_154":155},"contents",[122,123,124],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_40":140,"_31":141,"_29":142,"_126":-5,"_38":39,"_37":143,"_127":24,"_35":144,"_13":145,"_32":20,"_33":146,"_23":24,"_129":-5,"_26":147},{"_40":131,"_31":132,"_29":133,"_126":-5,"_38":39,"_37":134,"_127":24,"_35":135,"_13":136,"_32":137,"_33":138,"_23":24,"_129":-5,"_26":139},{"_40":125,"_31":27,"_29":30,"_126":-5,"_38":39,"_37":14,"_127":24,"_35":128,"_13":57,"_32":20,"_33":34,"_23":24,"_129":-5,"_26":130},"74aeaaf2-f2f0-11f0-8060-42dde27851f2","parentId","latest",["D",1768577501202],"label",[27],"5fc79c48-f2f0-11f0-b57e-42dde27851f2","index.ts","0bab8bba-f25a-11f0-aa11-42dde27851f2",35,["D",1768577466134],11,"http","// Letterboxd Diary API - Get most recent diary entry for pinjasaur\n// Usage: GET / returns the most recent diary entry as JSON\n\ninterface DiaryEntry {\n title: string | null;\n year: number | null;\n rating: number | null; // 0.5 to 5 stars\n watchDate: string | null; // YYYY-MM-DD format\n posterUrl: string | null;\n filmUrl: string | null;\n scrapedAt: string;\n}\n\n// Proxy function to serve Letterboxd poster images\nasync function handlePosterProxy(posterUrl: string): Promise {\n try {\n const response = await fetch(posterUrl, {\n headers: {\n 'User-Agent': 'Mozilla/5.0 (compatible; LetterboxdAPI/1.0)',\n 'Referer': 'https://letterboxd.com/'\n }\n });\n \n if (!response.ok) {\n // Return a placeholder image or error response\n return new Response(\n ``,\n {\n headers: {\n 'Content-Type': 'image/svg+xml',\n 'Cache-Control': 'public, max-age=3600',\n 'Access-Control-Allow-Origin': '*'\n }\n }\n );\n }\n \n const imageBuffer = await response.arrayBuffer();\n const contentType = response.headers.get('content-type') || 'image/jpeg';\n \n return new Response(imageBuffer, {\n headers: {\n 'Content-Type': contentType,\n 'Cache-Control': 'public, max-age=86400', // Cache for 24 hours\n 'Access-Control-Allow-Origin': '*'\n }\n });\n } catch (error) {\n console.error('Error proxying poster:', error);\n // Return a placeholder SVG instead of just text\n return new Response(\n ``,\n {\n headers: {\n 'Content-Type': 'image/svg+xml',\n 'Cache-Control': 'public, max-age=3600',\n 'Access-Control-Allow-Origin': '*'\n }\n }\n );\n }\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n \n // Handle poster proxy requests\n if (url.pathname === '/poster' && url.searchParams.has('url')) {\n return handlePosterProxy(url.searchParams.get('url')!);\n }\n \n try {\n // Fetch the diary page\n const response = await fetch('https://letterboxd.com/pinjasaur/diary/', {\n headers: {\n 'User-Agent': 'Mozilla/5.0 (compatible; LetterboxdAPI/1.0)'\n }\n });\n \n if (!response.ok) {\n throw new Error(`Failed to fetch diary: ${response.status} ${response.statusText}`);\n }\n \n const html = await response.text();\n \n // Extract diary entry rows\n const diaryEntryRegex = /]*class=\"[^\"]*diary-entry-row[^\"]*\"[^>]*>(.*?)<\\/tr>/gs;\n const matches = [...html.matchAll(diaryEntryRegex)];\n \n if (matches.length === 0) {\n return new Response(JSON.stringify({\n error: 'No diary entries found',\n message: 'The diary appears to be empty or the page structure has changed.'\n }), {\n status: 404,\n headers: { \n 'Content-Type': 'application/json',\n 'Cache-Control': 'public, max-age=300' // Cache for 5 minutes\n }\n });\n }\n \n // Parse the first (most recent) diary entry\n const mostRecentEntryHtml = matches[0][1];\n \n // Extract film title\n const titleMatch = mostRecentEntryHtml.match(/]*class=\"[^\"]*name[^\"]*\"[^>]*>.*?]*href=\"[^\"]*\"[^>]*>(.*?)<\\/a>/s) ||\n mostRecentEntryHtml.match(/]*href=\"\\/[^\\/]*\\/film\\/[^\"]*\"[^>]*>(.*?)<\\/a>/s) ||\n mostRecentEntryHtml.match(/data-item-name=\"([^\"]*) \$\\d{4}\$\"/);\n const title = titleMatch ? titleMatch[1].replace(/<[^>]*>/g, '').trim() : null;\n \n // Extract film year\n const yearMatch = mostRecentEntryHtml.match(/\$(\\d{4})\$/) ||\n mostRecentEntryHtml.match(/]*class=\"[^\"]*metadata[^\"]*\"[^>]*>.*?(\\d{4})/s);\n const year = yearMatch ? parseInt(yearMatch[1]) : null;\n \n // Extract rating (stars) - Letterboxd uses rated-X classes where X is the number of half-stars\n const ratingMatch = mostRecentEntryHtml.match(/class=\"[^\"]*rating[^\"]*\"[^>]*>.*?rated-(\\d+)/s) ||\n mostRecentEntryHtml.match(/rated-(\\d+)/);\n const rating = ratingMatch ? parseInt(ratingMatch[1]) / 2 : null; // Convert half-stars to stars\n \n // Extract poster image - look for actual image URLs, not page URLs\n const posterMatch = mostRecentEntryHtml.match(/]*src=\"([^\"]*)\"[^>]*class=\"[^\"]*image[^\"]*\"/) ||\n mostRecentEntryHtml.match(/]*class=\"[^\"]*image[^\"]*\"[^>]*src=\"([^\"]*)\"/);\n let posterUrl = posterMatch ? posterMatch[1] : null;\n \n // Convert relative URLs to absolute\n if (posterUrl && posterUrl.startsWith('/')) {\n posterUrl = `https://letterboxd.com${posterUrl}`;\n }\n \n // Check if this is Letterboxd's empty poster placeholder and set to null\n if (posterUrl && (posterUrl.includes('empty-poster') || posterUrl.includes('placeholder'))) {\n posterUrl = null;\n }\n \n // Create proxied poster URL to avoid CORS issues (only if we have a real poster)\n const proxiedPosterUrl = posterUrl ? `${new URL(req.url).origin}/poster?url=${encodeURIComponent(posterUrl)}` : null;\n \n // Extract watch date with better formatting\n const dateMatch = mostRecentEntryHtml.match(/]*class=\"[^\"]*col-daydate[^\"]*\"[^>]*>.*?]*href=\"[^\"]*\\/(\\d{4})\\/(\\d{2})\\/(\\d{2})\\/\"[^>]*>(\\d+)<\\/a>/s) ||\n mostRecentEntryHtml.match(/]*href=\"[^\"]*\\/diary\\/films\\/for\\/(\\d{4})\\/(\\d{2})\\/(\\d{2})\\/\"[^>]*>(\\d+)<\\/a>/s);\n let watchDate = null;\n if (dateMatch) {\n const [, year, month, day] = dateMatch;\n watchDate = `${year}-${month}-${day.padStart(2, '0')}`;\n } else {\n // Fallback to just the day number\n const dayMatch = mostRecentEntryHtml.match(/]*class=\"[^\"]*col-daydate[^\"]*\"[^>]*>.*?]*>(\\d+)<\\/a>/s);\n watchDate = dayMatch ? dayMatch[1] : null;\n }\n \n // Extract film URL for more details\n const filmUrlMatch = mostRecentEntryHtml.match(/]*href=\"(\\/[^\\/]*\\/film\\/[^\"]*)\"/) ||\n mostRecentEntryHtml.match(/data-item-link=\"([^\"]*)\"/);\n const filmUrl = filmUrlMatch ? `https://letterboxd.com${filmUrlMatch[1]}` : null;\n \n const entry: DiaryEntry = {\n title,\n year,\n rating,\n watchDate,\n posterUrl: proxiedPosterUrl,\n filmUrl,\n scrapedAt: new Date().toISOString()\n };\n \n return new Response(JSON.stringify(entry, null, 2), {\n headers: { \n 'Content-Type': 'application/json',\n 'Cache-Control': 'public, max-age=300', // Cache for 5 minutes\n 'Access-Control-Allow-Origin': '*' // Allow CORS for your website\n }\n });\n \n } catch (error) {\n console.error('Error fetching diary:', error);\n return new Response(JSON.stringify({ \n error: 'Failed to fetch diary',\n message: error instanceof Error ? error.message : 'Unknown error occurred'\n }), {\n status: 500,\n headers: { \n 'Content-Type': 'application/json',\n 'Cache-Control': 'no-cache'\n }\n });\n }\n}",[132],"6d06c564-f2f0-11f0-aa06-42dde27851f2","README.md","1cf21222-f25a-11f0-9c5a-42dde27851f2",37,["D",1768577488355],7,"# Letterboxd Diary API\n\nA simple API to fetch the most recent diary entry from a Letterboxd user's diary page.\n\n## Overview\n\nThis API scrapes the Letterboxd diary page for user \"pinjasaur\" and returns the most recent film entry in a clean JSON format. Perfect for displaying your latest watched movie on a personal website or blog.\n\n## API Endpoints\n\n**GET** `/`\n\nReturns the most recent diary entry as JSON.\n\n**GET** `/poster?url=`\n\nProxies Letterboxd poster images to avoid CORS restrictions. Returns a placeholder SVG if the original image is unavailable. The main API automatically returns proxied URLs, but you can use this endpoint directly if needed.\n\n## Response Format\n\n```json\n{\n \"title\": \"Long Story Short\",\n \"year\": 2021,\n \"rating\": 3,\n \"watchDate\": \"2026-01-15\",\n \"posterUrl\": null,\n \"filmUrl\": \"https://letterboxd.com/pinjasaur/film/long-story-short-2021/\",\n \"scrapedAt\": \"2026-01-16T15:31:10.959Z\"\n}\n```\n\n*Note: `posterUrl` will be `null` when no poster image is available, or a proxied URL when an image exists.*\n\n### Fields\n\n- **title**: Film title (string | null)\n- **year**: Release year (number | null)\n- **rating**: Star rating from 0.5 to 5 stars (number | null)\n- **watchDate**: Date watched in YYYY-MM-DD format (string | null)\n- **posterUrl**: Proxied poster image URL that works around CORS restrictions (string | null)\n- **filmUrl**: Link to the film's Letterboxd page (string | null)\n- **scrapedAt**: ISO timestamp of when the data was scraped (string)\n\n## Usage Examples\n\n### JavaScript/Fetch\n```javascript\nfetch('https://your-val-town-url.web.val.run/')\n .then(response => response.json())\n .then(data => {\n console.log(`Latest watched: ${data.title} (${data.year})`);\n console.log(`Rating: ${data.rating}/5 stars`);\n });\n```\n\n### HTML Integration\n```html\n

\n\n\n```\n\n## Caching\n\nThe API includes caching headers:\n- **Cache-Control**: `public, max-age=300` (5 minutes)\n- **CORS**: Enabled for all origins\n\n## Error Handling\n\nThe API returns appropriate HTTP status codes:\n\n- **200**: Success\n- **404**: No diary entries found\n- **500**: Server error (network issues, parsing errors, etc.)\n\nError responses include a descriptive message:\n\n```json\n{\n \"error\": \"No diary entries found\",\n \"message\": \"The diary appears to be empty or the page structure has changed.\"\n}\n```\n\n## Technical Details\n\n- Built with TypeScript on Val Town\n- Scrapes HTML from `https://letterboxd.com/pinjasaur/diary/`\n- Uses regex patterns to extract structured data\n- Handles various edge cases and fallbacks\n- **Image Proxy**: Automatically proxies poster images to avoid CORS issues\n- **Fallback Images**: Returns placeholder SVG when original posters are unavailable\n- Returns high-resolution poster images (300px width) when available\n\n## Limitations\n\n- Only works for public Letterboxd profiles\n- Currently hardcoded to user \"pinjasaur\"\n- Dependent on Letterboxd's HTML structure (may break if they change their layout)\n- Rate limited by Letterboxd's servers\n- No authentication or private diary support\n\n## Future Enhancements\n\nPotential improvements could include:\n- Support for multiple users via query parameters\n- Pagination to get multiple recent entries\n- Additional metadata extraction (genres, director, etc.)\n- Webhook support for real-time updates\n- Better error handling and retry logic",[141],"pulls","branches",1,"forks","envVars",{"_156":57,"_158":57},"connections",{"_156":57,"_157":57},"count","unfilledCount","emptyCount",{"_40":140,"_31":141,"_29":142,"_126":-5,"_38":39,"_37":143,"_127":24,"_35":169,"_13":145,"_32":20,"_33":146,"_23":24,"_129":-5,"_163":170,"_26":171},{"_40":131,"_31":132,"_29":133,"_126":-5,"_38":39,"_37":134,"_127":24,"_35":166,"_13":136,"_32":137,"_33":138,"_23":24,"_129":-5,"_163":167,"_26":168},{"_40":125,"_31":27,"_29":30,"_126":-5,"_38":39,"_37":14,"_127":24,"_35":162,"_13":57,"_32":20,"_33":34,"_23":24,"_129":-5,"_163":164,"_26":165},["D",1768577501202],"children",[],[27],["D",1768577466134],[],[132],["D",1768577488355],[],[141],["D",1767744039700],{"_91":90,"_98":94},{"_91":90,"_92":-5,"_93":94,"_18":51,"_95":96,"_97":24},{"_13":80,"_31":81,"_40":39,"_82":41,"_83":-5,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":42,"_89":90},"ctx",{"_73":-5,"_119":209,"_210":211,"_212":213,"_214":24,"_215":24,"_216":24,"_217":117,"_218":-5,"_219":-7,"_220":-7,"_221":57,"_222":24,"_223":24,"_224":-5,"_225":24,"_226":24,"_227":24,"_228":-5},"ENV",{"_180":181,"_182":183,"_184":81,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208},"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 · v38