\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",[],[173,180,207],{"_103":215,"_95":216,"_154":217,"_156":181,"_157":139,"_158":218,"_160":161,"_105":219,"_100":201,"_163":191,"_165":220,"_166":22,"_167":-5,"_168":221,"_98":222},"076ed9f8-96e8-11f0-8a5f-0224a6c84d84","Footer.tsx","bb8cff96-6e11-11f0-a6a9-0224a6c84d84",196,["D",1758458374963],"/** @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",[],[173,180,216],{"_103":224,"_95":225,"_154":226,"_156":181,"_157":139,"_158":199,"_160":161,"_105":227,"_100":228,"_163":191,"_165":229,"_166":22,"_167":-5,"_168":230,"_98":231},"9cc9c9ac-7e8a-11f0-9cf5-0224a6c84d84","ListingFilter.tsx","41ecf1ee-6c60-11f0-a174-0224a6c84d84",["D",1755779424922],5,"/** @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",[],[173,180,225],{"_103":233,"_95":234,"_154":235,"_156":181,"_157":139,"_158":236,"_160":161,"_105":237,"_100":238,"_163":191,"_165":239,"_166":22,"_167":-5,"_168":240,"_98":241},"3ed28ea2-6c64-11f0-aa19-0224a6c84d84","TimeFilter.tsx","41ed03be-6c60-11f0-a174-0224a6c84d84",99,["D",1753783825482],1,"/** @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",[],[173,180,234],[173,180],{"_103":244,"_95":245,"_154":246,"_156":174,"_157":139,"_158":247,"_160":161,"_105":248,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":249,"_98":282},"7c959e94-6b99-11f0-bc83-0224a6c84d84","hooks","01985078-a78d-704c-bbb7-a96c52e1a3e8",96,["D",1753696741265],[250,258,266,274],{"_103":251,"_95":252,"_154":253,"_156":246,"_157":139,"_158":159,"_160":161,"_105":254,"_100":201,"_163":191,"_165":255,"_166":22,"_167":-5,"_168":256,"_98":257},"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",[],[173,245,252],{"_103":259,"_95":260,"_154":261,"_156":246,"_157":139,"_158":159,"_160":161,"_105":262,"_100":201,"_163":191,"_165":263,"_166":22,"_167":-5,"_168":264,"_98":265},"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",[],[173,245,260],{"_103":267,"_95":268,"_154":269,"_156":246,"_157":139,"_158":159,"_160":161,"_105":270,"_100":238,"_163":191,"_165":271,"_166":22,"_167":-5,"_168":272,"_98":273},"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",[],[173,245,268],{"_103":275,"_95":276,"_154":277,"_156":246,"_157":139,"_158":159,"_160":161,"_105":278,"_100":201,"_163":191,"_165":279,"_166":22,"_167":-5,"_168":280,"_98":281},"e3e07022-7d70-11f0-8eb9-0224a6c84d84","useTimePeriodFilter.ts","1f4ebf76-6bb3-11f0-b47f-0224a6c84d84",["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",[],[173,245,276],[173,245],{"_103":284,"_95":285,"_154":286,"_156":174,"_157":139,"_158":247,"_160":161,"_105":287,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":288,"_98":298},"7c959fca-6b99-11f0-bc83-0224a6c84d84","utils","01985078-a78e-7444-ba8c-f07153cc5dda",["D",1753696741265],[289],{"_103":290,"_95":291,"_154":292,"_156":286,"_157":139,"_158":293,"_160":161,"_105":294,"_100":238,"_163":191,"_165":295,"_166":22,"_167":-5,"_168":296,"_98":297},"bb8d2228-6e11-11f0-a6a9-0224a6c84d84","dateUtils.ts","7c959d4a-6b99-11f0-bc83-0224a6c84d84",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",[],[173,285,291],[173,285],{"_103":300,"_95":301,"_154":302,"_156":174,"_157":139,"_158":303,"_160":161,"_105":304,"_100":305,"_163":191,"_165":306,"_166":22,"_167":-5,"_168":307,"_98":308},"9efe0138-96eb-11f0-91f4-0224a6c84d84","app.tsx","b4cdfc0e-6aed-11f0-9add-0224a6c84d84",197,["D",1758459917729],29,"/** @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",[],[173,301],{"_103":310,"_95":311,"_154":312,"_156":174,"_157":139,"_158":313,"_160":161,"_105":314,"_100":32,"_163":315,"_165":316,"_166":22,"_167":-5,"_168":317,"_98":318},"64a20722-6b5e-11f0-a76b-0224a6c84d84","favicon.svg","64a207fe-6b5e-11f0-a76b-0224a6c84d84",91,["D",1753671360780],"file","\n",[],[173,311],{"_103":320,"_95":321,"_154":322,"_156":174,"_157":139,"_158":303,"_160":161,"_105":323,"_100":324,"_163":315,"_165":325,"_166":22,"_167":-5,"_168":326,"_98":327},"9efe1f06-96eb-11f0-91f4-0224a6c84d84","index.html","b4ce0fa0-6aed-11f0-9add-0224a6c84d84",["D",1758459917729],31,"\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",[],[173,321],{"_103":329,"_95":330,"_154":331,"_156":174,"_157":139,"_158":189,"_160":161,"_105":332,"_100":201,"_163":191,"_165":333,"_166":22,"_167":-5,"_168":334,"_98":335},"152ef5b8-77d1-11f0-a70b-0224a6c84d84","index.tsx","b4ce1158-6aed-11f0-9add-0224a6c84d84",["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",[],[173,330],{"_103":337,"_95":338,"_154":339,"_156":174,"_157":139,"_158":340,"_160":161,"_105":341,"_100":32,"_163":191,"_165":342,"_166":22,"_167":-5,"_168":343,"_98":344},"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",[],[173,338],[173],{"_103":347,"_95":348,"_154":349,"_156":-5,"_157":139,"_158":175,"_160":161,"_105":350,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":351,"_98":372},"b4ce2a8a-6aed-11f0-9add-0224a6c84d84","services","01984c12-dfe6-7391-b236-be3aa84fda79",["D",1753622962153],[352,362],{"_103":353,"_95":354,"_154":355,"_156":349,"_157":139,"_158":356,"_160":161,"_105":357,"_100":238,"_163":358,"_165":359,"_166":22,"_167":-5,"_168":360,"_98":361},"a3f121b0-7f31-11f0-ade6-0224a6c84d84","emailTemplate.tsx","6674b86c-7ef3-11f0-a0e0-0224a6c84d84",173,["D",1755851162898],"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\nconst formatLastFetched = (dateString: string): string => {\n const now = new Date();\n const lastFetched = new Date(dateString);\n const diffMs = now.getTime() - lastFetched.getTime();\n const diffMinutes = Math.floor(diffMs / (1000 * 60));\n const diffHours = Math.floor(diffMs / (1000 * 60 * 60));\n const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n\n if (diffMinutes < 60) {\n return diffMinutes <= 1 ? \"just now\" : `${diffMinutes}m ago`;\n } else if (diffHours < 24) {\n return diffHours === 1 ? \"1hr ago\" : `${diffHours}hrs ago`;\n } else if (diffDays === 1) {\n return \"1 day ago\";\n } else {\n return `${diffDays} days ago`;\n }\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 feed last fetched ${formatLastFetched(lastUpdated)}\n

\n \n \n `;\n};\n",[],[348,354],{"_103":363,"_95":364,"_154":365,"_156":349,"_157":139,"_158":366,"_160":161,"_105":367,"_100":368,"_163":191,"_165":369,"_166":22,"_167":-5,"_168":370,"_98":371},"e676c6da-96dc-11f0-b0ca-0224a6c84d84","rss.ts","b4ce23dc-6aed-11f0-9add-0224a6c84d84",193,["D",1758453595184],6,"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 /*\n * loads and processes feeds configuration for internal RSS processing\n * filters out disabled feeds (those with # prefix in feedKey)\n * returns configuration objects with URL mappings for RSS generation\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\n /* filter out disabled feeds (those with # prefix in feedKey) */\n const enabledFeeds = feedsArray.filter(\n (feed: [string, string[], string, string?]) => !feed[0].startsWith('#')\n );\n\n // Extract URLs from the array structure [normalizedKey, [categories], feedUrl, optionalDomain?]\n const feedUrls = enabledFeeds.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 enabledFeeds.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 /*\n * returns filtered feeds configuration for API consumers\n * filters out disabled feeds (those with # prefix in feedKey)\n * provides raw feed data in [normalizedKey, categories, feedUrl, optionalDomain] format\n */\n async getFeedsConfig(): Promise {\n try {\n const configContent = await readFile(\"/feeds.json\", import.meta.url);\n const feedsArray = JSON.parse(configContent);\n\n /* filter out disabled feeds (those with # prefix in feedKey) */\n const enabledFeeds = feedsArray.filter(\n (feed: [string, string[], string, string?]) => !feed[0].startsWith('#')\n );\n\n return enabledFeeds;\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 /* filter out disabled feeds (those with # prefix in feedKey) */\n const enabledFeeds = feedsArray.filter(\n (feed: [string, string[], string, string?]) => !feed[0].startsWith('#')\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 enabledFeeds.map(([_, __, feedUrl]) => this.fetchFeed(feedUrl)),\n );\n\n const config = await this.loadConfig();\n\n results.forEach((result, index) => {\n const [_normalizedKey, __categories, feedUrl] = enabledFeeds[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",[],[348,364],[348],{"_103":374,"_95":375,"_154":376,"_156":-5,"_157":139,"_158":377,"_160":161,"_105":378,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":379,"_98":406},"1f4ed2cc-6bb3-11f0-b47f-0224a6c84d84","shared","01985120-a903-7099-9b0a-ba286a579883",97,["D",1753707751686],[380,389,398],{"_103":381,"_95":382,"_154":383,"_156":376,"_157":139,"_158":384,"_160":161,"_105":385,"_100":238,"_163":191,"_165":386,"_166":22,"_167":-5,"_168":387,"_98":388},"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",[],[375,382],{"_103":390,"_95":391,"_154":392,"_156":376,"_157":139,"_158":393,"_160":161,"_105":394,"_100":201,"_163":191,"_165":395,"_166":22,"_167":-5,"_168":396,"_98":397},"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",[],[375,391],{"_103":399,"_95":400,"_154":401,"_156":376,"_157":139,"_158":159,"_160":161,"_105":402,"_100":32,"_163":191,"_165":403,"_166":22,"_167":-5,"_168":404,"_98":405},"e3e02b4e-7d70-11f0-8eb9-0224a6c84d84","utils.ts","e3e02bda-7d70-11f0-8eb9-0224a6c84d84",["D",1755658426119],"/**\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",[],[375,400],[375],{"_103":408,"_95":409,"_154":410,"_156":-5,"_157":139,"_158":411,"_160":161,"_105":412,"_100":201,"_163":315,"_165":413,"_166":22,"_167":-5,"_168":414,"_98":415},"9e2231c0-9601-11f0-9601-0224a6c84d84",".vtignore","2a201254-b845-4b01-b46c-fbdb5bc47ed5",191,["D",1758359414055],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor\n*.local.json\n.zed",[],[409],{"_103":417,"_95":418,"_154":419,"_156":-5,"_157":139,"_158":159,"_160":161,"_105":420,"_100":32,"_163":315,"_165":421,"_166":22,"_167":-5,"_168":422,"_98":423},"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",[],[418],{"_103":425,"_95":426,"_154":427,"_156":-5,"_157":139,"_158":428,"_160":161,"_105":429,"_100":201,"_163":315,"_165":430,"_166":22,"_167":-5,"_168":431,"_98":432},"6674c8ac-7ef3-11f0-a0e0-0224a6c84d84","CLAUDE.md","e3e02036-7d70-11f0-8eb9-0224a6c84d84",172,["D",1755824430940],"You are an advanced assistant that helps programmers code on Val Town.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious operations)\n- Follow modern ES6+ conventions and functional programming practices if possible\n- For both single-line and multi-line comments, use the multi-line commenting style guide with all lowercase.\n- Example single line structure:\n\n```ts\n/* some comments */\nfunction someFunc() {} {\n /* some inline single line comments */\n return null;\n}\n```\n\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: When changing a SQLite table's schema, change the table's name (e.g., add _2 or _3) to create a fresh table.\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({\n subject: \"Hi\",\n text: \"Hi\",\n html: \"

Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `c.redirect()` if you're using Hono. If not, use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified. wttr.in is a good backup.\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── services/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `services/index.ts`\n- Do NOT use Hono serveStatic middleware\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n```ts\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:**\n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - DO NOT include `import {} from \"https://esm.sh/react@18.2.0\";` under import {} from \"https://esm.sh/react@18.2.0\";\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n6. **Hono Peculiarities:**\n - NEVER EVER write this line: `import { serveStatic } from 'https://esm.sh/hono@3.11.7/middleware';`\n - Instead use: `import { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";`\n - NEVER EVER write this line: `import { cors } from \"https://esm.sh/@hono/cors@0.0.6\";`.\n - Val Town automatically handles CORS.\n - If you need cookies, use: import { deleteCookie, getCookie, setCookie } from \"npm:hono/cookie\";\n\n## Architecture\n\nSee ARCHITECTURE.md for detailed architecture information on the project.\n",[],[426],{"_103":434,"_95":435,"_154":436,"_156":-5,"_157":139,"_158":218,"_160":161,"_105":437,"_100":32,"_163":315,"_165":438,"_166":22,"_167":-5,"_168":439,"_98":440},"076ece72-96e8-11f0-8a5f-0224a6c84d84","LICENSE.md","076ecf58-96e8-11f0-8a5f-0224a6c84d84",["D",1758458374963],"Copyright 2025 [Arti Villa](https://artivilla.com/)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n",[],[435],{"_103":442,"_95":443,"_154":444,"_156":-5,"_157":139,"_158":218,"_160":161,"_105":445,"_100":446,"_163":315,"_165":447,"_166":22,"_167":-5,"_168":448,"_98":449},"076ed6f6-96e8-11f0-8a5f-0224a6c84d84","README.md","fb057215-2aeb-4b82-8435-ceda27d2d3b6",["D",1758458374963],7,"# Newsletter Aggregator\n\nRSS feed aggregator that collects newsletters and blogs into a filterable web interface with optional email delivery. Collection of aggregated newsletters that function like morning pages. 📄💫💫\n\n## How it works\n- `feeds.json` - List out all rss feeds you want to aggregate in your newsletter. Temporarily disable any feed by prefixing its key with #, eg. #key, to archive it while preserving it in your list for future reactivation.\n- `feed.cron.ts` - Fetches and caches feeds every 6 hours\n- Web interface with category/time filtering\n- Optional email newsletters via `newsletter.config.json`\n\n## License\nMIT License (see LICENSE).\n\n## Optional attribution\nIf you find this project useful, we’d appreciate a small a small attribution in your footer:\n\"designed by [@artivilla](https://www.val.town/u/artivilla)\"\nThis is optional and not required by the license.\n",[],[443],{"_103":451,"_95":452,"_154":453,"_156":-5,"_157":139,"_158":175,"_160":161,"_105":454,"_100":201,"_163":315,"_165":455,"_166":22,"_167":-5,"_168":456,"_98":457},"b4ce3cdc-6aed-11f0-9add-0224a6c84d84","deno.json","85d3e283-698b-41db-9e11-fb2221a9e761",["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",[],[452],{"_103":459,"_95":460,"_154":461,"_156":-5,"_157":139,"_158":462,"_160":161,"_105":463,"_100":464,"_163":465,"_165":466,"_166":22,"_167":-5,"_168":467,"_98":468},"7b49490e-9601-11f0-964d-0224a6c84d84","feed.cron.ts","b4cdfa74-6aed-11f0-9add-0224a6c84d84",189,["D",1758359355585],3,"interval","import { RSSService } from \"./services/rss.ts\";\nimport { email } from \"https://esm.town/v/std/email\";\nimport { 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\ninterface NewsletterConfig {\n emailEnabled: boolean;\n}\n\n/* load newsletter configuration */\nasync function loadNewsletterConfig(): Promise {\n try {\n const configContent = await readFile(\"/newsletter.config.json\", import.meta.url);\n return JSON.parse(configContent) as NewsletterConfig;\n } catch (error) {\n console.warn(\"Failed to load newsletter config, defaulting to email enabled:\", error);\n return { emailEnabled: true };\n }\n}\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 /* load newsletter configuration */\n const newsletterConfig = await loadNewsletterConfig();\n\n /* check if email is enabled before proceeding with email logic */\n if (newsletterConfig.emailEnabled) {\n // Get username from val info\n const username = \"@testuser\";\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 } else {\n console.log(\"📧 Newsletter email disabled in configuration, skipping email send\");\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",[],[460],{"_103":470,"_95":471,"_154":472,"_156":-5,"_157":139,"_158":138,"_160":161,"_105":473,"_100":474,"_163":315,"_165":475,"_166":22,"_167":-5,"_168":476,"_98":477},"1d4b2682-9d00-11f0-b743-0224a6c84d84","feeds.json","dfdb3efc-6b8d-11f0-b5dc-0224a6c84d84",["D",1759128426537],40,"[\n [\"valTownBlog\", [\"products\"], \"https://blog.val.town/rss.xml\"],\n [\"linearAppBlog\", [\"products\"], \"https://linear.app/rss/changelog.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 [\"ampCodeBlog\", [\"products\"], \"https://ampcode.com/news.rss\"],\n [\"gitbutlerBlog\", [\"products\"], \"https://blog.gitbutler.com/rss\"],\n [\n \"farcasterRepoChangelog\",\n [\"products\"],\n \"https://github.com/farcasterxyz/protocol/releases.atom\"\n ],\n [\n \"raycastChangelog\",\n [\"products\"],\n \"https://www.raycast.com/changelog/feed.xml\"\n ],\n [\"stripeBlog\", [\"products\"], \"https://stripe.com/blog/feed.rss\"],\n [\n \"neynarBlog\",\n [\"products\", \"crypto\"],\n \"https://rss-generator.artivilla.com/rss/neynar.xml\"\n ],\n [\n \"#loopsChangelog\",\n [\"product\"],\n \"https://rss-generator.artivilla.com/rss/loops.xml\"\n ],\n [\"tesslBlog\", [\"AI\"], \"https://rss-generator.artivilla.com/rss/tessl.xml\"],\n [\n \"emailEgghead\",\n [\"programming\"],\n \"https://kill-the-newsletter.com/feeds/sqpw3htkhocwl299i9t8.xml\"\n ],\n [\"openaiNews\", [\"AI\"], \"https://openai.com/news/rss.xml\"],\n [\n \"anthropicNews\",\n [\"AI\"],\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_news.xml\"\n ],\n [\n \"ollamaFeed\",\n [\"AI\"],\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_ollama.xml\"\n ],\n [\n \"anthropicEngineering\",\n [\"AI\"],\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_engineering.xml\"\n ],\n [\n \"anthropicResearch\",\n [\"AI\"],\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_research.xml\"\n ],\n [\"craftOfUi\", [\"programming\"], \"https://craftofui.substack.com/feed\"],\n [\"productDelight\", [\"design\"], \"https://nesrinechanguel.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 [\"pomdtr\", [\"programming\"], \"https://blog.pomdtr.me/feed.xml\"],\n [\"characterCapital\", [\"design\"], \"https://www.johnzeratsky.com/feed\"],\n [\"andrewChen\", [\"strategy\"], \"https://andrewchen.com/feed\"],\n [\"andrewChenSub\", [\"strategy\"], \"https://andrewchen.substack.com/feed\"],\n [\n \"joshWComeau\",\n [\"programming\", \"design\"],\n \"https://www.joshwcomeau.com/rss.xml\"\n ],\n [\"davidPerell\", [\"writing\"], \"https://perell.com/feed\"],\n [\"brianBalfour\", [\"strategy\"], \"https://blog.brianbalfour.com/feed\"],\n [\"vanSchneider\", [\"design\"], \"https://vanschneider.com/blog/rss\"],\n [\"dwrEmail\", [\"crypto\"], \"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 [\n \"paulgraham\",\n [\"startups\"],\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_paulgraham.xml\",\n \"paulgraham.com\"\n ],\n [\n \"registerSpill\",\n [\"programming\"],\n \"https://registerspill.thorstenball.com/feed\"\n ],\n [\n \"emilKowal\",\n [\"design\"],\n \"https://kill-the-newsletter.com/feeds/6gre6dor7sk0jmslnui4.xml\"\n ],\n [\"simonWillison\", [\"AI\", \"programming\"], \"https://simonw.substack.com/feed\"],\n [\"artiVilla\", [\"programming\"], \"https://writing.artivilla.com/rss\"],\n [\"justJake\", [\"programming\"], \"https://justjake.substack.com/feed\"],\n [\n \"benEvans\",\n [\"strategy\"],\n \"https://www.ben-evans.com/benedictevans?format=rss\"\n ],\n [\"bitsAboutMoney\", [\"finance\"], \"https://www.bitsaboutmoney.com/archive/rss\"],\n [\n \"#matthewLevine\",\n [\"finance\"],\n \"https://www.bloomberg.com/authors/ARbTQlRLRjE/matthew-s-levine.rss\"\n ],\n [\n \"#getTheLeverage\",\n [\"strategy\", \"finance\"],\n \"https://www.gettheleverage.com/feed\"\n ],\n [\"#stratechery\", [\"strategy\"], \"https://stratechery.com/feed\"],\n [\"gameTheoryLife\", [\"strategy\"], \"https://gametheory.life/feed\"],\n [\n \"devouringDetails\",\n [\"design\"],\n \"https://kill-the-newsletter.com/feeds/70t2ouafobbic8yor549.xml\"\n ],\n [\"#everyTo\", [\"AI\", \"strategy\"], \"https://every.to/feeds/global.xml\"],\n [\n \"howardMarks\",\n [\"finance\", \"investing\"],\n \"https://rss.art19.com/the-memo-by-howard-marks\"\n ],\n [\"gregBrockman\", [\"AI\"], \"https://blog.gregbrockman.com/feed\"],\n [\"epochAI\", [\"AI\"], \"https://epoch.ai/atom.xml\"],\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 [\"theoryVentures\", [\"strategy\", \"startups\"], \"https://theoryvc.com/blog-posts/rss.xml\"],\n [\n \"socialGraphVentures\",\n [\"crypto\"],\n \"https://paragraph.com/@socialgraphventures/rss\"\n ],\n [\"ourNetwork\", [\"crypto\"], \"https://ournetwork.substack.com/feed\"],\n [\n \"businessMasterclass\",\n [\"strategy\"],\n \"https://masterclass.thesmbcenter.com/feed\"\n ],\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 [\n \"collabFund\",\n [\"investing\", \"strategy\"],\n \"https://feeds.feedburner.com/collabfund\"\n ],\n [\"creativeSamba\", [\"writing\"], \"https://creativesamba.substack.com/feed\"],\n [\n \"intellectualEdge\",\n [\"writing\"],\n \"https://theintellectualedge.substack.com/feed\"\n ],\n [\n \"foundersTribune\",\n [\"startups\"],\n \"https://kill-the-newsletter.com/feeds/abadnp3zevughmb4dlyf.xml\"\n ]\n]",[],[471],{"_103":479,"_95":480,"_154":481,"_156":-5,"_157":139,"_158":199,"_160":161,"_105":482,"_100":483,"_163":484,"_165":485,"_166":22,"_167":-5,"_168":486,"_98":487},"9cc9cbc8-7e8a-11f0-9cf5-0224a6c84d84","http.ts","a465e4e7-fc74-4b03-a1bd-9d8c1b083d00",["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;",[],[480],{"_103":489,"_95":99,"_154":490,"_156":-5,"_157":139,"_158":462,"_160":161,"_105":491,"_100":32,"_163":315,"_165":492,"_166":22,"_167":-5,"_168":493,"_98":494},"7b493c66-9601-11f0-964d-0224a6c84d84","7b493d06-9601-11f0-964d-0224a6c84d84",["D",1758359355585],"{\n \"emailEnabled\": false\n}\n",[],[99],"files",[151,171,178,185,195,205,214,223,232,243,250,258,266,274,283,289,299,309,319,328,336,346,352,362,373,380,389,398,407,416,424,433,441,450,458,469,478,488],"counts",{"_499":32,"_500":201,"_501":238,"_502":503},"pulls","branches","forks","envVars",{"_504":32,"_505":32},"count","emptyCount","contents",[],{"_103":489,"_95":99,"_154":490,"_156":-5,"_157":139,"_158":462,"_160":161,"_105":509,"_100":32,"_163":315,"_165":492,"_166":22,"_167":-5,"_98":510},["D",1758359355585],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":519,"_315":524,"_527":528,"_531":532,"_535":-7,"_536":32,"_537":22},{"_103":104,"_95":96,"_105":520,"_107":-5,"_108":22,"_109":110,"_111":112,"_113":114,"_14":115,"_116":-5,"_117":22,"_118":-5,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":521,"_133":522,"_136":523,"_148":22},["D",1749629213223],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_100":138,"_95":43,"_103":139,"_140":104,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},{"_103":489,"_95":99,"_154":490,"_156":-5,"_157":139,"_158":462,"_160":161,"_105":525,"_100":32,"_163":315,"_165":492,"_166":22,"_167":-5,"_98":526},["D",1758359355585],[99],"history",[529],{"_103":489,"_157":139,"_154":490,"_95":99,"_165":492,"_163":315,"_100":32,"_156":-5,"_105":530,"_158":462,"_167":-5},["D",1758359355585],"versions",[533],{"_315":529,"_534":-5},"previous","versionNumber","page","hasNext","actionData","errors"]

\n {item.title}\n

\n ${escapeHtml(title)}\n

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

\n ${escapeHtml(title)}\n

Hi

artivilla

rss

History for newsletter.config.json