Aggregated Feeds | artivilla.com

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_418":419,"_420":421},"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",99,"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 React, {\n useState,\n useMemo,\n useCallback,\n useEffect,\n} from \"https://esm.sh/react@18.2.0\";\nimport { MehIcon } from \"./meh-icon.tsx\";\nimport { useAppData } from \"./hooks/useAppData.ts\";\nimport { useDateFormatting } from \"./hooks/useDateFormatting.ts\";\nimport { useTimePeriodFilter } from \"./hooks/useTimePeriodFilter.ts\";\nimport { getConfiguredDomains } from \"../shared/domains.ts\";\nimport { TimeFilter } from \"./components/TimeFilter.tsx\";\nimport { ListingFilter } from \"./components/ListingFilter.tsx\";\n\ninterface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n}\n\ninterface ParsedFeed {\n title?: string;\n link?: string;\n description?: string;\n}\n\ninterface AppData {\n title: string;\n description?: string;\n items: Item[];\n feeds: ParsedFeed[];\n lastUpdated: string;\n}\n\ninterface AppProps {\n itemsPerLoad?: number;\n}\n\nexport function App({ itemsPerLoad = 20 }: AppProps = {}) {\n const { data, loading, error, dataLoaded } = useAppData();\n const { getFormattedMetadata, getFormattedDate } = useDateFormatting();\n const { timePeriod, setTimePeriod, filterItemsByTimePeriod } =\n useTimePeriodFilter();\n\n const [selectedDomains, setSelectedDomains] = useState>(\n new Set(),\n );\n const [showDomainFilter, setShowDomainFilter] = useState(false);\n const [sortBy, setSortBy] = useState<\"date\" | \"title\">(\"date\");\n const [feedDomains, setFeedDomains] = useState([]);\n\n // Load configured domains from feeds.json\n useEffect(() => {\n getConfiguredDomains().then(setFeedDomains).catch(console.error);\n }, []);\n\n // Toggle domain selection\n const toggleDomain = useCallback((domain: string) => {\n setSelectedDomains((prev) => {\n const newSet = new Set(prev);\n if (newSet.has(domain)) {\n newSet.delete(domain);\n } else {\n newSet.add(domain);\n }\n return newSet;\n });\n }, []);\n\n // Calculate active domain filters count\n const activeDomainFiltersCount = useMemo(() => {\n return selectedDomains.size;\n }, [selectedDomains.size]);\n\n // Filter and sort items\n const { filteredItems, totalAvailableItems } = useMemo(() => {\n if (!data) return { filteredItems: [], totalAvailableItems: 0 };\n\n let allFiltered = data.items;\n\n // Apply domain filter\n if (selectedDomains.size > 0) {\n allFiltered = allFiltered.filter((item) =>\n selectedDomains.has(item.domain),\n );\n }\n\n // Apply sorting\n allFiltered = [...allFiltered].sort((a, b) => {\n if (sortBy === \"date\") {\n const dateComparison =\n new Date(b.publication || \"\").getTime() -\n new Date(a.publication || \"\").getTime();\n if (dateComparison !== 0) return dateComparison;\n return a.title.localeCompare(b.title);\n } else {\n return a.title.localeCompare(b.title);\n }\n });\n\n // Apply time period filter using the custom hook\n const dateFiltered = filterItemsByTimePeriod(allFiltered);\n\n return {\n filteredItems: dateFiltered,\n totalAvailableItems: allFiltered.length,\n };\n }, [data, selectedDomains, sortBy, filterItemsByTimePeriod]);\n\n if (loading) {\n return (\n \n

\n \n

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

