2e:null 2f:["$","title",null,{"children":"Panopticon Latest Replies by Topic | palimpsest | Observable"}] 34:[] 32:{"id":"2ab80883666855ae","slug":"panopticon-latest-replies-by-topic","title":"Panopticon Latest Replies by Topic","thumbnail":"95a506f323d4aef09490ee2128d4eaa4e69dcac660648037eba1cbb585cd97db","access_level":"public","create_time":"$D2025-12-07T09:53:57.310Z","update_time":"$D2025-12-07T10:30:46.477Z","view_time":null,"first_public_time":"$D2025-12-07T09:53:57.310Z","has_unpublished_edits":null,"fork":{"id":"69f67038be391a1a","slug":"panopticon-latest-replies","title":"Panopticon Latest Replies","owner":{"id":"5a0b9ab3ecb02e40","login":"palimpsest","name":"palimpsest"}},"stars":0,"starred":false,"owner":{"type":"team","id":"5a0b9ab3ecb02e40","login":"palimpsest","name":"palimpsest","avatar_url":"https://avatars-next.observableusercontent.com/1a685fbd1b98ef5b1d2558da08b6e55946d4df957c4746fbf934c42c2984240a","tier":"starter_2024"},"version":212,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5ee139d907a161d7","login":"palimpsest","name":"palimpsest","avatar_url":"https://avatars-next.observableusercontent.com/1a685fbd1b98ef5b1d2558da08b6e55946d4df957c4746fbf934c42c2984240a","tier":null}],"members":[{"type":"team","id":"5a0b9ab3ecb02e40","login":"palimpsest","name":"palimpsest","avatar_url":"https://avatars-next.observableusercontent.com/1a685fbd1b98ef5b1d2558da08b6e55946d4df957c4746fbf934c42c2984240a","tier":"starter_2024","role":"editor"},{"type":"individual","id":"5ee139d907a161d7","login":"palimpsest","name":"palimpsest","avatar_url":"https://avatars-next.observableusercontent.com/1a685fbd1b98ef5b1d2558da08b6e55946d4df957c4746fbf934c42c2984240a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Panopticon Latest Replies by Topic","cells":[{"id":0,"value":"# Panopticon Latest Replies by Topic\n\nTo retrieve a topic id go to the topic url: \nhttps://www.qbn.com/topics/546947-what-are-you-listening-to/ \nRetrieve the number: **546947**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":166,"value":"viewof topicId = Inputs.text({label: \"Topic ID\", submit:true, value: 546947})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"Fetch amount corresponds to the total amount of posts fetched (all topics included). If there are no result for your topic increase the fetch amount.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":175,"value":"viewof fetchAmount = Inputs.text({label: \"Fetch amount\", submit:true, value: 100})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"--- \n\n## Links from replies (${latestRepliesLinks.flat().length})\n\nLinks extracted from the replies.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":197,"value":"JSON.stringify(latestRepliesLinks.flat(), null, 2);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"--- \n\n## Posts from replies (${latestReplies.length})","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":32,"value":"html `${latestReplies}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"## Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":100,"value":"function extractReply(value) {\n const date = value.published\n let output = \"

\" + value.user + \"

\"\n output += ''\n output += date.toUTCString()\n output += ''\n output += '

' + value.topicTitle + '

'\n\n output += '

'\n output += value.post //mp4UrlToVideoEmbed(value.post)\n output += \"

Score: \" + value.score + \"

\"\n output += \"

Notes

\"\n output += value.notes.map(v => \"\"+v.user + \": \" + v.comment + \" \").join(\" | \")\n output += '

'\n return output\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"function extractSrcUrls(htmlContent){\n // Regex explanation:\n // /src\\s*=\\s*['\"](.*?)['\"]/gi\n // 1. src: Matches the literal 'src'\n // 2. \\s*=\\s*: Matches the equals sign, allowing for zero or more spaces around it\n // 3. ['\"]: Matches either a single or double quote, starting the attribute value\n // 4. (.*?): The capturing group! This matches any character (.) \n // zero or more times (*) non-greedily (?), which captures the URL.\n // 5. ['\"]: Matches the closing quote\n // 6. g: Global flag, finds ALL matches, not just the first one\n // 7. i: Case-insensitive flag\n const srcRegex = /src\\s*=\\s*['\"](.*?)['\"]/gi;\n\n // String.prototype.matchAll returns an iterator of all results (including capturing groups).\n // We convert it to an array and then map over it.\n // The captured URL is the second element (index 1) in the match array.\n return Array.from(htmlContent.matchAll(srcRegex), (match) => match[1]);\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"function mp4UrlToVideoEmbed(inputString){\n // Regular expression pattern to match URLs ending with .mp4\nconst urlPattern = /https?:\\/\\/[^\\s\"]+\\.mp4\\b/g;\n\n// Replace URLs with video embed objects\nconst convertedString = inputString.replace(urlPattern, (url) => {\n return `

`;\n});\n return convertedString\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"latestReplies = dataByTopic.map(value => extractReply(value)).reverse()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"latestRepliesLinks = dataByTopic.map(v => extractSrcUrls(v.post));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"dataByTopic = data.filter(v => v.topic == topicId);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"data = getRepliesByAmount(fetchAmount)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"import {getRepliesByAmount} from \"be1c16dba078b46e\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"