My Reads | artivilla.com

\n \n \n \n \n\n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n\n \n \n\n \n \n \n \n\n \n \n\n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n\n","\n\n \n \n \n My Reads | artivilla.com\n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n\n \n \n\n \n \n \n \n\n \n \n\n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n\n",["D",1755824430940],{"_33":56,"_35":55,"_36":57,"_37":59,"_40":60,"_42":14,"_43":44,"_27":28},{"_33":56,"_35":55,"_36":57,"_37":58},"feed.cron.ts","b4cdfa74-6aed-11f0-9add-0224a6c84d84","interval","import { RSSService } from \"./services/rss.ts\";\n\n// This cron job runs every 6 hours to update the RSS feeds\nexport default async function () {\n try {\n const rssService = new RSSService();\n await rssService.buildAndStore();\n } catch (error) {\n console.error(\"❌ RSS feed update failed:\", error);\n throw error; // Re-throw to ensure cron job is marked as failed\n }\n}\n","import { RSSService } from \"./services/rss.ts\";\nimport { email } from \"https://esm.town/v/std/email\";\nimport { parseVal, readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { generateNewsletterHTML, FeedConfig } from \"./services/emailTemplate.tsx\";\n\n// This cron job runs every 6 hours to update the RSS feeds\nexport default async function () {\n try {\n const rssService = new RSSService();\n await rssService.buildAndStore();\n \n // Get username from val info\n const val = parseVal(import.meta.url);\n const username = `@${val.username}`;\n \n // Get the stored app data for the email\n const appData = await blob.getJSON(\"rss:app-data\");\n \n // Load feeds configuration\n const configContent = await readFile(\"/feeds.json\", import.meta.url);\n const feedsArray = JSON.parse(configContent) as [string, string[], string, string?][];\n const feedsConfig: FeedConfig[] = feedsArray.map(([normalizedKey, categories, feedUrl, optionalDomain]) => ({\n normalizedKey,\n categories,\n feedUrl,\n optionalDomain,\n }));\n \n if (appData && appData.items && appData.items.length > 0) {\n // Generate HTML email template\n const htmlContent = generateNewsletterHTML({\n title: appData.title,\n items: appData.items,\n feeds: appData.feeds,\n username: username,\n lastUpdated: appData.lastUpdated,\n feedsConfig: feedsConfig,\n });\n\n // Send notification email with HTML template\n await email({\n subject: rssService.getTitle(),\n text: `curated by ${username}`,\n html: htmlContent,\n });\n } else {\n // Fallback simple email if no data\n await email({\n subject: rssService.getTitle(),\n text: `curated by ${username}`,\n html: `

curated by ${username}

No new items to display.

`\n });\n }\n } catch (error) {\n console.error(\"❌ RSS feed update failed:\", error);\n throw error; // Re-throw to ensure cron job is marked as failed\n }\n}\n",["D",1755824430940],{"_33":63,"_35":64,"_36":65,"_37":66,"_40":67,"_42":14,"_43":44,"_27":28},"services/emailTemplate.tsx","6674b86c-7ef3-11f0-a0e0-0224a6c84d84","emailTemplate.tsx","email","export interface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n feedTitle: string;\n normalizedFeedKey: string;\n}\n\nexport interface FeedConfig {\n normalizedKey: string;\n categories: string[];\n feedUrl: string;\n optionalDomain?: string;\n}\n\nexport interface ParsedFeed {\n title?: string;\n link?: string;\n description?: string;\n normalizedKey?: string;\n}\n\ninterface NewsletterEmailProps {\n title: string;\n items: Item[];\n feeds: ParsedFeed[];\n username: string;\n lastUpdated: string;\n feedsConfig: FeedConfig[];\n}\n\nconst formatTimeAgo = (dateString: string | null): string => {\n if (!dateString) return \"Unknown date\";\n\n const now = new Date();\n const pubDate = new Date(dateString);\n const diffMs = now.getTime() - pubDate.getTime();\n const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n\n if (diffDays === 0) return \"Today\";\n if (diffDays === 1) return \"1 day ago\";\n return `${diffDays} days ago`;\n};\n\nconst escapeHtml = (text: string): string => {\n return text\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n};\n\nconst isWithinLastWeek = (dateString: string | null): boolean => {\n if (!dateString) return false;\n const now = new Date();\n const pubDate = new Date(dateString);\n const diffMs = now.getTime() - pubDate.getTime();\n const diffDays = diffMs / (1000 * 60 * 60 * 24);\n return diffDays <= 7;\n};\n\nexport const generateNewsletterHTML = ({\n title,\n items,\n feeds,\n username,\n lastUpdated,\n feedsConfig,\n}: NewsletterEmailProps): string => {\n // Filter items from last week\n const recentItems = items.filter((item) =>\n isWithinLastWeek(item.publication),\n );\n\n // If no recent items, return early with a message\n if (recentItems.length === 0) {\n return `\n \n \n \n \n \n ${escapeHtml(title)} - No recent updates\n \n \n

\n ${escapeHtml(title)}\n

\n No new updates in the last week.\n

\n curated by ${escapeHtml(username)}\n

\n \n \n `;\n }\n\n // Create a map of normalizedKey to categories\n const keyToCategoriesMap = new Map();\n feedsConfig.forEach((config) => {\n keyToCategoriesMap.set(config.normalizedKey, config.categories);\n });\n\n // Group items by categories\n const itemsByCategory = recentItems.reduce(\n (acc, item) => {\n const categories = keyToCategoriesMap.get(item.normalizedFeedKey) || [];\n\n // If no categories, put in \"Other\"\n if (categories.length === 0) {\n if (!acc[\"Other\"]) acc[\"Other\"] = [];\n acc[\"Other\"].push(item);\n return acc;\n }\n\n // Add item to all its categories\n categories.forEach((category) => {\n if (!acc[category]) acc[category] = [];\n acc[category].push(item);\n });\n\n return acc;\n },\n {} as Record,\n );\n\n const categorySectionsHTML = Object.entries(itemsByCategory)\n .map(([category, categoryItems]) => {\n const itemsHTML = categoryItems\n .map(\n (item) => `\n

\n \n ${escapeHtml(item.title)}\n \n

\n ${escapeHtml(item.domain)} | ${formatTimeAgo(item.publication)}\n

\n `,\n )\n .join(\"\");\n\n return `\n

\n #${escapeHtml(category)}\n

\n ${itemsHTML}\n

\n `;\n })\n .join(\"\");\n\n return `\n \n \n \n \n \n ${escapeHtml(title)} - Latest updates from your RSS feeds\n \n \n

\n ${escapeHtml(title)}\n

\n\n ${categorySectionsHTML}\n\n

\n curated by ${escapeHtml(username)}\n

\n Last updated: ${new Date(lastUpdated).toLocaleDateString()}\n