\n \n window.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) {\n return (\n \n

No data available

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

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

\n\n \n setShowDomainFilter(!showDomainFilter)\n }\n feedDomains={feedDomains}\n activeDomainFiltersCount={activeDomainFiltersCount}\n onClearDomains={() => setSelectedDomains(new Set())}\n className=\"mb-2\"\n />\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 \n \n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n useState,\n useMemo,\n useCallback,\n useEffect,\n} from \"https://esm.sh/react@18.2.0\";\nimport { MehIcon } from \"./meh-icon.tsx\";\nimport { useAppData } from \"./hooks/useAppData.ts\";\nimport { useDateFormatting } from \"./hooks/useDateFormatting.ts\";\nimport { useTimePeriodFilter } from \"./hooks/useTimePeriodFilter.ts\";\nimport { getConfiguredDomains } from \"../shared/domains.ts\";\nimport { TimeFilter } from \"./components/TimeFilter.tsx\";\nimport { ListingFilter } from \"./components/ListingFilter.tsx\";\n\ninterface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n}\n\ninterface ParsedFeed {\n title?: string;\n link?: string;\n description?: string;\n}\n\ninterface AppData {\n title: string;\n description?: string;\n items: Item[];\n feeds: ParsedFeed[];\n lastUpdated: string;\n}\n\ninterface AppProps {\n itemsPerLoad?: number;\n}\n\nexport function App({ itemsPerLoad = 20 }: AppProps = {}) {\n const { data, loading, error, dataLoaded } = useAppData();\n const { getFormattedMetadata, getFormattedDate } = useDateFormatting();\n const { timePeriod, setTimePeriod, filterItemsByTimePeriod } =\n useTimePeriodFilter();\n\n const [selectedDomains, setSelectedDomains] = useState>(\n new Set(),\n );\n const [showDomainFilter, setShowDomainFilter] = useState(false);\n const [sortBy, setSortBy] = useState<\"date\" | \"title\">(\"date\");\n const [feedDomains, setFeedDomains] = useState([]);\n\n // Load configured domains from feeds.json\n useEffect(() => {\n getConfiguredDomains().then(setFeedDomains).catch(console.error);\n }, []);\n\n // Toggle domain selection\n const toggleDomain = useCallback((domain: string) => {\n setSelectedDomains((prev) => {\n const newSet = new Set(prev);\n if (newSet.has(domain)) {\n newSet.delete(domain);\n } else {\n newSet.add(domain);\n }\n return newSet;\n });\n }, []);\n\n // Calculate active domain filters count\n const activeDomainFiltersCount = useMemo(() => {\n return selectedDomains.size;\n }, [selectedDomains.size]);\n\n // Filter and sort items\n const { filteredItems, totalAvailableItems } = useMemo(() => {\n if (!data) return { filteredItems: [], totalAvailableItems: 0 };\n\n let allFiltered = data.items;\n\n // Apply domain filter\n if (selectedDomains.size > 0) {\n allFiltered = allFiltered.filter((item) =>\n selectedDomains.has(item.domain),\n );\n }\n\n // Apply sorting\n allFiltered = [...allFiltered].sort((a, b) => {\n if (sortBy === \"date\") {\n const dateComparison =\n new Date(b.publication || \"\").getTime() -\n new Date(a.publication || \"\").getTime();\n if (dateComparison !== 0) return dateComparison;\n return a.title.localeCompare(b.title);\n } else {\n return a.title.localeCompare(b.title);\n }\n });\n\n // Apply time period filter using the custom hook\n const dateFiltered = filterItemsByTimePeriod(allFiltered);\n\n return {\n filteredItems: dateFiltered,\n totalAvailableItems: allFiltered.length,\n };\n }, [data, selectedDomains, sortBy, filterItemsByTimePeriod]);\n\n if (loading) {\n return (\n \n

\n \n

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

\n \n window.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) {\n return (\n \n

No data available

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

\n \n {data.title}\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 \n \n );\n}\n","createdAt",["D",1753783825482],"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},"frontend/components/TimeFilter.tsx","41ed03be-6c60-11f0-a174-0224a6c84d84","TimeFilter.tsx","/** @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 mb-4 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","/** @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 {/* 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 )}\n

