{props.title}

\n \n {props.ups} upvotes on Reddit\n \n

\n \n \n );\n}\n\nexport default async function main(req: Request): Promise {\n const url = new URL(req.url);\n const id = url.searchParams.get(\"id\");\n const sub = url.searchParams.get(\"sub\");\n\n if (!sub || !id) {\n return Response.json({ message: \"Requires post id & sub params\" });\n }\n\n const token = await getRedditAccessToken();\n const res = await fetchPost(token, sub, id);\n const data = res[0]?.data?.children[0]?.data;\n\n const html = renderToStaticMarkup(

);\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}\n\nasync function getRedditAccessToken() {\n const authString = base64Encode(`${CLIENT_ID}:${CLIENT_SECRET}`);\n const tokenResponse = await fetch(\"https://www.reddit.com/api/v1/access_token\", {\n method: \"POST\",\n headers: {\n \"Authorization\": `Basic ${authString}`,\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n },\n body: \"grant_type=client_credentials\",\n });\n const tokenData = await tokenResponse.json();\n return tokenData.access_token;\n}\n\nasync function fetchPost(token: string, subreddit: string, postId: string) {\n const response = await fetch(`https://oauth.reddit.com/r/${subreddit}/comments/${postId}/.json`, {\n headers: {\n \"Authorization\": `Bearer ${token}`,\n \"User-Agent\": \"ValTownScript/1.0\",\n },\n });\n return response.json();\n}\n// test ?id=17at2r7&sub=Unity3D",[],[174],"files",[153,172],"counts",{"_186":32,"_187":188,"_189":32,"_190":191},"pulls","branches",1,"forks","envVars",{"_192":32,"_193":32},"count","emptyCount","contents",[],{"_104":154,"_158":141,"_155":156,"_96":100,"_165":166,"_163":164,"_101":162,"_157":-5,"_106":197,"_159":140,"_168":-5,"_99":198},["D",1745419992776],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_94":95,"_96":97,"_98":44,"_101":-7,"_99":100,"_102":207,"_151":212,"_182":219,"_164":220,"_194":223,"_224":-5,"_225":-5,"_226":-5,"_227":-5,"_228":229},{"_104":105,"_96":97,"_106":208,"_108":-5,"_109":110,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":110,"_119":-5,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":209,"_135":210,"_138":211,"_150":22},["D",1745419918133],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":115},{"_101":140,"_96":44,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":97,"_149":95},[213,216],{"_104":154,"_96":100,"_155":156,"_157":-5,"_158":141,"_159":140,"_160":110,"_106":161,"_101":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_169":214,"_99":215},[],[100],{"_104":173,"_96":174,"_155":117,"_157":-5,"_158":141,"_159":175,"_160":110,"_106":176,"_101":177,"_163":178,"_165":179,"_167":22,"_168":-5,"_169":217,"_99":218},[],[174],[213,216],{"_104":154,"_158":141,"_155":156,"_96":100,"_165":166,"_163":164,"_101":162,"_157":-5,"_106":221,"_159":140,"_168":-5,"_99":222},["D",1745419992776],[100],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

jxnblk

RedditEmbed2