\n \n \n `;\n};\n",["D",1755824430940],"id","08f3c826-469b-11f0-a4c8-76b3cceeab13","rss",["D",1749629213223],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","collection of newsletters I read daily","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/8f9c7878-2166-4385-362f-a6532ddba100/square512?exp=1789585199&sig=d4c8689d0b0874530cbc3003ed2c364697a966e1ad480c83af9607ab94336094","d56bd8b2-a31e-4821-93e6-bcbdd41c83ba","pinnedFileId","a465e4e7-fc74-4b03-a1bd-9d8c1b083d00","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0d30098c-721f-4d42-b17b-1da1e51d05e7","tursoName","08f3c826469b11f0a4c876b3cceeab13","tursoHostname","08f3c826469b11f0a4c876b3cceeab13-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789531852468],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_126":125,"_133":129},"org",{"_126":125,"_127":-5,"_128":129,"_18":81,"_130":131,"_132":28},"branch",{"_13":115,"_35":116,"_68":44,"_117":69,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":70,"_124":125},"isOwned",288,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","artivilla","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/05b096c6-70cf-4d2b-51e5-6c69c44dbf00/square512?exp=1789585199&sig=ea48e528fd0794ad1d7793646731426395247e3d04654aa5dbb5a150d01843dd","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_68":69,"_35":70,"_40":539,"_72":-5,"_73":28,"_74":75,"_76":75,"_77":78,"_79":80,"_18":81,"_82":83,"_84":85,"_86":85,"_87":-5,"_88":89,"_90":91,"_92":93,"_94":95,"_96":540,"_98":-5,"_99":100,"_101":100,"_102":103,"_104":103,"_105":103,"_106":100,"_107":100,"_108":541,"_110":542,"_112":543,"_114":28},"tree",[269,271,273,293,296,300,301,302,303,304,305,306,307,308],"files",[269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308],"counts",{"_259":89,"_260":192,"_261":228,"_262":263,"_264":265},"contents",[157,158,159,160,161,162,163,164,165,166,167,168,169,170],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{"_83":156},"rss.artivilla.com",{"_68":254,"_35":255,"_33":256,"_173":-5,"_43":44,"_42":211,"_175":85,"_40":257,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_30":258},{"_68":249,"_35":250,"_33":251,"_173":-5,"_43":44,"_42":204,"_175":28,"_40":252,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_30":253},{"_68":244,"_35":245,"_33":246,"_173":-5,"_43":44,"_42":197,"_175":85,"_40":247,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_30":248},{"_68":239,"_35":240,"_33":241,"_173":-5,"_43":44,"_42":197,"_175":85,"_40":242,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_30":243},{"_68":232,"_35":233,"_33":234,"_173":-5,"_43":44,"_42":235,"_175":85,"_40":236,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_30":238},{"_68":225,"_35":226,"_33":227,"_173":-5,"_43":44,"_42":228,"_175":28,"_40":229,"_13":89,"_36":23,"_37":230,"_27":28,"_180":-5,"_30":231},{"_68":219,"_35":220,"_33":221,"_173":-5,"_43":44,"_42":211,"_175":85,"_40":222,"_13":89,"_36":23,"_37":223,"_27":28,"_180":-5,"_30":224},{"_68":216,"_35":31,"_33":34,"_173":-5,"_43":44,"_42":14,"_175":85,"_40":217,"_13":192,"_36":23,"_37":39,"_27":28,"_180":-5,"_30":218},{"_68":208,"_35":209,"_33":210,"_173":-5,"_43":44,"_42":211,"_175":28,"_40":212,"_13":213,"_36":23,"_37":214,"_27":28,"_180":-5,"_30":215},{"_68":201,"_35":202,"_33":203,"_173":-5,"_43":44,"_42":204,"_175":28,"_40":205,"_13":89,"_36":23,"_37":206,"_27":28,"_180":-5,"_30":207},{"_68":194,"_35":195,"_33":196,"_173":-5,"_43":44,"_42":197,"_175":85,"_40":198,"_13":192,"_36":23,"_37":199,"_27":28,"_180":-5,"_30":200},{"_68":190,"_35":55,"_33":56,"_173":-5,"_43":44,"_42":14,"_175":28,"_40":191,"_13":192,"_36":57,"_37":59,"_27":28,"_180":-5,"_30":193},{"_68":182,"_35":183,"_33":184,"_173":-5,"_43":44,"_42":185,"_175":28,"_40":186,"_13":187,"_36":23,"_37":188,"_27":28,"_180":-5,"_30":189},{"_68":171,"_35":172,"_33":83,"_173":-5,"_43":44,"_42":174,"_175":85,"_40":176,"_13":177,"_36":178,"_37":179,"_27":28,"_180":-5,"_30":181},"9cc9cbc8-7e8a-11f0-9cf5-0224a6c84d84","http.ts","parentId",158,"latest",["D",1755779424922],15,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport {\n parseVal,\n readFile,\n serveFile,\n} from \"https://esm.town/v/std/utils/index.ts\";\nimport { RSSService } from \"./services/rss.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { extractDomainsFromFeeds } from \"./shared/domains.ts\";\nimport { httpEndpoint } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\nconst rssService = new RSSService();\n\n// API Routes\napp.get(\"/api/data\", async (c) => {\n try {\n const data = await blob.getJSON(\"rss:app-data\");\n if (!data) {\n return c.json({ error: \"No data available\" }, 404);\n }\n return c.json(data);\n } catch (error) {\n console.error(\"Error fetching app data:\", error);\n return c.json({ error: \"Failed to fetch data\" }, 500);\n }\n});\n\n// Get configured domains from feeds.json\napp.get(\"/api/domains\", async (c) => {\n try {\n const feeds = await rssService.getConfiguredFeeds();\n const domains = extractDomainsFromFeeds(feeds);\n return c.json(domains);\n } catch (error) {\n console.error(\"Error fetching configured domains:\", error);\n return c.json({ error: \"Failed to fetch domains\" }, 500);\n }\n});\n\n// Get feeds configuration from feeds.json\napp.get(\"/api/feeds\", async (c) => {\n try {\n const feedsData = await rssService.getFeedsConfig();\n return c.json(feedsData);\n } catch (error) {\n console.error(\"Error fetching feeds configuration:\", error);\n return c.json({ error: \"Failed to fetch feeds configuration\" }, 500);\n }\n});\n\n// Manual trigger for RSS update (for testing)\napp.get(\"/api/update\", async (c) => {\n try {\n await rssService.buildAndStore();\n return c.json({ success: true, message: \"RSS feeds updated successfully\" });\n } catch (error) {\n console.error(\"❌ RSS feed update failed:\", error);\n return c.json(\n { error: \"Failed to update RSS feeds\", details: error.message },\n 500,\n );\n }\n});\n\napp.get(\"/feed.xml\", async (c) => {\n try {\n const feed = await blob.get(\"rss:feed-xml\");\n if (!feed) {\n return c.text(\"Feed not found\", 404);\n }\n\n const feedContent = String(feed).replace(\n \"{{ id }}\",\n new URL(c.req.url).origin,\n );\n return c.body(feedContent, {\n headers: { \"Content-Type\": \"application/atom+xml\" },\n });\n } catch (error) {\n console.error(\"Error serving feed:\", error);\n return c.text(\"Failed to serve feed\", 500);\n }\n});\n\napp.get(\"/feeds.txt\", async (c) => {\n try {\n const feeds = await rssService.getConfiguredFeeds();\n return c.text(feeds.join(\"\\n\"), {\n headers: { \"Content-Type\": \"text/plain\" },\n });\n } catch (error) {\n console.error(\"Error serving feeds list:\", error);\n return c.text(\"Failed to serve feeds list\", 500);\n }\n});\n\n// Favicon route\napp.get(\n \"/favicon.ico\",\n (_c) => serveFile(\"/frontend/favicon.svg\", import.meta.url),\n);\napp.get(\n \"/favicon.svg\",\n (_c) => serveFile(\"/frontend/favicon.svg\", import.meta.url),\n);\n\n// Static file serving\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Main route - serve frontend with bootstrapped data\napp.get(\"/\", async (c) => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Get this project's val info including username\n const val = parseVal(import.meta.url);\n const username = `@${val.username}`;\n\n // Inject the data as a global variable inside a script tag\n const dataScript = ``;\n\n // Insert the script right before the closing tag\n html = html.replace(\"\", `${dataScript}`);\n\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving frontend:\", error);\n return c.text(\"Frontend not available\", 500);\n }\n});\n\nexport default app.fetch;","label",[172],"cfca21da-7e62-11f0-8987-0224a6c84d84","feeds.json","dfdb3efc-6b8d-11f0-b5dc-0224a6c84d84",146,["D",1755762330639],20,"[\n [\"valTownBlog\", [\"products\"], \"https://blog.val.town/rss.xml\"],\n [\"railwayBlog\", [\"products\"], \"https://blog.railway.com/rss.xml\"],\n [\"posthogBlog\", [\"products\"], \"https://newsletter.posthog.com/feed\"],\n [\"polarBlog\", [\"products\"], \"https://docs.polar.sh/changelog/recent/rss.xml\"],\n [\"zedDevBlog\", [\"products\"], \"https://zed.dev/blog.rss\"],\n [\"raycastChangelog\", [\"products\"], \"https://www.raycast.com/changelog/feed.xml\"],\n [\"stripeBlog\", [\"products\"], \"https://stripe.com/blog/feed.rss\"],\n [\"neynarBlog\", [\"products\", \"crypto\"], \"https://rss-generator.artivilla.com/rss/neynar.xml\"],\n [\"emailEgghead\", [\"programming\"], \"https://kill-the-newsletter.com/feeds/sqpw3htkhocwl299i9t8.xml\"],\n [\"johnlindquistEgghead\", [\"programming\", \"AI\"], \"https://kill-the-newsletter.com/feeds/ejryrzls9ipgrjbhy51k.xml\"],\n [\"openaiNews\", [\"AI\"], \"https://openai.com/news/rss.xml\"],\n [\"anthropicNews\", [\"AI\"], \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_news.xml\"],\n [\"ollamaFeed\", [\"AI\"], \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_ollama.xml\"],\n [\"anthropicEngineering\", [\"AI\"], \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_engineering.xml\"],\n [\"anthropicResearch\", [\"AI\"], \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_research.xml\"],\n [\"craftOfUi\", [\"programming\"], \"https://craftofui.substack.com/feed\"],\n [\"grantSlatton\", [\"programming\"], \"https://grantslatton.com/rss.xml\"],\n [\"seanGoedecke\", [\"programming\"], \"https://www.seangoedecke.com/rss.xml\"],\n [\"samAltman\", [\"programming\"], \"https://blog.samaltman.com/posts.atom\"],\n [\"macWright\", [\"programming\"], \"https://macwright.com/rss.xml\"],\n [\"pomdtr\", [\"programming\"], \"https://blog.pomdtr.me/feed.xml\"],\n [\"joshWComeau\", [\"programming\", \"design\"], \"https://www.joshwcomeau.com/rss.xml\"],\n [\"davidPerell\", [\"writing\"], \"https://perell.com/feed\"],\n [\"vanSchneider\", [\"design\"], \"https://vanschneider.com/blog/rss\"],\n [\"dwrEmail\", [], \"https://dwr.email/rss\"],\n [\"lucCx\", [\"programming\"], \"https://luc.cx/rss\"],\n [\"calvInfo\", [\"programming\"], \"https://calv.info/atom.xml\"],\n [\"dhh\", [\"programming\"], \"https://world.hey.com/dhh/feed.atom\"],\n [\"jenWagner\", [\"design\"], \"https://jenwagner.co/feed\"],\n [\"paulgraham\", [\"startups\"], \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_paulgraham.xml\", \"paulgraham.com\"],\n [\"registerSpill\", [\"programming\"], \"https://registerspill.thorstenball.com/feed\"],\n [\"emilKowal\", [\"design\"], \"https://kill-the-newsletter.com/feeds/6gre6dor7sk0jmslnui4.xml\"],\n [\"simonWillison\", [\"AI\", \"programming\"], \"https://simonw.substack.com/feed\"],\n [\"artiVilla\", [\"programming\"], \"https://writing.artivilla.com/rss\"],\n [\"benEvans\", [\"strategy\"], \"https://www.ben-evans.com/benedictevans?format=rss\"],\n [\"bitsAboutMoney\", [\"finance\"], \"https://www.bitsaboutmoney.com/archive/rss\"],\n [\"matthewLevine\", [\"finance\"], \"https://www.bloomberg.com/authors/ARbTQlRLRjE/matthew-s-levine.rss\"],\n [\"getTheLeverage\", [\"strategy\", \"finance\"], \"https://www.gettheleverage.com/feed\"],\n [\"stratechery\", [\"strategy\"], \"https://stratechery.com/feed\"],\n [\"devouringDetails\", [\"design\"], \"https://kill-the-newsletter.com/feeds/70t2ouafobbic8yor549.xml\"],\n [\"everyTo\", [\"AI\", \"strategy\"], \"https://every.to/feeds/global.xml\"],\n [\"howardMarks\", [\"finance\", \"investing\"], \"https://rss.art19.com/the-memo-by-howard-marks\"],\n [\"gregBrockman\", [\"AI\"], \"https://blog.gregbrockman.com/feed\"],\n [\"tomTunguz\", [\"startups\"], \"https://tomtunguz.com/index.xml\"],\n [\"a16zCrypto\", [\"crypto\"], \"https://a16zcrypto.substack.com/feed\"],\n [\"variantFund\", [\"crypto\"], \"https://newsletter.variant.fund/feed\"],\n [\"socialGraphVentures\", [\"crypto\"], \"https://paragraph.com/@socialgraphventures/rss\"],\n [\"ourNetwork\", [\"crypto\"], \"https://ournetwork.substack.com/feed\"],\n [\"businessMasterclass\", [\"strategy\"], \"https://masterclass.thesmbcenter.com/feed\"],\n [\"craftOfUI\", [\"design\"], \"https://craftofui.substack.com/feed\"],\n [\"debuggingGTM\", [\"strategy\"], \"https://debugginggtm.substack.com/feed\"],\n [\"essayArchitecture\", [\"writing\"], \"https://www.michaeldean.site/feed\"],\n [\"collabFund\", [\"investing\", \"strategy\"], \"https://feeds.feedburner.com/collabfund\"],\n [\"creativeSamba\", [\"writing\"], \"https://creativesamba.substack.com/feed\"],\n [\"intellectualEdge\", [\"writing\"], \"https://theintellectualedge.substack.com/feed\"],\n [\"foundersTribune\", [\"startups\"], \"https://kill-the-newsletter.com/feeds/abadnp3zevughmb4dlyf.xml\"]\n]\n",[183],"6674da90-7ef3-11f0-a0e0-0224a6c84d84",["D",1755824430940],2,[55],"b4ce3cdc-6aed-11f0-9add-0224a6c84d84","deno.json","85d3e283-698b-41db-9e11-fb2221a9e761",90,["D",1753622962153],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"jsx\": \"react-jsx\",\n \"jsxImportSource\": \"https://esm.sh/react@18.2.0\",\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\",\n \"https://esm.sh/v135/@types/react@18.2.45/index.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}\n",[195],"d2b3b6b2-7d78-11f0-96b6-0224a6c84d84","TODO.md","d2b3b766-7d78-11f0-96b6-0224a6c84d84",144,["D",1755661833285],"## TODOs\n- add configuration to email newsletter to yourself\n- update pull to fetch to trigger feed.cron.ts\n- highlight already visited links\n- locally cache if filters are open close and what was last selected\n- bugfix: all feeds are working (neynar)\n",[202],"e3e04336-7d70-11f0-8eb9-0224a6c84d84","README.md","fb057215-2aeb-4b82-8435-ceda27d2d3b6",143,["D",1755658426119],4,"# Newsletter Aggregator\n\nCollection of newsletters I read daily with a slick interface. 📖💫💫\n\n- `feeds.json` directory lists all newsletters\n- feed.cron.ts runs at a custom interval and caches the feeds into persistant storage to allow our app to render the feeds\n\nOriginally forked from [@pomdtr/tinyfeed](https://www.val.town/x/pomdtr/tinyfeed)\n",[209],"6674c8ac-7ef3-11f0-a0e0-0224a6c84d84",["D",1755824430940],[31],"e3e01ab4-7d70-11f0-8eb9-0224a6c84d84","ARCHITECTURE.md","e3e01b2c-7d70-11f0-8eb9-0224a6c84d84",["D",1755658426119],"# Architecture Overview\n\nThis is a newsletter aggregator built for Val Town with the following key components:\n\n## Core Structure\n- **feeds.json**: Master configuration file containing feed definitions as `[normalizedKey, [categories], feedUrl, optionalDomain?]`\n- **feed.cron.ts**: Cron job that runs every 6 hours to fetch and cache RSS feeds via `RSSService.buildAndStore()`\n- **services/rss.ts**: Core RSS processing service that fetches, parses, and stores feed data\n- **http.ts**: Main HTTP handler for serving the web interface\n\n## Frontend (React/TSX)\n- **frontend/app.tsx**: Main React application component\n- **frontend/components/**: Reusable UI components for filtering and display\n- **frontend/hooks/**: Custom React hooks for data fetching and state management\n- **frontend/utils/**: Utility functions for date formatting and data processing\n\n## Data Flow\n1. Cron job (`feed.cron.ts`) calls `RSSService.buildAndStore()` every 6 hours\n2. RSS service fetches feeds from URLs in `feeds.json` and stores processed data in Val Town blob storage\n3. Frontend fetches cached data via `useAppData` hook and displays with filtering capabilities\n\n## Working with this project\n\n- The main entry points are `feed.cron.ts` (cron job) and `http.ts` (web handler)\n- Feed configuration is managed in `feeds.json` with the format: `[normalizedKey, [categories], feedUrl, optionalDomain?]`\n\n### frontend/components/**\n - FilterContainer.tsx: Manages category and feed-based filtering UI\n - TimeFilter.tsx: Handles time period selection (24h, 48h, 7d, etc.)\n - ListingFilter.tsx: Controls feed-specific filtering\n - CategoryFilter.tsx: Category-based filtering interface\n - FeedsFilter.tsx: Individual feed selection controls\n - Footer.tsx: Application footer component\n\n#### frontend/hooks/**\n- useAppData.ts: Manages RSS data fetching and state\n- useFeedsConfig.ts: Handles feed configuration loading\n- useTimePeriodFilter.ts: Time-based filtering logic\n- useDateFormatting.ts: Date display utilities\n",[220],"08f9ddc4-469b-11f0-a4c8-76b3cceeab13",".vtignore","2a201254-b845-4b01-b46c-fbdb5bc47ed5",1,["D",1749629213223],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[226],"1f4ed2cc-6bb3-11f0-b47f-0224a6c84d84","shared","01985120-a903-7099-9b0a-ba286a579883",97,["D",1753707751686],"directory",[233],"b4ce2a8a-6aed-11f0-9add-0224a6c84d84","services","01984c12-dfe6-7391-b236-be3aa84fda79",["D",1753622962153],[240],"b4ce2846-6aed-11f0-9add-0224a6c84d84","frontend","01984c12-dfe6-7391-b236-b8880f94c62b",["D",1753622962153],[245],"d2b3b96e-7d78-11f0-96b6-0224a6c84d84",".zed","0198c599-9441-70bd-8ed8-a5e088444767",["D",1755661833285],[250],"e3e02ec8-7d70-11f0-8eb9-0224a6c84d84",".claude","0198c565-9702-70fa-b2d1-7005110dea29",["D",1755658426119],[255],"pulls","branches","forks","envVars",{"_266":89,"_268":89},"connections",{"_266":89,"_267":89},"count","unfilledCount","emptyCount",{"_68":254,"_35":255,"_33":256,"_173":-5,"_43":44,"_42":211,"_175":85,"_40":536,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_310":537,"_30":538},{"_68":529,"_35":530,"_33":531,"_173":256,"_43":44,"_42":211,"_175":28,"_40":532,"_13":89,"_36":23,"_37":533,"_27":28,"_180":-5,"_310":534,"_30":535},{"_68":249,"_35":250,"_33":251,"_173":-5,"_43":44,"_42":204,"_175":28,"_40":526,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_310":527,"_30":528},{"_68":519,"_35":520,"_33":521,"_173":251,"_43":44,"_42":204,"_175":28,"_40":522,"_13":89,"_36":23,"_37":523,"_27":28,"_180":-5,"_310":524,"_30":525},{"_68":244,"_35":245,"_33":246,"_173":-5,"_43":44,"_42":197,"_175":85,"_40":516,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_310":517,"_30":518},{"_68":511,"_35":475,"_33":469,"_173":246,"_43":44,"_42":512,"_175":85,"_40":513,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_310":514,"_30":515},{"_68":504,"_35":505,"_33":506,"_173":469,"_43":44,"_42":390,"_175":85,"_40":507,"_13":89,"_36":341,"_37":508,"_27":28,"_180":-5,"_310":509,"_30":510},{"_68":497,"_35":498,"_33":499,"_173":469,"_43":44,"_42":174,"_175":85,"_40":500,"_13":192,"_36":341,"_37":501,"_27":28,"_180":-5,"_310":502,"_30":503},{"_68":490,"_35":491,"_33":492,"_173":469,"_43":44,"_42":174,"_175":85,"_40":493,"_13":213,"_36":341,"_37":494,"_27":28,"_180":-5,"_310":495,"_30":496},{"_68":483,"_35":484,"_33":485,"_173":469,"_43":44,"_42":174,"_175":28,"_40":486,"_13":228,"_36":341,"_37":487,"_27":28,"_180":-5,"_310":488,"_30":489},{"_68":476,"_35":477,"_33":478,"_173":469,"_43":44,"_42":174,"_175":85,"_40":479,"_13":368,"_36":341,"_37":480,"_27":28,"_180":-5,"_310":481,"_30":482},{"_68":466,"_35":467,"_33":468,"_173":469,"_43":44,"_42":470,"_175":85,"_40":471,"_13":228,"_36":341,"_37":472,"_27":28,"_180":-5,"_310":473,"_30":474},{"_68":462,"_35":440,"_33":435,"_173":246,"_43":44,"_42":428,"_175":85,"_40":463,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_310":464,"_30":465},{"_68":455,"_35":456,"_33":457,"_173":435,"_43":44,"_42":211,"_175":85,"_40":458,"_13":192,"_36":341,"_37":459,"_27":28,"_180":-5,"_310":460,"_30":461},{"_68":448,"_35":449,"_33":450,"_173":435,"_43":44,"_42":211,"_175":85,"_40":451,"_13":192,"_36":341,"_37":452,"_27":28,"_180":-5,"_310":453,"_30":454},{"_68":441,"_35":442,"_33":443,"_173":435,"_43":44,"_42":211,"_175":85,"_40":444,"_13":228,"_36":341,"_37":445,"_27":28,"_180":-5,"_310":446,"_30":447},{"_68":432,"_35":433,"_33":434,"_173":435,"_43":44,"_42":211,"_175":85,"_40":436,"_13":192,"_36":341,"_37":437,"_27":28,"_180":-5,"_310":438,"_30":439},{"_68":427,"_35":426,"_33":420,"_173":246,"_43":44,"_42":428,"_175":85,"_40":429,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_310":430,"_30":431},{"_68":417,"_35":418,"_33":419,"_173":420,"_43":44,"_42":421,"_175":85,"_40":422,"_13":228,"_36":341,"_37":423,"_27":28,"_180":-5,"_310":424,"_30":425},{"_68":408,"_35":409,"_33":410,"_173":246,"_43":44,"_42":411,"_175":28,"_40":412,"_13":413,"_36":341,"_37":414,"_27":28,"_180":-5,"_310":415,"_30":416},{"_68":400,"_35":401,"_33":402,"_173":246,"_43":44,"_42":403,"_175":85,"_40":404,"_13":89,"_36":23,"_37":405,"_27":28,"_180":-5,"_310":406,"_30":407},{"_68":395,"_35":49,"_33":48,"_173":246,"_43":44,"_42":14,"_175":28,"_40":396,"_13":397,"_36":23,"_37":51,"_27":28,"_180":-5,"_310":398,"_30":399},{"_68":387,"_35":388,"_33":389,"_173":246,"_43":44,"_42":390,"_175":85,"_40":391,"_13":192,"_36":341,"_37":392,"_27":28,"_180":-5,"_310":393,"_30":394},{"_68":379,"_35":380,"_33":381,"_173":246,"_43":44,"_42":382,"_175":85,"_40":383,"_13":89,"_36":341,"_37":384,"_27":28,"_180":-5,"_310":385,"_30":386},{"_68":239,"_35":240,"_33":241,"_173":-5,"_43":44,"_42":197,"_175":85,"_40":376,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_310":377,"_30":378},{"_68":372,"_35":64,"_33":63,"_173":241,"_43":44,"_42":14,"_175":28,"_40":373,"_13":89,"_36":65,"_37":66,"_27":28,"_180":-5,"_310":374,"_30":375},{"_68":364,"_35":365,"_33":366,"_173":241,"_43":44,"_42":211,"_175":28,"_40":367,"_13":368,"_36":341,"_37":369,"_27":28,"_180":-5,"_310":370,"_30":371},{"_68":232,"_35":233,"_33":234,"_173":-5,"_43":44,"_42":235,"_175":85,"_40":361,"_13":89,"_36":237,"_37":-5,"_27":28,"_180":-5,"_310":362,"_30":363},{"_68":353,"_35":354,"_33":355,"_173":234,"_43":44,"_42":356,"_175":85,"_40":357,"_13":228,"_36":341,"_37":358,"_27":28,"_180":-5,"_310":359,"_30":360},{"_68":345,"_35":346,"_33":347,"_173":234,"_43":44,"_42":348,"_175":85,"_40":349,"_13":192,"_36":341,"_37":350,"_27":28,"_180":-5,"_310":351,"_30":352},{"_68":337,"_35":338,"_33":339,"_173":234,"_43":44,"_42":211,"_175":85,"_40":340,"_13":89,"_36":341,"_37":342,"_27":28,"_180":-5,"_310":343,"_30":344},{"_68":225,"_35":226,"_33":227,"_173":-5,"_43":44,"_42":228,"_175":28,"_40":334,"_13":89,"_36":23,"_37":230,"_27":28,"_180":-5,"_310":335,"_30":336},{"_68":219,"_35":220,"_33":221,"_173":-5,"_43":44,"_42":211,"_175":85,"_40":331,"_13":89,"_36":23,"_37":223,"_27":28,"_180":-5,"_310":332,"_30":333},{"_68":216,"_35":31,"_33":34,"_173":-5,"_43":44,"_42":14,"_175":85,"_40":328,"_13":192,"_36":23,"_37":39,"_27":28,"_180":-5,"_310":329,"_30":330},{"_68":208,"_35":209,"_33":210,"_173":-5,"_43":44,"_42":211,"_175":28,"_40":325,"_13":213,"_36":23,"_37":214,"_27":28,"_180":-5,"_310":326,"_30":327},{"_68":201,"_35":202,"_33":203,"_173":-5,"_43":44,"_42":204,"_175":28,"_40":322,"_13":89,"_36":23,"_37":206,"_27":28,"_180":-5,"_310":323,"_30":324},{"_68":194,"_35":195,"_33":196,"_173":-5,"_43":44,"_42":197,"_175":85,"_40":319,"_13":192,"_36":23,"_37":199,"_27":28,"_180":-5,"_310":320,"_30":321},{"_68":190,"_35":55,"_33":56,"_173":-5,"_43":44,"_42":14,"_175":28,"_40":316,"_13":192,"_36":57,"_37":59,"_27":28,"_180":-5,"_310":317,"_30":318},{"_68":182,"_35":183,"_33":184,"_173":-5,"_43":44,"_42":185,"_175":28,"_40":313,"_13":187,"_36":23,"_37":188,"_27":28,"_180":-5,"_310":314,"_30":315},{"_68":171,"_35":172,"_33":83,"_173":-5,"_43":44,"_42":174,"_175":85,"_40":309,"_13":177,"_36":178,"_37":179,"_27":28,"_180":-5,"_310":311,"_30":312},["D",1755779424922],"children",[],[172],["D",1755762330639],[],[183],["D",1755824430940],[],[55],["D",1753622962153],[],[195],["D",1755661833285],[],[202],["D",1755658426119],[],[209],["D",1755824430940],[],[31],["D",1755658426119],[],[220],["D",1749629213223],[],[226],"e3e02b4e-7d70-11f0-8eb9-0224a6c84d84","utils.ts","e3e02bda-7d70-11f0-8eb9-0224a6c84d84",["D",1755658426119],"script","/**\n * Converts a string to camelCase and removes special characters\n * Handles edge cases like numbers, multiple spaces, and various punctuation\n * @param str - The string to normalize\n * @returns The normalized camelCase string\n */\nexport function normalizeFeedTitle(str: string): string {\n if (!str) return \"\";\n\n return (\n str\n // Handle common contractions and possessives\n .replace(/['']s\\b/g, \"s\") // \"john's\" -> \"johns\"\n .replace(/['']t\\b/g, \"t\") // \"don't\" -> \"dont\"\n .replace(/['']re\\b/g, \"re\") // \"we're\" -> \"were\"\n .replace(/['']ve\\b/g, \"ve\") // \"we've\" -> \"weve\"\n .replace(/['']ll\\b/g, \"ll\") // \"we'll\" -> \"well\"\n // Remove all remaining special characters and replace with spaces\n .replace(/[^\\w\\s]/g, \" \")\n // Handle multiple spaces and trim\n .replace(/\\s+/g, \" \")\n .trim()\n // Split by spaces and filter out empty strings\n .split(/\\s+/)\n .filter((word) => word.length > 0)\n // Convert to camelCase\n .map((word, index) => {\n const cleanWord = word.toLowerCase();\n return index === 0\n ? cleanWord\n : cleanWord.charAt(0).toUpperCase() + cleanWord.slice(1);\n })\n .join(\"\")\n );\n}\n\n/**\n * Creates a Set of normalized feed titles for efficient lookups\n * @param feedTitles - Array of feed titles to normalize\n * @returns Map from normalized titles to original titles\n */\nexport function createNormalizedFeedTitleMap(\n feedTitles: string[],\n): Map {\n const map = new Map();\n feedTitles.forEach((title) => {\n const normalized = normalizeFeedTitle(title);\n map.set(normalized, title);\n });\n return map;\n}\n\n/**\n * Checks if a normalized feed title matches any of the selected normalized titles\n * @param itemFeedTitle - The feed title from the item\n * @param selectedNormalizedTitles - Set of selected normalized feed titles\n * @returns Whether there's a match\n */\nexport function matchesFeedFilter(\n itemFeedTitle: string,\n selectedNormalizedTitles: Set,\n): boolean {\n const normalizedItemTitle = normalizeFeedTitle(itemFeedTitle);\n return selectedNormalizedTitles.has(normalizedItemTitle);\n}\n\n/**\n * Creates a fuzzy matcher for feed titles that can handle partial matches\n * @param selectedTitles - Array of selected feed titles (original form)\n * @returns Function that tests if an item feed title matches any selected title\n */\nexport function createFuzzyFeedMatcher(\n selectedTitles: string[],\n): (itemFeedTitle: string) => boolean {\n const normalizedSelected = new Set(selectedTitles.map(normalizeFeedTitle));\n\n return (itemFeedTitle: string) => {\n const normalized = normalizeFeedTitle(itemFeedTitle);\n return normalizedSelected.has(normalized);\n };\n}\n",[],[233,338],"b58ff198-7e6a-11f0-bbcd-0224a6c84d84","feedCategories.ts","152e9b36-77d1-11f0-a70b-0224a6c84d84",147,["D",1755765722605],"// Utility functions for extracting and working with feed categories\n\nexport interface FeedEntry {\n normalizedKey: string;\n url: string;\n categories: string[];\n optionalDomain?: string;\n}\n\n\n// Extract unique categories from feeds data\nexport function extractCategories(\n feedsArray: [string, string[], string, string?][],\n): string[] {\n const categorySet = new Set();\n\n feedsArray.forEach(([_normalizedKey, categories, _url, _optionalDomain]) => {\n categories.forEach((category) => {\n categorySet.add(category);\n });\n });\n\n const result = Array.from(categorySet).sort();\n return result;\n}\n\n\n\n\n// Build a reverse map: category (lower-cased) → array of normalized keys\nexport function buildCategoryToKeys(\n feedsArray: [string, string[], string, string?][],\n): Map {\n const byCategory = new Map();\n\n for (const [normalizedKey, categories, _url, _optionalDomain] of feedsArray) {\n for (const cat of categories) {\n const key = cat.toLowerCase();\n const list = byCategory.get(key) ?? [];\n list.push(normalizedKey);\n byCategory.set(key, list);\n }\n }\n\n return byCategory;\n}\n\n",[],[233,346],"5666d546-6d18-11f0-90df-0224a6c84d84","domains.ts","1f4eca98-6bb3-11f0-b47f-0224a6c84d84",100,["D",1753861174457],"/**\n * Shared utility functions for domain extraction from RSS feeds\n */\n\n/**\n * Extract the hostname from a URL string\n */\nexport function extractHostname(url: string): string {\n try {\n return new URL(url).hostname;\n } catch (error) {\n console.warn(`Failed to parse URL: ${url}`, error);\n return url; // fallback to original URL if parsing fails\n }\n}\n\n/**\n * Extract unique domains from a list of feed URLs\n */\nexport function extractDomainsFromFeeds(feedUrls: string[]): string[] {\n const domains = feedUrls.map(extractHostname);\n const uniqueDomains = [...new Set(domains)];\n return uniqueDomains.sort();\n}\n\n/**\n * Load and parse feeds.json to extract domains\n * This function works in both browser and server environments\n */\nexport async function getConfiguredDomains(): Promise {\n try {\n // In browser environment, we'll need to fetch from an API endpoint\n if (typeof window !== \"undefined\") {\n const response = await fetch(\"/api/domains\");\n if (!response.ok) {\n throw new Error(`Failed to fetch domains: ${response.statusText}`);\n }\n return await response.json();\n }\n\n // In server environment, we can read the file directly\n // This will be handled by the backend API\n throw new Error(\"Server-side domain loading should use RSSService\");\n } catch (error) {\n console.error(\"Failed to load configured domains:\", error);\n return [];\n }\n}\n\n/**\n * Load and parse feeds.json to extract feed names and create domain mapping\n * This function works in both browser and server environments\n */\nexport async function getConfiguredFeedNames(): Promise<{\n feedNames: string[];\n feedNameToDomainMap: Map;\n}> {\n try {\n // In browser environment, we'll need to fetch from an API endpoint\n if (typeof window !== \"undefined\") {\n const response = await fetch(\"/api/feeds\");\n if (!response.ok) {\n throw new Error(`Failed to fetch feeds: ${response.statusText}`);\n }\n const feedsData = await response.json();\n\n const feedNames: string[] = [];\n const feedNameToDomainMap = new Map();\n\n feedsData.forEach((feed: [string, string, string[]]) => {\n const [feedName, feedUrl] = feed;\n const domain = extractHostname(feedUrl);\n feedNames.push(feedName);\n feedNameToDomainMap.set(feedName, domain);\n });\n\n return {\n feedNames: feedNames.sort(),\n feedNameToDomainMap,\n };\n }\n\n // In server environment, we can read the file directly\n // This will be handled by the backend API\n throw new Error(\"Server-side feed loading should use RSSService\");\n } catch (error) {\n console.error(\"Failed to load configured feed names:\", error);\n return {\n feedNames: [],\n feedNameToDomainMap: new Map(),\n };\n }\n}\n",[],[233,354],["D",1753707751686],[297,298,299],[233],"e3e071f8-7d70-11f0-8eb9-0224a6c84d84","rss.ts","b4ce23dc-6aed-11f0-9add-0224a6c84d84",["D",1755658426119],5,"import Parser from \"https://esm.sh/rss-parser@3.13.0\";\nimport { Feed } from \"https://esm.sh/feed@4.2.2\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport interface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n feedTitle: string;\n normalizedFeedKey: string;\n}\n\nexport interface ParsedFeed {\n title?: string;\n link?: string;\n description?: string;\n normalizedKey?: string; // Normalized key from feeds.json\n}\n\nexport interface AppData {\n title: string;\n description?: string;\n items: Item[];\n feeds: ParsedFeed[];\n lastUpdated: string;\n}\n\nexport interface ContentConfig {\n feeds: string[];\n feedsMap: Map; // Map URL to normalized key\n domainMap: Map; // Map domain to normalized key\n}\n\nexport class RSSService {\n private parser = new Parser();\n private contentConfig: ContentConfig | null = null;\n\n async loadConfig(): Promise {\n if (this.contentConfig) {\n return this.contentConfig;\n }\n\n try {\n const configContent = await readFile(\"/feeds.json\", import.meta.url);\n const feedsArray = JSON.parse(configContent);\n // Extract URLs from the array structure [normalizedKey, [categories], feedUrl, optionalDomain?]\n const feedUrls = feedsArray.map(\n (feed: [string, string[], string, string?]) => feed[2],\n );\n const feedsMap = new Map();\n const domainMap = new Map(); // Map domain to normalized key\n\n // Build map from URL to normalized key and optional domain mapping\n feedsArray.forEach(\n ([normalizedKey, _categories, feedUrl, optionalDomain]) => {\n feedsMap.set(feedUrl, normalizedKey);\n if (optionalDomain) {\n domainMap.set(optionalDomain, normalizedKey);\n }\n },\n );\n\n this.contentConfig = { feeds: feedUrls, feedsMap, domainMap };\n return this.contentConfig!;\n } catch (error) {\n console.error(\"Failed to load feeds.json:\", error);\n throw new Error(\"Could not load RSS feed configuration\");\n }\n }\n\n async getFeedsConfig(): Promise {\n try {\n const configContent = await readFile(\"/feeds.json\", import.meta.url);\n return JSON.parse(configContent);\n } catch (error) {\n console.error(\"Failed to load feeds.json:\", error);\n throw new Error(\"Could not load RSS feed configuration\");\n }\n }\n\n async getConfiguredFeeds(): Promise {\n const config = await this.loadConfig();\n return config.feeds;\n }\n\n getTitle(): string {\n return \"Newsletters Aggregated\";\n }\n\n getDescription(): string {\n return \"\";\n }\n\n async fetchFeed(\n feedUrl: string,\n ): Promise<{ feed: ParsedFeed; items: Item[] } | null> {\n try {\n const config = await this.loadConfig();\n const normalizedKey = config.feedsMap.get(feedUrl);\n const resp = await fetch(feedUrl);\n if (!resp.ok) {\n console.error(\n `Failed to fetch feed ${feedUrl}: ${resp.status} ${resp.statusText}`,\n );\n return null;\n }\n\n const feed = await this.parser.parseString(await resp.text());\n const items: Item[] = [];\n\n // Determine the feed title once, ensuring we have a non-empty value\n const feedTitle =\n feed.title?.trim() ||\n new URL(feedUrl).hostname.replace(/^www\\./, \"\") ||\n feedUrl;\n\n for (const item of feed.items) {\n if (!item.link) continue;\n\n const itemDomain = new URL(item.link).hostname;\n\n // Check if there's a domain-based normalized key mapping\n let finalNormalizedKey = normalizedKey || feedUrl;\n if (config.domainMap.has(itemDomain)) {\n finalNormalizedKey = config.domainMap.get(itemDomain)!;\n }\n\n items.push({\n title: item.title || \"\",\n link: item.link,\n publication: item.pubDate\n ? new Date(item.pubDate).toISOString().split(\"T\")[0]\n : null,\n domain: itemDomain,\n feedTitle: feedTitle,\n normalizedFeedKey: finalNormalizedKey,\n });\n }\n\n return {\n feed: {\n title: feedTitle, // Use the same resolved title\n link: feed.link,\n description: feed.description,\n normalizedKey: normalizedKey,\n },\n items,\n };\n } catch (error) {\n console.error(`Error processing feed ${feedUrl}:`, error);\n return null;\n }\n }\n\n async buildAndStore(): Promise {\n // Get both URLs and normalized keys\n const configContent = await readFile(\"/feeds.json\", import.meta.url);\n const feedsArray = JSON.parse(configContent) as [\n string,\n string[],\n string,\n string?,\n ][];\n\n const title = this.getTitle();\n const description = this.getDescription();\n\n const allItems: Item[] = [];\n const allFeeds: ParsedFeed[] = [];\n\n // Fetch all feeds in parallel with some concurrency control\n const results = await Promise.allSettled(\n feedsArray.map(([_, __, feedUrl]) => this.fetchFeed(feedUrl)),\n );\n\n const config = await this.loadConfig();\n\n results.forEach((result, index) => {\n const [_normalizedKey, __categories, feedUrl] = feedsArray[index];\n\n if (result.status === \"fulfilled\" && result.value) {\n const { feed, items } = result.value;\n allItems.push(...items);\n allFeeds.push(feed);\n } else {\n console.error(`Failed to process feed ${feedUrl}`);\n // Still add the feed with basic info derived from URL\n try {\n const normalizedKeyFromMap =\n config.feedsMap.get(feedUrl) || _normalizedKey;\n const domain = new URL(feedUrl).hostname;\n const title = domain.replace(/^www\\./, \"\") || feedUrl;\n allFeeds.push({\n title,\n link: feedUrl,\n description: `Feed from ${domain}`,\n normalizedKey: normalizedKeyFromMap,\n });\n } catch (error) {\n console.error(\n `Failed to create fallback feed info for ${feedUrl}:`,\n error,\n );\n }\n }\n });\n\n // Sort items by date and then by title\n const sortedItems = allItems.sort((a, b) => {\n const dateComparison =\n new Date(b.publication || \"\").getTime() -\n new Date(a.publication || \"\").getTime();\n if (dateComparison !== 0) return dateComparison;\n return a.title.localeCompare(b.title);\n });\n\n // Create RSS/Atom feed\n const atomFeed = new Feed({\n title,\n id: \"{{ id }}\",\n description,\n copyright: \"NA\",\n });\n\n for (const item of sortedItems) {\n atomFeed.addItem({\n title: item.title,\n id: item.link,\n link: item.link,\n date: new Date(item.publication || \"\"),\n });\n }\n\n // Store feed XML\n await blob.set(\"rss:feed-xml\", atomFeed.atom1());\n\n // Store app data\n const lastUpdated = new Date().toISOString();\n const appData: AppData = {\n title,\n description,\n items: sortedItems,\n feeds: allFeeds,\n lastUpdated,\n };\n\n await blob.setJSON(\"rss:app-data\", appData);\n }\n}\n",[],[240,365],"6674b790-7ef3-11f0-a0e0-0224a6c84d84",["D",1755824430940],[],[240,64],["D",1753622962153],[294,295],[240],"7150af9c-6b94-11f0-bdc8-0224a6c84d84","meh-icon.tsx","7150b064-6b94-11f0-bdc8-0224a6c84d84",93,["D",1753694574880],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Variants } from \"https://esm.sh/motion@11.15.0/react?deps=react@18.2.0\";\nimport { motion } from \"https://esm.sh/motion@11.15.0/react?deps=react@18.2.0\";\nimport type { HTMLAttributes } from \"https://esm.sh/react@18.2.0\";\nimport { forwardRef } from \"https://esm.sh/react@18.2.0\";\n\nexport interface MehIconHandle {\n // Keep interface for compatibility but not needed for continuous animation\n}\n\ninterface MehIconProps extends HTMLAttributes {\n size?: number;\n}\n\n// Simple utility for class name concatenation (replacing cn from @/lib/utils)\nconst cn = (...classes: (string | undefined | null | false)[]) => {\n return classes.filter(Boolean).join(\" \");\n};\n\nconst MehIcon = forwardRef(\n ({ className, size = 20, ...props }, ref) => {\n const faceVariants: Variants = {\n animate: {\n scale: [1, 1.1, 0.95, 1.05, 1],\n rotate: [0, 2, -2, 1, 0],\n transition: {\n duration: 1.5,\n repeat: Infinity,\n ease: \"easeInOut\",\n },\n },\n };\n\n const mouthVariants: Variants = {\n animate: {\n scaleX: [1, 1.3, 0.8, 1.2, 1],\n y: [0, 1, -1, 0.5, 0],\n transition: {\n duration: 1.8,\n repeat: Infinity,\n ease: \"easeInOut\",\n delay: 0.2,\n },\n },\n };\n\n const leftEyeVariants: Variants = {\n animate: {\n scale: [1, 1.5, 0.5, 1.3, 1],\n x: [0, -0.5, 0.5, -0.2, 0],\n y: [0, 0.2, -0.2, 0.1, 0],\n transition: {\n duration: 1.4,\n repeat: Infinity,\n ease: \"easeInOut\",\n delay: 0.1,\n },\n },\n };\n\n const rightEyeVariants: Variants = {\n animate: {\n scale: [1, 1.5, 0.5, 1.3, 1],\n x: [0, 0.5, -0.5, 0.2, 0],\n y: [0, 0.2, -0.2, 0.1, 0],\n transition: {\n duration: 1.4,\n repeat: Infinity,\n ease: \"easeInOut\",\n delay: 0.3,\n },\n },\n };\n\n return (\n

\n \n \n \n \n \n \n

\n );\n },\n);\n\nMehIcon.displayName = \"MehIcon\";\n\nexport { MehIcon };\n",[],[245,380],"152ef5b8-77d1-11f0-a70b-0224a6c84d84","index.tsx","b4ce1158-6aed-11f0-9add-0224a6c84d84",139,["D",1755040033556],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./app.tsx\";\n\nconst container = document.getElementById(\"newsletter-app\");\nif (!container) {\n console.error(\"❌ Newsletter app container not found\");\n throw new Error(\"Newsletter app container not found\");\n}\n\ntry {\n const root = createRoot(container);\n\n root.render();\n} catch (error) {\n console.error(\"❌ Error rendering React app:\", error);\n // Fallback: show error in the container\n container.innerHTML = `\n

