\n const indentMatch = row.match(/]+width=['\"](\\d+)['\"]/);\n const indent = indentMatch ? parseInt(indentMatch[1]) / 40 : 0;\n\n // Extract author\n const authorMatch = row.match(\n /]+class=['\"]hnuser['\"][^>]*>([^<]+)<\\/a>/,\n );\n const author = authorMatch ? authorMatch[1] : \"unknown\";\n\n // Extract age/time\n const ageMatch = row.match(\n /]+class=['\"]age['\"][^>]*>([^<]+)<\\/span>/,\n );\n const age = ageMatch ? ageMatch[1] : \"\";\n\n // Extract comment text\n // HN structure: ...\n const textMatch = row.match(\n /]+class=['\"]commtext[^'\"]*['\"][^>]*>(.*?)<\\/span>/s,\n );\n let text = textMatch ? textMatch[1] : \"\";\n\n // If that didn't work, try alternative pattern\n if (!text) {\n const altMatch = row.match(\n /]+class=['\"]comment['\"][^>]*>(.*?)<\\/div>/s,\n );\n if (altMatch) {\n const innerMatch = altMatch[1].match(/]*>(.*?)<\\/span>/s);\n text = innerMatch ? innerMatch[1] : altMatch[1];\n }\n }\n\n comments.push({ id, author, text, age, indent });\n }\n\n console.log(`Parsed ${comments.length} comments`);\n if (comments.length > 0) {\n console.log(\n \"First few comments indents:\",\n comments.slice(0, 10).map((c) => ({\n id: c.id,\n indent: c.indent,\n author: c.author,\n })),\n );\n }\n\n return comments;\n}\n\n// Extract article title and URL\nfunction parseArticle(html: string) {\n const titleMatch = html.match(\n /]*>.*?]*href=['\"]([^'\"]+)['\"][^>]*>([^<]+)<\\/a>/s,\n );\n return {\n url: titleMatch ? titleMatch[1] : \"\",\n title: titleMatch ? titleMatch[2] : \"Article\",\n };\n}\n\n// Count total replies for each comment\nfunction countReplies(comments: any[]) {\n const replyCounts = new Map();\n\n for (let i = 0; i < comments.length; i++) {\n const comment = comments[i];\n let replyCount = 0;\n\n // Count all nested replies (any comment with indent > this comment's indent that appears after it)\n for (let j = i + 1; j < comments.length; j++) {\n if (comments[j].indent > comment.indent) {\n replyCount++;\n } else {\n // Once we hit a comment at same or lower indent, we're done with this branch\n break;\n }\n }\n\n replyCounts.set(comment.id, replyCount);\n }\n\n return replyCounts;\n}\n\n// Build a tree of direct children only\nfunction buildCommentTree(\n comments: any[],\n startIdx: number,\n parentIndent: number,\n): any[] {\n const tree = [];\n let i = startIdx;\n\n while (i < comments.length) {\n const comment = comments[i];\n\n // Stop if we've gone back to same level as parent or shallower\n if (comment.indent <= parentIndent) {\n break;\n }\n\n // Only add direct children (exactly one level deeper)\n if (comment.indent === parentIndent + 1) {\n // Count how many descendants this comment has\n let descendantCount = 0;\n for (\n let j = i + 1;\n j < comments.length && comments[j].indent > comment.indent;\n j++\n ) {\n descendantCount++;\n }\n\n // Recursively build children\n const children = buildCommentTree(comments, i + 1, comment.indent);\n\n tree.push({\n ...comment,\n children: children,\n });\n\n // Skip past all descendants\n i += descendantCount + 1;\n } else {\n i++;\n }\n }\n\n return tree;\n}\n\nfunction renderCommentHTML(comment: any, depth: number = 0): string {\n const childCount = comment.children ? comment.children.length : 0;\n const hasChildren = childCount > 0;\n\n return `\n

\n ${\n hasChildren\n ? `[-]`\n : ''\n }\n ${comment.author}\n ${comment.age}\n ${\n hasChildren\n ? `${childCount} ${\n childCount === 1 ? \"reply\" : \"replies\"\n }`\n : \"\"\n }\n

${comment.text}

\n ${\n hasChildren\n ? `\n

\n ${\n comment.children.map((child: any) =>\n renderCommentHTML(child, depth + 1)\n ).join(\"\")\n }\n

\n `\n : \"\"\n }\n

\n `;\n}\n\napp.get(\"/\", (c) => {\n return c.html(`\n \n \n \n HN Comment Viewer\n \n \n \n

📰 HN Comment Viewer

Enter a Hacker News story URL to view comments sorted by reply count:

\n \n

\n \n \n `);\n});\n\napp.get(\"/view\", async (c) => {\n const url = c.req.query(\"url\");\n\n if (!url || !url.includes(\"news.ycombinator.com/item?id=\")) {\n return c.html(\"

Invalid URL

Go back

\");\n }\n\n try {\n const response = await fetch(url);\n const html = await response.text();\n\n const comments = parseComments(html);\n const article = parseArticle(html);\n const replyCounts = countReplies(comments);\n\n // Get only top-level comments (indent = 0)\n const topLevel = comments.filter((c) => c.indent === 0);\n console.log(\n `Found ${topLevel.length} top-level comments out of ${comments.length} total`,\n );\n\n // Sort by reply count\n topLevel.sort((a, b) =>\n (replyCounts.get(b.id) || 0) - (replyCounts.get(a.id) || 0)\n );\n\n // Build a map of comments with their reply trees\n const commentMap = new Map();\n topLevel.forEach((comment, idx) => {\n const commentIdx = comments.indexOf(comment);\n const tree = buildCommentTree(comments, commentIdx + 1, comment.indent);\n const totalReplies = replyCounts.get(comment.id) || 0;\n\n console.log(\n `Comment ${comment.id} (${comment.author}): ${tree.length} direct children, ${totalReplies} total replies`,\n );\n\n commentMap.set(comment.id, {\n comment,\n tree,\n totalReplies,\n });\n });\n\n if (topLevel.length === 0) {\n return c.html(`\n \n \n No Comments\n \n

No comments found

Could not parse comments from this page. This might be a page with no comments or the HTML structure has changed.

Go back

Debug: Found ${comments.length} total items

\n \n \n `);\n }\n\n const firstComment = topLevel[0];\n const firstData = commentMap.get(firstComment.id);\n const firstCommentWithChildren = {\n ...firstComment,\n children: firstData.tree,\n };\n\n return c.html(`\n \n \n \n HN Comments\n \n \n \n \n \n

\n \n ${\n topLevel.map((comment, idx) => {\n const data = commentMap.get(comment.id);\n const textPreview = comment.text.replace(/<[^>]*>/g, \"\").substring(\n 0,\n 120,\n );\n return `\n

${comment.author}

\n ${comment.age}\n ${\n data.totalReplies > 0\n ? `${data.totalReplies} ${\n data.totalReplies === 1 ? \"reply\" : \"replies\"\n }`\n : \"\"\n }\n

${textPreview}...

\n `;\n }).join(\"\")\n }\n

\n \n

\n ${renderCommentHTML(firstCommentWithChildren, 0)}\n

\n \n \n \n \n `);\n } catch (error) {\n return c.html(\n `

Error fetching comments

${error.message}

Go back

`,\n );\n }\n});\n\nexport default app.fetch;","deleted","label",[100],"permalink","https://www.val.town/x/cufaoil/hackernewsviewer/code/main.ts","extension","actionData","errors"]

📰 HN Comment Viewer

Invalid URL

No comments found

\n ${article.title} ↗\n ← New Search\n

Error fetching comments