Random Subcurrent Post

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_182":183,"_184":185},"routes/_app.x.$handle.$name",{"_92":91,"_31":42,"_100":82,"_26":101,"_13":14,"_102":-5,"_11":103,"_104":105,"_106":107,"_108":109,"_110":111,"_20":-5,"_112":-5,"_113":-5,"_114":24,"_115":116,"_117":55,"_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":53,"_54":55,"_56":55,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":24},"version",7,"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","README.md","latestPath","fileId","543a1474-4246-11f0-987b-76b3cceeab13","name","fileType","content","# Random Subcurrent Post\n\nA Val Town application that fetches a random post from the [Subcurrent](https://astoria-tech.github.io/subcurrent-astro/) RSS feed and displays it in a clean, responsive web interface.\n\n## Features\n\n- 🎲 **Random Post Selection**: Fetches a random article from the Subcurrent RSS feed\n- 📱 **Responsive Design**: Clean, mobile-friendly interface using TailwindCSS\n- 🔄 **Refresh Functionality**: Get a new random post with the click of a button\n- 📊 **Feed Statistics**: Shows total number of available articles\n- 🔗 **Direct Links**: Easy access to read the full article on the original site\n\n## How It Works\n\n1. **RSS Discovery**: The backend automatically discovers the RSS feed from the Subcurrent website\n2. **Feed Parsing**: Parses the RSS XML using regex-based extraction (server-side compatible)\n3. **Random Selection**: Selects a random post from all available articles\n4. **Clean Display**: Presents the post with title, description, publication date, and link\n\n## API Endpoints\n\n- `GET /` - Main web interface\n- `GET /api/random-post` - Returns a random post in JSON format\n\n## Technical Stack\n\n- **Backend**: Hono framework for HTTP handling\n- **Frontend**: React 18.2.0 with TailwindCSS\n- **RSS Parsing**: Custom regex-based XML parser (Deno/server compatible)\n- **Styling**: TailwindCSS via CDN\n\n## Project Structure\n\n```\n├── index.ts # Main HTTP handler with API routes\n├── frontend/\n│ └── index.html # React frontend application\n└── README.md # This file\n```\n\n## Usage\n\nVisit the deployed Val to see a random Subcurrent post. Click the \"Get Another Random Post\" button to fetch a new random article.\n\nThe application automatically handles RSS feed discovery and parsing, making it easy to adapt for other RSS-enabled websites.","createdAt",["D",1749153027666],"branchVersion","branchId","dda9b2e2-4245-11f0-870f-76b3cceeab13","id","dda95694-4245-11f0-870f-76b3cceeab13","subcurrentShuffle3",["D",1749152828750],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","97567c3b-8285-4589-880d-547c23383b76","pinnedFileId","186d25f8-4246-11f0-aa91-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","112e17ac-118d-4072-aca6-a4ddc6b3970f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_92":91,"_99":95},"org",{"_92":91,"_93":-5,"_94":95,"_18":51,"_96":97,"_98":24},"branch",{"_13":14,"_31":82,"_40":39,"_83":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":42,"_90":91},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","ashryanio","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaG5kR0hRRTM0S1BSeXlIR2hCdjFqb1dTS3AifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_40":41,"_31":42,"_35":178,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":-5,"_50":-5,"_18":51,"_52":53,"_54":55,"_56":55,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":179,"_77":180,"_79":181,"_81":24},"tree",[157,159,160],"files",[157,158,159,160],"counts",{"_146":59,"_147":148,"_149":59,"_150":151,"_152":153},"contents",[122,123,124],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_40":139,"_31":140,"_29":141,"_127":-5,"_38":39,"_37":142,"_129":55,"_35":143,"_13":59,"_32":144,"_33":-5,"_23":24,"_134":-5,"_26":145},{"_40":136,"_31":27,"_29":30,"_127":-5,"_38":39,"_37":14,"_129":55,"_35":137,"_13":59,"_32":20,"_33":34,"_23":24,"_134":-5,"_26":138},{"_40":125,"_31":126,"_29":53,"_127":-5,"_38":39,"_37":128,"_129":55,"_35":130,"_13":131,"_32":132,"_33":133,"_23":24,"_134":-5,"_26":135},"4b26c5a8-4246-11f0-a6ff-76b3cceeab13","index.ts","parentId",6,"latest",["D",1749153012434],4,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\ninterface RSSItem {\n title: string;\n link: string;\n description: string;\n pubDate: string;\n guid?: string;\n}\n\n// Function to parse RSS XML and extract items\nfunction parseRSS(xmlText: string): RSSItem[] {\n const rssItems: RSSItem[] = [];\n \n // Extract all blocks\n const itemMatches = xmlText.match(/]*>[\\s\\S]*?<\\/item>/gi);\n \n if (!itemMatches) {\n return rssItems;\n }\n \n itemMatches.forEach(itemXml => {\n // Extract title\n const titleMatch = itemXml.match(/]*>([\\s\\S]*?)<\\/title>/i);\n const title = titleMatch ? titleMatch[1].replace(//g, '$1').trim() : \"\";\n \n // Extract link\n const linkMatch = itemXml.match(/]*>([\\s\\S]*?)<\\/link>/i);\n const link = linkMatch ? linkMatch[1].trim() : \"\";\n \n // Extract description\n const descMatch = itemXml.match(/]*>([\\s\\S]*?)<\\/description>/i);\n const description = descMatch ? descMatch[1].replace(//g, '$1').trim() : \"\";\n \n // Extract pubDate\n const pubDateMatch = itemXml.match(/]*>([\\s\\S]*?)<\\/pubDate>/i);\n const pubDate = pubDateMatch ? pubDateMatch[1].trim() : \"\";\n \n // Extract guid\n const guidMatch = itemXml.match(/]*>([\\s\\S]*?)<\\/guid>/i);\n const guid = guidMatch ? guidMatch[1].trim() : \"\";\n \n if (title || link) {\n rssItems.push({\n title,\n link,\n description,\n pubDate,\n guid\n });\n }\n });\n \n return rssItems;\n}\n\n// API endpoint to get a random RSS item\napp.get(\"/api/random-post\", async (c) => {\n try {\n // First, let's try to find the RSS feed URL\n const siteResponse = await fetch(\"https://astoria-tech.github.io/subcurrent-astro/\");\n if (!siteResponse.ok) {\n return c.json({ error: `Failed to fetch site: ${siteResponse.status}` }, 500);\n }\n \n const siteHtml = await siteResponse.text();\n \n // Look for RSS feed link in the HTML\n let rssUrl = \"\";\n \n // Look for RSS link in HTML head\n const rssLinkMatch = siteHtml.match(/]*type=[\"']application\\/rss\\+xml[\"'][^>]*href=[\"']([^\"']+)[\"']/i);\n if (rssLinkMatch) {\n rssUrl = rssLinkMatch[1];\n if (rssUrl.startsWith(\"/\")) {\n rssUrl = \"https://astoria-tech.github.io\" + rssUrl;\n } else if (!rssUrl.startsWith(\"http\")) {\n rssUrl = \"https://astoria-tech.github.io/subcurrent-astro/\" + rssUrl;\n }\n }\n \n // If not found, try common RSS feed paths\n if (!rssUrl) {\n const commonPaths = [\"/rss.xml\", \"/feed.xml\", \"/index.xml\", \"/feed/\", \"/atom.xml\"];\n for (const path of commonPaths) {\n const testUrl = \"https://astoria-tech.github.io/subcurrent-astro\" + path;\n try {\n const testResponse = await fetch(testUrl);\n if (testResponse.ok) {\n const testContent = await testResponse.text();\n if (testContent.includes(\" {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve frontend files\napp.get(\"/frontend/*\", (c) => {\n return new Response(\"File not found\", { status: 404 });\n});\n\nexport default app.fetch;","label",[126],"543a138e-4246-11f0-987b-76b3cceeab13",["D",1749153027666],[27],"26ce046e-4246-11f0-8617-76b3cceeab13","frontend","1d1d75f1-22f7-440b-84e6-571a4985d60e",2,["D",1749152951456],"directory",[140],"pulls","branches",1,"forks","envVars",{"_154":59,"_156":59},"connections",{"_154":59,"_155":59},"count","unfilledCount","emptyCount",{"_40":139,"_31":140,"_29":141,"_127":-5,"_38":39,"_37":142,"_129":55,"_35":175,"_13":59,"_32":144,"_33":-5,"_23":24,"_134":-5,"_162":176,"_26":177},{"_40":168,"_31":169,"_29":170,"_127":141,"_38":39,"_37":142,"_129":55,"_35":171,"_13":59,"_32":20,"_33":172,"_23":24,"_134":-5,"_162":173,"_26":174},{"_40":136,"_31":27,"_29":30,"_127":-5,"_38":39,"_37":14,"_129":55,"_35":165,"_13":59,"_32":20,"_33":34,"_23":24,"_134":-5,"_162":166,"_26":167},{"_40":125,"_31":126,"_29":53,"_127":-5,"_38":39,"_37":128,"_129":55,"_35":161,"_13":131,"_32":132,"_33":133,"_23":24,"_134":-5,"_162":163,"_26":164},["D",1749153012434],"children",[],[126],["D",1749153027666],[],[27],"26cde9ca-4246-11f0-8617-76b3cceeab13","index.html","26cdea88-4246-11f0-8617-76b3cceeab13",["D",1749152951456],"\n\n\n \n \n Random Subcurrent Post\n \n \n\n\n

\n \n \n\n",[],[140,169],["D",1749152951456],[158],[140],["D",1749152828750],{"_92":91,"_99":95},{"_92":91,"_93":-5,"_94":95,"_18":51,"_96":97,"_98":24},{"_13":14,"_31":82,"_40":39,"_83":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":42,"_90":91},"ctx",{"_75":-5,"_119":215,"_216":217,"_218":219,"_220":24,"_221":24,"_222":24,"_223":55,"_224":-5,"_225":-7,"_226":-7,"_227":59,"_228":24,"_229":24,"_230":-5,"_231":24,"_232":24,"_233":24,"_234":-5},"ENV",{"_186":187,"_188":189,"_190":82,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v7