// WIP reddit embed static /** @jsxImportSource https://esm.sh/react */ import { encode as base64Encode } from "https://deno.land/std@0.177.0/encoding/base64.ts"; import { renderToStaticMarkup } from "https://esm.sh/react-dom/server"; const CLIENT_ID = Deno.env.get("REDDIT_CLIENT_ID"); const CLIENT_SECRET = Deno.env.get("REDDIT_SECRET"); function Embed(props) { // TODO: use the correct video URL and add placeholder background image const vid = props.secure_media?.reddit_video?.fallback_url; return ( {vid && ( <>

)}

{props.title}

{props.ups} upvotes on Reddit

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

); return new Response(html, { headers: { "Content-Type": "text/html", }, }); } async function getRedditAccessToken() { const authString = base64Encode(`${CLIENT_ID}:${CLIENT_SECRET}`); const tokenResponse = await fetch("https://www.reddit.com/api/v1/access_token", { method: "POST", headers: { "Authorization": `Basic ${authString}`, "Content-Type": "application/x-www-form-urlencoded", }, body: "grant_type=client_credentials", }); const tokenData = await tokenResponse.json(); return tokenData.access_token; } async function fetchPost(token: string, subreddit: string, postId: string) { const response = await fetch(`https://oauth.reddit.com/r/${subreddit}/comments/${postId}/.json`, { headers: { "Authorization": `Bearer ${token}`, "User-Agent": "ValTownScript/1.0", }, }); return response.json(); } // test ?id=17at2r7&sub=Unity3D

RedditEmbed2