Failed to start React app

Error: ${error.message}

\n \n

\n `;\n}\n",[],[245,388],"6674de64-7ef3-11f0-a0e0-0224a6c84d84",["D",1755824430940],30,[],[245,49],"64a20722-6b5e-11f0-a76b-0224a6c84d84","favicon.svg","64a207fe-6b5e-11f0-a76b-0224a6c84d84",91,["D",1753671360780],"\n",[],[245,401],"4ef81b88-7e90-11f0-8160-0224a6c84d84","app.tsx","b4cdfc0e-6aed-11f0-9add-0224a6c84d84",169,["D",1755781871361],28,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n useState,\n useMemo,\n useCallback,\n useEffect,\n} from \"https://esm.sh/react@18.2.0\";\nimport { MehIcon } from \"./meh-icon.tsx\";\nimport { useAppData } from \"./hooks/useAppData.ts\";\nimport { useDateFormatting } from \"./hooks/useDateFormatting.ts\";\nimport { useTimePeriodFilter } from \"./hooks/useTimePeriodFilter.ts\";\n\nimport { TimeFilter } from \"./components/TimeFilter.tsx\";\nimport { ListingFilter } from \"./components/ListingFilter.tsx\";\nimport { Footer } from \"./components/Footer.tsx\";\nimport {\n extractCategories,\n buildCategoryToKeys,\n} from \"../shared/feedCategories.ts\";\n\nimport { useFeedsConfig } from \"./hooks/useFeedsConfig.ts\";\n\ninterface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n feedTitle: string;\n normalizedFeedKey: string;\n}\n\ninterface ParsedFeed {\n title?: string;\n link?: string;\n description?: string;\n normalizedKey?: string;\n}\n\ninterface AppData {\n title: string;\n description?: string;\n items: Item[];\n feeds: ParsedFeed[];\n lastUpdated: string;\n}\n\ninterface AppProps {\n itemsPerLoad?: number;\n}\n\nexport function App({ itemsPerLoad: _itemsPerLoad = 20 }: AppProps = {}) {\n const { data, loading, error, dataLoaded: _dataLoaded } = useAppData();\n // console.log(\"data.feeds\", data?.feeds);\n // console.log(\"data.items\", data?.items);\n const {\n feedsData,\n loading: feedsLoading,\n error: feedsError,\n } = useFeedsConfig();\n\n const {\n getFormattedMetadata,\n getFormattedDate: _getFormattedDate,\n getFormattedLastUpdated,\n } = useDateFormatting();\n const { timePeriod, setTimePeriod, filterItemsByTimePeriod } =\n useTimePeriodFilter();\n\n // Mutually exclusive filter state\n const [filterType, setFilterType] = useState<\"category\" | \"feeds\" | null>(\n null,\n );\n const [selectedCategory, setSelectedCategory] = useState(null);\n const [selectedFeeds, setSelectedFeeds] = useState>(new Set());\n const [showCategoryFilter, setShowCategoryFilter] = useState(false);\n const [showFeedFilter, setShowFeedFilter] = useState(false);\n const [sortBy, _setSortBy] = useState<\"date\" | \"title\">(\"date\");\n\n // Extract categories from feeds.json data\n const categories = useMemo(() => {\n const result = feedsData ? extractCategories(feedsData) : [];\n return result;\n }, [feedsData]);\n\n // Check URL hash for category on mount and hash changes\n useEffect(() => {\n if (categories.length === 0) return;\n\n const handleHashChange = () => {\n const hash = globalThis.location.hash.slice(1); // Remove the # symbol\n console.log(\"hash\", hash);\n\n if (!hash) {\n // Empty hash - clear category if one is selected\n if (selectedCategory) {\n setSelectedCategory(null);\n setFilterType(null);\n }\n return;\n }\n\n // Find case-insensitive exact match\n const matchedCategory = categories.find(\n (category) => category.toLowerCase() === hash.toLowerCase(),\n );\n\n if (matchedCategory && selectedCategory !== matchedCategory) {\n setSelectedCategory(matchedCategory);\n setFilterType(\"category\");\n setSelectedFeeds(new Set());\n setShowFeedFilter(false);\n } else if (!matchedCategory && selectedCategory) {\n // Hash doesn't match any category - clear selection\n setSelectedCategory(null);\n setFilterType(null);\n }\n };\n\n // Check hash on mount\n handleHashChange();\n\n // Listen for hash changes\n globalThis.addEventListener(\"hashchange\", handleHashChange);\n\n // Cleanup event listener\n return () => {\n globalThis.removeEventListener(\"hashchange\", handleHashChange);\n };\n }, [categories, selectedCategory]);\n\n // Toggle category selection - single selection, clears feeds\n const toggleCategory = useCallback(\n (category: string) => {\n if (selectedCategory?.toLowerCase() === category.toLowerCase()) {\n // Deselecting current category\n setSelectedCategory(null);\n setFilterType(null);\n // Remove hash from URL\n globalThis.history.replaceState(\n null,\n \"\",\n globalThis.location.pathname + globalThis.location.search,\n );\n } else {\n // Selecting new category - clear feeds and switch filter type\n setSelectedCategory(category);\n setSelectedFeeds(new Set());\n setFilterType(\"category\");\n setShowFeedFilter(false);\n // Update URL hash\n globalThis.history.replaceState(null, \"\", `#${category}`);\n }\n },\n [selectedCategory],\n );\n\n // Toggle feed selection - clears category\n const toggleFeed = useCallback(\n (normalizedFeedKey: string) => {\n // Clear category when selecting feeds\n if (filterType === \"category\") {\n setSelectedCategory(null);\n // Remove hash from URL since we're switching to feed filtering\n globalThis.history.replaceState(\n null,\n \"\",\n globalThis.location.pathname + globalThis.location.search,\n );\n }\n setFilterType(\"feeds\");\n setShowCategoryFilter(false);\n\n setSelectedFeeds((prev) => {\n const newSet = new Set(prev);\n\n if (newSet.has(normalizedFeedKey)) {\n newSet.delete(normalizedFeedKey);\n // If no feeds selected, clear filter type\n if (newSet.size === 0) {\n setFilterType(null);\n }\n } else {\n newSet.add(normalizedFeedKey);\n }\n return newSet;\n });\n },\n [filterType],\n );\n\n // Toggle filter visibility - mutually exclusive\n const toggleShowCategoryFilter = useCallback(() => {\n if (showCategoryFilter) {\n setShowCategoryFilter(false);\n } else {\n setShowCategoryFilter(true);\n setShowFeedFilter(false);\n }\n }, [showCategoryFilter]);\n\n const toggleShowFeedFilter = useCallback(() => {\n if (showFeedFilter) {\n setShowFeedFilter(false);\n } else {\n setShowFeedFilter(true);\n setShowCategoryFilter(false);\n }\n }, [showFeedFilter]);\n\n // Clear functions\n const clearCategory = useCallback(() => {\n setSelectedCategory(null);\n setFilterType(null);\n // Remove hash from URL\n globalThis.history.replaceState(\n null,\n \"\",\n globalThis.location.pathname + globalThis.location.search,\n );\n }, []);\n\n const clearFeeds = useCallback(() => {\n setSelectedFeeds(new Set());\n setFilterType(null);\n }, []);\n\n // Build category → normalized keys map\n const categoryToKeys = useMemo(\n () => (feedsData ? buildCategoryToKeys(feedsData) : new Map()),\n [feedsData],\n );\n\n // Calculate pill counts: actual number of feeds per category\n const categoryKeyCounts = useMemo(() => {\n const counts = new Map();\n\n categories.forEach((cat) => {\n const keys = categoryToKeys.get(cat.toLowerCase()) ?? [];\n counts.set(cat, keys.length);\n });\n\n return counts;\n }, [categories, categoryToKeys]);\n\n // Filter and sort items\n const { filteredItems, totalAvailableItems: _totalAvailableItems } =\n useMemo(() => {\n if (!data) return { filteredItems: [], totalAvailableItems: 0 };\n\n let allFiltered = data.items;\n\n // Apply category filter\n if (filterType === \"category\" && selectedCategory) {\n const allowedKeys = new Set(\n categoryToKeys.get(selectedCategory.toLowerCase()) ?? [],\n );\n console.log(\n \"allowedKeys for category\",\n selectedCategory,\n Array.from(allowedKeys),\n );\n\n allFiltered = allFiltered.filter((item) =>\n allowedKeys.has(item.normalizedFeedKey),\n );\n }\n\n // Apply feed filter\n if (filterType === \"feeds\" && selectedFeeds.size > 0) {\n allFiltered = allFiltered.filter((item) =>\n selectedFeeds.has(item.normalizedFeedKey),\n );\n }\n\n // Apply sorting\n allFiltered = [...allFiltered].sort((a, b) => {\n if (sortBy === \"date\") {\n const dateComparison =\n new Date(b.publication || \"\").getTime() -\n new Date(a.publication || \"\").getTime();\n if (dateComparison !== 0) return dateComparison;\n return a.title.localeCompare(b.title);\n } else {\n return a.title.localeCompare(b.title);\n }\n });\n\n // Apply time period filter using the custom hook\n const dateFiltered = filterItemsByTimePeriod(allFiltered);\n\n return {\n filteredItems: dateFiltered,\n totalAvailableItems: allFiltered.length,\n };\n }, [\n data,\n filterType,\n selectedCategory,\n selectedFeeds,\n sortBy,\n filterItemsByTimePeriod,\n categoryToKeys,\n ]);\n\n if (loading || feedsLoading) {\n return (\n \n

