Minimalist Tweet Card

\n {text.split(\"\\n\").map((line, index) => (\n \n {line}\n {index < text.split(\"\\n\").length - 1 &&
}{\" \"}\n {/* Add
except for the last line */}\n \n ))}\n

\n );\n};\n\nconst ExternalLink = ({ url }: { url: string }) => {\n return (\n \n \n \n \n \n \n \n \n );\n};\n\nfunction TweetCard({ tweet }: { tweet: TweetData }) {\n return (\n

\n \n \n {tweet.author.name}\n @{tweet.author.screen_name}\n \n

\n \n

\n \n {tweet.media && }\n

\n 💬 {makeFriendly(tweet.replies)}\n 🔁 {makeFriendly(tweet.retweets)}\n ❤️ {makeFriendly(tweet.likes)}\n

\n \n {new Date(tweet.created_at).toLocaleDateString()}\n \n

\n );\n}\n\ninterface TweetMediaProps {\n media: {\n videos?: TweetVideo[];\n photos?: TweetPhoto[];\n };\n}\n\nconst TweetMedia = ({ media }: TweetMediaProps) => {\n const mediaItems = [...(media.videos || []), ...(media.photos || [])];\n\n return (\n

\n {mediaItems.map((item, index) => (\n

\n {item.type === \"video\"\n ? (\n \n )\n : $\"Tweet$ }\n

\n ))}\n

\n );\n};\n\nfunction App() {\n return (\n

\n \n

\n View source on{\" \"}\n Val Town\n

\n );\n}\n\nfunction client() {\n const rootElement = document.getElementById(\"root\");\n if (rootElement) {\n createRoot(rootElement).render();\n } else {\n console.error(\"Root element not found\");\n }\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default function server(request: Request): Response {\n return new Response(\n `\n \n \n Minimalist Tweet Card\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/nbbaier/twitterCards/code/tweetCard.tsx","extension","actionData","errors"]