[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_530":531,"_532":533},"routes/_app.x.$handle.$name",{"_120":119,"_34":64,"_128":110,"_29":129,"_13":14,"_130":-5,"_11":131,"_132":133,"_134":135,"_136":137,"_138":139,"_22":-5,"_140":-5,"_141":-5,"_142":27,"_143":144,"_145":79,"_146":-5,"_147":-5,"_148":149},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_62":63,"_34":64,"_41":65,"_66":-5,"_67":27,"_68":69,"_70":69,"_71":72,"_73":74,"_18":75,"_76":77,"_78":79,"_80":79,"_81":-5,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":-5,"_93":94,"_95":94,"_96":97,"_98":97,"_99":97,"_100":94,"_101":94,"_102":103,"_104":105,"_106":107,"_108":27},"version",147,"changes",[19,20,21],"aiChatInfo","userId",{"_22":54,"_24":55,"_26":27,"_28":27,"_29":56,"_31":56},{"_22":46,"_24":47,"_26":27,"_28":27,"_29":48,"_31":48},{"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_31":30},"file",{"_32":33,"_34":35,"_36":37,"_38":40,"_41":42,"_43":14,"_44":45,"_26":27},"previous",{"_32":33,"_34":35,"_36":37,"_38":39},"deleted",false,"deletedHere","path","frontend/app.tsx","latestPath","fileId","b4cdfc0e-6aed-11f0-9add-0224a6c84d84","name","app.tsx","fileType","script","content","/** @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\";\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 // 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 (normalizedFeedKey: 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\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 }, []);\n\n const clearFeeds = useCallback(() => {\n setSelectedFeeds(new Set());\n setFilterType(null);\n }, []);\n\n // Build category → feeds map\n const categoryToFeeds = useMemo(\n () => (feedsData ? buildCategoryToFeeds(feedsData) : new Map()),\n [feedsData],\n );\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 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 ]);\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","/** @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 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 // 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 (normalizedFeedKey: 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\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 }, []);\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 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","createdAt",["D",1755765722605],"branchVersion","branchId","08f73d12-469b-11f0-a4c8-76b3cceeab13",{"_32":49,"_34":50,"_36":37,"_38":52,"_41":53,"_43":14,"_44":45,"_26":27},{"_32":49,"_34":50,"_36":37,"_38":51},"shared/feedCategories.ts","152e9b36-77d1-11f0-a70b-0224a6c84d84","feedCategories.ts","// 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// Parse feeds.json structure into more usable format\nexport function parseFeedsData(\n feedsArray: [string, string[], string, string?][],\n): FeedEntry[] {\n return feedsArray.map(([normalizedKey, categories, url, optionalDomain]) => ({\n normalizedKey,\n url,\n categories,\n optionalDomain,\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// 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 normalized keys that belong to a specific category\nexport function getFeedsForCategory(\n feedsArray: [string, string[], string, string?][],\n category: string,\n): string[] {\n return feedsArray\n .filter(([_normalizedKey, categories, _url, _optionalDomain]) =>\n categories.some((cat) => cat.toLowerCase() === category.toLowerCase()),\n )\n .map(([normalizedKey]) => normalizedKey);\n}\n\n// Check if a feed belongs to a category by normalized key\nexport function feedHasCategory(\n feedsArray: [string, string[], string, string?][],\n normalizedKey: string,\n category: string,\n): boolean {\n const feedEntry = feedsArray.find(([key]) => key === normalizedKey);\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 normalized keys\nexport function buildCategoryToFeeds(\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// Create a map from URL to categories for efficient lookups\nexport function createUrlToCategoriesMap(\n feedsArray: [string, string[], string, string?][],\n): Map {\n const map = new Map();\n feedsArray.forEach(([normalizedKey, categories, url, optionalDomain]) => {\n map.set(url, categories);\n // If there's an optional domain, also map it\n if (optionalDomain) {\n map.set(optionalDomain, categories);\n }\n });\n return map;\n}\n","// 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",["D",1755765722605],{"_32":57,"_34":58,"_36":37,"_38":60,"_41":61,"_43":14,"_44":45,"_26":27},{"_32":57,"_34":58,"_36":37,"_38":59},"frontend/components/FilterContainer.tsx","152e9078-77d1-11f0-a70b-0224a6c84d84","FilterContainer.tsx","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {} from \"https://esm.sh/react@18.2.0\";\nimport { CategoryFilter } from \"./CategoryFilter.tsx\";\nimport { FeedsFilter } from \"./FeedsFilter.tsx\";\n\ninterface FilterContainerProps {\n // Filter state\n filterType: \"category\" | \"feeds\" | null;\n selectedCategory: string | null;\n selectedFeeds: Set;\n\n // Visibility toggles\n showCategoryFilter: boolean;\n showFeedFilter: boolean;\n\n // Data\n categories: string[];\n categoryDomainCounts: Map;\n feedTitles: string[];\n feedKeys: string[];\n\n // Actions\n onToggleCategory: (category: string) => void;\n onToggleFeed: (normalizedFeedKey: string) => void;\n onToggleShowCategoryFilter: () => void;\n onToggleShowFeedFilter: () => void;\n onClearCategory: () => void;\n onClearFeeds: () => void;\n\n className?: string;\n}\n\nexport function FilterContainer({\n filterType: _filterType,\n selectedCategory,\n selectedFeeds,\n showCategoryFilter,\n showFeedFilter,\n categories,\n categoryDomainCounts,\n feedTitles,\n feedKeys,\n onToggleCategory,\n onToggleFeed,\n onToggleShowCategoryFilter,\n onToggleShowFeedFilter,\n onClearCategory,\n onClearFeeds,\n className = \"\",\n}: FilterContainerProps) {\n console.log(\"selectedFeeds\", selectedFeeds);\n return (\n

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

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

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

\n {showCategoryFilter && (\n

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

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

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

\n )}\n

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

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

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

\n {showCategoryFilter && (\n

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

\n )}\n

\n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {} from \"https://esm.sh/react@18.2.0\";\nimport { CategoryFilter } from \"./CategoryFilter.tsx\";\nimport { FeedsFilter } from \"./FeedsFilter.tsx\";\n\ninterface FilterContainerProps {\n // Filter state\n filterType: \"category\" | \"feeds\" | null;\n selectedCategory: string | null;\n selectedFeeds: Set;\n\n // Visibility toggles\n showCategoryFilter: boolean;\n showFeedFilter: boolean;\n\n // Data\n categories: string[];\n categoryDomainCounts: Map;\n feedTitles: string[];\n feedKeys: string[];\n\n // Actions\n onToggleCategory: (category: string) => void;\n onToggleFeed: (normalizedFeedKey: string) => void;\n onToggleShowCategoryFilter: () => void;\n onToggleShowFeedFilter: () => void;\n onClearCategory: () => void;\n onClearFeeds: () => void;\n\n className?: string;\n}\n\nexport function FilterContainer({\n filterType: _filterType,\n selectedCategory,\n selectedFeeds,\n showCategoryFilter,\n showFeedFilter,\n categories,\n categoryDomainCounts,\n feedTitles,\n feedKeys,\n onToggleCategory,\n onToggleFeed,\n onToggleShowCategoryFilter,\n onToggleShowFeedFilter,\n onClearCategory,\n onClearFeeds,\n className = \"\",\n}: FilterContainerProps) {\n console.log(\"selectedFeeds\", selectedFeeds);\n console.log(\"selectedCategory\", selectedCategory);\n return (\n

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

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

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

\n {showCategoryFilter && (\n

\n )}\n\n {showFeedFilter && (\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",["D",1755765722605],"id","08f3c826-469b-11f0-a4c8-76b3cceeab13","rss",["D",1749629213223],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","collection of newsletters I read daily","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/8f9c7878-2166-4385-362f-a6532ddba100/square512?exp=1789587645&sig=757890feb6aff7586713923818b3287981d1c8e24dc57fa380305c2105aa0789","d56bd8b2-a31e-4821-93e6-bcbdd41c83ba","pinnedFileId","a465e4e7-fc74-4b03-a1bd-9d8c1b083d00","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0d30098c-721f-4d42-b17b-1da1e51d05e7","tursoName","08f3c826469b11f0a4c876b3cceeab13","tursoHostname","08f3c826469b11f0a4c876b3cceeab13-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789531852468],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_120":119,"_127":123},"org",{"_120":119,"_121":-5,"_122":123,"_18":75,"_124":125,"_126":27},"branch",{"_13":109,"_34":110,"_62":45,"_111":63,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":64,"_118":119},"isOwned",288,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","artivilla","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/05b096c6-70cf-4d2b-51e5-6c69c44dbf00/square512?exp=1789587645&sig=4a34f14d27cc4124a95163be9cee51cb895493464bf135a882be182ecc6d924d","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_62":63,"_34":64,"_41":525,"_66":-5,"_67":27,"_68":69,"_70":69,"_71":72,"_73":74,"_18":75,"_76":77,"_78":79,"_80":79,"_81":-5,"_82":83,"_84":85,"_86":87,"_88":89,"_90":526,"_92":-5,"_93":94,"_95":94,"_96":97,"_98":97,"_99":97,"_100":94,"_101":94,"_102":527,"_104":528,"_106":529,"_108":27},"tree",[270,272,274,294,296,300,301,302,303,304,305,306,307,308],"files",[270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308],"counts",{"_260":83,"_261":197,"_262":188,"_263":264,"_265":266},"contents",[151,152,153,154,155,156,157,158,159,160,161,162,163,164],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{"_77":150},"rss.artivilla.com",{"_62":255,"_34":256,"_32":257,"_167":-5,"_44":45,"_43":210,"_169":79,"_41":258,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_29":259},{"_62":250,"_34":251,"_32":252,"_167":-5,"_44":45,"_43":203,"_169":27,"_41":253,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_29":254},{"_62":245,"_34":246,"_32":247,"_167":-5,"_44":45,"_43":195,"_169":79,"_41":248,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_29":249},{"_62":240,"_34":241,"_32":242,"_167":-5,"_44":45,"_43":195,"_169":79,"_41":243,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_29":244},{"_62":233,"_34":234,"_32":235,"_167":-5,"_44":45,"_43":236,"_169":79,"_41":237,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_29":239},{"_62":227,"_34":228,"_32":229,"_167":-5,"_44":45,"_43":188,"_169":27,"_41":230,"_13":83,"_36":22,"_38":231,"_26":27,"_174":-5,"_29":232},{"_62":221,"_34":222,"_32":223,"_167":-5,"_44":45,"_43":210,"_169":79,"_41":224,"_13":83,"_36":22,"_38":225,"_26":27,"_174":-5,"_29":226},{"_62":215,"_34":216,"_32":217,"_167":-5,"_44":45,"_43":210,"_169":27,"_41":218,"_13":83,"_36":22,"_38":219,"_26":27,"_174":-5,"_29":220},{"_62":207,"_34":208,"_32":209,"_167":-5,"_44":45,"_43":210,"_169":27,"_41":211,"_13":212,"_36":22,"_38":213,"_26":27,"_174":-5,"_29":214},{"_62":200,"_34":201,"_32":202,"_167":-5,"_44":45,"_43":203,"_169":27,"_41":204,"_13":83,"_36":22,"_38":205,"_26":27,"_174":-5,"_29":206},{"_62":192,"_34":193,"_32":194,"_167":-5,"_44":45,"_43":195,"_169":79,"_41":196,"_13":197,"_36":22,"_38":198,"_26":27,"_174":-5,"_29":199},{"_62":184,"_34":185,"_32":186,"_167":-5,"_44":45,"_43":168,"_169":27,"_41":187,"_13":188,"_36":189,"_38":190,"_26":27,"_174":-5,"_29":191},{"_62":176,"_34":177,"_32":178,"_167":-5,"_44":45,"_43":179,"_169":27,"_41":180,"_13":181,"_36":22,"_38":182,"_26":27,"_174":-5,"_29":183},{"_62":165,"_34":166,"_32":77,"_167":-5,"_44":45,"_43":168,"_169":27,"_41":170,"_13":171,"_36":172,"_38":173,"_26":27,"_174":-5,"_29":175},"152ef888-77d1-11f0-a70b-0224a6c84d84","http.ts","parentId",139,"latest",["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","label",[166],"cfca21da-7e62-11f0-8987-0224a6c84d84","feeds.json","dfdb3efc-6b8d-11f0-b5dc-0224a6c84d84",146,["D",1755762330639],20,"[\n [\"valTownBlog\", [\"products\"], \"https://blog.val.town/rss.xml\"],\n [\"railwayBlog\", [\"products\"], \"https://blog.railway.com/rss.xml\"],\n [\"posthogBlog\", [\"products\"], \"https://newsletter.posthog.com/feed\"],\n [\"polarBlog\", [\"products\"], \"https://docs.polar.sh/changelog/recent/rss.xml\"],\n [\"zedDevBlog\", [\"products\"], \"https://zed.dev/blog.rss\"],\n [\"raycastChangelog\", [\"products\"], \"https://www.raycast.com/changelog/feed.xml\"],\n [\"stripeBlog\", [\"products\"], \"https://stripe.com/blog/feed.rss\"],\n [\"neynarBlog\", [\"products\", \"crypto\"], \"https://rss-generator.artivilla.com/rss/neynar.xml\"],\n [\"emailEgghead\", [\"programming\"], \"https://kill-the-newsletter.com/feeds/sqpw3htkhocwl299i9t8.xml\"],\n [\"johnlindquistEgghead\", [\"programming\", \"AI\"], \"https://kill-the-newsletter.com/feeds/ejryrzls9ipgrjbhy51k.xml\"],\n [\"openaiNews\", [\"AI\"], \"https://openai.com/news/rss.xml\"],\n [\"anthropicNews\", [\"AI\"], \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_news.xml\"],\n [\"ollamaFeed\", [\"AI\"], \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_ollama.xml\"],\n [\"anthropicEngineering\", [\"AI\"], \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_engineering.xml\"],\n [\"anthropicResearch\", [\"AI\"], \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_research.xml\"],\n [\"craftOfUi\", [\"programming\"], \"https://craftofui.substack.com/feed\"],\n [\"grantSlatton\", [\"programming\"], \"https://grantslatton.com/rss.xml\"],\n [\"seanGoedecke\", [\"programming\"], \"https://www.seangoedecke.com/rss.xml\"],\n [\"samAltman\", [\"programming\"], \"https://blog.samaltman.com/posts.atom\"],\n [\"macWright\", [\"programming\"], \"https://macwright.com/rss.xml\"],\n [\"pomdtr\", [\"programming\"], \"https://blog.pomdtr.me/feed.xml\"],\n [\"joshWComeau\", [\"programming\", \"design\"], \"https://www.joshwcomeau.com/rss.xml\"],\n [\"davidPerell\", [\"writing\"], \"https://perell.com/feed\"],\n [\"vanSchneider\", [\"design\"], \"https://vanschneider.com/blog/rss\"],\n [\"dwrEmail\", [], \"https://dwr.email/rss\"],\n [\"lucCx\", [\"programming\"], \"https://luc.cx/rss\"],\n [\"calvInfo\", [\"programming\"], \"https://calv.info/atom.xml\"],\n [\"dhh\", [\"programming\"], \"https://world.hey.com/dhh/feed.atom\"],\n [\"jenWagner\", [\"design\"], \"https://jenwagner.co/feed\"],\n [\"paulgraham\", [\"startups\"], \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_paulgraham.xml\", \"paulgraham.com\"],\n [\"registerSpill\", [\"programming\"], \"https://registerspill.thorstenball.com/feed\"],\n [\"emilKowal\", [\"design\"], \"https://kill-the-newsletter.com/feeds/6gre6dor7sk0jmslnui4.xml\"],\n [\"simonWillison\", [\"AI\", \"programming\"], \"https://simonw.substack.com/feed\"],\n [\"artiVilla\", [\"programming\"], \"https://writing.artivilla.com/rss\"],\n [\"benEvans\", [\"strategy\"], \"https://www.ben-evans.com/benedictevans?format=rss\"],\n [\"bitsAboutMoney\", [\"finance\"], \"https://www.bitsaboutmoney.com/archive/rss\"],\n [\"matthewLevine\", [\"finance\"], \"https://www.bloomberg.com/authors/ARbTQlRLRjE/matthew-s-levine.rss\"],\n [\"getTheLeverage\", [\"strategy\", \"finance\"], \"https://www.gettheleverage.com/feed\"],\n [\"stratechery\", [\"strategy\"], \"https://stratechery.com/feed\"],\n [\"devouringDetails\", [\"design\"], \"https://kill-the-newsletter.com/feeds/70t2ouafobbic8yor549.xml\"],\n [\"everyTo\", [\"AI\", \"strategy\"], \"https://every.to/feeds/global.xml\"],\n [\"howardMarks\", [\"finance\", \"investing\"], \"https://rss.art19.com/the-memo-by-howard-marks\"],\n [\"gregBrockman\", [\"AI\"], \"https://blog.gregbrockman.com/feed\"],\n [\"tomTunguz\", [\"startups\"], \"https://tomtunguz.com/index.xml\"],\n [\"a16zCrypto\", [\"crypto\"], \"https://a16zcrypto.substack.com/feed\"],\n [\"variantFund\", [\"crypto\"], \"https://newsletter.variant.fund/feed\"],\n [\"socialGraphVentures\", [\"crypto\"], \"https://paragraph.com/@socialgraphventures/rss\"],\n [\"ourNetwork\", [\"crypto\"], \"https://ournetwork.substack.com/feed\"],\n [\"businessMasterclass\", [\"strategy\"], \"https://masterclass.thesmbcenter.com/feed\"],\n [\"craftOfUI\", [\"design\"], \"https://craftofui.substack.com/feed\"],\n [\"debuggingGTM\", [\"strategy\"], \"https://debugginggtm.substack.com/feed\"],\n [\"essayArchitecture\", [\"writing\"], \"https://www.michaeldean.site/feed\"],\n [\"collabFund\", [\"investing\", \"strategy\"], \"https://feeds.feedburner.com/collabfund\"],\n [\"creativeSamba\", [\"writing\"], \"https://creativesamba.substack.com/feed\"],\n [\"intellectualEdge\", [\"writing\"], \"https://theintellectualedge.substack.com/feed\"],\n [\"foundersTribune\", [\"startups\"], \"https://kill-the-newsletter.com/feeds/abadnp3zevughmb4dlyf.xml\"]\n]\n",[177],"152eb3d2-77d1-11f0-a70b-0224a6c84d84","feed.cron.ts","b4cdfa74-6aed-11f0-9add-0224a6c84d84",["D",1755040033556],1,"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",[185],"b4ce3cdc-6aed-11f0-9add-0224a6c84d84","deno.json","85d3e283-698b-41db-9e11-fb2221a9e761",90,["D",1753622962153],2,"{\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",[193],"d2b3b6b2-7d78-11f0-96b6-0224a6c84d84","TODO.md","d2b3b766-7d78-11f0-96b6-0224a6c84d84",144,["D",1755661833285],"## TODOs\n- add configuration to email newsletter to yourself\n- update pull to fetch to trigger feed.cron.ts\n- highlight already visited links\n- locally cache if filters are open close and what was last selected\n- bugfix: all feeds are working (neynar)\n",[201],"e3e04336-7d70-11f0-8eb9-0224a6c84d84","README.md","fb057215-2aeb-4b82-8435-ceda27d2d3b6",143,["D",1755658426119],4,"# Newsletter Aggregator\n\nCollection of newsletters I read daily with a slick interface. 📖💫💫\n\n- `feeds.json` directory lists all newsletters\n- feed.cron.ts runs at a custom interval and caches the feeds into persistant storage to allow our app to render the feeds\n\nOriginally forked from [@pomdtr/tinyfeed](https://www.val.town/x/pomdtr/tinyfeed)\n",[208],"e3e01fbe-7d70-11f0-8eb9-0224a6c84d84","CLAUDE.md","e3e02036-7d70-11f0-8eb9-0224a6c84d84",["D",1755658426119],"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\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 - 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",[216],"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",[222],"08f9ddc4-469b-11f0-a4c8-76b3cceeab13",".vtignore","2a201254-b845-4b01-b46c-fbdb5bc47ed5",["D",1749629213223],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[228],"1f4ed2cc-6bb3-11f0-b47f-0224a6c84d84","shared","01985120-a903-7099-9b0a-ba286a579883",97,["D",1753707751686],"directory",[234],"b4ce2a8a-6aed-11f0-9add-0224a6c84d84","services","01984c12-dfe6-7391-b236-be3aa84fda79",["D",1753622962153],[241],"b4ce2846-6aed-11f0-9add-0224a6c84d84","frontend","01984c12-dfe6-7391-b236-b8880f94c62b",["D",1753622962153],[246],"d2b3b96e-7d78-11f0-96b6-0224a6c84d84",".zed","0198c599-9441-70bd-8ed8-a5e088444767",["D",1755661833285],[251],"e3e02ec8-7d70-11f0-8eb9-0224a6c84d84",".claude","0198c565-9702-70fa-b2d1-7005110dea29",["D",1755658426119],[256],"pulls","branches","forks","envVars",{"_267":83,"_269":83},"connections",{"_267":83,"_268":83},"count","unfilledCount","emptyCount",{"_62":255,"_34":256,"_32":257,"_167":-5,"_44":45,"_43":210,"_169":79,"_41":522,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_310":523,"_29":524},{"_62":515,"_34":516,"_32":517,"_167":257,"_44":45,"_43":210,"_169":27,"_41":518,"_13":83,"_36":22,"_38":519,"_26":27,"_174":-5,"_310":520,"_29":521},{"_62":250,"_34":251,"_32":252,"_167":-5,"_44":45,"_43":203,"_169":27,"_41":512,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_310":513,"_29":514},{"_62":505,"_34":506,"_32":507,"_167":252,"_44":45,"_43":203,"_169":27,"_41":508,"_13":83,"_36":22,"_38":509,"_26":27,"_174":-5,"_310":510,"_29":511},{"_62":245,"_34":246,"_32":247,"_167":-5,"_44":45,"_43":195,"_169":79,"_41":502,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_310":503,"_29":504},{"_62":497,"_34":463,"_32":457,"_167":247,"_44":45,"_43":498,"_169":79,"_41":499,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_310":500,"_29":501},{"_62":490,"_34":491,"_32":492,"_167":457,"_44":45,"_43":168,"_169":79,"_41":493,"_13":83,"_36":37,"_38":494,"_26":27,"_174":-5,"_310":495,"_29":496},{"_62":483,"_34":484,"_32":485,"_167":457,"_44":45,"_43":210,"_169":27,"_41":486,"_13":188,"_36":37,"_38":487,"_26":27,"_174":-5,"_310":488,"_29":489},{"_62":478,"_34":58,"_32":57,"_167":457,"_44":45,"_43":14,"_169":27,"_41":479,"_13":480,"_36":37,"_38":60,"_26":27,"_174":-5,"_310":481,"_29":482},{"_62":471,"_34":472,"_32":473,"_167":457,"_44":45,"_43":409,"_169":27,"_41":474,"_13":83,"_36":37,"_38":475,"_26":27,"_174":-5,"_310":476,"_29":477},{"_62":464,"_34":465,"_32":466,"_167":457,"_44":45,"_43":210,"_169":27,"_41":467,"_13":212,"_36":37,"_38":468,"_26":27,"_174":-5,"_310":469,"_29":470},{"_62":454,"_34":455,"_32":456,"_167":457,"_44":45,"_43":458,"_169":79,"_41":459,"_13":188,"_36":37,"_38":460,"_26":27,"_174":-5,"_310":461,"_29":462},{"_62":450,"_34":428,"_32":423,"_167":247,"_44":45,"_43":416,"_169":79,"_41":451,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_310":452,"_29":453},{"_62":443,"_34":444,"_32":445,"_167":423,"_44":45,"_43":210,"_169":79,"_41":446,"_13":197,"_36":37,"_38":447,"_26":27,"_174":-5,"_310":448,"_29":449},{"_62":436,"_34":437,"_32":438,"_167":423,"_44":45,"_43":210,"_169":79,"_41":439,"_13":197,"_36":37,"_38":440,"_26":27,"_174":-5,"_310":441,"_29":442},{"_62":429,"_34":430,"_32":431,"_167":423,"_44":45,"_43":210,"_169":79,"_41":432,"_13":188,"_36":37,"_38":433,"_26":27,"_174":-5,"_310":434,"_29":435},{"_62":420,"_34":421,"_32":422,"_167":423,"_44":45,"_43":210,"_169":79,"_41":424,"_13":197,"_36":37,"_38":425,"_26":27,"_174":-5,"_310":426,"_29":427},{"_62":415,"_34":414,"_32":408,"_167":247,"_44":45,"_43":416,"_169":79,"_41":417,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_310":418,"_29":419},{"_62":405,"_34":406,"_32":407,"_167":408,"_44":45,"_43":409,"_169":79,"_41":410,"_13":188,"_36":37,"_38":411,"_26":27,"_174":-5,"_310":412,"_29":413},{"_62":400,"_34":35,"_32":33,"_167":247,"_44":45,"_43":14,"_169":27,"_41":401,"_13":402,"_36":37,"_38":40,"_26":27,"_174":-5,"_310":403,"_29":404},{"_62":392,"_34":393,"_32":394,"_167":247,"_44":45,"_43":395,"_169":79,"_41":396,"_13":83,"_36":22,"_38":397,"_26":27,"_174":-5,"_310":398,"_29":399},{"_62":384,"_34":385,"_32":386,"_167":247,"_44":45,"_43":168,"_169":27,"_41":387,"_13":388,"_36":22,"_38":389,"_26":27,"_174":-5,"_310":390,"_29":391},{"_62":377,"_34":378,"_32":379,"_167":247,"_44":45,"_43":168,"_169":79,"_41":380,"_13":197,"_36":37,"_38":381,"_26":27,"_174":-5,"_310":382,"_29":383},{"_62":369,"_34":370,"_32":371,"_167":247,"_44":45,"_43":372,"_169":79,"_41":373,"_13":83,"_36":37,"_38":374,"_26":27,"_174":-5,"_310":375,"_29":376},{"_62":240,"_34":241,"_32":242,"_167":-5,"_44":45,"_43":195,"_169":79,"_41":366,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_310":367,"_29":368},{"_62":359,"_34":360,"_32":361,"_167":242,"_44":45,"_43":210,"_169":27,"_41":362,"_13":171,"_36":37,"_38":363,"_26":27,"_174":-5,"_310":364,"_29":365},{"_62":233,"_34":234,"_32":235,"_167":-5,"_44":45,"_43":236,"_169":79,"_41":356,"_13":83,"_36":238,"_38":-5,"_26":27,"_174":-5,"_310":357,"_29":358},{"_62":348,"_34":349,"_32":350,"_167":235,"_44":45,"_43":351,"_169":79,"_41":352,"_13":188,"_36":37,"_38":353,"_26":27,"_174":-5,"_310":354,"_29":355},{"_62":344,"_34":50,"_32":49,"_167":235,"_44":45,"_43":14,"_169":79,"_41":345,"_13":197,"_36":37,"_38":52,"_26":27,"_174":-5,"_310":346,"_29":347},{"_62":337,"_34":338,"_32":339,"_167":235,"_44":45,"_43":210,"_169":79,"_41":340,"_13":83,"_36":37,"_38":341,"_26":27,"_174":-5,"_310":342,"_29":343},{"_62":227,"_34":228,"_32":229,"_167":-5,"_44":45,"_43":188,"_169":27,"_41":334,"_13":83,"_36":22,"_38":231,"_26":27,"_174":-5,"_310":335,"_29":336},{"_62":221,"_34":222,"_32":223,"_167":-5,"_44":45,"_43":210,"_169":79,"_41":331,"_13":83,"_36":22,"_38":225,"_26":27,"_174":-5,"_310":332,"_29":333},{"_62":215,"_34":216,"_32":217,"_167":-5,"_44":45,"_43":210,"_169":27,"_41":328,"_13":83,"_36":22,"_38":219,"_26":27,"_174":-5,"_310":329,"_29":330},{"_62":207,"_34":208,"_32":209,"_167":-5,"_44":45,"_43":210,"_169":27,"_41":325,"_13":212,"_36":22,"_38":213,"_26":27,"_174":-5,"_310":326,"_29":327},{"_62":200,"_34":201,"_32":202,"_167":-5,"_44":45,"_43":203,"_169":27,"_41":322,"_13":83,"_36":22,"_38":205,"_26":27,"_174":-5,"_310":323,"_29":324},{"_62":192,"_34":193,"_32":194,"_167":-5,"_44":45,"_43":195,"_169":79,"_41":319,"_13":197,"_36":22,"_38":198,"_26":27,"_174":-5,"_310":320,"_29":321},{"_62":184,"_34":185,"_32":186,"_167":-5,"_44":45,"_43":168,"_169":27,"_41":316,"_13":188,"_36":189,"_38":190,"_26":27,"_174":-5,"_310":317,"_29":318},{"_62":176,"_34":177,"_32":178,"_167":-5,"_44":45,"_43":179,"_169":27,"_41":313,"_13":181,"_36":22,"_38":182,"_26":27,"_174":-5,"_310":314,"_29":315},{"_62":165,"_34":166,"_32":77,"_167":-5,"_44":45,"_43":168,"_169":27,"_41":309,"_13":171,"_36":172,"_38":173,"_26":27,"_174":-5,"_310":311,"_29":312},["D",1755040033556],"children",[],[166],["D",1755762330639],[],[177],["D",1755040033556],[],[185],["D",1753622962153],[],[193],["D",1755661833285],[],[201],["D",1755658426119],[],[208],["D",1755658426119],[],[216],["D",1755658426119],[],[222],["D",1749629213223],[],[228],"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",[],[234,338],"b58ff198-7e6a-11f0-bbcd-0224a6c84d84",["D",1755765722605],[],[234,50],"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",[],[234,349],["D",1753707751686],[297,298,299],[234],"e3e071f8-7d70-11f0-8eb9-0224a6c84d84","rss.ts","b4ce23dc-6aed-11f0-9add-0224a6c84d84",["D",1755658426119],"import Parser from \"https://esm.sh/rss-parser@3.13.0\";\nimport { Feed } from \"https://esm.sh/feed@4.2.2\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport interface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n feedTitle: string;\n normalizedFeedKey: string;\n}\n\nexport interface ParsedFeed {\n title?: string;\n link?: string;\n description?: string;\n normalizedKey?: string; // Normalized key from feeds.json\n}\n\nexport interface AppData {\n title: string;\n description?: string;\n items: Item[];\n feeds: ParsedFeed[];\n lastUpdated: string;\n}\n\nexport interface ContentConfig {\n feeds: string[];\n feedsMap: Map; // Map URL to normalized key\n domainMap: Map; // Map domain to normalized key\n}\n\nexport class RSSService {\n private parser = new Parser();\n private contentConfig: ContentConfig | null = null;\n\n async loadConfig(): Promise {\n if (this.contentConfig) {\n return this.contentConfig;\n }\n\n try {\n const configContent = await readFile(\"/feeds.json\", import.meta.url);\n const feedsArray = JSON.parse(configContent);\n // Extract URLs from the array structure [normalizedKey, [categories], feedUrl, optionalDomain?]\n const feedUrls = feedsArray.map(\n (feed: [string, string[], string, string?]) => feed[2],\n );\n const feedsMap = new Map();\n const domainMap = new Map(); // Map domain to normalized key\n\n // Build map from URL to normalized key and optional domain mapping\n feedsArray.forEach(\n ([normalizedKey, _categories, feedUrl, optionalDomain]) => {\n feedsMap.set(feedUrl, normalizedKey);\n if (optionalDomain) {\n domainMap.set(optionalDomain, normalizedKey);\n }\n },\n );\n\n this.contentConfig = { feeds: feedUrls, feedsMap, domainMap };\n return this.contentConfig!;\n } catch (error) {\n console.error(\"Failed to load feeds.json:\", error);\n throw new Error(\"Could not load RSS feed configuration\");\n }\n }\n\n async getFeedsConfig(): Promise {\n try {\n const configContent = await readFile(\"/feeds.json\", import.meta.url);\n return JSON.parse(configContent);\n } catch (error) {\n console.error(\"Failed to load feeds.json:\", error);\n throw new Error(\"Could not load RSS feed configuration\");\n }\n }\n\n async getConfiguredFeeds(): Promise {\n const config = await this.loadConfig();\n return config.feeds;\n }\n\n getTitle(): string {\n return \"Newsletters Aggregated\";\n }\n\n getDescription(): string {\n return \"\";\n }\n\n async fetchFeed(\n feedUrl: string,\n ): Promise<{ feed: ParsedFeed; items: Item[] } | null> {\n try {\n const config = await this.loadConfig();\n const normalizedKey = config.feedsMap.get(feedUrl);\n const resp = await fetch(feedUrl);\n if (!resp.ok) {\n console.error(\n `Failed to fetch feed ${feedUrl}: ${resp.status} ${resp.statusText}`,\n );\n return null;\n }\n\n const feed = await this.parser.parseString(await resp.text());\n const items: Item[] = [];\n\n // Determine the feed title once, ensuring we have a non-empty value\n const feedTitle =\n feed.title?.trim() ||\n new URL(feedUrl).hostname.replace(/^www\\./, \"\") ||\n feedUrl;\n\n for (const item of feed.items) {\n if (!item.link) continue;\n\n const itemDomain = new URL(item.link).hostname;\n\n // Check if there's a domain-based normalized key mapping\n let finalNormalizedKey = normalizedKey || feedUrl;\n if (config.domainMap.has(itemDomain)) {\n finalNormalizedKey = config.domainMap.get(itemDomain)!;\n }\n\n items.push({\n title: item.title || \"\",\n link: item.link,\n publication: item.pubDate\n ? new Date(item.pubDate).toISOString().split(\"T\")[0]\n : null,\n domain: itemDomain,\n feedTitle: feedTitle,\n normalizedFeedKey: finalNormalizedKey,\n });\n }\n\n return {\n feed: {\n title: feedTitle, // Use the same resolved title\n link: feed.link,\n description: feed.description,\n normalizedKey: normalizedKey,\n },\n items,\n };\n } catch (error) {\n console.error(`Error processing feed ${feedUrl}:`, error);\n return null;\n }\n }\n\n async buildAndStore(): Promise {\n // Get both URLs and normalized keys\n const configContent = await readFile(\"/feeds.json\", import.meta.url);\n const feedsArray = JSON.parse(configContent) as [\n string,\n string[],\n string,\n string?,\n ][];\n\n const title = this.getTitle();\n const description = this.getDescription();\n\n const allItems: Item[] = [];\n const allFeeds: ParsedFeed[] = [];\n\n // Fetch all feeds in parallel with some concurrency control\n const results = await Promise.allSettled(\n feedsArray.map(([_, __, feedUrl]) => this.fetchFeed(feedUrl)),\n );\n\n const config = await this.loadConfig();\n\n results.forEach((result, index) => {\n const [_normalizedKey, __categories, feedUrl] = feedsArray[index];\n\n if (result.status === \"fulfilled\" && result.value) {\n const { feed, items } = result.value;\n allItems.push(...items);\n allFeeds.push(feed);\n } else {\n console.error(`Failed to process feed ${feedUrl}`);\n // Still add the feed with basic info derived from URL\n try {\n const normalizedKeyFromMap =\n config.feedsMap.get(feedUrl) || _normalizedKey;\n const domain = new URL(feedUrl).hostname;\n const title = domain.replace(/^www\\./, \"\") || feedUrl;\n allFeeds.push({\n title,\n link: feedUrl,\n description: `Feed from ${domain}`,\n normalizedKey: normalizedKeyFromMap,\n });\n } catch (error) {\n console.error(\n `Failed to create fallback feed info for ${feedUrl}:`,\n error,\n );\n }\n }\n });\n\n // Sort items by date and then by title\n const sortedItems = allItems.sort((a, b) => {\n const dateComparison =\n new Date(b.publication || \"\").getTime() -\n new Date(a.publication || \"\").getTime();\n if (dateComparison !== 0) return dateComparison;\n return a.title.localeCompare(b.title);\n });\n\n // Create RSS/Atom feed\n const atomFeed = new Feed({\n title,\n id: \"{{ id }}\",\n description,\n copyright: \"NA\",\n });\n\n for (const item of sortedItems) {\n atomFeed.addItem({\n title: item.title,\n id: item.link,\n link: item.link,\n date: new Date(item.publication || \"\"),\n });\n }\n\n // Store feed XML\n await blob.set(\"rss:feed-xml\", atomFeed.atom1());\n\n // Store app data\n const lastUpdated = new Date().toISOString();\n const appData: AppData = {\n title,\n description,\n items: sortedItems,\n feeds: allFeeds,\n lastUpdated,\n };\n\n await blob.setJSON(\"rss:app-data\", appData);\n }\n}\n",[],[241,360],["D",1753622962153],[295],[241],"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",[],[246,370],"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",[],[246,378],"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",[],[246,385],"64a20722-6b5e-11f0-a76b-0224a6c84d84","favicon.svg","64a207fe-6b5e-11f0-a76b-0224a6c84d84",91,["D",1753671360780],"\n",[],[246,393],"b58fcef2-7e6a-11f0-bbcd-0224a6c84d84",["D",1755765722605],16,[],[246,35],"bb8d2228-6e11-11f0-a6a9-0224a6c84d84","dateUtils.ts","7c959d4a-6b99-11f0-bc83-0224a6c84d84","01985078-a78e-7444-ba8c-f07153cc5dda",102,["D",1753968288834],"import {\n formatDistanceToNow,\n format,\n differenceInDays,\n parseISO,\n isValid,\n} from \"https://esm.sh/date-fns@3.6.0\";\n\n/**\n * Formats a date string for display in the RSS feed\n * - Shows relative time (e.g., \"14 days ago\") for dates within 14 days\n * - Shows formatted date (e.g., \"Apr 14, 2025\") for older dates\n */\nexport function formatPublicationDate(dateString: string | null): string {\n if (!dateString) return \"\";\n\n try {\n const date = parseISO(dateString);\n\n if (!isValid(date)) {\n return dateString; // Return original if parsing fails\n }\n\n const daysDiff = differenceInDays(new Date(), date);\n\n // For dates within 14 days, show relative time\n if (daysDiff <= 14) {\n return formatDistanceToNow(date, { addSuffix: true });\n }\n\n // For older dates, show formatted date\n return format(date, \"MMM d, yyyy\");\n } catch (_error) {\n // Fallback to original string if any error occurs\n return dateString;\n }\n}\n\n/**\n * Formats the complete metadata string for an RSS item\n * Format: \"domain | formatted_date\"\n */\nexport function formatItemMetadata(\n domain: string,\n publicationDate: string | null,\n): string {\n const formattedDate = formatPublicationDate(publicationDate);\n return `${domain}${formattedDate ? ` | ${formattedDate}` : \"\"}`;\n}\n\n/**\n * Formats last updated timestamp as \"ran Xhrs ago\" with whole number hours\n */\nexport function formatLastUpdated(dateString: string): string {\n if (!dateString || dateString.trim() === \"\") {\n return \"\";\n }\n\n try {\n const date = new Date(dateString);\n\n if (isNaN(date.getTime())) {\n return \"\";\n }\n\n const now = new Date();\n const diffInMs = now.getTime() - date.getTime();\n const diffInHours = Math.floor(Math.abs(diffInMs) / (1000 * 60 * 60));\n\n return `ran ${diffInHours}hrs ago`;\n } catch (error) {\n return \"\";\n }\n}\n",[],[246,414,406],"utils","7c959fca-6b99-11f0-bc83-0224a6c84d84",96,["D",1753696741265],[288],[246,414],"e3e07022-7d70-11f0-8eb9-0224a6c84d84","useTimePeriodFilter.ts","1f4ebf76-6bb3-11f0-b47f-0224a6c84d84","01985078-a78d-704c-bbb7-a96c52e1a3e8",["D",1755658426119],"import { useLocalStorage } from \"https://esm.sh/@rehooks/local-storage@2.4.4?deps=react@18.2.0\";\nimport { useCallback } from \"https://esm.sh/react@18.2.0\";\n\nexport type TimePeriod =\n | \"week\"\n | \"2weeks\"\n | \"month\"\n | \"6months\"\n | \"year\"\n | \"all\";\n\ninterface Item {\n publication: string | null;\n feedTitle: string;\n}\n\nexport function useTimePeriodFilter() {\n const [timePeriod, setTimePeriod] = useLocalStorage(\n \"rss-time-period\",\n \"week\",\n );\n\n const getTimePeriodCutoffDate = useCallback(\n (period: TimePeriod): Date | null => {\n if (period === \"all\") return null;\n\n const cutoffDate = new Date();\n switch (period) {\n case \"week\":\n cutoffDate.setDate(cutoffDate.getDate() - 7);\n break;\n case \"2weeks\":\n cutoffDate.setDate(cutoffDate.getDate() - 14);\n break;\n case \"month\":\n cutoffDate.setMonth(cutoffDate.getMonth() - 1);\n break;\n case \"6months\":\n cutoffDate.setMonth(cutoffDate.getMonth() - 6);\n break;\n case \"year\":\n cutoffDate.setFullYear(cutoffDate.getFullYear() - 1);\n break;\n default:\n return null;\n }\n return cutoffDate;\n },\n [],\n );\n\n const filterItemsByTimePeriod = useCallback(\n (items: T[], period: TimePeriod = timePeriod): T[] => {\n const cutoffDate = getTimePeriodCutoffDate(period);\n\n if (!cutoffDate) return items;\n\n return items.filter((item) => {\n if (!item.publication) return false;\n return new Date(item.publication) >= cutoffDate;\n });\n },\n [timePeriod, getTimePeriodCutoffDate],\n );\n\n return {\n timePeriod,\n setTimePeriod,\n filterItemsByTimePeriod,\n getTimePeriodCutoffDate,\n };\n}\n",[],[246,428,421],"hooks","e3e06cee-7d70-11f0-8eb9-0224a6c84d84","useFeedsConfig.ts","152e98f2-77d1-11f0-a70b-0224a6c84d84",["D",1755658426119],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface UseFeedsConfigReturn {\n feedsData: [string, string[], string, string?][] | null;\n loading: boolean;\n error: string | null;\n getNormalizedKeyByUrl: (url: string) => string | undefined;\n getNormalizedKeyByDomain: (domain: string) => string | undefined;\n getNormalizedKeyByItemDomain: (domain: string) => string | undefined;\n}\n\n/**\n * Custom hook for fetching feeds configuration data from the API\n * Returns feeds data in the format: [[normalizedKey, [categories], url, optionalDomain?], ...]\n */\nexport function useFeedsConfig(): UseFeedsConfigReturn {\n const [feedsData, setFeedsData] = useState<\n [string, string[], string, string?][] | null\n >(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n // Utility functions for normalized key lookups\n const getNormalizedKeyByUrl = (url: string): string | undefined => {\n if (!feedsData) return undefined;\n\n // Try exact match first\n let match = feedsData.find(\n ([key, categories, feedUrl, optionalDomain]) => feedUrl === url,\n );\n if (match) return match[0];\n\n // Try normalized URL comparison (remove trailing slashes, protocols, etc.)\n const normalizeUrl = (u: string) => {\n try {\n const parsed = new URL(u);\n return `${parsed.hostname}${parsed.pathname}${parsed.search}`\n .toLowerCase()\n .replace(/\\/$/, \"\");\n } catch {\n return u.toLowerCase().replace(/\\/$/, \"\");\n }\n };\n\n const normalizedInputUrl = normalizeUrl(url);\n match = feedsData.find(\n ([key, categories, feedUrl, optionalDomain]) =>\n normalizeUrl(feedUrl) === normalizedInputUrl,\n );\n\n return match?.[0];\n };\n\n const getNormalizedKeyByDomain = (domain: string): string | undefined => {\n if (!feedsData) return undefined;\n return feedsData.find(([key, categories, feedUrl, optionalDomain]) => {\n try {\n return new URL(feedUrl).hostname === domain;\n } catch {\n return false;\n }\n })?.[0];\n };\n\n const getNormalizedKeyByItemDomain = (domain: string): string | undefined => {\n if (!feedsData) return undefined;\n // First check if there's an explicit domain mapping (4th parameter)\n const domainMatch = feedsData.find(\n ([key, categories, feedUrl, optionalDomain]) => optionalDomain === domain,\n );\n if (domainMatch) return domainMatch[0];\n\n // Fallback to feed URL domain matching\n return getNormalizedKeyByDomain(domain);\n };\n\n useEffect(() => {\n fetch(\"/api/feeds\")\n .then((res) => {\n if (!res.ok) {\n throw new Error(`HTTP error! status: ${res.status}`);\n }\n return res.json();\n })\n .then((data: [string, string[], string, string?][]) => {\n setFeedsData(data);\n setLoading(false);\n })\n .catch((error) => {\n console.error(\"❌ Error fetching feeds configuration:\", error);\n setError(error.message);\n setLoading(false);\n });\n }, []);\n\n return {\n feedsData,\n loading,\n error,\n getNormalizedKeyByUrl,\n getNormalizedKeyByDomain,\n getNormalizedKeyByItemDomain,\n };\n}\n",[],[246,428,430],"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",[],[246,428,437],"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",[],[246,428,444],"7c959e94-6b99-11f0-bc83-0224a6c84d84",["D",1753696741265],[283,284,285,286],[246,428],"3ed28ea2-6c64-11f0-aa19-0224a6c84d84","TimeFilter.tsx","41ed03be-6c60-11f0-a174-0224a6c84d84","0198558f-51c3-702c-8b6f-f009795e8b9d",99,["D",1753783825482],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { TimePeriod } from \"../hooks/useTimePeriodFilter.ts\";\n\ninterface TimeFilterOption {\n key: TimePeriod;\n label: string;\n}\n\ninterface TimeFilterProps {\n timePeriod: TimePeriod;\n onTimePeriodChange: (period: TimePeriod) => void;\n className?: string;\n}\n\nconst TIME_FILTER_OPTIONS: TimeFilterOption[] = [\n { key: \"week\", label: \"this week\" },\n { key: \"2weeks\", label: \"last 2 weeks\" },\n { key: \"month\", label: \"last month\" },\n { key: \"6months\", label: \"6 months\" },\n { key: \"year\", label: \"last year\" },\n { key: \"all\", label: \"all\" },\n];\n\nexport function TimeFilter({\n timePeriod,\n onTimePeriodChange,\n className = \"\",\n}: TimeFilterProps) {\n const [isExpanded, setIsExpanded] = useState(false);\n\n const currentLabel =\n TIME_FILTER_OPTIONS.find((option) => option.key === timePeriod)?.label ||\n \"all\";\n\n return (\n

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

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

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

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

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

\n )}\n

\n );\n}\n",[],[246,463,455],"components","e3e05dee-7d70-11f0-8eb9-0224a6c84d84","ListingFilter.tsx","41ecf1ee-6c60-11f0-a174-0224a6c84d84",["D",1755658426119],"/** @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 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",[],[246,463,465],"bb8cfe2e-6e11-11f0-a6a9-0224a6c84d84","Footer.tsx","bb8cff96-6e11-11f0-a6a9-0224a6c84d84",["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",[],[246,463,472],"b58fea72-7e6a-11f0-bbcd-0224a6c84d84",["D",1755765722605],3,[],[246,463,58],"e3e054ca-7d70-11f0-8eb9-0224a6c84d84","FeedsFilter.tsx","5b185116-77e3-11f0-8c83-0224a6c84d84",["D",1755658426119],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {} from \"https://esm.sh/react@18.2.0\";\n\ninterface FeedsFilterProps {\n selectedFeeds: Set;\n onToggleFeed: (feedKey: string) => void;\n onClearFeeds: () => void;\n showFeedFilter: boolean;\n onToggleShowFeedFilter: () => void;\n feedTitles: string[];\n feedKeys: string[];\n}\n\nexport function FeedsFilter({\n selectedFeeds,\n onToggleFeed,\n onClearFeeds,\n showFeedFilter,\n onToggleShowFeedFilter,\n feedTitles: _feedTitles,\n feedKeys: _feedKeys,\n}: FeedsFilterProps) {\n const activeFeedFiltersCount = selectedFeeds.size;\n\n return (\n <>\n 0 ? \"gradient-pattern\" : \"\"\n }`}\n style={{\n color:\n showFeedFilter || activeFeedFiltersCount > 0\n ? \"var(--header-color)\"\n : \"var(--text-color)\",\n }}\n >\n feeds\n \n\n {activeFeedFiltersCount > 0 && (\n \n ({activeFeedFiltersCount} filters)\n \n clear\n \n \n )}\n \n );\n}\n",[],[246,463,484],"152e8452-77d1-11f0-a70b-0224a6c84d84","CategoryFilter.tsx","152e84f2-77d1-11f0-a70b-0224a6c84d84",["D",1755040033556],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface CategoryFilterProps {\n categories: string[];\n selectedCategory: string | null;\n onToggleCategory: (category: string) => void;\n onClearCategory: () => void;\n showCategoryFilter: boolean;\n onToggleShowCategoryFilter: () => void;\n}\n\nexport function CategoryFilter({\n categories: _categories,\n selectedCategory,\n onToggleCategory: _onToggleCategory,\n onClearCategory,\n showCategoryFilter,\n onToggleShowCategoryFilter,\n}: CategoryFilterProps) {\n return (\n <>\n {\n onToggleShowCategoryFilter();\n }}\n className={`text-base font-normal hover:opacity-80 transition-opacity border-none ${\n showCategoryFilter || selectedCategory ? \"gradient-pattern\" : \"\"\n }`}\n style={{\n color:\n showCategoryFilter || selectedCategory\n ? \"var(--header-color)\"\n : \"var(--text-color)\",\n }}\n >\n category\n \n\n {selectedCategory && (\n \n ({selectedCategory.toUpperCase()} selected)\n {\n onClearCategory();\n }}\n className=\"ml-2 cursor-pointer hover:underline\"\n style={{ color: \"var(--text-color)\" }}\n >\n clear\n \n \n )}\n \n );\n}\n",[],[246,463,491],"41ed0ea4-6c60-11f0-a174-0224a6c84d84",98,["D",1753782112707],[276,277,278,279,280,281],[246,463],["D",1753622962153],[275,282,287,289,290,291,292,293],[246],"d2b3acb2-7d78-11f0-96b6-0224a6c84d84","settings.json","d2b3ad8e-7d78-11f0-96b6-0224a6c84d84",["D",1755661833285],"{\n \"languages\": {\n \"JSON\": {\n \"preferred_line_length\": 140,\n \"soft_wrap\": \"preferred_line_length\"\n }\n }\n}\n",[],[251,506],["D",1755661833285],[273],[251],"e3e015d2-7d70-11f0-8eb9-0224a6c84d84","settings.local.json","e3e01686-7d70-11f0-8eb9-0224a6c84d84",["D",1755658426119],"{\n \"permissions\": {\n \"allow\": [\n \"WebFetch(domain:www.val.town)\"\n ],\n \"deny\": []\n }\n}",[],[256,516],["D",1755658426119],[271],[256],["D",1749629213223],["D",1789531852468],{"_120":119,"_127":123},{"_120":119,"_121":-5,"_122":123,"_18":75,"_124":125,"_126":27},{"_13":109,"_34":110,"_62":45,"_111":63,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":64,"_118":119},"ctx",{"_102":-5,"_147":563,"_564":565,"_566":567,"_568":27,"_569":27,"_570":27,"_571":79,"_572":-5,"_573":-7,"_574":-7,"_575":83,"_576":27,"_577":27,"_578":-5,"_579":27,"_580":27,"_581":27,"_582":-5},"ENV",{"_534":535,"_536":537,"_538":110,"_539":540,"_541":542,"_543":544,"_545":546,"_547":548,"_549":550,"_551":552,"_553":554,"_555":556,"_557":558,"_559":560,"_561":562},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v147