${title}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_103":104,"_105":106},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","mmrech","name","digest","path","read","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":-5,"_53":-5,"_54":55,"_56":25,"_57":32,"_58":32,"_59":-5,"_60":36,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/mmrech/digest/code/read","extension","id","de30853e-9d89-11f0-9a1f-0224a6c84d84","fileId","019997c0-602d-75e9-b03c-9206ea698758","parentId","branchId","de02630c-9d89-11f0-9a1f-0224a6c84d84","branchVersion",1,"latest",true,"createdAt",["D",1759187590862],"version",0,"fileType","http","content","import { blob } from \"https://esm.town/v/std/blob\";\nimport { Readability } from \"npm:@mozilla/readability\";\nimport { JSDOM } from \"npm:jsdom\";\nlet { parse } = await import(\"npm:node-html-parser\");\nimport * as Plot from \"npm:@observablehq/plot@0.6.14\";\nimport { d3 } from \"npm:d3@7\";\nimport { parseHTML } from \"npm:linkedom@0.15\";\n\nconst style = `\n\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap\");\n\n:root {\n --text: #26262b;\n --background: #fcfcfc;\n --decoration: #9d9da85e;\n --glow: 147, 190, 227;\n --card: #cbcdd20f;\n --link: #73a0c8;\n --focus: #fff;\n}\n\nbody {\n background: var(--background);\n color: var(--text);\n margin: 0;\n font-size: 16px;\n line-height: 1.5;\n font-family: \"Inter\", serif;\n}\n\n.main {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n}\n\n.mainHeader{\n display: flex;\n justify-content: center;\n gap: 10px;\n margin: 0;\n padding: 15px 0;\n border-bottom: 1px solid var(--decoration);\n width: 100%;\n z-index: 10;\n background-color: var(--background);\n position: fixed;\n}\n\n.mainTitle {\n font-family: \"Inter\", serif;\n font-weight: 600;\n font-size: 1.8rem;\n line-height: 1;\n width: 600px;\n display: flex;\n justify-content: center;\n align-items: baseline;\n}\n\n.mainHeader + div {\n margin-top: 60px\n}\n\n.topics {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n padding-left: calc((100vw - 1500px) / 2);\n padding-right: calc((100vw - 1500px) / 2);\n overflow-y: scroll;\n scroll-snap-type: y mandatory;\n scroll-behavior: smooth;\n height: calc(100vh - 60px);\n scrollbar-width: none;\n}\n\n.topic {\n max-width: 420px;\n padding: 0px 10px;\n margin: 0 5px;\n border-radius: 5px;\n position: relative;\n scroll-snap-align: start;\n height: calc(100vh - 60px);\n}\n\n.topicTitle {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: center;\n font-weight: bold;\n text-transform: uppercase;\n font-size: .8em;\n position: sticky;\n top: 0;\n border-bottom: 1px solid var(--decoration);\n background: var(--background);\n z-index: 9;\n}\n\n.topicTitle span {\n padding: 10px 0;\n opacity: .5;\n margin-left: 50px;\n width: calc(100% - 60px);\n}\n\n.topicPlot svg g {\n stroke: var(--text);\n opacity: .3\n}\n\n.topicNews {\n max-height: 800px;\n overflow: auto;\n position: relative;\n max-height: calc(100vh - 100px);\n}\n\n.topic::after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n height: 400px;\n pointer-events: none;\n z-index: 8;\n}\n\n.topic::after {\n bottom: 0;\n background: linear-gradient(to top, \n var(--background) 0, \n rgba(255, 255, 255, 0));\n}\n\n\n.newsItem {\n text-decoration: none;\n color: var(--text);\n padding: 15px;\n background: var(--card);\n display: flex;\n flex-direction: column;\n gap: 5px;\n margin: 15px;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.itemTitle {\n font-weight: bold;\n}\n\n.itemDescription {\n opacity: .7;\n font-size: .8em;\n}\n\n.itemDate {\n opacity: 0.5;\n font-weight: 300;\n font-size: .8em;\n}\n\n.newsItem:hover {\n background: var(--focus);\n}\n\n.recent {\n border: 1px solid rgba(var(--glow), .32);\n box-shadow: rgba(var(--glow), .32) 0px 0px 8px;\n}\n\n.fullText {\n opacity: 1;\n animation-name: fadeInOpacity;\n animation-iteration-count: 1;\n animation-timing-function: ease-in;\n animation-duration: 1s;\n max-height: calc(60vh);\n overflow-y: scroll;\n border-top: 1px solid var(--decoration);\n border-bottom: 1px solid var(--decoration);\n padding: 0 10px;\n margin: 5px 0;\n font-size: 14px;\n}\n\n.fullText p {\n margin: 15px 0;\n line-height: 1.6;\n}\n\n.itemFooter {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n}\n\n.itemFooter a {\n text-decoration: none;\n color: var(--link);\n opacity: .6;\n}\n\n.itemFooter a:hover {\n opacity: .9;\n}\n\n.itemTitle:has(.fullText) {\n position: sticky;\n top:0;\n background: var(--background);\n z-index: 7\n}\n\n.newsItem:has(.fullText) {\n cursor: auto;\n margin: 15px 2px;\n transition: margin 0.3s ease-out;\n background: var(--focus);\n}\n\n@keyframes fadeInOpacity {\n\t0% {\n\t\topacity: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t}\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --background: #19171e;\n --text: #e6e6ec;\n --decoration: #d2d2d52e;\n --card: #4c597d21;\n --glow: 53, 80, 115;\n --focus: #2f364fa8;\n --link: #4f8cdbf5;\n }\n}\n\n@media (max-width: 650px) {\n .mainHeader {\n width: 100vw;\n position: fixed;\n }\n .topics {\n flex-direction: row;\n flex-wrap: unset;\n max-width: 100vw;\n justify-content: start;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n }\n .topic {\n min-width: calc(100vw - 40px);\n scroll-snap-align: start;\n padding: 0px 20px;\n margin: 0;\n }\n .topicTitle {\n top: 0\n }\n}\n\n`;\nconst script = `\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n document.querySelectorAll(\".newsItem\").forEach(item => {\n item.querySelectorAll(\"a\").forEach(link => {\n link.addEventListener(\"click\", event => event.stopPropagation());\n });\n const handleClick = async () => {\n const link = item.getAttribute(\"data-link\");\n const description = item.querySelector(\".itemDescription\");\n try {\n const response = await fetch(\"/readable\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ link: link }),\n });\n if (response.ok) {\n const text = await response.text();\n description.innerHTML = text;\n item.removeEventListener(\"click\", handleClick); // Remove event listener\n }\n } catch (error) {\n console.log(error);\n }\n };\n\n item.addEventListener(\"click\", handleClick);\n });\n});\n`;\nconst today = new Date();\nconst yesterday = new Date(today);\nyesterday.setDate(today.getDate() - 1);\n\nconst organizeNews = async (\n recentDaysSort: number = 2,\n topicSize: number = 50,\n newsBlob: string = \"news\",\n topicsBlob: string = \"topics\",\n plotDays: number = 30,\n) => {\n const dayCount = (news, topics, dateLimit) => {\n // Day frequencies for all topics\n const data = [];\n for (const [topic, entries] of Object.entries(topics)) {\n for (const entry of entries) {\n let pubDate = new Date(news[entry].pubDate);\n if (pubDate > dateLimit) {\n pubDate.setHours(pubDate.getHours() - 4);\n pubDate.setHours(0, 0, 0, 0);\n data.push({ topic: topic, pubDate: pubDate });\n }\n }\n }\n return Object.values(data.reduce((acc, entry) => {\n const key = `${entry.topic}-${entry.pubDate}`;\n if (!acc[key]) {\n acc[key] = { ...entry, counts: 1 };\n } else {\n acc[key].counts++;\n }\n return acc;\n }, {}));\n };\n\n const listDays = (plotDays) => {\n // An array of days between plotDays and today\n let today = new Date();\n today.setHours(0, 0, 0, 0);\n let since = new Date(today - 1e3 * 60 * 60 * 24 * plotDays);\n\n let days = [];\n while (since <= today) {\n days.push(new Date(since).getTime());\n since.setDate(since.getDate() + 1);\n }\n return days;\n };\n\n const topicCounts = (data, topic, dayList) => {\n // Day frequencies for a topic, including days with zero news\n const topicDays = data.filter(c => c.topic == topic).map(d => d.pubDate.getTime());\n const minTopicDay = Math.min(...topicDays);\n const emptyDays = dayList.filter(d => d > minTopicDay & !topicDays.includes(d));\n return [\n ...emptyDays.map(d => ({\n topic: topic,\n pubDate: new Date(d),\n counts: 0,\n })),\n ...data.filter(c => c.topic == topic),\n ];\n };\n\n const news = await blob.getJSON(newsBlob);\n const topics = await blob.getJSON(topicsBlob);\n const recentDaysAgo = new Date(Date.now() - recentDaysSort * 24 * 60 * 60 * 1000);\n\n const dateLimit = new Date(new Date().getTime() - 1e3 * 60 * 60 * 24 * plotDays);\n const count = dayCount(news, topics, dateLimit);\n const maxCount = count.reduce((max, d) => Math.max(max, d.counts), 0);\n const dayList = listDays(plotDays);\n\n let data = [];\n Object.keys(topics).forEach(t => {\n let topic = {\n topic: t,\n news: [],\n count: topicCounts(count, t, dayList),\n plotParams: {\n minX: dateLimit,\n maxY: maxCount,\n days: plotDays,\n recent: recentDaysAgo,\n },\n };\n let recentItems = 0;\n topics[t].slice(0, topicSize).forEach(link => {\n const item = {\n title: news[link].title,\n description: news[link].description,\n link: link,\n pubDate: new Date(news[link].pubDate),\n recent: false,\n };\n if (item.pubDate > recentDaysAgo) {\n recentItems++;\n item.recent = true;\n }\n topic.news.push(item);\n });\n topic.recent = recentItems;\n topic.news.sort((a, b) => b.pubDate - a.pubDate);\n data.push(topic);\n });\n data.sort((a, b) => b.recent - a.recent);\n\n return data;\n};\n\nconst writeItem = (item: any) => {\n const makeShortDate = (date: Date) => {\n const formatter = Intl.DateTimeFormat(\"es-US\", { timeZone: \"America/La_Paz\", month: \"long\", day: \"numeric\" });\n const day = formatter.format(date);\n if (day == formatter.format(today)) {\n return \"Hoy\";\n } else if (day == formatter.format(yesterday)) {\n return \"Ayer\";\n } else {\n return day;\n }\n };\n const longDate = item.pubDate.toLocaleDateString(\"es-US\", {\n month: \"long\",\n day: \"numeric\",\n year: \"numeric\",\n hour: \"numeric\",\n minute: \"numeric\",\n timeZone: \"America/La_Paz\",\n });\n return `\n