\n );\n}\n",["D",1753783825482],{"_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/ListingFilter.tsx","41ecf1ee-6c60-11f0-a174-0224a6c84d84","ListingFilter.tsx","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface ListingFilterProps {\n selectedDomains: Set;\n onToggleDomain: (domain: string) => void;\n showDomainFilter: boolean;\n onToggleShowDomainFilter: () => void;\n feedDomains: string[];\n activeDomainFiltersCount: number;\n onClearDomains: () => void;\n className?: string;\n}\n\nexport function ListingFilter({\n selectedDomains,\n onToggleDomain,\n showDomainFilter,\n onToggleShowDomainFilter,\n feedDomains,\n activeDomainFiltersCount,\n onClearDomains,\n className = \"\",\n}: ListingFilterProps) {\n return (\n

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

\n \n FILTER\n \n\n \n category\n \n\n | \n\n \n domains\n \n\n {activeDomainFiltersCount > 0 && (\n \n ({activeDomainFiltersCount} filters)\n \n clear\n \n \n )}\n

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

\n \n FILTER\n \n\n \n category\n \n\n | \n\n \n domains\n \n\n {activeDomainFiltersCount > 0 && (\n \n ({activeDomainFiltersCount} filters)\n \n clear\n \n \n )}\n

\n\n {/* Domain Tags */}\n {showDomainFilter && (\n

\n {feedDomains.map((domain) => {\n const isSelected = selectedDomains.has(domain);\n return (\n onToggleDomain(domain)}\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 ? \"var(--bg-color)\" : \"var(--text-color)\",\n }}\n >\n {isSelected ? \"×\" : \"+\"}\n {domain}\n \n );\n })}\n

\n )}\n

\n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface ListingFilterProps {\n selectedDomains: Set;\n onToggleDomain: (domain: string) => void;\n showDomainFilter: boolean;\n onToggleShowDomainFilter: () => void;\n feedDomains: string[];\n activeDomainFiltersCount: number;\n onClearDomains: () => void;\n className?: string;\n}\n\nexport function ListingFilter({\n selectedDomains,\n onToggleDomain,\n showDomainFilter,\n onToggleShowDomainFilter,\n feedDomains,\n activeDomainFiltersCount,\n onClearDomains,\n className = \"\",\n}: ListingFilterProps) {\n return (\n

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

\n \n FILTER\n \n\n \n category\n \n\n | \n\n \n domains\n \n\n {activeDomainFiltersCount > 0 && (\n \n ({activeDomainFiltersCount} filters)\n \n clear\n \n \n )}\n

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

\n \n FILTER\n \n\n \n category\n \n\n | \n\n \n domains\n \n\n {activeDomainFiltersCount > 0 && (\n \n ({activeDomainFiltersCount} filters)\n \n clear\n \n \n )}\n

\n\n {/* Domain Tags */}\n {showDomainFilter && (\n

\n )}\n

\n );\n}\n",["D",1753783825482],"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=1789590536&sig=266a7ece623321e34e504419eb56b28ce18b3dc902227d9a27ce7c7089fc53b9","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=1789590536&sig=0a60ee9ca56ad3dc70989ba700ceb7dcca67f86c5407ff8a71b77788c945a303","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_62":63,"_34":64,"_41":413,"_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":414,"_92":-5,"_93":94,"_95":94,"_96":97,"_98":97,"_99":97,"_100":94,"_101":94,"_102":415,"_104":416,"_106":417,"_108":27},"tree",[246,261,263,265,266,267,268,269,270,271,272],"files",[246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272],"counts",{"_236":83,"_237":198,"_238":211,"_239":240,"_241":242},"contents",[151,152,153,154,155,156,157,158,159,160,161],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{"_77":150},"rss.artivilla.com",{"_62":231,"_34":232,"_32":233,"_165":-5,"_44":45,"_43":189,"_167":79,"_41":234,"_13":83,"_36":224,"_38":-5,"_26":27,"_170":-5,"_29":235},{"_62":226,"_34":227,"_32":228,"_165":-5,"_44":45,"_43":189,"_167":79,"_41":229,"_13":83,"_36":224,"_38":-5,"_26":27,"_170":-5,"_29":230},{"_62":220,"_34":221,"_32":222,"_165":-5,"_44":45,"_43":166,"_167":79,"_41":223,"_13":83,"_36":224,"_38":-5,"_26":27,"_170":-5,"_29":225},{"_62":214,"_34":215,"_32":216,"_165":-5,"_44":45,"_43":211,"_167":27,"_41":217,"_13":83,"_36":22,"_38":218,"_26":27,"_170":-5,"_29":219},{"_62":207,"_34":208,"_32":209,"_165":-5,"_44":45,"_43":182,"_167":27,"_41":210,"_13":211,"_36":22,"_38":212,"_26":27,"_170":-5,"_29":213},{"_62":201,"_34":202,"_32":203,"_165":-5,"_44":45,"_43":182,"_167":27,"_41":204,"_13":175,"_36":22,"_38":205,"_26":27,"_170":-5,"_29":206},{"_62":194,"_34":195,"_32":196,"_165":-5,"_44":45,"_43":189,"_167":79,"_41":197,"_13":198,"_36":22,"_38":199,"_26":27,"_170":-5,"_29":200},{"_62":186,"_34":187,"_32":188,"_165":-5,"_44":45,"_43":189,"_167":27,"_41":190,"_13":83,"_36":191,"_38":192,"_26":27,"_170":-5,"_29":193},{"_62":179,"_34":180,"_32":181,"_165":-5,"_44":45,"_43":182,"_167":27,"_41":183,"_13":83,"_36":22,"_38":184,"_26":27,"_170":-5,"_29":185},{"_62":172,"_34":173,"_32":77,"_165":-5,"_44":45,"_43":166,"_167":27,"_41":174,"_13":175,"_36":176,"_38":177,"_26":27,"_170":-5,"_29":178},{"_62":162,"_34":163,"_32":164,"_165":-5,"_44":45,"_43":166,"_167":27,"_41":168,"_13":83,"_36":37,"_38":169,"_26":27,"_170":-5,"_29":171},"1f4ecf3e-6bb3-11f0-b47f-0224a6c84d84","test-domains.ts","1f4ecfac-6bb3-11f0-b47f-0224a6c84d84","parentId",97,"latest",["D",1753707751686],"import { RSSService } from \"./services/rss.ts\";\nimport { extractDomainsFromFeeds } from \"./shared/domains.ts\";\n\nasync function testDomainExtraction() {\n console.log(\"🧪 Testing domain extraction from feeds.json...\");\n\n try {\n const rssService = new RSSService();\n const feeds = await rssService.getConfiguredFeeds();\n\n console.log(`📰 Found ${feeds.length} feeds in feeds.json`);\n console.log(\"First few feeds:\", feeds.slice(0, 3));\n\n const domains = extractDomainsFromFeeds(feeds);\n console.log(`🌐 Extracted ${domains.length} unique domains:`);\n domains.forEach(domain => console.log(` - ${domain}`));\n\n console.log(\"\\n✅ Domain extraction test completed successfully!\");\n\n } catch (error) {\n console.error(\"❌ Domain extraction test failed:\", error);\n }\n}\n\n// Run the test\ntestDomainExtraction();\n","label",[163],"1f4eef3c-6bb3-11f0-b47f-0224a6c84d84","http.ts",["D",1753707751686],3,"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// Manual trigger for RSS update (for testing)\napp.get(\"/api/update\", async (c) => {\n try {\n console.log(\"🔄 Manually triggering RSS feed update...\");\n await rssService.buildAndStore();\n console.log(\"✅ RSS feed update completed successfully\");\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 = (feed as string).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",[173],"dfdb3e5c-6b8d-11f0-b5dc-0224a6c84d84","feeds.json","dfdb3efc-6b8d-11f0-b5dc-0224a6c84d84",92,["D",1753691753859],"[\n \"https://blog.val.town/rss.xml\",\n \"https://blog.railway.com/rss.xml\",\n \"https://newsletter.posthog.com/feed\",\n \"https://docs.polar.sh/changelog/recent/rss.xml\",\n \"https://kill-the-newsletter.com/feeds/4yweik0jt7392ulqm8ux.xml\",\n \"https://kill-the-newsletter.com/feeds/sqpw3htkhocwl299i9t8.xml\",\n \"https://kill-the-newsletter.com/feeds/ejryrzls9ipgrjbhy51k.xml\",\n \"https://openai.com/news/rss.xml\",\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_news.xml\",\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_ollama.xml\",\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_news.xml\",\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_engineering.xml\",\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_anthropic_research.xml\",\n \"https://macwright.com/rss.xml\",\n \"https://blog.pomdtr.me/feed.xml\",\n \"https://www.joshwcomeau.com/rss.xml\",\n \"https://perell.com/feed\",\n \"https://vanschneider.com/blog/rss/\",\n \"https://dwr.email/rss\",\n \"https://luc.cx/rss\",\n \"https://calv.info/atom.xml\",\n \"https://world.hey.com/dhh/feed.atom\",\n \"https://jenwagner.co/feed\",\n \"https://raw.githubusercontent.com/Olshansk/rss-feeds/main/feeds/feed_paulgraham.xml\",\n \"https://registerspill.thorstenball.com/feed\",\n \"https://kill-the-newsletter.com/feeds/6gre6dor7sk0jmslnui4.xml\",\n \"https://simonw.substack.com/feed\",\n \"https://writing.artivilla.com/rss\",\n \"https://www.ben-evans.com/benedictevans?format=rss\",\n \"https://www.bitsaboutmoney.com/archive/rss/\",\n \"https://www.bloomberg.com/authors/ARbTQlRLRjE/matthew-s-levine.rss\",\n \"https://www.gettheleverage.com/feed\",\n \"https://stratechery.com/feed/\",\n \"https://kill-the-newsletter.com/feeds/70t2ouafobbic8yor549.xml\",\n \"https://rss.art19.com/the-memo-by-howard-marks\",\n \"https://blog.gregbrockman.com/feed\",\n \"https://tomtunguz.com/index.xml\",\n \"https://a16zcrypto.substack.com/feed\",\n \"https://newsletter.variant.fund/feed\",\n \"https://paragraph.com/@socialgraphventures/rss\",\n \"https://ournetwork.substack.com/feed\",\n \"https://feeds.feedburner.com/collabfund\",\n \"https://kill-the-newsletter.com/feeds/49at5lqlstt0envhwmdx.xml\",\n \"https://kill-the-newsletter.com/feeds/abadnp3zevughmb4dlyf.xml\"\n]\n",[180],"b4cdf9f2-6aed-11f0-9add-0224a6c84d84","feed.cron.ts","b4cdfa74-6aed-11f0-9add-0224a6c84d84",90,["D",1753622962153],"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 console.log(\"🔄 Starting RSS feed update...\");\n\n try {\n const rssService = new RSSService();\n await rssService.buildAndStore();\n console.log(\"✅ RSS feed update completed successfully\");\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",[187],"b4ce3cdc-6aed-11f0-9add-0224a6c84d84","deno.json","85d3e283-698b-41db-9e11-fb2221a9e761",["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",[195],"dfdb5b94-6b8d-11f0-b5dc-0224a6c84d84","README.md","fb057215-2aeb-4b82-8435-ceda27d2d3b6",["D",1753691753859],"# Newsletter Aggregator\n\nCollection of newsletters I read daily with a slick interface. 🚶🏼‍♀️‍➡️🚶🏼‍♀️‍➡️\n\n- `feeds.json` directory lists all newsletters\n- feed.cron.ts runs daily to cache the feeds into valtown storage\n\nOriginally forked from [@pomdtr/tinyfeed](https://www.val.town/x/pomdtr/tinyfeed)\n",[202],"dfdb53e2-6b8d-11f0-b5dc-0224a6c84d84","MIGRATION.md","b4ce12ca-6aed-11f0-9add-0224a6c84d84",["D",1753691753859],1,"# Migration Guide\n\nThis document explains the changes made during the refactoring to follow Val Town's recommended project structure.\n\n## What Changed\n\n### 🏗️ Project Structure\n- **Before**: Monolithic structure with `mod.ts`, `pkg/`, and `build.ts`\n- **After**: Clean separation with `backend/`, `frontend/`, and dedicated files\n\n### 📁 File Changes\n\n#### Removed Files\n- `mod.ts` - Replaced by `backend/services/rss.ts`\n- `build.ts` - Replaced by `updateFeeds.cron.ts`\n- `pkg/mod.ts` - Logic moved to `backend/services/rss.ts`\n- `pkg/template.tsx` - No longer needed (frontend handles rendering)\n\n#### New Files\n- `feeds.json` - Feed configuration (extracted from hardcoded array)\n- `backend/services/rss.ts` - RSS processing service\n- `updateFeeds.cron.ts` - Scheduled feed updates\n- `backend/README.md` - Backend documentation\n\n#### Modified Files\n- `http.ts` - Now uses Hono framework with proper routing\n- `README.md` - Updated with new structure and usage\n\n### 🔧 Technical Changes\n\n#### HTTP Handling\n```diff\n- // Old: Simple passthrough\n- export default function (req: Request) {\n- return tinyfeed.fetch(req);\n- }\n\n+ // New: Hono-based routing with proper error handling\n+ const app = new Hono();\n+ app.get(\"/api/data\", async (c) => { ... });\n+ export default app.fetch;\n```\n\n#### Storage\n```diff\n- // Old: unstorage with Val Town driver\n- import valTownDriver from \"https://esm.town/v/pomdtr/unstorage-driver/main.tsx\";\n- const storage = createStorage({ driver: valTownDriver({}) });\n\n+ // New: Direct blob storage\n+ import { blob } from \"https://esm.town/v/std/blob\";\n+ await blob.setJSON(\"rss:app-data\", data);\n```\n\n#### Configuration\n```diff\n- // Old: Hardcoded in mod.ts\n- feeds: [\n- \"https://blog.val.town/rss.xml\",\n- \"https://blog.railway.com/rss.xml\",\n- // ... more feeds\n- ]\n\n+ // New: External JSON configuration\n+ // feeds.json\n+ [\n+ \"https://blog.val.town/rss.xml\",\n+ \"https://blog.railway.com/rss.xml\",\n+ // ... more feeds\n+ ]\n```\n\n#### Feed Updates\n```diff\n- // Old: Manual build trigger\n- // Run build.ts manually\n\n+ // New: Automated cron job\n+ // updateFeeds.cron.ts runs every 6 hours automatically\n```\n\n## Benefits of New Structure\n\n### ✅ Improved Maintainability\n- Clear separation of concerns\n- Backend services isolated from HTTP handling\n- Configuration externalized for easy updates\n\n### ✅ Better Error Handling\n- Comprehensive error boundaries\n- Individual feed failures don't block others\n- Proper HTTP status codes and responses\n\n### ✅ Val Town Best Practices\n- Uses Hono framework for HTTP handling\n- Proper static file serving with Val Town utilities\n- Follows recommended directory structure\n\n### ✅ Enhanced Features\n- Automatic scheduled updates\n- Better API design\n- Improved logging and monitoring\n\n## Migration Steps Completed\n\n1. ✅ Created `feeds.json` with feed configuration\n2. ✅ Built `backend/services/rss.ts` with separated concerns\n3. ✅ Refactored `http.ts` to use Hono framework\n4. ✅ Created `updateFeeds.cron.ts` for automated updates\n5. ✅ Updated documentation and README\n6. ✅ Cleaned up old files\n\n## What You Need to Do\n\n### Immediate Actions\n1. **Review `feeds.json`** - Verify all your feeds are included\n2. **Test the endpoints** - Visit your app URL to ensure everything works\n3. **Schedule the cron job** - Set up `updateFeeds.cron.ts` to run every 6 hours\n\n### Optional Customizations\n1. **Adjust cron frequency** - Modify the schedule in `updateFeeds.cron.ts`\n2. **Add more feeds** - Simply edit `feeds.json`\n3. **Customize UI** - Modify React components in `frontend/`\n4. **Add API features** - Extend routes in `http.ts`\n\n## Troubleshooting\n\n### Common Issues\n\n**Data not loading?**\n- Run `updateFeeds.cron.ts` manually to populate initial data\n- Check blob storage keys are prefixed with `rss:`\n\n**Feeds not updating?**\n- Verify cron job is scheduled and running\n- Check console logs for feed fetch errors\n\n**Frontend not loading?**\n- Ensure static file serving is working\n- Check that `frontend/index.html` exists\n\n### Getting Help\n\nCheck the following files for detailed information:\n- `backend/README.md` - Backend service documentation\n- `README.md` - Overall project documentation\n- Console logs during cron job execution\n\n## Performance Notes\n\n- Feeds are now fetched in parallel for better performance\n- Failed feeds don't block successful ones\n- Results are cached in blob storage between updates\n- Frontend loads data asynchronously for better UX\n\n---\n\nThe refactoring is complete and your RSS aggregator now follows Val Town best practices while maintaining all existing functionality with improved reliability and maintainability.",[208],"08f9ddc4-469b-11f0-a4c8-76b3cceeab13",".vtignore","2a201254-b845-4b01-b46c-fbdb5bc47ed5",["D",1749629213223],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[215],"1f4ed2cc-6bb3-11f0-b47f-0224a6c84d84","shared","01985120-a903-7099-9b0a-ba286a579883",["D",1753707751686],"directory",[221],"b4ce2a8a-6aed-11f0-9add-0224a6c84d84","services","01984c12-dfe6-7391-b236-be3aa84fda79",["D",1753622962153],[227],"b4ce2846-6aed-11f0-9add-0224a6c84d84","frontend","01984c12-dfe6-7391-b236-b8880f94c62b",["D",1753622962153],[232],"pulls","branches","forks","envVars",{"_243":83,"_245":83},"connections",{"_243":83,"_244":83},"count","unfilledCount","emptyCount",{"_62":231,"_34":232,"_32":233,"_165":-5,"_44":45,"_43":189,"_167":79,"_41":410,"_13":83,"_36":224,"_38":-5,"_26":27,"_170":-5,"_274":411,"_29":412},{"_62":405,"_34":400,"_32":396,"_165":233,"_44":45,"_43":406,"_167":79,"_41":407,"_13":83,"_36":224,"_38":-5,"_26":27,"_170":-5,"_274":408,"_29":409},{"_62":401,"_34":58,"_32":57,"_165":396,"_44":45,"_43":14,"_167":27,"_41":402,"_13":211,"_36":37,"_38":60,"_26":27,"_170":-5,"_274":403,"_29":404},{"_62":395,"_34":50,"_32":49,"_165":396,"_44":45,"_43":14,"_167":79,"_41":397,"_13":211,"_36":37,"_38":52,"_26":27,"_170":-5,"_274":398,"_29":399},{"_62":391,"_34":376,"_32":371,"_165":233,"_44":45,"_43":358,"_167":79,"_41":392,"_13":83,"_36":224,"_38":-5,"_26":27,"_170":-5,"_274":393,"_29":394},{"_62":384,"_34":385,"_32":386,"_165":371,"_44":45,"_43":358,"_167":27,"_41":387,"_13":83,"_36":37,"_38":388,"_26":27,"_170":-5,"_274":389,"_29":390},{"_62":377,"_34":378,"_32":379,"_165":371,"_44":45,"_43":358,"_167":27,"_41":380,"_13":83,"_36":37,"_38":381,"_26":27,"_170":-5,"_274":382,"_29":383},{"_62":368,"_34":369,"_32":370,"_165":371,"_44":45,"_43":166,"_167":27,"_41":372,"_13":83,"_36":37,"_38":373,"_26":27,"_170":-5,"_274":374,"_29":375},{"_62":364,"_34":363,"_32":357,"_165":233,"_44":45,"_43":358,"_167":79,"_41":365,"_13":83,"_36":224,"_38":-5,"_26":27,"_170":-5,"_274":366,"_29":367},{"_62":354,"_34":355,"_32":356,"_165":357,"_44":45,"_43":358,"_167":27,"_41":359,"_13":83,"_36":37,"_38":360,"_26":27,"_170":-5,"_274":361,"_29":362},{"_62":349,"_34":35,"_32":33,"_165":233,"_44":45,"_43":14,"_167":27,"_41":350,"_13":351,"_36":37,"_38":40,"_26":27,"_170":-5,"_274":352,"_29":353},{"_62":341,"_34":342,"_32":343,"_165":233,"_44":45,"_43":344,"_167":79,"_41":345,"_13":83,"_36":22,"_38":346,"_26":27,"_170":-5,"_274":347,"_29":348},{"_62":333,"_34":334,"_32":335,"_165":233,"_44":45,"_43":166,"_167":27,"_41":336,"_13":337,"_36":22,"_38":338,"_26":27,"_170":-5,"_274":339,"_29":340},{"_62":326,"_34":327,"_32":328,"_165":233,"_44":45,"_43":321,"_167":27,"_41":329,"_13":211,"_36":37,"_38":330,"_26":27,"_170":-5,"_274":331,"_29":332},{"_62":318,"_34":319,"_32":320,"_165":233,"_44":45,"_43":321,"_167":79,"_41":322,"_13":83,"_36":37,"_38":323,"_26":27,"_170":-5,"_274":324,"_29":325},{"_62":226,"_34":227,"_32":228,"_165":-5,"_44":45,"_43":189,"_167":79,"_41":315,"_13":83,"_36":224,"_38":-5,"_26":27,"_170":-5,"_274":316,"_29":317},{"_62":308,"_34":309,"_32":310,"_165":228,"_44":45,"_43":182,"_167":27,"_41":311,"_13":211,"_36":37,"_38":312,"_26":27,"_170":-5,"_274":313,"_29":314},{"_62":220,"_34":221,"_32":222,"_165":-5,"_44":45,"_43":166,"_167":79,"_41":305,"_13":83,"_36":224,"_38":-5,"_26":27,"_170":-5,"_274":306,"_29":307},{"_62":298,"_34":299,"_32":300,"_165":222,"_44":45,"_43":166,"_167":27,"_41":301,"_13":83,"_36":37,"_38":302,"_26":27,"_170":-5,"_274":303,"_29":304},{"_62":214,"_34":215,"_32":216,"_165":-5,"_44":45,"_43":211,"_167":27,"_41":295,"_13":83,"_36":22,"_38":218,"_26":27,"_170":-5,"_274":296,"_29":297},{"_62":207,"_34":208,"_32":209,"_165":-5,"_44":45,"_43":182,"_167":27,"_41":292,"_13":211,"_36":22,"_38":212,"_26":27,"_170":-5,"_274":293,"_29":294},{"_62":201,"_34":202,"_32":203,"_165":-5,"_44":45,"_43":182,"_167":27,"_41":289,"_13":175,"_36":22,"_38":205,"_26":27,"_170":-5,"_274":290,"_29":291},{"_62":194,"_34":195,"_32":196,"_165":-5,"_44":45,"_43":189,"_167":79,"_41":286,"_13":198,"_36":22,"_38":199,"_26":27,"_170":-5,"_274":287,"_29":288},{"_62":186,"_34":187,"_32":188,"_165":-5,"_44":45,"_43":189,"_167":27,"_41":283,"_13":83,"_36":191,"_38":192,"_26":27,"_170":-5,"_274":284,"_29":285},{"_62":179,"_34":180,"_32":181,"_165":-5,"_44":45,"_43":182,"_167":27,"_41":280,"_13":83,"_36":22,"_38":184,"_26":27,"_170":-5,"_274":281,"_29":282},{"_62":172,"_34":173,"_32":77,"_165":-5,"_44":45,"_43":166,"_167":27,"_41":277,"_13":175,"_36":176,"_38":177,"_26":27,"_170":-5,"_274":278,"_29":279},{"_62":162,"_34":163,"_32":164,"_165":-5,"_44":45,"_43":166,"_167":27,"_41":273,"_13":83,"_36":37,"_38":169,"_26":27,"_170":-5,"_274":275,"_29":276},["D",1753707751686],"children",[],[163],["D",1753707751686],[],[173],["D",1753691753859],[],[180],["D",1753622962153],[],[187],["D",1753622962153],[],[195],["D",1753691753859],[],[202],["D",1753691753859],[],[208],["D",1749629213223],[],[215],"1f4eca16-6bb3-11f0-b47f-0224a6c84d84","domains.ts","1f4eca98-6bb3-11f0-b47f-0224a6c84d84",["D",1753707751686],"/**\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",[],[221,299],["D",1753707751686],[264],[221],"dfdb6922-6b8d-11f0-b5dc-0224a6c84d84","rss.ts","b4ce23dc-6aed-11f0-9add-0224a6c84d84",["D",1753691753859],"import Parser from \"https://esm.sh/rss-parser@3.13.0\";\nimport { Feed } from \"https://esm.sh/feed@4.2.2\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport interface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n}\n\nexport interface ParsedFeed {\n title?: string;\n link?: string;\n description?: string;\n}\n\nexport interface AppData {\n title: string;\n description?: string;\n items: Item[];\n feeds: ParsedFeed[];\n lastUpdated: string;\n}\n\nexport interface ContentConfig {\n feeds: string[];\n}\n\nexport class RSSService {\n private parser = new Parser();\n private contentConfig: ContentConfig | null = null;\n\n async loadConfig(): Promise {\n if (this.contentConfig) {\n return this.contentConfig;\n }\n\n try {\n const configContent = await readFile(\"/feeds.json\", import.meta.url);\n this.contentConfig = { feeds: JSON.parse(configContent) };\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 getConfiguredFeeds(): Promise {\n const config = await this.loadConfig();\n return config.feeds;\n }\n\n getTitle(): string {\n return \"Newsletters\";\n }\n\n getDescription(): string {\n return \"\";\n }\n\n async fetchFeed(\n feedUrl: string,\n ): Promise<{ feed: ParsedFeed; items: Item[] } | null> {\n try {\n const resp = await fetch(feedUrl);\n if (!resp.ok) {\n console.error(\n `Failed to fetch feed ${feedUrl}: ${resp.status} ${resp.statusText}`,\n );\n return null;\n }\n\n const feed = await this.parser.parseString(await resp.text());\n const items: Item[] = [];\n\n for (const item of feed.items) {\n if (!item.link) continue;\n\n items.push({\n title: item.title || \"\",\n link: item.link,\n publication: item.pubDate\n ? new Date(item.pubDate).toISOString().split(\"T\")[0]\n : null,\n domain: new URL(item.link).hostname,\n });\n }\n\n return {\n feed: {\n title: feed.title,\n link: feed.link,\n description: feed.description,\n },\n items,\n };\n } catch (error) {\n console.error(`Error processing feed ${feedUrl}:`, error);\n return null;\n }\n }\n\n async buildAndStore(): Promise {\n const feeds = await this.getConfiguredFeeds();\n const title = this.getTitle();\n const description = this.getDescription();\n\n const allItems: Item[] = [];\n const validFeeds: ParsedFeed[] = [];\n\n console.log(`Processing ${feeds.length} feeds...`);\n\n // Fetch all feeds in parallel with some concurrency control\n const results = await Promise.allSettled(\n feeds.map((feedUrl) => this.fetchFeed(feedUrl)),\n );\n\n results.forEach((result, index) => {\n if (result.status === \"fulfilled\" && result.value) {\n const { feed, items } = result.value;\n allItems.push(...items);\n validFeeds.push(feed);\n } else {\n console.error(`Failed to process feed ${feeds[index]}`);\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 appData: AppData = {\n title,\n description,\n items: sortedItems,\n feeds: validFeeds,\n lastUpdated: new Date().toLocaleString(),\n };\n\n await blob.setJSON(\"rss:app-data\", appData);\n\n console.log(\n `✅ Built static data from ${validFeeds.length}/${feeds.length} feeds`,\n );\n console.log(`📰 Total articles: ${sortedItems.length}`);\n }\n}\n",[],[227,309],["D",1753622962153],[262],[227],"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",[],[232,319],"7150cfcc-6b94-11f0-bdc8-0224a6c84d84","index.tsx","b4ce1158-6aed-11f0-9add-0224a6c84d84",["D",1753694574880],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\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\nconsole.log(\"✅ Container found, creating React root...\");\n\ntry {\n const root = createRoot(container);\n console.log(\"✅ React root created, rendering app...\");\n root.render();\n console.log(\"✅ React app rendered successfully\");\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",[],[232,327],"1f4ee9d8-6bb3-11f0-b47f-0224a6c84d84","index.html","b4ce0fa0-6aed-11f0-9add-0224a6c84d84",["D",1753707751686],5,"\n\n \n \n \n Aggregated Feeds | 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",[],[232,334],"64a20722-6b5e-11f0-a76b-0224a6c84d84","favicon.svg","64a207fe-6b5e-11f0-a76b-0224a6c84d84",91,["D",1753671360780],"\n",[],[232,342],"3ed2732c-6c64-11f0-aa19-0224a6c84d84",["D",1753783825482],8,[],[232,35],"7c959cbe-6b99-11f0-bc83-0224a6c84d84","dateUtils.ts","7c959d4a-6b99-11f0-bc83-0224a6c84d84","01985078-a78e-7444-ba8c-f07153cc5dda",96,["D",1753696741265],"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(domain: string, publicationDate: string | null): string {\n const formattedDate = formatPublicationDate(publicationDate);\n return `${domain}${formattedDate ? ` | ${formattedDate}` : \"\"}`;\n}\n",[],[232,363,355],"utils","7c959fca-6b99-11f0-bc83-0224a6c84d84",["D",1753696741265],[255],[232,363],"1f4ebddc-6bb3-11f0-b47f-0224a6c84d84","useTimePeriodFilter.ts","1f4ebf76-6bb3-11f0-b47f-0224a6c84d84","01985078-a78d-704c-bbb7-a96c52e1a3e8",["D",1753707751686],"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 = \"week\" | \"2weeks\" | \"month\" | \"6months\" | \"year\" | \"all\";\n\ninterface Item {\n publication: string | null;\n}\n\nexport function useTimePeriodFilter() {\n const [timePeriod, setTimePeriod] = useLocalStorage(\n \"rss-time-period\",\n \"week\"\n );\n\n const getTimePeriodCutoffDate = useCallback((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 const filterItemsByTimePeriod = useCallback((\n items: T[],\n period: TimePeriod = timePeriod\n ): 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 }, [timePeriod, getTimePeriodCutoffDate]);\n\n return {\n timePeriod,\n setTimePeriod,\n filterItemsByTimePeriod,\n getTimePeriodCutoffDate,\n };\n}\n",[],[232,376,369],"hooks","7c959386-6b99-11f0-bc83-0224a6c84d84","useDateFormatting.ts","7c9593fe-6b99-11f0-bc83-0224a6c84d84",["D",1753696741265],"import { useMemo } from \"https://esm.sh/react@18.2.0\";\nimport { formatPublicationDate, formatItemMetadata } from \"../utils/dateUtils.ts\";\n\ninterface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n}\n\n/**\n * Custom hook for formatting dates in RSS items\n * Provides memoized formatting functions and formatted metadata\n */\nexport function useDateFormatting() {\n const formatDate = useMemo(() => formatPublicationDate, []);\n\n const formatMetadata = useMemo(() => formatItemMetadata, []);\n\n /**\n * Formats a single item's metadata string\n */\n const getFormattedMetadata = useMemo(() => {\n return (item: Item): string => {\n return formatItemMetadata(item.domain, item.publication);\n };\n }, []);\n\n /**\n * Gets just the formatted date portion\n */\n const getFormattedDate = useMemo(() => {\n return (publicationDate: string | null): string => {\n return formatPublicationDate(publicationDate);\n };\n }, []);\n\n return {\n formatDate,\n formatMetadata,\n getFormattedMetadata,\n getFormattedDate,\n };\n}\n",[],[232,376,378],"7c9585ee-6b99-11f0-bc83-0224a6c84d84","useAppData.ts","7c9586de-6b99-11f0-bc83-0224a6c84d84",["D",1753696741265],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface Item {\n title: string;\n link: string;\n publication: string | null;\n domain: string;\n}\n\ninterface ParsedFeed {\n title?: string;\n link?: string;\n description?: string;\n}\n\ninterface AppData {\n title: string;\n description?: string;\n items: Item[];\n feeds: ParsedFeed[];\n lastUpdated: string;\n}\n\ninterface UseAppDataReturn {\n data: AppData | null;\n loading: boolean;\n error: string | null;\n dataLoaded: boolean;\n}\n\n/**\n * Custom hook for fetching app data from the API\n * Handles loading states, error handling, and minimum loading delays\n */\nexport function useAppData(): UseAppDataReturn {\n const [data, setData] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [dataLoaded, setDataLoaded] = useState(false);\n\n useEffect(() => {\n console.log(\"🔄 App useEffect triggered, fetching data...\");\n const startTime = Date.now();\n\n fetch(\"/api/data\")\n .then((res) => {\n console.log(\"📡 API response received:\", res.status, res.statusText);\n if (!res.ok) {\n throw new Error(`HTTP error! status: ${res.status}`);\n }\n return res.json();\n })\n .then((data: AppData) => {\n console.log(\"✅ Data received:\", data);\n setData(data);\n setDataLoaded(true);\n\n // Ensure minimum 1 second delay to show MehIcon animation\n const elapsedTime = Date.now() - startTime;\n const remainingTime = Math.max(0, 1000 - elapsedTime);\n\n setTimeout(() => {\n setLoading(false);\n }, remainingTime);\n })\n .catch((error) => {\n console.error(\"❌ Error fetching data:\", error);\n setError(error.message);\n\n // Still apply minimum delay even for errors\n const elapsedTime = Date.now() - startTime;\n const remainingTime = Math.max(0, 500 - elapsedTime);\n\n setTimeout(() => {\n setLoading(false);\n }, remainingTime);\n });\n }, []);\n\n return { data, loading, error, dataLoaded };\n}\n",[],[232,376,385],"7c959e94-6b99-11f0-bc83-0224a6c84d84",["D",1753696741265],[251,252,253],[232,376],"3ed28ea2-6c64-11f0-aa19-0224a6c84d84","0198558f-51c3-702c-8b6f-f009795e8b9d",["D",1753783825482],[],[232,400,50],"components","3ed28808-6c64-11f0-aa19-0224a6c84d84",["D",1753783825482],[],[232,400,58],"41ed0ea4-6c60-11f0-a174-0224a6c84d84",98,["D",1753782112707],[248,249],[232,400],["D",1753622962153],[247,250,254,256,257,258,259,260],[232],["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":451,"_452":453,"_454":455,"_456":27,"_457":27,"_458":27,"_459":79,"_460":-5,"_461":-7,"_462":-7,"_463":83,"_464":27,"_465":27,"_466":-5,"_467":27,"_468":27,"_469":27,"_470":-5},"ENV",{"_422":423,"_424":425,"_426":110,"_427":428,"_429":430,"_431":432,"_433":434,"_435":436,"_437":438,"_439":440,"_441":442,"_443":444,"_445":446,"_447":448,"_449":450},"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 · v99