{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","deleted","label",[99],"permalink","https://www.val.town/x/jxnblk/RedditEmbed2/code/main.tsx","extension","actionData","errors"]