Val Town Code SearchReturn to Val Town

5As Val Town's [most active user](https://www.val.town/v/pomdtr/leaderboard) (behind Steve Krouse, one of the founders of Val Town), I for sure agree with Tom that the search feature needs improvements. But while reading his post, I immediately thought of a different approach to the problem. And a few hours later, [Val Town Search](https://val-town-search.pomdtr.me/) was born.
6
7![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/aedc62e9-afd9-4610-a2aa-58dd0a35a200/public)
8
9## Do things that don't scale
116Does it work better than the current search feature of Val Town? Absolutely!
117
118![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/39879ddb-0884-4216-102f-2c178f9c6900/public)
119
120I hope that the val.town engineers will come up with a search feature that will put my little project to shame. But for now, you won't find a better way to search for vals than [Val Town Search](https://val-town-search.pomdtr.me/).

1# Add an email entry option to your static website/blog. Easy peasy. 🚀
2
3![newsletter.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/a021f2f2-920a-4825-f38b-3f529edbe700/public)
4
5PoV: You just hacked together a portfolio website or launched a blog as a static website. *Some people who visit might be interested in hearing more from you.*  ❤️

22### Pushover notifications
23
24![image](https://github.com/PranjalAgni/bytesdotdev-notifier/assets/26196076/f0a73a88-7bbe-4af8-b633-22fa5121f4f8)
25

108      "User-Agent":
109        "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36",
110      "Accept": "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8",
111      "Accept-Language": "en-US,en;q=0.5",
112      "Sec-Fetch-Site": "cross-site",

3  if (url.pathname == "/val-town") {
4    return Response.redirect(
5      "https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e8532b85-8de0-40f5-47a1-d4b9580ff200/public",
6    );
7  } else if (url.pathname == "/val-town-dark") {
8    return Response.redirect(
9      "https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f774eb95-7207-43bf-3a6b-a9a423d9bb00/public",
10    );
11  } else {

1/**
2 * @title Reading and Writing Blobs
3 * @description Val Town comes with blob storage built-in. It allows for storing any data: text, JSON, images
4 * @resource [Blob Val](https://www.val.town/v/std/blob)
5 */
17// The lower level set and get can be used to store non-JSON or binary data.
18const resp = await fetch("https://picsum.photos/600/300");
19await blob.set("image", resp.body);
20const image = await blob.get("image");

33        <link
34          rel="icon"
35          href="https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e8532b85-8de0-40f5-47a1-d4b9580ff200/public"
36        />
37      </head>
92        <link
93          rel="icon"
94          href="https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e8532b85-8de0-40f5-47a1-d4b9580ff200/public"
95        />
96      </head>

3View and interact with your Val Town SQLite data. It's based off Steve's excellent [SQLite Admin](https://www.val.town/v/stevekrouse/sqlite_admin?v=46) val, adding the ability to run SQLite queries directly in the interface. This new version has a revised UI and that's heavily inspired by [LibSQL Studio](https://github.com/invisal/libsql-studio) by [invisal](https://github.com/invisal). This is now more an SPA, with tables, queries and results showing up on the same page. 
4
5![image.webp](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c8e102fd-39ca-4bfb-372a-8d36daf43900/public)
6
7## Install 

3View and interact with your Val Town SQLite data. It's based off Steve's excellent [SQLite Admin](https://www.val.town/v/stevekrouse/sqlite_admin?v=46) val, adding the ability to run SQLite queries directly in the interface. This new version has a revised UI and that's heavily inspired by [LibSQL Studio](https://github.com/invisal/libsql-studio) by [invisal](https://github.com/invisal). This is now more an SPA, with tables, queries and results showing up on the same page. 
4
5![image.webp](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c8e102fd-39ca-4bfb-372a-8d36daf43900/public)
6
7## Install 

16
17  // Get the data we want and send
18  let imgUrl = getImageUrl(frag, url);
19  let imgData = await getImageDataFromUrl(imgUrl);
20  let title = getTitle(frag);
21  let description = getDescription(frag);
23}
24
25function getImageUrl(frag, url) {
26  let imgUrl = "";
27  let selectors = [
28    "meta[property=\"og:image:secure_url\"]",
29    "meta[property=\"og:image:url\"]",
30    "meta[property=\"og:image\"]",
31    "meta[name=\"twitter:image:src\"]",
32    "meta[property=\"twitter:image:src\"]",
33    "meta[name=\"twitter:image\"]",
34    "meta[property=\"twitter:image\"]",
35    "meta[itemprop=\"image\"]",
36  ];
37  // Get image from the HTML fragment
38  let element;
39  for (let i = 0; i < selectors.length; i++) {
44  }
45
46  // Still not present? Try to get the image of the author and use it instead
47  element = frag.querySelector("img[alt*=\"author\" i]");
48  if (!imgUrl && element && element.src) {
50  }
51
52  // Still not present? Well let's take ANY visible image from the page.
53  // You leave me no choice, my friend.
54  element = frag.querySelector("img[src]:not([aria-hidden=\"true\"])");
65}
66
67async function getImageDataFromUrl(url) {
68  const response = await fetch(url);
69  const base64data = Buffer.from(await response.arrayBuffer()).toString("base64");
70  return "data:image/png;base64," + base64data;
71}
72
80  ];
81
82  // Get image from the HTML fragment
83  for (let i = 0; i < selectors.length; i++) {
84    element = frag.querySelector(selectors[i]);