\n \n

\n \n );\n }\n\n if (error || feedsError) {\n return (\n \n

\n \n globalThis.location.reload()}\n className=\"text-base font-normal hover:opacity-80 transition-opacity border-none\"\n style={{\n color: \"var(--text-color)\",\n }}\n >\n retry\n \n

\n \n );\n }\n\n if (!data || !feedsData) {\n return (\n \n

No data available

\n \n );\n }\n\n return (\n \n

\n \n {data.title}\n \n

\n \n {getFormattedLastUpdated(data.lastUpdated)}\n \n

\n\n feed.title)\n .filter(Boolean) as string[]) || []\n }\n feedKeys={\n (data?.feeds\n .map((feed) => feed.normalizedKey)\n .filter(Boolean) as string[]) || []\n }\n onToggleCategory={toggleCategory}\n onToggleFeed={toggleFeed}\n onToggleShowCategoryFilter={toggleShowCategoryFilter}\n onToggleShowFeedFilter={toggleShowFeedFilter}\n onClearCategory={clearCategory}\n onClearFeeds={clearFeeds}\n className=\"mb-2\"\n />\n\n \n\n

\n \n currently showing {filteredItems.length} articles\n \n

\n\n

\n \n
\n {item.title}\n
\n \n
\n \n {getFormattedMetadata(item)}\n \n

