Val Town Code SearchReturn to Val Town

3Replies to mentions on twitter with the emojis your photo evokes. Inspired by [Devon Zuegel](https://twitter.com/devonzuegel/status/1719789094035919144).
4
5![Screenshot 2023-11-07 at 07.46.43@2x.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e494cb82-0279-430d-5a95-ffb12d796200/public)
6
7Migrated from folder: Archive/emojisearch/emojiSearchBot

17          },
18          {
19            type: "image_url",
20            image_url:
21              "https://media.cleanshot.cloud/media/60976/KXVUGiSb0DD4jYqnaASkHYliQLpYPUnTBIiylySQ.jpeg?Expires=1699376932&Signature=XR1~tmcXRwHgQXh1BRZh3pa0RQrq00nSGTw3w-YHbNm6kCJXpCq13J6eORE1XDdZlPWq9yy5B~h6~nR889GmtuA67E5Fno839LyxPXA4RIBMIySVNF1py55grAba4JGZkt1oLqNeoKIcyUJYBOTcf41kNq0cJfEv0PSYrCpJbWiB1pcIAVg-WrgIF-R7MNdKQMwEUfSbbTSECRiTIIVU9GtBqqnGaSSot~2r28Tpj7~mACnyk9gNhewqeGOpYReCgw6cmmkrmh-5tNsqMtxeWoxXcT5EuXXEcX908grVzlLxLJQBQ5Tv2gmJprNsAIAgo6u01gWHAZL-OTpXn3firg__&Key-Pair-Id=K269JMAT9ZF4GZ",
22          },

3This Todo App is server rendered *and* client-hydrated React. This architecture is a lightweight alternative to NextJS, RemixJS, or other React metaframeworks with no compile or build step. The data is saved server-side in [Val Town SQLite](https://docs.val.town/std/sqlite/).
4
5![demo](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3bbc3a39-9017-4a95-797b-2f205aa57f00/public)
6
7## SSR React Mini Framework

33  title: string;
34  description: string;
35  image: string | null;
36  pubDate: string;
37  type: string;

51
52
53![Screenshot 2023-10-27 at 4.13.22 PM.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/25085f77-a961-4a6e-6dd2-bcdfb9164f00/public)
54
55

1import { email } from "https://esm.town/v/std/email";
2import { nasaImageDetails } from "https://esm.town/v/wallek/nasaImageDetails";
3
4export const todaysNasaMail = async () => {
5  const { html, nasaAPOD } = await nasaImageDetails();
6  console.log({ html, nasaAPOD });
7  const mailMeTodaysNasaImage = await email({
8    html: "<a href=\"https://wallek-nasaImage.web.val.run\">Weblink</a><br/><br/><br/>" + html,
9    subject: `Daily NASA – ${nasaAPOD.title}`,
10  });

29      const imgTag = document?.querySelector("img");
30      const imgSrc = imgTag?.getAttribute("src");
31      const image = imgSrc || mediaThumbnail || mediaContent || null;
32      const link = getLink(item);
33      const { _text, _cdata } = item.title ?? {};
36      const description = paragraph || item.description?._text
37        || item.description?._cdata || "";
38      return { title, description, image, pubDate, link };
39    }) ?? [];
40
49  title: string;
50  description: string;
51  image: string | null;
52  pubDate: string;
53  link: string;

2
3export let gifEndpoint = (req, res) => {
4  res.set("Content-Type", "image/gif");
5  res.send(
6    Buffer.from("R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=", "base64"),

1import { Buffer } from "node:buffer";
2
3export async function imageUrlToBase64(res: Response) {
4  // From https://stackoverflow.com/a/60321567
5  const buffer = Buffer.from(await res.arrayBuffer());

18                width:100% !important
19            }
20            .image-container {
21                height:68px !important;
22                width:110px !important;
27            }
28        }
29        .image-container {
30            background-color:#E0E0E0;
31            border-radius:4px;
33            width:128px;
34        }
35        .image-container img {
36            border-radius: inherit;
37            display: block;