[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_108":109,"_110":111},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","ewired","name","rss-gallery","path","sources/cooperPress.ts","project",{"_22":48,"_11":12,"_35":49,"_50":-5,"_51":44,"_52":53,"_54":53,"_55":56,"_57":-5,"_58":59,"_60":61,"_62":34,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/ewired/rss-gallery/code/sources/cooperPress.ts","extension","id","305f2f15-a1b7-418e-9f65-09e6916c9748","cooperPress.ts","fileId","97a2e1f6-b0c6-11f1-b20f-1607ee4eb77e","parentId","11350cd8-586b-11f1-ab2b-ee650bb23af1","branchId","a439aa76-4505-11f1-9a60-42b51c65c3df","branchVersion",63,"latest",true,"createdAt",["D",1789456126849],"version",2,"fileType","script","content","import { type CheerioAPI, contains, load } from \"npm:cheerio@1.2.0\";\nimport {\n type AnyNode,\n type Element,\n isTag,\n isText,\n} from \"npm:domhandler@5.0.3\";\nimport { feedEndpoint, HttpError } from \"../feed.ts\";\n\n// The Cooper Press newsletters (JavaScript Weekly, Frontend Focus, Node Weekly,\n// React Status, Postgres Weekly, Go Weekly and Ruby Weekly) each publish one\n// page per issue that holds every link they gathered that week. These feeds\n// pull the latest issue apart into one item per entry, so an issue can be\n// skimmed section by section. Whatever the split does not recognize is offered\n// as one closing item, so that a change of editorial style on their side cannot\n// drop content from the feed.\ninterface Publication {\n title: string;\n site: string;\n description: string;\n}\n\nexport const cooperPressPublications: Record = {\n javascriptweekly: {\n title: \"JavaScript Weekly\",\n site: \"javascriptweekly.com\",\n description: \"Every entry of the latest JavaScript Weekly issue\",\n },\n frontendfocus: {\n title: \"Frontend Focus\",\n site: \"frontendfoc.us\",\n description: \"Every entry of the latest Frontend Focus issue\",\n },\n nodeweekly: {\n title: \"Node Weekly\",\n site: \"nodeweekly.com\",\n description: \"Every entry of the latest Node Weekly issue\",\n },\n reactstatus: {\n title: \"React Status\",\n site: \"react.statuscode.com\",\n description: \"Every entry of the latest React Status issue\",\n },\n postgresweekly: {\n title: \"Postgres Weekly\",\n site: \"postgresweekly.com\",\n description: \"Every entry of the latest Postgres Weekly issue\",\n },\n golangweekly: {\n title: \"Go Weekly\",\n site: \"golangweekly.com\",\n description: \"Every entry of the latest Go Weekly issue\",\n },\n rubyweekly: {\n title: \"Ruby Weekly\",\n site: \"rubyweekly.com\",\n description: \"Every entry of the latest Ruby Weekly issue\",\n },\n};\n\nconst cooperPressExpression = `{\n \"version\": $jsonFeedVersion,\n \"title\": feedTitle,\n \"home_page_url\": feedHomeUrl,\n \"feed_url\": $feedUrl,\n \"description\": feedDescription,\n \"items\": items.{\n \"id\": id,\n \"url\": url,\n \"title\": title,\n \"content_html\": content_html,\n \"content_text\": content_text,\n \"date_published\": date_published,\n \"tags\": tags\n }\n}`;\n\nexport const cooperPressHandler = feedEndpoint({\n expression: cooperPressExpression,\n loadSource: async (c) => {\n const slug = c.req.param(\"publication\")?.replace(/\\.(rss|json)$/, \"\");\n if (!slug) throw new HttpError(400, \"Missing Cooper Press publication\");\n\n const publication = cooperPressPublications[slug];\n if (!publication) {\n throw new HttpError(\n 404,\n `Unknown publication. Use: ${\n Object.keys(cooperPressPublications).join(\", \")\n }`,\n );\n }\n\n const issue = await fetchLatestIssue(publication);\n const issueLabel = issue.number ? `issue #${issue.number}` : \"latest issue\";\n\n return {\n data: {\n feedTitle: `${publication.title} (decomposed)`,\n feedHomeUrl: issue.url,\n feedDescription:\n `${publication.description}, split into one item per section entry, each tagged with the section it appears under, any sponsorship and every single word it links to, plus a closing item for any content the split did not recognize — ${issueLabel}, ${issue.dateLabel}`,\n items: decomposeIssue(issue.html, {\n url: issue.url,\n date: issue.date,\n number: issue.number,\n }),\n },\n };\n },\n});\n\ninterface CooperPressIssue {\n url: string;\n html: string;\n number?: number;\n dateLabel?: string;\n date?: string;\n}\n\nexport interface FeedItem {\n id: string;\n url?: string;\n title: string;\n content_html: string;\n content_text: string;\n date_published?: string;\n tags?: string[];\n}\n\n// An entry as the split reads it off the page: the fields of the feed item it\n// becomes, plus the section it appears under, which labels and tags the item\ninterface Entry {\n title: string;\n url?: string;\n contentHtml: string;\n section?: string;\n /** Tags the entry wears besides the section it appears under */\n tags?: string[];\n}\n\nconst USER_AGENT =\n \"Mozilla/5.0 (compatible; RSSGallery/1.0; +https://val.town)\";\n\nasync function fetchLatestIssue(pub: Publication): Promise {\n const latestUrl = `https://${pub.site}/latest`;\n const response = await fetch(latestUrl, {\n headers: { \"User-Agent\": USER_AGENT, \"Accept\": \"text/html\" },\n });\n if (!response.ok) {\n throw new Error(\n `Failed to fetch ${latestUrl}: ${response.status} ${response.statusText}`,\n );\n }\n\n const html = await response.text();\n // /latest redirects, so the response URL is the canonical issue URL\n const url = response.url || latestUrl;\n const meta = parseIssueMeta(html);\n\n return {\n url,\n html,\n ...meta,\n dateLabel: meta.dateLabel ?? \"latest issue\",\n };\n}\n\n// Every issue names itself (\"#793 — July 7, 2026\") somewhere in the content, but\n// the surrounding markup differs between publications\nexport function parseIssueMeta(html: string): {\n number?: number;\n dateLabel?: string;\n date?: string;\n} {\n const $ = load(html);\n const body = normalizeWhitespace($(\"#content\").text() || $(\"body\").text());\n const match = /#\\u200b?(\\d+)\\s*[—-]\\s*([A-Z][a-z]+ \\d{1,2}, \\d{4})/.exec(\n body,\n );\n if (!match) return {};\n\n const date = new Date(`${match[2]} UTC`);\n return {\n number: Number(match[1]),\n dateLabel: match[2],\n date: Number.isNaN(date.getTime()) ? undefined : date.toISOString(),\n };\n}\n\n// --- issue decomposition --------------------------------------------------\n//\n// The split drains the page of one issue: one pass over its elements that reads\n// each entry, hands it to the feed as an item and takes the elements the item\n// holds off the page. Whatever the pass leaves behind is the content of the\n// closing item.\n\n// Parts of the page that never hold editorial content: the site's own furniture\nconst FURNITURE_REGIONS = [\n \".el-splitbar\",\n \".norss\",\n \".el-masthead\",\n \".masthead\",\n \".footer\",\n \".preheader\",\n \"style\",\n \"script\",\n].join(\",\");\n\nconst ITEM_CONTAINERS = \"table.el-item, table.miniitem\";\n\n// Label of the item that carries whatever the split did not recognize\nexport const NON_DECOMPOSED_TAG = \"Non-decomposed\";\n\n// Tag of an entry Cooper Press was paid to place. A sponsor says so in the\n// byline of its entry, and a sponsored classified ad says so in the element the\n// issue wraps it in.\nexport const SPONSORED_TAG = \"Sponsored\";\n\nconst SPONSOR_BADGE = \".tag-sponsor\";\n// The two signals live in different tiers and never overlap: the badge dresses\n// the featured sponsor boxes, the element wraps an ad-server sponsored\n// classified. A classified without that element is a plain classified ad, i.e.\n// holding the classifieds slot is not by itself a sponsorship.\nconst SPONSOR_MARKERS = `${SPONSOR_BADGE}, classified[tags~=\"sponsor\"]`;\n\nconst EMOJI_START =\n /^[\\p{Extended_Pictographic}\\p{Emoji_Presentation}\\u2600-\\u27BF\\u2B00-\\u2BFF\\uFE0F]/u;\nconst EMOJI_ONLY =\n /^[\\p{Extended_Pictographic}\\p{Emoji_Presentation}\\u2600-\\u27BF\\u2B00-\\u2BFF\\uFE0F\\s]+$/u;\n\nexport interface IssueRef {\n url: string;\n date?: string;\n number?: number;\n}\n\nexport function decomposeIssue(html: string, issue: IssueRef): FeedItem[] {\n const $ = load(html);\n const content = $(\"#content\").first();\n const scope = (content.length ? content : $(\"body\")).first().get(0)!;\n\n const items = [...drainIssue($, scope, issue)];\n\n // By now an item holds all the content it will carry (its own, the notes the\n // drain attached to it and the issue's banner), so the words it links to can\n // join its tags last\n for (const item of items) {\n const tags = [...(item.tags ?? [])];\n for (const word of singleWordLinkTags(item.content_html)) {\n if (!tags.includes(word)) tags.push(word);\n }\n item.tags = tags.length > 0 ? tags : undefined;\n }\n\n return items;\n}\n\n// An item of an issue, numbered by its place among the issue's items\nfunction feedItem(\n issue: IssueRef,\n index: number,\n fields: { title: string; url?: string; contentHtml: string; tags?: string[] },\n): FeedItem {\n return {\n id: `${issue.url}#${index}`,\n url: fields.url,\n title: fields.title,\n content_html: fields.contentHtml,\n content_text: htmlToText(fields.contentHtml),\n date_published: issue.date,\n tags: fields.tags,\n };\n}\n\n// The drain loop over the page of one issue: it hands out one item per entry it\n// reads, in page order, and closes with the item that holds what it did not\n// read. An item takes the elements it holds off the page as it is handed out, so\n// the closing item is made of what no item before it claimed.\nfunction* drainIssue(\n $: CheerioAPI,\n scope: Element,\n issue: IssueRef,\n): Generator {\n const items: FeedItem[] = [];\n // The section currently in effect. Compact list markers (\"IN BRIEF:\") and the\n // classifieds box only label their own block, so they carry a scope.\n let section:\n | { name: string; block?: Element; heading: Element; story?: boolean }\n | undefined;\n const classifiedsSeen = new Set();\n // A run of prose between entries is one item; it has no headline of its own,\n // so it borrows the first link in the run\n let pendingProse:\n | {\n section?: string;\n link?: { title: string; url?: string };\n elements: Element[];\n parts: string[];\n }\n | undefined;\n // The image at the head of the issue heads the issue as a whole, so it is held\n // back to sign off every item. Every other image introduces the entry below\n // it, so it is held until that entry is read.\n let issueImage: { image: string; el: Element } | undefined;\n let pendingImages: Array<{ image: string; el: Element }> = [];\n\n // Taking an element off the page is what claiming it means: what an item\n // holds, the closing item does not offer a second time\n const take = (elements: Element[]) => {\n for (const el of elements) $(el).remove();\n };\n\n // The images held for an entry lead its content\n const takeImages = (): string[] => {\n const images = pendingImages.map((pending) => pending.image);\n take(pendingImages.map((pending) => pending.el));\n pendingImages = [];\n return images;\n };\n\n // A note of content that belongs to the entry above it joins that entry\n const appendNote = (into: FeedItem, note: string) => {\n into.content_html += `\\n${note}`;\n into.content_text += `\\n${htmlToText(note)}`;\n };\n\n // Folds an element that belongs to the entry above it into that entry\n const foldInto = (into: FeedItem, el: Element) => {\n absolutize($, el, issue.url);\n const note = $.html($(el)) ?? \"\";\n take([el]);\n appendNote(into, note);\n };\n\n const sectionFor = (el: Element): string | undefined => {\n if (!section) return undefined;\n if (section.block && !$(el).parents().toArray().includes(section.block)) {\n return undefined;\n }\n return section.name;\n };\n\n // Hands one entry to the feed. The heading of a section is provided by the\n // entries that wear its name, so a heading no entry ever wears is not taken\n // and reaches the closing item instead.\n function* pushItem(entry: Entry): Generator {\n const label = entry.section && entry.section !== entry.title\n ? entry.section\n : undefined;\n if (entry.section && section) take([section.heading]);\n // The images held for this entry lead its body\n const contentHtml = [...takeImages(), entry.contentHtml]\n .filter(Boolean)\n .join(\"\\n\");\n // The section names the entry first; the tags it wears follow\n const tags = [label, ...(entry.tags ?? [])]\n .filter((tag): tag is string => Boolean(tag));\n const item = feedItem(issue, items.length, {\n ...entry,\n title: label ? `${label}: ${entry.title}` : entry.title,\n contentHtml,\n tags: tags.length > 0 ? tags : undefined,\n });\n items.push(item);\n yield item;\n }\n\n // Reads an element as the entry it presents: the element as a whole, or the\n // parts of it an item holds when the box around them holds content of its own\n function* emit(\n el: Element,\n entry: Omit,\n /** Parts of the entry the item holds; defaults to the entry as a whole. */\n held?: Element[],\n ): Generator {\n // The section is read off the page before the entry leaves it\n const worn = sectionFor(el);\n take(held ?? [el]);\n yield* pushItem({ ...entry, section: worn });\n }\n\n // Hands the run of prose read since the last entry to the feed\n function* flushProse(): Generator {\n if (!pendingProse) return;\n const { section: proseSection, link, elements, parts } = pendingProse;\n pendingProse = undefined;\n\n // A run with no link of its own has no headline to offer, so its text\n // stays with the entry above it (footnotes, closing notes, and the like)\n if (!link) {\n const previous = items[items.length - 1];\n if (previous && sectionTag(previous) === proseSection) {\n take(elements);\n appendNote(previous, parts.join(\"\\n\"));\n }\n return;\n }\n\n const tags = sponsorTags($, ...elements);\n take(elements);\n yield* pushItem({\n title: link.title,\n url: link.url,\n contentHtml: parts.join(\"\\n\"),\n section: proseSection,\n tags,\n });\n }\n\n // Adds the parts read since the last entry to the run of prose open on the\n // page, opening a run for them where the run they belong to has ended: a list\n // of release highlights closes the story above it, and no entry ever broke\n // the two apart\n const prose = (\n fields: { section?: string; link?: { title: string; url?: string } },\n elements: Element[],\n ) => {\n if (!pendingProse) {\n pendingProse = {\n section: fields.section,\n link: fields.link,\n elements: [],\n parts: [],\n };\n }\n pendingProse.elements.push(...elements);\n pendingProse.parts.push(...elements.map((el) => $.html($(el)) ?? \"\"));\n };\n\n for (const el of $(scope).find(\"*\").toArray()) {\n // Whatever an item above took off the page is not read a second time\n if (!contains(scope, el)) continue;\n\n const $el = $(el);\n if ($el.parents(FURNITURE_REGIONS).length > 0) continue;\n if ($el.parents(ITEM_CONTAINERS).length > 0) continue;\n\n // Cooper Press puts the image an entry leads with above it, in a block of\n // its own rather than inside a paragraph\n if (el.tagName === \"img\" && isHeroImage($, el, scope)) {\n const image = heroImageHtml($, el, issue.url);\n if (image) {\n if (items.length === 0 && !issueImage) issueImage = { image, el };\n else pendingImages.push({ image, el });\n }\n continue;\n }\n\n const heading = detectHeading($, el);\n if (heading) {\n yield* flushProse();\n const classifieds = $el.closest(\"table.classifieds\").get(0) as\n | Element\n | undefined;\n // Only the first heading of the classifieds box names a section; the\n // rest are titles of single ads\n if (classifieds && classifiedsSeen.has(classifieds)) continue;\n if (classifieds) classifiedsSeen.add(classifieds);\n const name = cleanHeading(heading.text);\n if (name) {\n section = {\n name,\n block: classifieds ?? heading.block,\n heading: el,\n story: heading.story,\n };\n }\n continue;\n }\n\n // Callout boxes (\"💡 ...\") expand on the entry above them\n if (\n (el.tagName === \"p\" || el.tagName === \"li\") &&\n $el.closest(\"table.el-content.blue\").length > 0\n ) {\n yield* flushProse();\n const previous = items[items.length - 1];\n if (previous) {\n foldInto(previous, el);\n continue;\n }\n }\n\n // A list no item of which links anywhere has no headline to offer either, so\n // it reads as prose of the entry above it rather than as entries of its own\n if (\n (el.tagName === \"ul\" || el.tagName === \"ol\") &&\n $el.find(\"a[href]\").length === 0\n ) {\n prose({ section: sectionFor(el), link: findEntryLink($, el) }, [el]);\n continue;\n }\n\n if ($el.is(ITEM_CONTAINERS)) {\n const link = findEntryLink($, el);\n if (!link) continue;\n yield* flushProse();\n // A story is told with prose, and the entry box that follows brings the\n // next one, so a centered title names no further than the story it opened\n if (section?.story) section = undefined;\n absolutize($, el, issue.url);\n // The badge a paid entry wears is the ad's own furniture: its meaning\n // travels as a tag, so it does not stay in the entry's content\n const tags = sponsorTags($, el);\n if (tags.length > 0) $el.find(SPONSOR_BADGE).remove();\n const held = [\"p.desc\", \"p.name\"]\n .map((part) => $el.find(part).first())\n .filter((part) => part.length > 0)\n .map((part) => part.get(0)!);\n\n if (held.length === 0) {\n yield* emit(el, { ...link, contentHtml: $.html($el), tags });\n continue;\n }\n\n // The logo an entry box decorates itself with is the ad's own furniture,\n // not editorial content, so it is accounted for alongside the ad\n yield* emit(\n el,\n {\n ...link,\n contentHtml: held.map((part) => $.html(part)).join(\"\\n\"),\n tags,\n },\n [...held, ...$el.find(\"img\").toArray()],\n );\n continue;\n }\n\n // Classifieds ads written as plain paragraphs are ruled off from each other\n if (el.tagName === \"hr\") {\n yield* flushProse();\n continue;\n }\n\n if (el.tagName === \"p\" || el.tagName === \"li\") {\n // List items are emitted whole, so skip the paragraphs inside them\n if (el.tagName === \"p\" && $el.parents(\"li\").length > 0) continue;\n\n if (el.tagName === \"p\" && !isEntryParagraph($, el)) {\n prose({ section: sectionFor(el), link: findEntryLink($, el) }, [el]);\n continue;\n }\n\n const link = findEntryLink($, el);\n if (!link) continue;\n yield* flushProse();\n absolutize($, el, issue.url);\n yield* emit(el, {\n ...link,\n contentHtml: $.html($el),\n tags: sponsorTags($, el),\n });\n }\n }\n\n yield* flushProse();\n\n // An image left over has no entry below it to lead, so it stays with the\n // entry above instead of being dropped\n const last = items[items.length - 1];\n if (last && pendingImages.length > 0) {\n last.content_html += `\\n${takeImages().join(\"\\n\")}`;\n }\n\n // The headline image is the issue's own banner, so it signs off every item.\n // An issue whose entries the split could not read at all keeps its images for\n // the closing item instead.\n const banner = items.length > 0 ? issueImage : undefined;\n if (banner) take([banner.el]);\n\n // What the drain did not take off the page closes the issue as one item\n const closing = leftoverItem($, scope, issue, items.length);\n if (closing) items.push(closing);\n if (banner) {\n for (const item of items) item.content_html += `\\n${banner.image}`;\n }\n if (closing) yield closing;\n}\n\n// --- closing item ---------------------------------------------------------\n//\n// The drain above only reads the entry styles Cooper Press use today, so a style\n// they add tomorrow would drop its content from the feed. Whatever no item of an\n// issue took off the page is serialized as plain feed HTML into one closing item\n// — or comes back undefined when nothing readable is left, which is the usual\n// outcome for a page whose entries were all read.\n//\n// Serializing is what drops the scaffolding of a page: wrapper tables, spacer\n// cells and the like hold neither text nor an image of their own, so they leave\n// no chunk behind and need no sweep of their own.\n\nfunction leftoverItem(\n $: CheerioAPI,\n scope: Element,\n issue: IssueRef,\n /** The place the closing item takes among the items of its issue */\n index: number,\n): FeedItem | undefined {\n $(scope).find(FURNITURE_REGIONS).remove();\n\n const html = joinChunks(chunksOf($, scope, issue.url), true);\n if (!hasContent(html)) return undefined;\n\n return feedItem(issue, index, {\n title: issue.number\n ? `Non-decomposed issue #${issue.number} content`\n : \"Non-decomposed content\",\n url: issue.url,\n contentHtml: html,\n tags: [NON_DECOMPOSED_TAG],\n });\n}\n\n// A feed item's content is made of blocks (paragraphs, lists, headings, images)\n// and the inline runs between them, which are only wrapped in a paragraph once\n// they turn out to be content of their own.\ninterface Chunk {\n html: string;\n block: boolean;\n}\n\n// Wrapper markup (tables, divs, spans…) carries no meaning of its own, so it is\n// unwrapped and its content is read where it lies\nconst BLOCK_TAGS = new Set([\n \"p\",\n \"ul\",\n \"ol\",\n \"li\",\n \"h1\",\n \"h2\",\n \"h3\",\n \"h4\",\n \"h5\",\n \"h6\",\n \"blockquote\",\n \"pre\",\n \"figure\",\n \"figcaption\",\n \"dl\",\n \"dt\",\n \"dd\",\n]);\n\nconst INLINE_TAGS = new Set([\n \"a\",\n \"strong\",\n \"b\",\n \"em\",\n \"i\",\n \"u\",\n \"s\",\n \"strike\",\n \"del\",\n \"ins\",\n \"code\",\n \"kbd\",\n \"samp\",\n \"var\",\n \"mark\",\n \"small\",\n \"sub\",\n \"sup\",\n \"cite\",\n \"q\",\n \"abbr\",\n \"time\",\n \"br\",\n \"wbr\",\n]);\n\n// Markup a feed reader has no use for: scripts, embeds and form controls\nconst DROPPED_TAGS = new Set([\n \"script\",\n \"style\",\n \"noscript\",\n \"template\",\n \"iframe\",\n \"svg\",\n \"canvas\",\n \"video\",\n \"audio\",\n \"object\",\n \"embed\",\n \"form\",\n \"input\",\n \"select\",\n \"textarea\",\n \"button\",\n \"meta\",\n \"link\",\n \"base\",\n \"title\",\n \"head\",\n]);\n\nfunction chunksOf($: CheerioAPI, node: AnyNode, baseUrl: string): Chunk[] {\n if (isText(node)) {\n return normalizeWhitespace(node.data).length > 0\n ? [{ html: escapeHtml(node.data), block: false }]\n : [];\n }\n if (!isTag(node)) return [];\n\n const tag = node.tagName.toLowerCase();\n if (DROPPED_TAGS.has(tag)) return [];\n\n if (tag === \"img\") {\n const src = $(node).attr(\"src\");\n if (!src) return [];\n return [{\n html: imageHtml(src, $(node).attr(\"alt\") ?? \"\", baseUrl),\n block: true,\n }];\n }\n if (tag === \"br\") return [{ html: \"
\", block: false }];\n\n const inner = joinChunks(childrenChunks($, node, baseUrl), false);\n if (BLOCK_TAGS.has(tag)) {\n return [{ html: `<${tag}>${inner}`, block: true }];\n }\n if (tag === \"a\") {\n const href = $(node).attr(\"href\");\n if (!href) return [{ html: inner, block: false }];\n const url = escapeHtml(new URL(href, baseUrl).toString());\n return [{ html: `${inner}`, block: false }];\n }\n if (INLINE_TAGS.has(tag)) {\n return [{ html: `<${tag}>${inner}`, block: false }];\n }\n\n return childrenChunks($, node, baseUrl);\n}\n\nfunction childrenChunks(\n $: CheerioAPI,\n el: Element,\n baseUrl: string,\n): Chunk[] {\n return $(el).contents().toArray().flatMap((child) =>\n chunksOf($, child, baseUrl)\n );\n}\n\nfunction joinChunks(chunks: Chunk[], wrapRuns: boolean): string {\n const parts: string[] = [];\n let run: string[] = [];\n\n const flush = () => {\n const html = run.join(\"\").trim();\n run = [];\n if (hasContent(html)) parts.push(wrapRuns ? `

${html}

` : html);\n };\n\n for (const chunk of chunks) {\n if (!chunk.block) {\n run.push(chunk.html);\n continue;\n }\n flush();\n if (hasContent(chunk.html)) parts.push(chunk.html);\n }\n flush();\n\n return parts.join(\"\\n\");\n}\n\n// Text or an image makes a chunk content; whitespace, entities that only decode\n// to whitespace and empty markup do not\nfunction hasContent(html: string): boolean {\n return / 0;\n}\n\n// A paragraph that introduces an entry starts with the entry's link, e.g.\n// \"📄 Title – description\" or \"Title Author\". Prose that\n// merely links mid-sentence (\"RubyKaigi, the conference…\") does not.\nfunction isEntryParagraph($: CheerioAPI, el: Element): boolean {\n const nodes = $(el).contents().toArray();\n let i = 0;\n while (i < nodes.length) {\n const node = nodes[i];\n if (\n node.type === \"text\" && (!node.data.trim() || EMOJI_ONLY.test(node.data))\n ) {\n i++;\n continue;\n }\n break;\n }\n\n const first = nodes[i];\n if (!first || first.type !== \"tag\" || !$(first).is(\"a[href]\")) return false;\n\n const after = nodes[i + 1];\n if (!after || after.type === \"tag\") return true;\n if (after.type !== \"text\") return true;\n // A trailing comma reads as \", the conference…\", i.e. mid-sentence\n return !after.data.trimStart().startsWith(\",\");\n}\n\n// --- headings -------------------------------------------------------------\n\ninterface DetectedHeading {\n text: string;\n block?: Element;\n /**\n * A centered title (\"What's New in React 19.3\") names the story it opens,\n * written below it, rather than the run of entries a section holds\n */\n story?: boolean;\n}\n\nfunction detectHeading(\n $: CheerioAPI,\n el: Element,\n): DetectedHeading | undefined {\n const $el = $(el);\n\n if (el.tagName === \"table\") {\n return $el.hasClass(\"el-heading\") ? { text: $el.text() } : undefined;\n }\n if (el.tagName !== \"p\") return undefined;\n if ($el.find(\"a[href]\").length > 0) return undefined;\n\n const text = normalizeWhitespace($el.text());\n if (!text || text.length > 80) return undefined;\n\n const style = $el.attr(\"style\") ?? \"\";\n // A centered paragraph names a section like any other mark of emphasis: the\n // \"What's New in React 19.3\" that opens a big release heads the story below\n // it, exactly as a section heading heads the entries below it\n if (/text-align:\\s*center/.test(style)) return { text, story: true };\n\n const upperSpan = $el.find(\"span\").toArray().some((span) =>\n /text-transform:\\s*uppercase/.test($(span).attr(\"style\") ?? \"\")\n );\n if (upperSpan) return { text };\n if (/font-size:\\s*1\\.[4-9]em/.test(style)) return { text };\n if (/text-transform:\\s*uppercase/.test(style)) return { text };\n if (EMOJI_START.test(text)) return { text };\n\n // Compact list markers (\"IN BRIEF:\", \"RELEASES AND CODE:\"). They label the\n // list they open, so they stay in effect for later blocks only when their\n // own block holds nothing to label.\n const letters = text.replace(/[^A-Za-z]/g, \"\");\n if (\n letters.length >= 3 && letters === letters.toUpperCase() &&\n /^[A-Z0-9][A-Z0-9 ,'&/()\\-–—.:!?]*:?$/.test(text)\n ) {\n const block = ($el.closest(\"table\").get(0) as Element | undefined) ?? el;\n const scoped = $(block).find(\"a[href]\").length > 0;\n return { text, block: scoped ? block : undefined };\n }\n\n return undefined;\n}\n\nfunction cleanHeading(value: string): string {\n return normalizeWhitespace(value)\n .replace(\n /^[\\p{Extended_Pictographic}\\p{Emoji_Presentation}\\u2600-\\u27BF\\u2B00-\\u2BFF\\uFE0F]+\\s*/u,\n \"\",\n )\n .replace(/[:：]\\s*$/, \"\")\n .trim();\n}\n\n// --- hero images ----------------------------------------------------------\n\n// An image introduces the entry below it when it stands alone in its block, i.e.\n// nothing but the image sits between it and the top of the issue. An image with\n// company (a caption, a story around it) belongs to that block instead.\nfunction isHeroImage($: CheerioAPI, el: Element, scope: Element): boolean {\n for (let node = el.parent; node && node !== scope; node = node.parent) {\n if (!isTag(node)) continue;\n if (normalizeWhitespace($(node).text()).length > 0) return false;\n if ($(node).find(\"img\").length > 1) return false;\n }\n return true;\n}\n\nfunction heroImageHtml(\n $: CheerioAPI,\n el: Element,\n baseUrl: string,\n): string | undefined {\n const src = $(el).attr(\"src\");\n if (!src) return undefined;\n return imageHtml(src, $(el).attr(\"alt\") ?? \"\", baseUrl);\n}\n\n// An image as a feed item carries it: absolute, with its alt text, and free of\n// the layout styles of the page it came from\nfunction imageHtml(src: string, alt: string, baseUrl: string): string {\n const url = escapeHtml(new URL(src, baseUrl).toString());\n return ` $\"${\n$ `;\n}\n\n// --- helpers --------------------------------------------------------------\n\n// The tags an entry wears besides the section the page places it under. Cooper\n// Press badges a paid placement in the entry's own byline, and wraps a\n// sponsored classified ad in an element that calls itself a sponsor.\nfunction sponsorTags($: CheerioAPI, ...elements: Element[]): string[] {\n const marked = elements.some((el) =>\n $(el).is(SPONSOR_MARKERS) || $(el).find(SPONSOR_MARKERS).length > 0\n );\n return marked ? [SPONSORED_TAG] : [];\n}\n\n// The section an item appears under, which is the tag that is not a sponsored\n// tag: an entry that sits under no section wears the sponsored tag alone.\nfunction sectionTag(item: FeedItem): string | undefined {\n return item.tags?.find((tag) => tag !== SPONSORED_TAG);\n}\n\n// --- word links -----------------------------------------------------------\n//\n// An entry that links to a name of its own (\"STRICH\", \"Vite\") wears that word\n// as a tag too, so a recurring ad can be filtered out by the name it promotes\n// without the split knowing anything about it. Only a link of one word\n// qualifies: a link that reads as a phrase (\"Source code\") is prose, and a\n// phrase is no name to filter on.\n\n// A word opens with a letter or a digit and holds only the marks names carry\n// inside them (Next.js, fast-check, C++). A link that reads as a path or a call\n// (rsc.io/markdown, browser()), or as a run of punctuation or an emoji, is not a\n// word and gets no tag.\nconst WORD = /^[\\p{L}\\p{N}][\\p{L}\\p{N}._+'-]*$/u;\n\nexport function singleWordLinkTags(contentHtml: string): string[] {\n const $ = load(contentHtml);\n const words = new Set();\n $(\"a[href]\").each((_, a) => {\n const text = normalizeWhitespace($(a).text());\n if (WORD.test(text)) words.add(text);\n });\n return [...words];\n}\n\n// The headline of an entry: the promoted \"mainlink\" when there is one,\n// otherwise the first link that has link text of its own\nfunction findEntryLink(\n $: CheerioAPI,\n el: Element,\n): { title: string; url?: string } | undefined {\n const main = $(el).find(\".mainlink a[href]\").first();\n if (main.length && normalizeWhitespace(main.text())) {\n return { title: normalizeWhitespace(main.text()), url: main.attr(\"href\") };\n }\n for (const a of $(el).find(\"a[href]\").toArray()) {\n const title = normalizeWhitespace($(a).text());\n if (title) return { title, url: $(a).attr(\"href\") };\n }\n return undefined;\n}\n\nfunction absolutize($: CheerioAPI, el: Element, baseUrl: string): void {\n $(el).find(\"[href]\").each((_, a) => {\n const href = $(a).attr(\"href\");\n if (href) $(a).attr(\"href\", new URL(href, baseUrl).toString());\n });\n $(el).find(\"[src]\").each((_, img) => {\n const src = $(img).attr(\"src\");\n if (src) $(img).attr(\"src\", new URL(src, baseUrl).toString());\n });\n}\n\nfunction htmlToText(html: string): string {\n return normalizeWhitespace(load(html).text());\n}\n\nfunction escapeHtml(value: string): string {\n return value\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\");\n}\n\nfunction normalizeWhitespace(value: string): string {\n return value.replace(/\\s+/g, \" \").trim();\n}\n","deleted",false,"label",[47,24],"sources","a43958c8-4505-11f1-9a60-42b51c65c3df",["D",1777602595753],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","c36ce052-e015-4595-b564-57f8be5c8301","pinnedFileId","116e6334-586b-11f1-ab2b-ee650bb23af1","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","e508964d-7c16-4545-ae5f-8c18d54d7f34","tursoName","a43958c8450511f19a6042b51c65c3df","tursoHostname","a43958c8450511f19a6042b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789500119686],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_107":103},"org",{"_9":10,"_101":-5,"_102":103,"_58":59,"_104":105,"_106":44},"branch",{"_37":32,"_11":92,"_22":30,"_93":48,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":12,"_100":10},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yajdRQnEyU0ppaGlQbFR1cXdJSkVJRmw4OTUifQ","tier","pro","canRestrictVals","profileImageUrl","ctx",{"_85":-5,"_141":142,"_143":144,"_145":146,"_147":44,"_148":44,"_149":44,"_150":34,"_151":-5,"_152":-7,"_153":-7,"_154":66,"_155":44,"_156":44,"_157":-5,"_158":44,"_159":44,"_160":44,"_161":-5},"ENV",{"_112":113,"_114":115,"_116":92,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140},"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"]