My Reads | artivilla.com

\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 isSelected = selectedFeeds.has(feedTitle);\n return (\n onToggleFeed(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",[],[158,176,200],{"_105":207,"_96":208,"_159":209,"_161":177,"_162":144,"_163":210,"_165":22,"_107":211,"_101":32,"_167":186,"_169":212,"_170":22,"_171":-5,"_172":213,"_99":214},"bb8cfe2e-6e11-11f0-a6a9-0224a6c84d84","Footer.tsx","bb8cff96-6e11-11f0-a6a9-0224a6c84d84",102,["D",1753968288834],"/** @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 return (\n \n );\n}\n",[],[158,176,208],{"_105":216,"_96":217,"_159":218,"_161":177,"_162":144,"_163":102,"_165":22,"_107":219,"_101":220,"_167":186,"_169":221,"_170":22,"_171":-5,"_172":222,"_99":223},"152eda2e-77d1-11f0-a70b-0224a6c84d84","ListingFilter.tsx","41ecf1ee-6c60-11f0-a174-0224a6c84d84",["D",1755040033556],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {} from \"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\n // Actions\n onToggleCategory: (category: string) => void;\n onToggleFeed: (feedTitle: 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",[],[158,176,217],{"_105":225,"_96":226,"_159":227,"_161":177,"_162":144,"_163":228,"_165":121,"_107":229,"_101":230,"_167":186,"_169":231,"_170":22,"_171":-5,"_172":232,"_99":233},"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",[],[158,176,226],[158,176],{"_105":236,"_96":237,"_159":238,"_161":160,"_162":144,"_163":239,"_165":121,"_107":240,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":241,"_99":274},"7c959e94-6b99-11f0-bc83-0224a6c84d84","hooks","01985078-a78d-704c-bbb7-a96c52e1a3e8",96,["D",1753696741265],[242,250,258,266],{"_105":243,"_96":244,"_159":245,"_161":238,"_162":144,"_163":102,"_165":22,"_107":246,"_101":230,"_167":186,"_169":247,"_170":22,"_171":-5,"_172":248,"_99":249},"152ee370-77d1-11f0-a70b-0224a6c84d84","useAppData.ts","7c9586de-6b99-11f0-bc83-0224a6c84d84",["D",1755040033556],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n}\n\ninterface ParsedFeed {\n title?: string;\n link?: string;\n description?: string;\n feedUrl?: string; // Original feed URL for category matching\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\n useEffect(() => {\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 setData(data);\n setDataLoaded(true);\n\n // Ensure minimum 1 second delay to show MehIcon animation\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 }, []);\n\n return { data, loading, error, dataLoaded };\n}\n",[],[158,237,244],{"_105":251,"_96":252,"_159":253,"_161":238,"_162":144,"_163":210,"_165":22,"_107":254,"_101":230,"_167":186,"_169":255,"_170":22,"_171":-5,"_172":256,"_99":257},"bb8d1bc0-6e11-11f0-a6a9-0224a6c84d84","useDateFormatting.ts","7c9593fe-6b99-11f0-bc83-0224a6c84d84",["D",1753968288834],"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}\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",[],[158,237,252],{"_105":259,"_96":260,"_159":261,"_161":238,"_162":144,"_163":102,"_165":22,"_107":262,"_101":32,"_167":186,"_169":263,"_170":22,"_171":-5,"_172":264,"_99":265},"152e985c-77d1-11f0-a70b-0224a6c84d84","useFeedsConfig.ts","152e98f2-77d1-11f0-a70b-0224a6c84d84",["D",1755040033556],"/** @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[]][] | null;\n loading: boolean;\n error: string | null;\n}\n\n/**\n * Custom hook for fetching feeds configuration data from the API\n * Returns feeds data in the format: [[url, [categories]], ...]\n */\nexport function useFeedsConfig(): UseFeedsConfigReturn {\n const [feedsData, setFeedsData] = useState<[string, string[]][] | null>(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\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[]][]) => {\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 { feedsData, loading, error };\n}\n",[],[158,237,260],{"_105":267,"_96":268,"_159":269,"_161":238,"_162":144,"_163":210,"_165":22,"_107":270,"_101":230,"_167":186,"_169":271,"_170":22,"_171":-5,"_172":272,"_99":273},"bb8d1dc8-6e11-11f0-a6a9-0224a6c84d84","useTimePeriodFilter.ts","1f4ebf76-6bb3-11f0-b47f-0224a6c84d84",["D",1753968288834],"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}\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",[],[158,237,268],[158,237],{"_105":276,"_96":277,"_159":278,"_161":160,"_162":144,"_163":239,"_165":121,"_107":279,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":280,"_99":289},"7c959fca-6b99-11f0-bc83-0224a6c84d84","utils","01985078-a78e-7444-ba8c-f07153cc5dda",["D",1753696741265],[281],{"_105":282,"_96":283,"_159":284,"_161":278,"_162":144,"_163":210,"_165":121,"_107":285,"_101":230,"_167":186,"_169":286,"_170":22,"_171":-5,"_172":287,"_99":288},"bb8d2228-6e11-11f0-a6a9-0224a6c84d84","dateUtils.ts","7c959d4a-6b99-11f0-bc83-0224a6c84d84",["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",[],[158,277,283],[158,277],{"_105":291,"_96":292,"_159":293,"_161":160,"_162":144,"_163":102,"_165":22,"_107":294,"_101":295,"_167":186,"_169":296,"_170":22,"_171":-5,"_172":297,"_99":298},"152ebdbe-77d1-11f0-a70b-0224a6c84d84","app.tsx","b4cdfc0e-6aed-11f0-9add-0224a6c84d84",["D",1755040033556],11,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useMemo, useCallback } 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 buildCategoryToFeeds,\n} from \"../shared/feedCategories.ts\";\nimport { useFeedsConfig } from \"./hooks/useFeedsConfig.ts\";\n\ninterface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n}\n\ninterface ParsedFeed {\n title?: string;\n link?: string;\n description?: 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 const {\n feedsData,\n loading: feedsLoading,\n error: feedsError,\n } = useFeedsConfig();\n\n console.log(\"feedsData\", feedsData);\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 // 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 } 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 }\n },\n [selectedCategory],\n );\n\n // Toggle feed selection - clears category\n const toggleFeed = useCallback(\n (feedTitle: string) => {\n // Clear category when selecting feeds\n if (filterType === \"category\") {\n setSelectedCategory(null);\n }\n setFilterType(\"feeds\");\n setShowCategoryFilter(false);\n\n setSelectedFeeds((prev) => {\n const newSet = new Set(prev);\n if (newSet.has(feedTitle)) {\n newSet.delete(feedTitle);\n // If no feeds selected, clear filter type\n if (newSet.size === 0) {\n setFilterType(null);\n }\n } else {\n newSet.add(feedTitle);\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 }, []);\n\n const clearFeeds = useCallback(() => {\n setSelectedFeeds(new Set());\n setFilterType(null);\n }, []);\n\n // Create a mapping from feed titles to domains for filtering\n const feedTitleToDomainMap = useMemo(() => {\n if (!data) return new Map();\n\n const map = new Map();\n data.feeds.forEach((feed) => {\n if (feed.title) {\n // Use feedUrl first, fallback to link\n const urlToUse = feed.feedUrl || feed.link;\n if (urlToUse) {\n try {\n const domain = new URL(urlToUse).hostname;\n map.set(feed.title, domain);\n } catch (_error) {\n console.warn(\n `Failed to parse URL for feed ${feed.title}:`,\n urlToUse,\n );\n }\n }\n }\n });\n return map;\n }, [data]);\n\n // Build category → feeds map\n const categoryToFeeds = useMemo(\n () => (feedsData ? buildCategoryToFeeds(feedsData) : new Map()),\n [feedsData],\n );\n\n console.log(\"categoryToFeeds\", categoryToFeeds);\n\n // Calculate pill counts: actual number of feeds per category\n const categoryDomainCounts = useMemo(() => {\n const counts = new Map();\n\n categories.forEach((cat) => {\n const urls = categoryToFeeds.get(cat.toLowerCase()) ?? [];\n counts.set(cat, urls.length);\n });\n\n return counts;\n }, [categories, categoryToFeeds]);\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 urls = categoryToFeeds.get(selectedCategory.toLowerCase()) ?? [];\n const categoryDomains = new Set(\n urls.map((u) => {\n try {\n return new URL(u).hostname.replace(/^www\\./, \"\");\n } catch {\n return \"\";\n }\n }),\n );\n\n allFiltered = allFiltered.filter((item) =>\n categoryDomains.has(item.domain),\n );\n }\n\n // Apply feed filter\n if (filterType === \"feeds\" && selectedFeeds.size > 0) {\n const selectedDomains = new Set(\n Array.from(selectedFeeds)\n .map((feedTitle) => feedTitleToDomainMap.get(feedTitle))\n .filter(Boolean),\n );\n allFiltered = allFiltered.filter((item) =>\n selectedDomains.has(item.domain),\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 feedTitleToDomainMap,\n sortBy,\n filterItemsByTimePeriod,\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 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",[],[158,292],{"_105":300,"_96":301,"_159":302,"_161":160,"_162":144,"_163":303,"_165":121,"_107":304,"_101":32,"_167":305,"_169":306,"_170":22,"_171":-5,"_172":307,"_99":308},"64a20722-6b5e-11f0-a76b-0224a6c84d84","favicon.svg","64a207fe-6b5e-11f0-a76b-0224a6c84d84",91,["D",1753671360780],"file","\n",[],[158,301],{"_105":310,"_96":311,"_159":312,"_161":160,"_162":144,"_163":102,"_165":22,"_107":313,"_101":314,"_167":305,"_169":315,"_170":22,"_171":-5,"_172":316,"_99":317},"152ee9b0-77d1-11f0-a70b-0224a6c84d84","index.html","b4ce0fa0-6aed-11f0-9add-0224a6c84d84",["D",1755040033556],26,"\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",[],[158,311],{"_105":319,"_96":320,"_159":321,"_161":160,"_162":144,"_163":102,"_165":121,"_107":322,"_101":323,"_167":186,"_169":324,"_170":22,"_171":-5,"_172":325,"_99":326},"152ef5b8-77d1-11f0-a70b-0224a6c84d84","index.tsx","b4ce1158-6aed-11f0-9add-0224a6c84d84",["D",1755040033556],2,"/** @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",[],[158,320],{"_105":328,"_96":329,"_159":330,"_161":160,"_162":144,"_163":331,"_165":121,"_107":332,"_101":32,"_167":186,"_169":333,"_170":22,"_171":-5,"_172":334,"_99":335},"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",[],[158,329],[158],{"_105":338,"_96":339,"_159":340,"_161":-5,"_162":144,"_163":164,"_165":121,"_107":341,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":342,"_99":352},"b4ce2a8a-6aed-11f0-9add-0224a6c84d84","services","01984c12-dfe6-7391-b236-be3aa84fda79",["D",1753622962153],[343],{"_105":344,"_96":345,"_159":346,"_161":340,"_162":144,"_163":102,"_165":22,"_107":347,"_101":348,"_167":186,"_169":349,"_170":22,"_171":-5,"_172":350,"_99":351},"152efd7e-77d1-11f0-a70b-0224a6c84d84","rss.ts","b4ce23dc-6aed-11f0-9add-0224a6c84d84",["D",1755040033556],4,"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}\n\nexport interface ParsedFeed {\n title?: string;\n link?: string;\n description?: string;\n feedUrl?: string; // Original feed URL for category matching\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}\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 [url, categories]\n const feedUrls = feedsArray.map((feed: [string, string[]]) => feed[0]);\n this.contentConfig = { feeds: feedUrls };\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\";\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 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 for (const item of feed.items) {\n if (!item.link) continue;\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: new URL(item.link).hostname,\n });\n }\n\n return {\n feed: {\n title: feed.title,\n link: feed.link,\n description: feed.description,\n feedUrl: feedUrl, // Include original feed URL\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 const feeds = await this.getConfiguredFeeds();\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 feeds.map((feedUrl) => this.fetchFeed(feedUrl)),\n );\n\n results.forEach((result, index) => {\n const feedUrl = feeds[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 domain = new URL(feedUrl).hostname;\n const title = domain.replace(/^www\\./, \"\");\n allFeeds.push({\n title,\n link: feedUrl,\n description: `Feed from ${domain}`,\n feedUrl: feedUrl, // Include original feed URL\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",[],[339,345],[339],{"_105":354,"_96":355,"_159":356,"_161":-5,"_162":144,"_163":357,"_165":121,"_107":358,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":359,"_99":377},"1f4ed2cc-6bb3-11f0-b47f-0224a6c84d84","shared","01985120-a903-7099-9b0a-ba286a579883",97,["D",1753707751686],[360,369],{"_105":361,"_96":362,"_159":363,"_161":356,"_162":144,"_163":364,"_165":121,"_107":365,"_101":230,"_167":186,"_169":366,"_170":22,"_171":-5,"_172":367,"_99":368},"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",[],[355,362],{"_105":370,"_96":371,"_159":372,"_161":356,"_162":144,"_163":102,"_165":22,"_107":373,"_101":32,"_167":186,"_169":374,"_170":22,"_171":-5,"_172":375,"_99":376},"152e9aa0-77d1-11f0-a70b-0224a6c84d84","feedCategories.ts","152e9b36-77d1-11f0-a70b-0224a6c84d84",["D",1755040033556],"// Utility functions for extracting and working with feed categories\n\nexport interface FeedEntry {\n url: string;\n categories: string[];\n}\n\n// Parse feeds.json structure into more usable format\nexport function parseFeedsData(feedsArray: [string, string[]][]): FeedEntry[] {\n return feedsArray.map(([url, categories]) => ({\n url,\n categories,\n }));\n}\n\n// Extract unique categories from feeds data\nexport function extractCategories(feedsArray: [string, string[]][]): string[] {\n const categorySet = new Set();\n\n feedsArray.forEach(([_url, categories]) => {\n categories.forEach((category) => {\n categorySet.add(category);\n });\n });\n\n const result = Array.from(categorySet).sort();\n return result;\n}\n\n// Normalize URL for better matching.\n// Steps performed:\n// 1. Strip protocol (http/https) and leading \"www.\".\n// 2. Remove a trailing slash at the end of the pathname.\n// 3. Remove common feed-file extensions (.rss, .xml, .atom).\n// 4. Emit a debug log that shows the original and the normalised value.\n//\n// Examples:\n// https://www.example.com/feed/rss.xml -> example.com/feed/rss\n// https://rss.art19.com/the-memo-by-howard-marks.rss -> rss.art19.com/the-memo-by-howard-marks\nexport function normalizeUrl(url: string): string {\n const _original = url;\n try {\n const parsed = new URL(url);\n const host = parsed.hostname.replace(/^www\\./, \"\");\n const path = parsed.pathname\n .replace(/\\/$/, \"\")\n .replace(/\\.rss$/i, \"\")\n .replace(/\\.xml$/i, \"\")\n .replace(/\\.atom$/i, \"\");\n const normalised = host + path;\n return normalised;\n } catch {\n const normalised = url\n .toLowerCase()\n .replace(/^https?:\\/\\/(www\\.)?/, \"\")\n .replace(/\\/$/, \"\")\n .replace(/\\.rss$/i, \"\")\n .replace(/\\.xml$/i, \"\")\n .replace(/\\.atom$/i, \"\");\n return normalised;\n }\n}\n\n// Get all feed URLs that belong to a specific category\nexport function getFeedsForCategory(\n feedsArray: [string, string[]][],\n category: string,\n): string[] {\n return feedsArray\n .filter(([_, categories]) =>\n categories.some((cat) => cat.toLowerCase() === category.toLowerCase()),\n )\n .map(([url]) => url);\n}\n\n// Check if a feed URL belongs to a category\nexport function feedHasCategory(\n feedsArray: [string, string[]][],\n feedUrl: string,\n category: string,\n): boolean {\n const feedEntry = feedsArray.find(([url]) => url === feedUrl);\n return feedEntry\n ? feedEntry[1].some((cat) => cat.toLowerCase() === category.toLowerCase())\n : false;\n}\n\n// Build a reverse map: category (lower-cased) → array of feed URLs\nexport function buildCategoryToFeeds(\n feedsArray: [string, string[]][],\n): Map {\n const byCategory = new Map();\n\n for (const [url, categories] of feedsArray) {\n for (const cat of categories) {\n const key = cat.toLowerCase();\n const list = byCategory.get(key) ?? [];\n list.push(url);\n byCategory.set(key, list);\n }\n }\n\n return byCategory;\n}\n",[],[355,371],[355],{"_105":379,"_96":380,"_159":381,"_161":-5,"_162":144,"_163":230,"_165":22,"_107":382,"_101":32,"_167":305,"_169":383,"_170":22,"_171":-5,"_172":384,"_99":385},"08f9ddc4-469b-11f0-a4c8-76b3cceeab13",".vtignore","2a201254-b845-4b01-b46c-fbdb5bc47ed5",["D",1749629213223],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[380],{"_105":387,"_96":388,"_159":389,"_161":-5,"_162":144,"_163":390,"_165":22,"_107":391,"_101":230,"_167":305,"_169":392,"_170":22,"_171":-5,"_172":393,"_99":394},"dfdb53e2-6b8d-11f0-b5dc-0224a6c84d84","MIGRATION.md","b4ce12ca-6aed-11f0-9add-0224a6c84d84",92,["D",1753691753859],"# Migration Guide\n\nThis document explains the changes made during the refactoring to follow Val Town's recommended project structure.\n\n## What Changed\n\n### 🏗️ Project Structure\n- **Before**: Monolithic structure with `mod.ts`, `pkg/`, and `build.ts`\n- **After**: Clean separation with `backend/`, `frontend/`, and dedicated files\n\n### 📁 File Changes\n\n#### Removed Files\n- `mod.ts` - Replaced by `backend/services/rss.ts`\n- `build.ts` - Replaced by `updateFeeds.cron.ts`\n- `pkg/mod.ts` - Logic moved to `backend/services/rss.ts`\n- `pkg/template.tsx` - No longer needed (frontend handles rendering)\n\n#### New Files\n- `feeds.json` - Feed configuration (extracted from hardcoded array)\n- `backend/services/rss.ts` - RSS processing service\n- `updateFeeds.cron.ts` - Scheduled feed updates\n- `backend/README.md` - Backend documentation\n\n#### Modified Files\n- `http.ts` - Now uses Hono framework with proper routing\n- `README.md` - Updated with new structure and usage\n\n### 🔧 Technical Changes\n\n#### HTTP Handling\n```diff\n- // Old: Simple passthrough\n- export default function (req: Request) {\n- return tinyfeed.fetch(req);\n- }\n\n+ // New: Hono-based routing with proper error handling\n+ const app = new Hono();\n+ app.get(\"/api/data\", async (c) => { ... });\n+ export default app.fetch;\n```\n\n#### Storage\n```diff\n- // Old: unstorage with Val Town driver\n- import valTownDriver from \"https://esm.town/v/pomdtr/unstorage-driver/main.tsx\";\n- const storage = createStorage({ driver: valTownDriver({}) });\n\n+ // New: Direct blob storage\n+ import { blob } from \"https://esm.town/v/std/blob\";\n+ await blob.setJSON(\"rss:app-data\", data);\n```\n\n#### Configuration\n```diff\n- // Old: Hardcoded in mod.ts\n- feeds: [\n- \"https://blog.val.town/rss.xml\",\n- \"https://blog.railway.com/rss.xml\",\n- // ... more feeds\n- ]\n\n+ // New: External JSON configuration\n+ // feeds.json\n+ [\n+ \"https://blog.val.town/rss.xml\",\n+ \"https://blog.railway.com/rss.xml\",\n+ // ... more feeds\n+ ]\n```\n\n#### Feed Updates\n```diff\n- // Old: Manual build trigger\n- // Run build.ts manually\n\n+ // New: Automated cron job\n+ // updateFeeds.cron.ts runs every 6 hours automatically\n```\n\n## Benefits of New Structure\n\n### ✅ Improved Maintainability\n- Clear separation of concerns\n- Backend services isolated from HTTP handling\n- Configuration externalized for easy updates\n\n### ✅ Better Error Handling\n- Comprehensive error boundaries\n- Individual feed failures don't block others\n- Proper HTTP status codes and responses\n\n### ✅ Val Town Best Practices\n- Uses Hono framework for HTTP handling\n- Proper static file serving with Val Town utilities\n- Follows recommended directory structure\n\n### ✅ Enhanced Features\n- Automatic scheduled updates\n- Better API design\n- Improved logging and monitoring\n\n## Migration Steps Completed\n\n1. ✅ Created `feeds.json` with feed configuration\n2. ✅ Built `backend/services/rss.ts` with separated concerns\n3. ✅ Refactored `http.ts` to use Hono framework\n4. ✅ Created `updateFeeds.cron.ts` for automated updates\n5. ✅ Updated documentation and README\n6. ✅ Cleaned up old files\n\n## What You Need to Do\n\n### Immediate Actions\n1. **Review `feeds.json`** - Verify all your feeds are included\n2. **Test the endpoints** - Visit your app URL to ensure everything works\n3. **Schedule the cron job** - Set up `updateFeeds.cron.ts` to run every 6 hours\n\n### Optional Customizations\n1. **Adjust cron frequency** - Modify the schedule in `updateFeeds.cron.ts`\n2. **Add more feeds** - Simply edit `feeds.json`\n3. **Customize UI** - Modify React components in `frontend/`\n4. **Add API features** - Extend routes in `http.ts`\n\n## Troubleshooting\n\n### Common Issues\n\n**Data not loading?**\n- Run `updateFeeds.cron.ts` manually to populate initial data\n- Check blob storage keys are prefixed with `rss:`\n\n**Feeds not updating?**\n- Verify cron job is scheduled and running\n- Check console logs for feed fetch errors\n\n**Frontend not loading?**\n- Ensure static file serving is working\n- Check that `frontend/index.html` exists\n\n### Getting Help\n\nCheck the following files for detailed information:\n- `backend/README.md` - Backend service documentation\n- `README.md` - Overall project documentation\n- Console logs during cron job execution\n\n## Performance Notes\n\n- Feeds are now fetched in parallel for better performance\n- Failed feeds don't block successful ones\n- Results are cached in blob storage between updates\n- Frontend loads data asynchronously for better UX\n\n---\n\nThe refactoring is complete and your RSS aggregator now follows Val Town best practices while maintaining all existing functionality with improved reliability and maintainability.",[],[388],{"_105":396,"_96":397,"_159":398,"_161":-5,"_162":144,"_163":390,"_165":22,"_107":399,"_101":220,"_167":305,"_169":400,"_170":22,"_171":-5,"_172":401,"_99":402},"dfdb5b94-6b8d-11f0-b5dc-0224a6c84d84","README.md","fb057215-2aeb-4b82-8435-ceda27d2d3b6",["D",1753691753859],"# 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 daily to cache the feeds into valtown storage\n\nOriginally forked from [@pomdtr/tinyfeed](https://www.val.town/x/pomdtr/tinyfeed)\n",[],[397],{"_105":404,"_96":405,"_159":406,"_161":-5,"_162":144,"_163":102,"_165":22,"_107":407,"_101":32,"_167":186,"_169":408,"_170":22,"_171":-5,"_172":409,"_99":410},"152e70c0-77d1-11f0-a70b-0224a6c84d84","debug-strategy.ts","152e71ec-77d1-11f0-a70b-0224a6c84d84",["D",1755040033556],"import { readFile } from \"https://esm.town/v/std/utils@105-main/index.ts\";\nimport { extractCategories, createUrlToCategoriesMap } from \"./shared/feedCategories.ts\";\n\n// Simple debug script to test strategy category filtering\nasync function debugStrategyFiltering() {\n try {\n console.log(\"🔍 Loading feeds.json...\");\n const feedsContent = await Deno.readTextFile(\"./feeds.json\");\n const feedsData = JSON.parse(feedsContent) as [string, string[]][];\n\n console.log(\"📊 Total feeds in feeds.json:\", feedsData.length);\n\n // Find all strategy feeds\n const strategyFeeds = feedsData.filter(([url, categories]) =>\n categories.includes(\"strategy\")\n );\n\n console.log(\"\\n🎯 Strategy feeds found:\", strategyFeeds.length);\n strategyFeeds.forEach(([url, categories], index) => {\n console.log(`${index + 1}. ${url}`);\n console.log(` Categories: ${categories.join(\", \")}`);\n\n // Extract domain\n try {\n const domain = new URL(url).hostname;\n console.log(` Domain: ${domain}`);\n } catch (e) {\n console.log(` ❌ Invalid URL: ${e.message}`);\n }\n });\n\n console.log(\"\\n🔧 Testing URL-to-categories mapping...\");\n const urlToCategories = createUrlToCategoriesMap(feedsData);\n\n console.log(\"🗺️ URL mapping created, size:\", urlToCategories.size);\n\n // Test each strategy URL\n strategyFeeds.forEach(([url, expectedCategories]) => {\n const foundCategories = urlToCategories.get(url);\n console.log(`\\n🧪 Testing: ${url}`);\n console.log(` Expected: [${expectedCategories.join(\", \")}]`);\n console.log(` Found: [${foundCategories?.join(\", \") || \"NONE\"}]`);\n console.log(` ✅ Match: ${JSON.stringify(expectedCategories) === JSON.stringify(foundCategories)}`);\n });\n\n // Extract all unique domains from strategy feeds\n const strategyDomains = new Set();\n strategyFeeds.forEach(([url]) => {\n try {\n const domain = new URL(url).hostname;\n strategyDomains.add(domain);\n } catch (e) {\n console.log(`❌ Failed to extract domain from: ${url}`);\n }\n });\n\n console.log(\"\\n🌐 Strategy domains that should be included:\");\n Array.from(strategyDomains).forEach(domain => {\n console.log(` - ${domain}`);\n });\n\n console.log(`\\n📈 Expected strategy domains: ${strategyDomains.size}`);\n\n } catch (error) {\n console.error(\"❌ Debug failed:\", error);\n }\n}\n\n// Run the debug\ndebugStrategyFiltering();\n",[],[405],{"_105":412,"_96":413,"_159":414,"_161":-5,"_162":144,"_163":164,"_165":121,"_107":415,"_101":323,"_167":305,"_169":416,"_170":22,"_171":-5,"_172":417,"_99":418},"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",[],[413],{"_105":420,"_96":421,"_159":422,"_161":-5,"_162":144,"_163":102,"_165":22,"_107":423,"_101":230,"_167":424,"_169":425,"_170":22,"_171":-5,"_172":426,"_99":427},"152eb3d2-77d1-11f0-a70b-0224a6c84d84","feed.cron.ts","b4cdfa74-6aed-11f0-9add-0224a6c84d84",["D",1755040033556],"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",[],[421],{"_105":429,"_96":430,"_159":431,"_161":-5,"_162":144,"_163":102,"_165":22,"_107":432,"_101":433,"_167":305,"_169":434,"_170":22,"_171":-5,"_172":435,"_99":436},"152eb6b6-77d1-11f0-a70b-0224a6c84d84","feeds.json","dfdb3efc-6b8d-11f0-b5dc-0224a6c84d84",["D",1755040033556],17,"[\n [\"https://blog.val.town/rss.xml\", [\"products\"]],\n [\"https://blog.railway.com/rss.xml\", [\"products\"]],\n [\"https://newsletter.posthog.com/feed\", [\"products\"]],\n [\"https://docs.polar.sh/changelog/recent/rss.xml\", [\"products\"]],\n [\"https://zed.dev/blog.rss\", [\"products\"]],\n [\"https://www.raycast.com/changelog/feed.xml\", [\"products\"]],\n [\"https://stripe.com/blog/feed.rss\", [\"products\"]],\n [\n \"https://rss-generator.artivilla.com/rss/neynar.xml\",\n [\"products\", \"crypto\"]\n ],\n [\n \"https://kill-the-newsletter.com/feeds/sqpw3htkhocwl299i9t8.xml\",\n [\"programming\"]\n ],\n [\n \"https://kill-the-newsletter.com/feeds/ejryrzls9ipgrjbhy51k.xml\",\n [\"programming\", \"AI\"]\n ],\n [\"https://openai.com/news/rss.xml\", [\"AI\"]],\n [\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_news.xml\",\n [\"AI\"]\n ],\n [\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_ollama.xml\",\n [\"AI\"]\n ],\n [\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_engineering.xml\",\n [\"AI\"]\n ],\n [\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_research.xml\",\n [\"AI\"]\n ],\n [\"https://craftofui.substack.com/feed.xml\", [\"programming\"]],\n [\"https://grantslatton.com/rss.xml\", [\"programming\"]],\n [\"https://blog.samaltman.com/posts.atom\", [\"programming\"]],\n [\"https://macwright.com/rss.xml\", [\"programming\"]],\n [\"https://blog.pomdtr.me/feed.xml\", [\"programming\"]],\n [\"https://www.joshwcomeau.com/rss.xml\", [\"programming\", \"design\"]],\n [\"https://perell.com/feed\", [\"writing\"]],\n [\"https://vanschneider.com/blog/rss\", [\"design\"]],\n [\"https://dwr.email/rss\", []],\n [\"https://luc.cx/rss\", [\"programming\"]],\n [\"https://calv.info/atom.xml\", [\"programming\"]],\n [\"https://world.hey.com/dhh/feed.atom\", [\"programming\"]],\n [\"https://jenwagner.co/feed\", [\"design\"]],\n [\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_paulgraham.xml\",\n [\"startups\"]\n ],\n [\"https://registerspill.thorstenball.com/feed\", [\"programming\"]],\n [\n \"https://kill-the-newsletter.com/feeds/6gre6dor7sk0jmslnui4.xml\",\n [\"design\"]\n ],\n [\"https://simonw.substack.com/feed\", [\"AI\", \"programming\"]],\n [\"https://writing.artivilla.com/rss\", [\"programming\"]],\n [\"https://www.ben-evans.com/benedictevans?format=rss\", [\"strategy\"]],\n [\"https://www.bitsaboutmoney.com/archive/rss\", [\"finance\"]],\n [\n \"https://www.bloomberg.com/authors/ARbTQlRLRjE/matthew-s-levine.rss\",\n [\"finance\"]\n ],\n [\"https://www.gettheleverage.com/feed\", [\"strategy\", \"finance\"]],\n [\"https://stratechery.com/feed\", [\"strategy\"]],\n [\n \"https://kill-the-newsletter.com/feeds/70t2ouafobbic8yor549.xml\",\n [\"design\"]\n ],\n [\"https://every.to/feeds/global.xml\", [\"AI\", \"strategy\"]],\n [\"https://rss.art19.com/the-memo-by-howard-marks\", [\"finance\", \"investing\"]],\n [\"https://blog.gregbrockman.com/feed\", [\"AI\"]],\n [\"https://tomtunguz.com/index.xml\", [\"startups\"]],\n [\"https://a16zcrypto.substack.com/feed\", [\"crypto\"]],\n [\"https://newsletter.variant.fund/feed\", [\"crypto\"]],\n [\"https://paragraph.com/@socialgraphventures/rss\", [\"crypto\"]],\n [\"https://ournetwork.substack.com/feed\", [\"crypto\"]],\n [\"https://feeds.feedburner.com/collabfund\", [\"investing\", \"strategy\"]],\n [\"https://kill-the-newsletter.com/feeds/49at5lqlstt0envhwmdx.xml\", [\"AI\"]],\n [\n \"https://kill-the-newsletter.com/feeds/abadnp3zevughmb4dlyf.xml\",\n [\"startups\"]\n ]\n]\n",[],[430],{"_105":438,"_96":439,"_159":119,"_161":-5,"_162":144,"_163":102,"_165":22,"_107":440,"_101":441,"_167":442,"_169":443,"_170":22,"_171":-5,"_172":444,"_99":445},"152ef888-77d1-11f0-a70b-0224a6c84d84","http.ts",["D",1755040033556],5,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } 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\";\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(\"/favicon.ico\", (_c) =>\n serveFile(\"/frontend/favicon.svg\", import.meta.url),\n);\napp.get(\"/favicon.svg\", (_c) =>\n 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 const html = await readFile(\"/frontend/index.html\", import.meta.url);\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;\n",[],[439],{"_105":447,"_96":448,"_159":449,"_161":-5,"_162":144,"_163":450,"_165":22,"_107":451,"_101":32,"_167":186,"_169":452,"_170":22,"_171":-5,"_172":453,"_99":454},"a5cac7ec-7041-11f0-bc2c-0224a6c84d84","test-domains.ts","a5cac8dc-7041-11f0-bc2c-0224a6c84d84",117,["D",1754208770513],"import { RSSService } from \"./services/rss.ts\";\nimport { extractDomainsFromFeeds } from \"./shared/domains.ts\";\n\nasync function testDomainExtraction() {\n console.log(\"🧪 Testing domain extraction from feeds.json...\");\n\n try {\n const rssService = new RSSService();\n const feeds = await rssService.getConfiguredFeeds();\n\n console.log(`📰 Found ${feeds.length} feeds in feeds.json`);\n console.log(\"First few feeds:\", feeds.slice(0, 3));\n\n const domains = extractDomainsFromFeeds(feeds);\n console.log(`🌐 Extracted ${domains.length} unique domains:`);\n domains.forEach(domain => console.log(` - ${domain}`));\n\n console.log(\"\\n✅ Domain extraction test completed successfully!\");\n\n } catch (error) {\n console.error(\"❌ Domain extraction test failed:\", error);\n }\n}\n\n// Run the test\ntestDomainExtraction();\n",[],[448],{"_105":456,"_96":457,"_159":458,"_161":-5,"_162":144,"_163":102,"_165":22,"_107":459,"_101":32,"_167":186,"_169":460,"_170":22,"_171":-5,"_172":461,"_99":462},"152e9eb0-77d1-11f0-a70b-0224a6c84d84","test-feed-urls.ts","152e9f3c-77d1-11f0-a70b-0224a6c84d84",["D",1755040033556],"import { blob } from \"https://esm.town/v/std/blob\";\nimport { extractCategories, createUrlToCategoriesMap } from \"./shared/feedCategories.ts\";\n\n// Test script to verify feedUrl inclusion and strategy filtering\nasync function testFeedUrls() {\n try {\n console.log(\"🧪 Testing feed URLs and strategy filtering...\\n\");\n\n // Load the app data from blob storage\n console.log(\"📡 Loading app data from blob storage...\");\n const appData = await blob.getJSON(\"rss:app-data\");\n\n if (!appData) {\n console.error(\"❌ No app data found in blob storage\");\n return;\n }\n\n console.log(\"✅ App data loaded successfully\");\n console.log(`📊 Total feeds: ${appData.feeds.length}`);\n console.log(`📰 Total items: ${appData.items.length}\\n`);\n\n // Load feeds.json configuration\n console.log(\"📋 Loading feeds.json configuration...\");\n const feedsContent = await Deno.readTextFile(\"./feeds.json\");\n const feedsData = JSON.parse(feedsContent) as [string, string[]][];\n\n // Create URL to categories mapping\n const urlToCategories = createUrlToCategoriesMap(feedsData);\n\n // Check which feeds have feedUrl property\n console.log(\"🔍 Checking feedUrl property in feeds:\\n\");\n appData.feeds.forEach((feed: any, index: number) => {\n console.log(`${index + 1}. ${feed.title || 'Untitled'}`);\n console.log(` link: ${feed.link || 'N/A'}`);\n console.log(` feedUrl: ${feed.feedUrl || 'N/A'}`);\n console.log(` Has feedUrl: ${!!feed.feedUrl}\\n`);\n });\n\n // Test strategy category mapping\n console.log(\"🎯 Testing strategy category mapping:\\n\");\n\n // Find strategy URLs from configuration\n const strategyUrls = feedsData\n .filter(([url, categories]) => categories.includes(\"strategy\"))\n .map(([url]) => url);\n\n console.log(`Strategy URLs in config: ${strategyUrls.length}`);\n strategyUrls.forEach((url, index) => {\n console.log(`${index + 1}. ${url}`);\n });\n\n // Check which feeds match strategy URLs\n console.log(\"\\n🔄 Matching RSS feeds to strategy configuration:\\n\");\n\n const strategyFeeds = new Set();\n const feedTitleToCategories = new Map();\n\n appData.feeds.forEach((feed: any) => {\n if (feed.title) {\n // Use feedUrl first, fallback to link\n const feedUrlToMatch = feed.feedUrl || feed.link;\n\n if (feedUrlToMatch) {\n const categories = urlToCategories.get(feedUrlToMatch);\n\n if (categories) {\n feedTitleToCategories.set(feed.title, categories);\n\n if (categories.includes(\"strategy\")) {\n strategyFeeds.add(feed.title);\n console.log(`✅ Strategy feed found: ${feed.title}`);\n console.log(` URL: ${feedUrlToMatch}`);\n console.log(` Categories: ${categories.join(\", \")}\\n`);\n }\n }\n }\n }\n });\n\n console.log(`📈 Strategy feeds matched: ${strategyFeeds.size} / ${strategyUrls.length}\\n`);\n\n // Test domain extraction for strategy feeds\n console.log(\"🌐 Strategy domains for filtering:\\n\");\n\n const strategyDomains = new Set();\n feedTitleToCategories.forEach((categories, feedTitle) => {\n if (categories.includes(\"strategy\")) {\n // Find the feed to get its domain\n const feed = appData.feeds.find((f: any) => f.title === feedTitle);\n if (feed) {\n const feedUrlToMatch = feed.feedUrl || feed.link;\n if (feedUrlToMatch) {\n try {\n const domain = new URL(feedUrlToMatch).hostname;\n strategyDomains.add(domain);\n console.log(`- ${domain} (${feedTitle})`);\n } catch (e) {\n console.log(`❌ Failed to extract domain from: ${feedUrlToMatch}`);\n }\n }\n }\n }\n });\n\n console.log(`\\n🎯 Total strategy domains: ${strategyDomains.size}`);\n\n // Test item filtering\n console.log(\"\\n📰 Testing item filtering for strategy category:\\n\");\n\n const strategyItems = appData.items.filter((item: any) =>\n strategyDomains.has(item.domain)\n );\n\n console.log(`Strategy items found: ${strategyItems.length}`);\n\n if (strategyItems.length > 0) {\n console.log(\"\\nFirst 5 strategy items:\");\n strategyItems.slice(0, 5).forEach((item: any, index: number) => {\n console.log(`${index + 1}. ${item.title}`);\n console.log(` Domain: ${item.domain}`);\n console.log(` Link: ${item.link}\\n`);\n });\n }\n\n // Summary\n console.log(\"📋 SUMMARY:\");\n console.log(`- Total feeds in config: ${feedsData.length}`);\n console.log(`- Strategy feeds in config: ${strategyUrls.length}`);\n console.log(`- RSS feeds loaded: ${appData.feeds.length}`);\n console.log(`- Strategy feeds matched: ${strategyFeeds.size}`);\n console.log(`- Strategy domains: ${strategyDomains.size}`);\n console.log(`- Strategy items: ${strategyItems.length}`);\n\n if (strategyFeeds.size === strategyUrls.length) {\n console.log(\"✅ All strategy feeds matched successfully!\");\n } else {\n console.log(\"⚠️ Some strategy feeds were not matched\");\n\n // Show missing feeds\n const matchedUrls = new Set();\n appData.feeds.forEach((feed: any) => {\n if (feed.feedUrl) matchedUrls.add(feed.feedUrl);\n });\n\n const missingUrls = strategyUrls.filter(url => !matchedUrls.has(url));\n if (missingUrls.length > 0) {\n console.log(\"\\nMissing strategy URLs:\");\n missingUrls.forEach(url => console.log(`- ${url}`));\n }\n }\n\n } catch (error) {\n console.error(\"❌ Test failed:\", error);\n }\n}\n\n// Run the test\ntestFeedUrls();\n",[],[457],{"_105":464,"_96":465,"_159":466,"_161":-5,"_162":144,"_163":102,"_165":22,"_107":467,"_101":32,"_167":186,"_169":468,"_170":22,"_171":-5,"_172":469,"_99":470},"152ead10-77d1-11f0-a70b-0224a6c84d84","test-local-rss.ts","152eadc4-77d1-11f0-a70b-0224a6c84d84",["D",1755040033556],"import { RSSService } from \"./services/rss.ts\";\nimport { extractCategories, createUrlToCategoriesMap } from \"./shared/feedCategories.ts\";\n\n// Test RSS service locally without blob dependency\nasync function testLocalRSS() {\n try {\n console.log(\"🧪 Testing RSS service locally...\\n\");\n\n // Create RSS service instance\n const rssService = new RSSService();\n\n // Load feeds configuration\n console.log(\"📋 Loading feeds configuration...\");\n const feedsData = await rssService.getFeedsConfig();\n console.log(`✅ Loaded ${feedsData.length} feed configurations\\n`);\n\n // Find strategy feeds\n const strategyFeeds = feedsData.filter(([url, categories]: [string, string[]]) =>\n categories.includes(\"strategy\")\n );\n\n console.log(`🎯 Strategy feeds in config: ${strategyFeeds.length}`);\n strategyFeeds.forEach(([url, categories], index) => {\n console.log(`${index + 1}. ${url}`);\n console.log(` Categories: ${categories.join(\", \")}`);\n });\n\n // Test fetching one strategy feed to verify feedUrl inclusion\n console.log(\"\\n🔍 Testing feed fetching with feedUrl inclusion...\\n\");\n\n const testFeedUrl = \"https://stratechery.com/feed/\";\n console.log(`Fetching: ${testFeedUrl}`);\n\n const result = await rssService.fetchFeed(testFeedUrl);\n\n if (result) {\n console.log(\"✅ Feed fetched successfully!\");\n console.log(`Feed title: ${result.feed.title}`);\n console.log(`Feed link: ${result.feed.link}`);\n console.log(`Feed feedUrl: ${result.feed.feedUrl}`);\n console.log(`Items count: ${result.items.length}`);\n\n if (result.feed.feedUrl === testFeedUrl) {\n console.log(\"✅ feedUrl property correctly set!\");\n } else {\n console.log(\"❌ feedUrl property not set correctly\");\n }\n\n // Show first few items\n if (result.items.length > 0) {\n console.log(\"\\nFirst 3 items:\");\n result.items.slice(0, 3).forEach((item, index) => {\n console.log(`${index + 1}. ${item.title}`);\n console.log(` Domain: ${item.domain}`);\n console.log(` Link: ${item.link}\\n`);\n });\n }\n } else {\n console.log(\"❌ Failed to fetch feed\");\n }\n\n // Test URL to categories mapping\n console.log(\"🗺️ Testing URL to categories mapping...\\n\");\n const urlToCategories = createUrlToCategoriesMap(feedsData);\n\n // Test each strategy URL\n console.log(\"Strategy URL mappings:\");\n strategyFeeds.forEach(([url, expectedCategories]) => {\n const foundCategories = urlToCategories.get(url);\n const match = JSON.stringify(expectedCategories.sort()) === JSON.stringify((foundCategories || []).sort());\n\n console.log(`\\n🧪 ${url}`);\n console.log(` Expected: [${expectedCategories.join(\", \")}]`);\n console.log(` Found: [${foundCategories?.join(\", \") || \"NONE\"}]`);\n console.log(` Match: ${match ? \"✅\" : \"❌\"}`);\n });\n\n // Extract expected strategy domains\n console.log(\"\\n🌐 Expected strategy domains:\");\n const expectedDomains = new Set();\n strategyFeeds.forEach(([url]) => {\n try {\n const domain = new URL(url).hostname;\n expectedDomains.add(domain);\n console.log(`- ${domain}`);\n } catch (e) {\n console.log(`❌ Invalid URL: ${url}`);\n }\n });\n\n console.log(`\\n📊 Summary:`);\n console.log(`- Total feeds configured: ${feedsData.length}`);\n console.log(`- Strategy feeds configured: ${strategyFeeds.length}`);\n console.log(`- Expected strategy domains: ${expectedDomains.size}`);\n console.log(`- feedUrl property test: ${result?.feed.feedUrl === testFeedUrl ? \"✅ PASS\" : \"❌ FAIL\"}`);\n\n } catch (error) {\n console.error(\"❌ Test failed:\", error);\n }\n}\n\n// Run the test\ntestLocalRSS();\n",[],[465],"files",[156,174,181,190,198,206,215,224,235,242,250,258,266,275,281,290,299,309,318,327,337,343,353,360,369,378,386,395,403,411,419,428,437,446,455,463],"counts",{"_475":32,"_476":230,"_477":230,"_478":479},"pulls","branches","forks","envVars",{"_480":32,"_481":32},"count","emptyCount","contents",[484,487,490,493],{"_105":243,"_96":244,"_159":245,"_161":238,"_162":144,"_163":102,"_165":22,"_107":485,"_101":230,"_167":186,"_169":247,"_170":22,"_171":-5,"_99":486},["D",1755040033556],[158,237,244],{"_105":251,"_96":252,"_159":253,"_161":238,"_162":144,"_163":210,"_165":22,"_107":488,"_101":230,"_167":186,"_169":255,"_170":22,"_171":-5,"_99":489},["D",1753968288834],[158,237,252],{"_105":259,"_96":260,"_159":261,"_161":238,"_162":144,"_163":102,"_165":22,"_107":491,"_101":32,"_167":186,"_169":263,"_170":22,"_171":-5,"_99":492},["D",1755040033556],[158,237,260],{"_105":267,"_96":268,"_159":269,"_161":238,"_162":144,"_163":210,"_165":22,"_107":494,"_101":230,"_167":186,"_169":271,"_170":22,"_171":-5,"_99":495},["D",1753968288834],[158,237,268],{"_105":236,"_96":237,"_159":238,"_161":160,"_162":144,"_163":239,"_165":121,"_107":497,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_99":498},["D",1753696741265],[158,237],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":507,"_154":512,"_471":621,"_305":622,"_482":624,"_633":-5,"_634":-5,"_635":-5,"_636":-5,"_637":638},{"_105":106,"_96":97,"_107":508,"_109":-5,"_110":22,"_111":112,"_113":114,"_115":116,"_14":117,"_118":119,"_120":121,"_122":121,"_123":-5,"_124":32,"_16":125,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_23":509,"_138":510,"_141":511,"_153":22},["D",1749629213223],{"_94":95,"_136":137},{"_94":95,"_140":137,"_14":117},{"_101":143,"_96":44,"_105":144,"_145":106,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":97,"_152":95},[513,573,579,588,591,594,597,600,603,606,609,612,615,618],{"_105":157,"_96":158,"_159":160,"_161":-5,"_162":144,"_163":164,"_165":121,"_107":166,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":514,"_99":572},[515,536,551,557,560,563,566,569],{"_105":175,"_96":176,"_159":177,"_161":160,"_162":144,"_163":178,"_165":121,"_107":179,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":516,"_99":535},[517,520,523,526,529,532],{"_105":182,"_96":183,"_159":184,"_161":177,"_162":144,"_163":102,"_165":121,"_107":185,"_101":32,"_167":186,"_169":187,"_170":22,"_171":-5,"_172":518,"_99":519},[],[158,176,183],{"_105":191,"_96":192,"_159":193,"_161":177,"_162":144,"_163":102,"_165":22,"_107":194,"_101":32,"_167":186,"_169":195,"_170":22,"_171":-5,"_172":521,"_99":522},[],[158,176,192],{"_105":199,"_96":200,"_159":201,"_161":177,"_162":144,"_163":102,"_165":22,"_107":202,"_101":32,"_167":186,"_169":203,"_170":22,"_171":-5,"_172":524,"_99":525},[],[158,176,200],{"_105":207,"_96":208,"_159":209,"_161":177,"_162":144,"_163":210,"_165":22,"_107":211,"_101":32,"_167":186,"_169":212,"_170":22,"_171":-5,"_172":527,"_99":528},[],[158,176,208],{"_105":216,"_96":217,"_159":218,"_161":177,"_162":144,"_163":102,"_165":22,"_107":219,"_101":220,"_167":186,"_169":221,"_170":22,"_171":-5,"_172":530,"_99":531},[],[158,176,217],{"_105":225,"_96":226,"_159":227,"_161":177,"_162":144,"_163":228,"_165":121,"_107":229,"_101":230,"_167":186,"_169":231,"_170":22,"_171":-5,"_172":533,"_99":534},[],[158,176,226],[158,176],{"_105":236,"_96":237,"_159":238,"_161":160,"_162":144,"_163":239,"_165":121,"_107":240,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":537,"_99":550},[538,541,544,547],{"_105":243,"_96":244,"_159":245,"_161":238,"_162":144,"_163":102,"_165":22,"_107":246,"_101":230,"_167":186,"_169":247,"_170":22,"_171":-5,"_172":539,"_99":540},[],[158,237,244],{"_105":251,"_96":252,"_159":253,"_161":238,"_162":144,"_163":210,"_165":22,"_107":254,"_101":230,"_167":186,"_169":255,"_170":22,"_171":-5,"_172":542,"_99":543},[],[158,237,252],{"_105":259,"_96":260,"_159":261,"_161":238,"_162":144,"_163":102,"_165":22,"_107":262,"_101":32,"_167":186,"_169":263,"_170":22,"_171":-5,"_172":545,"_99":546},[],[158,237,260],{"_105":267,"_96":268,"_159":269,"_161":238,"_162":144,"_163":210,"_165":22,"_107":270,"_101":230,"_167":186,"_169":271,"_170":22,"_171":-5,"_172":548,"_99":549},[],[158,237,268],[158,237],{"_105":276,"_96":277,"_159":278,"_161":160,"_162":144,"_163":239,"_165":121,"_107":279,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":552,"_99":556},[553],{"_105":282,"_96":283,"_159":284,"_161":278,"_162":144,"_163":210,"_165":121,"_107":285,"_101":230,"_167":186,"_169":286,"_170":22,"_171":-5,"_172":554,"_99":555},[],[158,277,283],[158,277],{"_105":291,"_96":292,"_159":293,"_161":160,"_162":144,"_163":102,"_165":22,"_107":294,"_101":295,"_167":186,"_169":296,"_170":22,"_171":-5,"_172":558,"_99":559},[],[158,292],{"_105":300,"_96":301,"_159":302,"_161":160,"_162":144,"_163":303,"_165":121,"_107":304,"_101":32,"_167":305,"_169":306,"_170":22,"_171":-5,"_172":561,"_99":562},[],[158,301],{"_105":310,"_96":311,"_159":312,"_161":160,"_162":144,"_163":102,"_165":22,"_107":313,"_101":314,"_167":305,"_169":315,"_170":22,"_171":-5,"_172":564,"_99":565},[],[158,311],{"_105":319,"_96":320,"_159":321,"_161":160,"_162":144,"_163":102,"_165":121,"_107":322,"_101":323,"_167":186,"_169":324,"_170":22,"_171":-5,"_172":567,"_99":568},[],[158,320],{"_105":328,"_96":329,"_159":330,"_161":160,"_162":144,"_163":331,"_165":121,"_107":332,"_101":32,"_167":186,"_169":333,"_170":22,"_171":-5,"_172":570,"_99":571},[],[158,329],[158],{"_105":338,"_96":339,"_159":340,"_161":-5,"_162":144,"_163":164,"_165":121,"_107":341,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":574,"_99":578},[575],{"_105":344,"_96":345,"_159":346,"_161":340,"_162":144,"_163":102,"_165":22,"_107":347,"_101":348,"_167":186,"_169":349,"_170":22,"_171":-5,"_172":576,"_99":577},[],[339,345],[339],{"_105":354,"_96":355,"_159":356,"_161":-5,"_162":144,"_163":357,"_165":121,"_107":358,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":580,"_99":587},[581,584],{"_105":361,"_96":362,"_159":363,"_161":356,"_162":144,"_163":364,"_165":121,"_107":365,"_101":230,"_167":186,"_169":366,"_170":22,"_171":-5,"_172":582,"_99":583},[],[355,362],{"_105":370,"_96":371,"_159":372,"_161":356,"_162":144,"_163":102,"_165":22,"_107":373,"_101":32,"_167":186,"_169":374,"_170":22,"_171":-5,"_172":585,"_99":586},[],[355,371],[355],{"_105":379,"_96":380,"_159":381,"_161":-5,"_162":144,"_163":230,"_165":22,"_107":382,"_101":32,"_167":305,"_169":383,"_170":22,"_171":-5,"_172":589,"_99":590},[],[380],{"_105":387,"_96":388,"_159":389,"_161":-5,"_162":144,"_163":390,"_165":22,"_107":391,"_101":230,"_167":305,"_169":392,"_170":22,"_171":-5,"_172":592,"_99":593},[],[388],{"_105":396,"_96":397,"_159":398,"_161":-5,"_162":144,"_163":390,"_165":22,"_107":399,"_101":220,"_167":305,"_169":400,"_170":22,"_171":-5,"_172":595,"_99":596},[],[397],{"_105":404,"_96":405,"_159":406,"_161":-5,"_162":144,"_163":102,"_165":22,"_107":407,"_101":32,"_167":186,"_169":408,"_170":22,"_171":-5,"_172":598,"_99":599},[],[405],{"_105":412,"_96":413,"_159":414,"_161":-5,"_162":144,"_163":164,"_165":121,"_107":415,"_101":323,"_167":305,"_169":416,"_170":22,"_171":-5,"_172":601,"_99":602},[],[413],{"_105":420,"_96":421,"_159":422,"_161":-5,"_162":144,"_163":102,"_165":22,"_107":423,"_101":230,"_167":424,"_169":425,"_170":22,"_171":-5,"_172":604,"_99":605},[],[421],{"_105":429,"_96":430,"_159":431,"_161":-5,"_162":144,"_163":102,"_165":22,"_107":432,"_101":433,"_167":305,"_169":434,"_170":22,"_171":-5,"_172":607,"_99":608},[],[430],{"_105":438,"_96":439,"_159":119,"_161":-5,"_162":144,"_163":102,"_165":22,"_107":440,"_101":441,"_167":442,"_169":443,"_170":22,"_171":-5,"_172":610,"_99":611},[],[439],{"_105":447,"_96":448,"_159":449,"_161":-5,"_162":144,"_163":450,"_165":22,"_107":451,"_101":32,"_167":186,"_169":452,"_170":22,"_171":-5,"_172":613,"_99":614},[],[448],{"_105":456,"_96":457,"_159":458,"_161":-5,"_162":144,"_163":102,"_165":22,"_107":459,"_101":32,"_167":186,"_169":460,"_170":22,"_171":-5,"_172":616,"_99":617},[],[457],{"_105":464,"_96":465,"_159":466,"_161":-5,"_162":144,"_163":102,"_165":22,"_107":467,"_101":32,"_167":186,"_169":468,"_170":22,"_171":-5,"_172":619,"_99":620},[],[465],[513,515,517,520,523,526,529,532,536,538,541,544,547,551,553,557,560,563,566,569,573,575,579,581,584,588,591,594,597,600,603,606,609,612,615,618],{"_105":236,"_96":237,"_159":238,"_161":160,"_162":144,"_163":239,"_165":121,"_107":497,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_99":623},[158,237],[625,627,629,631],{"_105":243,"_96":244,"_159":245,"_161":238,"_162":144,"_163":102,"_165":22,"_107":485,"_101":230,"_167":186,"_169":247,"_170":22,"_171":-5,"_99":626},[158,237,244],{"_105":251,"_96":252,"_159":253,"_161":238,"_162":144,"_163":210,"_165":22,"_107":488,"_101":230,"_167":186,"_169":255,"_170":22,"_171":-5,"_99":628},[158,237,252],{"_105":259,"_96":260,"_159":261,"_161":238,"_162":144,"_163":102,"_165":22,"_107":491,"_101":32,"_167":186,"_169":263,"_170":22,"_171":-5,"_99":630},[158,237,260],{"_105":267,"_96":268,"_159":269,"_161":238,"_162":144,"_163":210,"_165":22,"_107":494,"_101":230,"_167":186,"_169":271,"_170":22,"_171":-5,"_99":632},[158,237,268],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]