${item.title}

${item.description}

${makeShortDate(item.pubDate)}

\n ◉︎\n

\n`;\n};\n\nconst writeTopic = (topic: any) => {\n if (topic.news.length > 0) {\n const plot = plotTopic(topic.count, topic.plotParams);\n return `\n

\n ${topic.topic}\n

day.counts + acc, 0)\n } noticias en los últimos ${topic.plotParams.days} días\" class=\"topicPlot\">\n ${plot}\n

\n ${topic.news.map(writeItem).join(\"\")}\n

\n `;\n }\n};\n\nconst writePage = (data: any, style: string, script: string, plotDays: number = 30) => {\n const title = \"digest\";\n const favicon =\n \"iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAI3SURBVFiF7ZbNS1RhFIef8167Ox3ICGultu0Dnelu3FwoqkVSG1f9Dy100R8RSv9BSO3cSVKGwmxCnA8HKhdFmi0iKadQGQjxfU+LSZiPe4dxnEsE/nb3vPfyPPfrvAdO848jx70gDMOeSsUPrGXIGM4DOMd3VbOZSv3OZ7PZw0QERkZuXzNGJ4G7wNmY08rAgqqZXlt79bYrAul0eE71zIyIPABMm74OeOZ5diqXWy53LJDJ3Lqsyjww1Ca4MZsi3CsUXr8/tsBf+Bugr0P4UXaNkbF8fnG9bYEguNFvrbcKXDoh/ChbznlBqfTyR+NC5Dt1znvSRTjAoDH2cdRC0xMYHb1zVcSV4uROECfiMoXCUqm22AQRcVMJwAGMqvewiVd7EIZhz/6+vw30JyAAUO7tPRiobVZ1d1qp+EGCcID+vb2eTG2hTsDajv/3tmOM1DHqBES4kLSAqrkYKwCiSQuAq2M0fu3fksarytdYAWN0K2kBcF9iBQYHU6sgOwnSy319h4VYgbm5OQu6kBRdROcbB5aIjuemAZsA34LMNBabBIrFpXfA827TVZmNmgsie77vyyTwqYv8zyIHj6IWIgVWVhZ/GiP3gd0uwHeNkfFiMRv5ccfuevn84rrn2QD4cAL4RqtpqKUAQC63/NHz7BgwS3XQbDdWRJ/6vgSt4HCMsTydvnkFvEnQcWJ3TNkBXojodKtBtCOBo0xMTHgbG7+uV3c1GahWdVtVNoeHU4VqLznNf5Q/zs6/KOtEX1YAAAAASUVORK5CYII=\";\n return `\n\n\n \n \n \n \n \n \n \n ${title}\n \n \n

${title}

\n ${data.map(writeTopic).join(\"\")}\n

\n \n \n\n `;\n};\n\nconst plotTopic = (data, params) => {\n const document = parseHTML(\"\").document;\n const markOptions = {\n x: \"pubDate\",\n y: \"counts\",\n z: \"topic\",\n sort: { channel: \"x\" },\n curve: \"basis\",\n };\n const scaleOptions = {\n ticks: 0,\n label: null,\n };\n return Plot.plot({\n document,\n height: 40,\n width: 50,\n marginTop: 2,\n marginBottom: 10,\n marginLeft: 5,\n marginRight: 5,\n y: {\n ...scaleOptions,\n domain: [0, params.maxY],\n },\n x: {\n ...scaleOptions,\n domain: [params.minX, new Date().getTime()],\n },\n marks: [\n Plot.line(data, {\n ...markOptions,\n strokeWidth: 1.5,\n }),\n ],\n });\n};\n\nconst makeReadable = async (link: string) => {\n console.log(\"fetch\");\n const response = await fetch(link, { signal: AbortSignal.timeout(5000) });\n const text = await response.text();\n console.log(\"parse\");\n const doc = new JSDOM(text);\n const reader = new Readability(doc.window.document);\n const article = reader.parse();\n const html = parse(article.content);\n console.log(\"select\");\n const content = html.querySelectorAll(\"p\").filter(p => p.textContent.trim() != \"\").map(p =>\n `

${p.textContent.trim()}

`\n ).join(\"\");\n console.log(\"return\");\n return `

${content}

`;\n};\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname == \"/readable\" && req.method == \"POST\") {\n try {\n console.log(\"post\");\n const r = await req.json();\n const content = await makeReadable(r.link);\n return new Response(content, {\n headers: { \"Content-Type\": \"text/plain\" },\n });\n } catch (error) {\n console.log(error);\n }\n } else if (req.method == \"GET\") {\n const data = await organizeNews();\n const page = writePage(data, style, script);\n const response = new Response(page, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n return response;\n }\n}","deleted",false,"label",[14],"ddfddc1a-9d89-11f0-9a1f-0224a6c84d84",["D",1759187590862],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","fff5c855-344e-412d-935d-c5733fa73947","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","3d83e315-84b5-427d-b5d0-a0164bbcf585","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_102":98},"org",{"_9":10,"_96":-5,"_97":98,"_54":55,"_99":100,"_101":42},"branch",{"_35":30,"_11":83,"_22":28,"_84":45,"_85":86,"_87":88,"_89":50,"_90":91,"_92":93,"_94":12,"_95":10},"isOwned","main","projectId","forkedBranchId","491bbd8c-f538-11ef-9de2-569c3dd06744","forkedBranchVersion",238,"forkedProjectPrivacy","forkedProjectId","491b671a-f538-11ef-9de2-569c3dd06744","forkedProjectOrgId","9bf95446-c2fb-4e24-8291-399874f96ead","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yamJkRDlhcjhVd09NSGtDZlExakJyWnhGMXUifQ","tier","free","canRestrictVals","profileImageUrl","ctx",{"_76":-5,"_136":137,"_138":139,"_140":141,"_142":42,"_143":42,"_144":42,"_145":32,"_146":-5,"_147":-7,"_148":-7,"_149":36,"_150":42,"_151":42,"_152":-5,"_153":42,"_154":42,"_155":42,"_156":-5},"ENV",{"_107":108,"_109":110,"_111":83,"_112":113,"_114":115,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]