\n\n {filteredItems.length === 0 && (\n

\n \n

try another filter

\n )}\n

\n\n

\n \n );\n}\n",[],[245,409],"bb8d2228-6e11-11f0-a6a9-0224a6c84d84","dateUtils.ts","7c959d4a-6b99-11f0-bc83-0224a6c84d84","01985078-a78e-7444-ba8c-f07153cc5dda",102,["D",1753968288834],"import {\n formatDistanceToNow,\n format,\n differenceInDays,\n parseISO,\n isValid,\n} from \"https://esm.sh/date-fns@3.6.0\";\n\n/**\n * Formats a date string for display in the RSS feed\n * - Shows relative time (e.g., \"14 days ago\") for dates within 14 days\n * - Shows formatted date (e.g., \"Apr 14, 2025\") for older dates\n */\nexport function formatPublicationDate(dateString: string | null): string {\n if (!dateString) return \"\";\n\n try {\n const date = parseISO(dateString);\n\n if (!isValid(date)) {\n return dateString; // Return original if parsing fails\n }\n\n const daysDiff = differenceInDays(new Date(), date);\n\n // For dates within 14 days, show relative time\n if (daysDiff <= 14) {\n return formatDistanceToNow(date, { addSuffix: true });\n }\n\n // For older dates, show formatted date\n return format(date, \"MMM d, yyyy\");\n } catch (_error) {\n // Fallback to original string if any error occurs\n return dateString;\n }\n}\n\n/**\n * Formats the complete metadata string for an RSS item\n * Format: \"domain | formatted_date\"\n */\nexport function formatItemMetadata(\n domain: string,\n publicationDate: string | null,\n): string {\n const formattedDate = formatPublicationDate(publicationDate);\n return `${domain}${formattedDate ? ` | ${formattedDate}` : \"\"}`;\n}\n\n/**\n * Formats last updated timestamp as \"ran Xhrs ago\" with whole number hours\n */\nexport function formatLastUpdated(dateString: string): string {\n if (!dateString || dateString.trim() === \"\") {\n return \"\";\n }\n\n try {\n const date = new Date(dateString);\n\n if (isNaN(date.getTime())) {\n return \"\";\n }\n\n const now = new Date();\n const diffInMs = now.getTime() - date.getTime();\n const diffInHours = Math.floor(Math.abs(diffInMs) / (1000 * 60 * 60));\n\n return `ran ${diffInHours}hrs ago`;\n } catch (error) {\n return \"\";\n }\n}\n",[],[245,426,418],"utils","7c959fca-6b99-11f0-bc83-0224a6c84d84",96,["D",1753696741265],[287],[245,426],"e3e07022-7d70-11f0-8eb9-0224a6c84d84","useTimePeriodFilter.ts","1f4ebf76-6bb3-11f0-b47f-0224a6c84d84","01985078-a78d-704c-bbb7-a96c52e1a3e8",["D",1755658426119],"import { useLocalStorage } from \"https://esm.sh/@rehooks/local-storage@2.4.4?deps=react@18.2.0\";\nimport { useCallback } from \"https://esm.sh/react@18.2.0\";\n\nexport type TimePeriod =\n | \"week\"\n | \"2weeks\"\n | \"month\"\n | \"6months\"\n | \"year\"\n | \"all\";\n\ninterface Item {\n publication: string | null;\n feedTitle: string;\n}\n\nexport function useTimePeriodFilter() {\n const [timePeriod, setTimePeriod] = useLocalStorage(\n \"rss-time-period\",\n \"week\",\n );\n\n const getTimePeriodCutoffDate = useCallback(\n (period: TimePeriod): Date | null => {\n if (period === \"all\") return null;\n\n const cutoffDate = new Date();\n switch (period) {\n case \"week\":\n cutoffDate.setDate(cutoffDate.getDate() - 7);\n break;\n case \"2weeks\":\n cutoffDate.setDate(cutoffDate.getDate() - 14);\n break;\n case \"month\":\n cutoffDate.setMonth(cutoffDate.getMonth() - 1);\n break;\n case \"6months\":\n cutoffDate.setMonth(cutoffDate.getMonth() - 6);\n break;\n case \"year\":\n cutoffDate.setFullYear(cutoffDate.getFullYear() - 1);\n break;\n default:\n return null;\n }\n return cutoffDate;\n },\n [],\n );\n\n const filterItemsByTimePeriod = useCallback(\n (items: T[], period: TimePeriod = timePeriod): T[] => {\n const cutoffDate = getTimePeriodCutoffDate(period);\n\n if (!cutoffDate) return items;\n\n return items.filter((item) => {\n if (!item.publication) return false;\n return new Date(item.publication) >= cutoffDate;\n });\n },\n [timePeriod, getTimePeriodCutoffDate],\n );\n\n return {\n timePeriod,\n setTimePeriod,\n filterItemsByTimePeriod,\n getTimePeriodCutoffDate,\n };\n}\n",[],[245,440,433],"hooks","e3e06cee-7d70-11f0-8eb9-0224a6c84d84","useFeedsConfig.ts","152e98f2-77d1-11f0-a70b-0224a6c84d84",["D",1755658426119],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface UseFeedsConfigReturn {\n feedsData: [string, string[], string, string?][] | null;\n loading: boolean;\n error: string | null;\n getNormalizedKeyByUrl: (url: string) => string | undefined;\n getNormalizedKeyByDomain: (domain: string) => string | undefined;\n getNormalizedKeyByItemDomain: (domain: string) => string | undefined;\n}\n\n/**\n * Custom hook for fetching feeds configuration data from the API\n * Returns feeds data in the format: [[normalizedKey, [categories], url, optionalDomain?], ...]\n */\nexport function useFeedsConfig(): UseFeedsConfigReturn {\n const [feedsData, setFeedsData] = useState<\n [string, string[], string, string?][] | null\n >(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n // Utility functions for normalized key lookups\n const getNormalizedKeyByUrl = (url: string): string | undefined => {\n if (!feedsData) return undefined;\n\n // Try exact match first\n let match = feedsData.find(\n ([key, categories, feedUrl, optionalDomain]) => feedUrl === url,\n );\n if (match) return match[0];\n\n // Try normalized URL comparison (remove trailing slashes, protocols, etc.)\n const normalizeUrl = (u: string) => {\n try {\n const parsed = new URL(u);\n return `${parsed.hostname}${parsed.pathname}${parsed.search}`\n .toLowerCase()\n .replace(/\\/$/, \"\");\n } catch {\n return u.toLowerCase().replace(/\\/$/, \"\");\n }\n };\n\n const normalizedInputUrl = normalizeUrl(url);\n match = feedsData.find(\n ([key, categories, feedUrl, optionalDomain]) =>\n normalizeUrl(feedUrl) === normalizedInputUrl,\n );\n\n return match?.[0];\n };\n\n const getNormalizedKeyByDomain = (domain: string): string | undefined => {\n if (!feedsData) return undefined;\n return feedsData.find(([key, categories, feedUrl, optionalDomain]) => {\n try {\n return new URL(feedUrl).hostname === domain;\n } catch {\n return false;\n }\n })?.[0];\n };\n\n const getNormalizedKeyByItemDomain = (domain: string): string | undefined => {\n if (!feedsData) return undefined;\n // First check if there's an explicit domain mapping (4th parameter)\n const domainMatch = feedsData.find(\n ([key, categories, feedUrl, optionalDomain]) => optionalDomain === domain,\n );\n if (domainMatch) return domainMatch[0];\n\n // Fallback to feed URL domain matching\n return getNormalizedKeyByDomain(domain);\n };\n\n useEffect(() => {\n fetch(\"/api/feeds\")\n .then((res) => {\n if (!res.ok) {\n throw new Error(`HTTP error! status: ${res.status}`);\n }\n return res.json();\n })\n .then((data: [string, string[], string, string?][]) => {\n setFeedsData(data);\n setLoading(false);\n })\n .catch((error) => {\n console.error(\"❌ Error fetching feeds configuration:\", error);\n setError(error.message);\n setLoading(false);\n });\n }, []);\n\n return {\n feedsData,\n loading,\n error,\n getNormalizedKeyByUrl,\n getNormalizedKeyByDomain,\n getNormalizedKeyByItemDomain,\n };\n}\n",[],[245,440,442],"e3e06b04-7d70-11f0-8eb9-0224a6c84d84","useDateFormatting.ts","7c9593fe-6b99-11f0-bc83-0224a6c84d84",["D",1755658426119],"import { useMemo } from \"https://esm.sh/react@18.2.0\";\nimport {\n formatPublicationDate,\n formatItemMetadata,\n formatLastUpdated,\n} from \"../utils/dateUtils.ts\";\n\ninterface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n feedTitle: string;\n}\n\n/**\n * Custom hook for formatting dates in RSS items\n * Provides memoized formatting functions and formatted metadata\n */\nexport function useDateFormatting() {\n const formatDate = useMemo(() => formatPublicationDate, []);\n\n const formatMetadata = useMemo(() => formatItemMetadata, []);\n\n /**\n * Formats a single item's metadata string\n */\n const getFormattedMetadata = useMemo(() => {\n return (item: Item): string => {\n return formatItemMetadata(item.domain, item.publication);\n };\n }, []);\n\n /**\n * Gets just the formatted date portion\n */\n const getFormattedDate = useMemo(() => {\n return (publicationDate: string | null): string => {\n return formatPublicationDate(publicationDate);\n };\n }, []);\n\n /**\n * Gets formatted \"ran x hours ago\" text for last updated\n */\n const getFormattedLastUpdated = useMemo(() => {\n return (lastUpdated: string): string => {\n return formatLastUpdated(lastUpdated);\n };\n }, []);\n\n return {\n formatDate,\n formatMetadata,\n getFormattedMetadata,\n getFormattedDate,\n getFormattedLastUpdated,\n };\n}\n",[],[245,440,449],"e3e05f7e-7d70-11f0-8eb9-0224a6c84d84","useAppData.ts","7c9586de-6b99-11f0-bc83-0224a6c84d84",["D",1755658426119],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { useFeedsConfig } from \"./useFeedsConfig.ts\";\n\ninterface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n feedTitle: string;\n normalizedFeedKey: string;\n}\n\ninterface ParsedFeed {\n title?: string;\n link?: string;\n description?: string;\n normalizedKey?: string;\n feedUrl?: string;\n}\n\ninterface AppData {\n title: string;\n description?: string;\n items: Item[];\n feeds: ParsedFeed[];\n lastUpdated: string;\n}\n\ninterface UseAppDataReturn {\n data: AppData | null;\n loading: boolean;\n error: string | null;\n dataLoaded: boolean;\n}\n\n/**\n * Custom hook for fetching app data from the API\n * Handles loading states, error handling, and minimum loading delays\n */\nexport function useAppData(): UseAppDataReturn {\n const [data, setData] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [dataLoaded, setDataLoaded] = useState(false);\n const feedsConfig = useFeedsConfig();\n\n useEffect(() => {\n if (!feedsConfig.feedsData) return; // Wait for feeds configuration to load\n\n const startTime = Date.now();\n\n fetch(\"/api/data\")\n .then((res) => {\n if (!res.ok) {\n throw new Error(`HTTP error! status: ${res.status}`);\n }\n return res.json();\n })\n .then((data: AppData) => {\n // Enhance feeds with normalizedKey from feeds configuration\n const enhancedFeeds = data.feeds.map((feed) => {\n let normalizedKey = feed.normalizedKey;\n\n // Match by feedUrl from feeds.json\n if (feed.feedUrl && !normalizedKey && feedsConfig.feedsData) {\n const matchingFeed = feedsConfig.feedsData.find(\n ([key, categories, feedUrl]) => feedUrl === feed.feedUrl,\n );\n if (matchingFeed) {\n normalizedKey = matchingFeed[0];\n }\n }\n\n return {\n ...feed,\n normalizedKey,\n };\n });\n\n // Enhance items with normalizedFeedKey (ensure consistency)\n const enhancedItems = data.items.map((item) => {\n const feedNormalizedKey = feedsConfig.getNormalizedKeyByItemDomain(\n item.domain,\n );\n return {\n ...item,\n normalizedFeedKey: feedNormalizedKey || item.normalizedFeedKey,\n };\n });\n\n setData({\n ...data,\n feeds: enhancedFeeds,\n items: enhancedItems,\n });\n setDataLoaded(true);\n\n const elapsedTime = Date.now() - startTime;\n const remainingTime = Math.max(0, 1000 - elapsedTime);\n\n setTimeout(() => {\n setLoading(false);\n }, remainingTime);\n })\n .catch((error) => {\n console.error(\"❌ Error fetching data:\", error);\n setError(error.message);\n\n // Still apply minimum delay even for errors\n const elapsedTime = Date.now() - startTime;\n const remainingTime = Math.max(0, 500 - elapsedTime);\n\n setTimeout(() => {\n setLoading(false);\n }, remainingTime);\n });\n }, [feedsConfig.feedsData]);\n\n return { data, loading, error, dataLoaded };\n}\n",[],[245,440,456],"7c959e94-6b99-11f0-bc83-0224a6c84d84",["D",1753696741265],[282,283,284,285],[245,440],"3ed28ea2-6c64-11f0-aa19-0224a6c84d84","TimeFilter.tsx","41ed03be-6c60-11f0-a174-0224a6c84d84","0198558f-51c3-702c-8b6f-f009795e8b9d",99,["D",1753783825482],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { TimePeriod } from \"../hooks/useTimePeriodFilter.ts\";\n\ninterface TimeFilterOption {\n key: TimePeriod;\n label: string;\n}\n\ninterface TimeFilterProps {\n timePeriod: TimePeriod;\n onTimePeriodChange: (period: TimePeriod) => void;\n className?: string;\n}\n\nconst TIME_FILTER_OPTIONS: TimeFilterOption[] = [\n { key: \"week\", label: \"this week\" },\n { key: \"2weeks\", label: \"last 2 weeks\" },\n { key: \"month\", label: \"last month\" },\n { key: \"6months\", label: \"6 months\" },\n { key: \"year\", label: \"last year\" },\n { key: \"all\", label: \"all\" },\n];\n\nexport function TimeFilter({\n timePeriod,\n onTimePeriodChange,\n className = \"\",\n}: TimeFilterProps) {\n const [isExpanded, setIsExpanded] = useState(false);\n\n const currentLabel =\n TIME_FILTER_OPTIONS.find((option) => option.key === timePeriod)?.label ||\n \"all\";\n\n return (\n

\n {/* Desktop: Horizontal layout with pipe separators */}\n

\n \n PUBLISHED\n \n {TIME_FILTER_OPTIONS.map(({ key, label }, index) => (\n \n {index > 0 && | }\n onTimePeriodChange(key)}\n className={`text-base font-normal hover:opacity-80 transition-opacity border-none ${\n timePeriod === key ? \"gradient-pattern\" : \"\"\n }`}\n style={{\n color:\n timePeriod === key\n ? \"var(--header-color)\"\n : \"var(--text-color)\",\n }}\n >\n {label}\n \n \n ))}\n

\n\n {/* Mobile: Collapsible layout */}\n

\n setIsExpanded(!isExpanded)}\n className=\"text-left border-none bg-transparent p-0 hover:opacity-80 transition-opacity\"\n >\n \n PUBLISHED\n \n {!isExpanded && (\n ({currentLabel})\n )}\n \n\n {isExpanded && (\n

\n {TIME_FILTER_OPTIONS.map(({ key, label }, index) => (\n \n {index > 0 && (\n \n )}\n {\n onTimePeriodChange(key);\n setIsExpanded(false);\n }}\n className={`text-base font-normal hover:opacity-80 transition-opacity border-none text-left ${\n timePeriod === key ? \"gradient-pattern\" : \"\"\n }`}\n style={{\n color:\n timePeriod === key\n ? \"var(--header-color)\"\n : \"var(--text-color)\",\n }}\n >\n {label}\n \n \n ))}\n

\n )}\n

\n );\n}\n",[],[245,475,467],"components","9cc9c9ac-7e8a-11f0-9cf5-0224a6c84d84","ListingFilter.tsx","41ecf1ee-6c60-11f0-a174-0224a6c84d84",["D",1755779424922],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { FilterContainer } from \"./FilterContainer.tsx\";\n\ninterface ListingFilterProps {\n // Filter state\n filterType: \"category\" | \"feeds\" | null;\n selectedCategory: string | null;\n selectedFeeds: Set;\n\n // Visibility toggles\n showCategoryFilter: boolean;\n showFeedFilter: boolean;\n\n // Data\n categories: string[];\n categoryDomainCounts: Map;\n feedTitles: string[];\n feedKeys: string[];\n\n // Actions\n onToggleCategory: (category: string) => void;\n onToggleFeed: (normalizedFeedKey: string) => void;\n onToggleShowCategoryFilter: () => void;\n onToggleShowFeedFilter: () => void;\n onClearCategory: () => void;\n onClearFeeds: () => void;\n\n className?: string;\n}\n\nexport function ListingFilter(props: ListingFilterProps) {\n return ;\n}\n",[],[245,475,477],"9cc9c786-7e8a-11f0-9cf5-0224a6c84d84","Footer.tsx","bb8cff96-6e11-11f0-a6a9-0224a6c84d84",["D",1755779424922],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface ParsedFeed {\n title?: string;\n link?: string;\n description?: string;\n}\n\ninterface FooterProps {\n feeds: ParsedFeed[];\n}\n\nexport function Footer({ feeds }: FooterProps) {\n // Get username from bootstrapped data\n const username = (globalThis as any).__INITIAL_DATA__?.username;\n return (\n \n );\n}\n",[],[245,475,484],"9cc9bfac-7e8a-11f0-9cf5-0224a6c84d84","FilterContainer.tsx","152e9078-77d1-11f0-a70b-0224a6c84d84",["D",1755779424922],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { CategoryFilter } from \"./CategoryFilter.tsx\";\nimport { FeedsFilter } from \"./FeedsFilter.tsx\";\n\ninterface FilterContainerProps {\n // Filter state\n filterType: \"category\" | \"feeds\" | null;\n selectedCategory: string | null;\n selectedFeeds: Set;\n\n // Visibility toggles\n showCategoryFilter: boolean;\n showFeedFilter: boolean;\n\n // Data\n categories: string[];\n categoryDomainCounts: Map;\n feedTitles: string[];\n feedKeys: string[];\n\n // Actions\n onToggleCategory: (category: string) => void;\n onToggleFeed: (normalizedFeedKey: string) => void;\n onToggleShowCategoryFilter: () => void;\n onToggleShowFeedFilter: () => void;\n onClearCategory: () => void;\n onClearFeeds: () => void;\n\n className?: string;\n}\n\nexport function FilterContainer({\n filterType: _filterType,\n selectedCategory,\n selectedFeeds,\n showCategoryFilter,\n showFeedFilter,\n categories,\n categoryDomainCounts,\n feedTitles,\n feedKeys,\n onToggleCategory,\n onToggleFeed,\n onToggleShowCategoryFilter,\n onToggleShowFeedFilter,\n onClearCategory,\n onClearFeeds,\n className = \"\",\n}: FilterContainerProps) {\n console.log(\"selectedFeeds\", selectedFeeds);\n console.log(\"selectedCategory\", selectedCategory);\n return (\n

\n {/* Desktop: Horizontal layout with pipe separators */}\n

\n \n FILTER\n \n\n \n\n | \n\n \n

\n\n {/* Pills container for desktop */}\n

\n {showCategoryFilter && (\n

\n {categories.map((category, index) => {\n const isSelected =\n selectedCategory?.toLowerCase() === category.toLowerCase();\n const domainCount = categoryDomainCounts.get(category) || 0;\n return (\n onToggleCategory(category)}\n className=\"inline-flex items-center gap-1 px-3 py-1 rounded-full border text-sm font-medium transition-all hover:opacity-80\"\n style={{\n backgroundColor: isSelected\n ? \"var(--header-color)\"\n : \"transparent\",\n borderColor: \"var(--text-color)\",\n color: isSelected\n ? \"var(--bg-color)\"\n : \"var(--text-color)\",\n }}\n >\n {isSelected ? \"×\" : \"+\"}\n {category.toUpperCase()} ({domainCount})\n \n );\n })}\n

\n )}\n\n {showFeedFilter && (\n

\n {feedTitles.map((feedTitle, index) => {\n const feedKey = feedKeys[index];\n const isSelected = feedKey ? selectedFeeds.has(feedKey) : false;\n return (\n onToggleFeed(feedKey || feedTitle)}\n className=\"inline-flex items-center gap-1 px-3 py-1 rounded-full border text-sm font-medium transition-all hover:opacity-80\"\n style={{\n backgroundColor: isSelected\n ? \"var(--header-color)\"\n : \"transparent\",\n borderColor: \"var(--text-color)\",\n color: isSelected\n ? \"var(--bg-color)\"\n : \"var(--text-color)\",\n }}\n >\n {isSelected ? \"×\" : \"+\"}\n {feedTitle}\n \n );\n })}\n

\n )}\n

\n\n {/* Mobile: Same layout structure as desktop */}\n

\n \n FILTER\n \n\n \n\n | \n\n \n

\n\n {/* Pills container for mobile */}\n

\n {showCategoryFilter && (\n

\n )}\n\n {showFeedFilter && (\n

\n )}\n

\n );\n}\n",[],[245,475,491],"9cc9bd4a-7e8a-11f0-9cf5-0224a6c84d84","FeedsFilter.tsx","5b185116-77e3-11f0-8c83-0224a6c84d84",["D",1755779424922],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface FeedsFilterProps {\n selectedFeeds: Set;\n onToggleFeed: (feedKey: string) => void;\n onClearFeeds: () => void;\n showFeedFilter: boolean;\n onToggleShowFeedFilter: () => void;\n feedTitles: string[];\n feedKeys: string[];\n}\n\nexport function FeedsFilter({\n selectedFeeds,\n onToggleFeed,\n onClearFeeds,\n showFeedFilter,\n onToggleShowFeedFilter,\n feedTitles: _feedTitles,\n feedKeys: _feedKeys,\n}: FeedsFilterProps) {\n const activeFeedFiltersCount = selectedFeeds.size;\n\n return (\n <>\n 0 ? \"gradient-pattern\" : \"\"\n }`}\n style={{\n color:\n showFeedFilter || activeFeedFiltersCount > 0\n ? \"var(--header-color)\"\n : \"var(--text-color)\",\n }}\n >\n feeds\n \n\n {activeFeedFiltersCount > 0 && (\n \n ({activeFeedFiltersCount} filters)\n \n clear\n \n \n )}\n \n );\n}\n",[],[245,475,498],"152e8452-77d1-11f0-a70b-0224a6c84d84","CategoryFilter.tsx","152e84f2-77d1-11f0-a70b-0224a6c84d84",["D",1755040033556],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface CategoryFilterProps {\n categories: string[];\n selectedCategory: string | null;\n onToggleCategory: (category: string) => void;\n onClearCategory: () => void;\n showCategoryFilter: boolean;\n onToggleShowCategoryFilter: () => void;\n}\n\nexport function CategoryFilter({\n categories: _categories,\n selectedCategory,\n onToggleCategory: _onToggleCategory,\n onClearCategory,\n showCategoryFilter,\n onToggleShowCategoryFilter,\n}: CategoryFilterProps) {\n return (\n <>\n {\n onToggleShowCategoryFilter();\n }}\n className={`text-base font-normal hover:opacity-80 transition-opacity border-none ${\n showCategoryFilter || selectedCategory ? \"gradient-pattern\" : \"\"\n }`}\n style={{\n color:\n showCategoryFilter || selectedCategory\n ? \"var(--header-color)\"\n : \"var(--text-color)\",\n }}\n >\n category\n \n\n {selectedCategory && (\n \n ({selectedCategory.toUpperCase()} selected)\n {\n onClearCategory();\n }}\n className=\"ml-2 cursor-pointer hover:underline\"\n style={{ color: \"var(--text-color)\" }}\n >\n clear\n \n \n )}\n \n );\n}\n",[],[245,475,505],"41ed0ea4-6c60-11f0-a174-0224a6c84d84",98,["D",1753782112707],[275,276,277,278,279,280],[245,475],["D",1753622962153],[274,281,286,288,289,290,291,292],[245],"d2b3acb2-7d78-11f0-96b6-0224a6c84d84","settings.json","d2b3ad8e-7d78-11f0-96b6-0224a6c84d84",["D",1755661833285],"{\n \"languages\": {\n \"JSON\": {\n \"preferred_line_length\": 140,\n \"soft_wrap\": \"preferred_line_length\"\n }\n }\n}\n",[],[250,520],["D",1755661833285],[272],[250],"e3e015d2-7d70-11f0-8eb9-0224a6c84d84","settings.local.json","e3e01686-7d70-11f0-8eb9-0224a6c84d84",["D",1755658426119],"{\n \"permissions\": {\n \"allow\": [\n \"WebFetch(domain:www.val.town)\"\n ],\n \"deny\": []\n }\n}",[],[255,530],["D",1755658426119],[270],[255],["D",1749629213223],["D",1789531852468],{"_126":125,"_133":129},{"_126":125,"_127":-5,"_128":129,"_18":81,"_130":131,"_132":28},{"_13":115,"_35":116,"_68":44,"_117":69,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":70,"_124":125},"ctx",{"_108":-5,"_153":577,"_578":579,"_580":581,"_582":28,"_583":28,"_584":28,"_585":85,"_586":-5,"_587":-7,"_588":-7,"_589":89,"_590":28,"_591":28,"_592":-5,"_593":28,"_594":28,"_595":28,"_596":-5},"ENV",{"_548":549,"_550":551,"_552":116,"_553":554,"_555":556,"_557":558,"_559":560,"_561":562,"_563":564,"_565":566,"_567":568,"_569":570,"_571":572,"_573":574,"_575":576},"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"]

Hi

Hi

\n ${escapeHtml(title)}\n

\n #${escapeHtml(category)}\n

\n ${escapeHtml(title)}\n

\n {item.title}\n

Diff · v172