rss viewer

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_168":169,"_170":171},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_127":-5,"_20":128,"_22":129,"_130":131,"_132":133,"_25":134,"_24":-5,"_135":-5,"_136":-5,"_137":54,"_138":139,"_140":45,"_141":-5,"_142":-5,"_143":144},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","easrng","name","rssViewer","branchName","main","version","path","","project",{"_34":74,"_13":14,"_46":75,"_76":-5,"_77":45,"_78":79,"_80":79,"_81":-5,"_82":-5,"_83":84,"_85":38,"_86":45,"_87":-5,"_88":-5,"_89":60,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":97,"_98":97,"_99":100,"_101":100,"_102":100,"_103":97,"_104":97,"_105":106,"_107":108,"_109":110,"_111":54},"tree",[65,66],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_18":64},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"id","cddbefe2-279c-11f0-9d52-569c3dd06744","main.tsx","fileId","c810eec8-279c-11f0-9d52-569c3dd06744","parentId","branchId","c80ca6d8-279c-11f0-9d52-569c3dd06744","branchVersion",228,"latest",true,"createdAt",["D",1726197658429],227,"fileType","http","content","import { basicCss } from \"https://esm.town/v/easrng/basicCss\";\nimport { upgradeExpress } from \"https://esm.town/v/easrng/upgradeExpress\";\nimport { type Component } from \"npm:@easrng/elements@0.1.15\";\nimport { stream } from \"npm:@easrng/elements@0.1.15/server\";\nimport { parseHTML } from \"npm:linkedom@0.18.4\";\nconst { document, Node } = parseHTML(``);\nimport { cohostSanitize } from \"https://esm.town/v/easrng/cohostSanitize\";\nimport { extractFromJson, extractFromXml } from \"https://esm.town/v/easrng/patchedFeedExtractor\";\nimport TimeAgo from \"npm:javascript-time-ago\";\nimport en from \"npm:javascript-time-ago/locale/en\";\nTimeAgo.addDefaultLocale(en);\nconst timeAgo = new TimeAgo(\"en\");\ninterface FeedEntry {\n id: string;\n link?: string;\n title?: string;\n htmlContent?: string;\n published?: Date;\n}\ninterface FeedData {\n link?: string;\n title?: string;\n description?: string;\n generator?: string;\n language?: string;\n published?: Date;\n entries?: Array;\n error?: true;\n url: string;\n}\nconst extract = async (url, options = {}, fetchOptions = {}) => {\n const retrieve_default = async (url, options: any = {}) => {\n const {\n headers = {\n \"user-agent\": \"Mozilla/5.0 (X11; Linux x86_64; rv:108.0) Gecko/20100101 Firefox/108.0\",\n },\n } = options;\n const res = await fetch(url, { headers, redirect: \"follow\" });\n const status = res.status;\n if (status >= 400) {\n throw new Error(`Request failed with error code ${status}`);\n }\n const contentType = res.headers.get(\"content-type\");\n const text = await res.text();\n if (/(\\+|\\/)(xml|html)/.test(contentType)) {\n return { type: \"xml\", text: text.trim(), status, contentType };\n }\n if (/(\\+|\\/)json/.test(contentType)) {\n try {\n const data = JSON.parse(text);\n return { type: \"json\", json: data, status, contentType };\n }\n catch (err) {\n throw new Error(\"Failed to convert data to JSON object\");\n }\n }\n throw new Error(`Invalid content type: ${contentType}`);\n };\n const data = await retrieve_default(url, fetchOptions);\n if (!data.text && !data.json) {\n throw new Error(`Failed to load content from \"${url}\"`);\n }\n const { type, json, text } = data;\n const feed = type === \"json\"\n ? extractFromJson(json, options)\n : extractFromXml(text, options);\n return feed;\n};\nconst Entry: Component<{ feed: FeedData; entry: FeedEntry }> = ({ feed, entry, html }) => {\n return html`

\n \n

\n \n ${\n entry.link\n ? html`${entry.title}`\n : entry.title\n }\n \n

\n ${\n feed.link\n ? html`${feed.title}`\n : feed.title\n }\n ${entry.published && \" - \" + timeAgo.format(entry.published)}\n

${cohostSanitize(entry.htmlContent, document)}

Code