Val Town Code SearchReturn to Val Town

440          {profile && (
441            <div className="flex items-center space-x-4">
442              <img src={profile.profileImageUrl} alt="Profile" className="w-8 h-8 rounded-full" />
443              <span>{profile.username}</span>
444              <a href="/auth/logout" className="text-blue-400 hover:text-blue-300">Logout</a>
583                            alt="Blob content"
584                            className="max-w-full h-auto"
585                            onError={() => console.error("Error loading image")}
586                          />
587                        </div>
635                  <li>Create public shareable links for blobs</li>
636                  <li>View and manage public folder</li>
637                  <li>Preview images directly in the interface</li>
638                </ul>
639              </div>
694  const { ValTown } = await import("npm:@valtown/sdk");
695  const vt = new ValTown();
696  const { email: authorEmail, profileImageUrl, username } = await vt.me.profile.retrieve();
697  // const authorEmail = me.email;
698
762
763  c.set("email", email);
764  c.set("profile", { profileImageUrl, username });
765  await next();
766};

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 

18  * Response.redirect is broken. Use `return new Response(null, { status: 302, headers: { Location: "/place/to/redirect" }})`
19
20  * Avoid external images or base64 images, use emojis, unicode symtols, or icon fonts/libraries instead, unless that's  not practical for the user's request (e.g. if they ask for a particular animated gif).
21
22  * If you want an AI generated image, use https://maxm-imggenurl.web.val.run/the-description-of-your-image to dynamically generate one.
23
24  * DO NOT use the Deno KV module for storage.

18  * Response.redirect is broken. Use `return new Response(null, { status: 302, headers: { Location: "/place/to/redirect" }})`
19
20  * Avoid external images or base64 images, use emojis, unicode symtols, or icon fonts/libraries instead, unless that's  not practical for the user's request (e.g. if they ask for a particular animated gif).
21
22  * If you want an AI generated image, use https://maxm-imggenurl.web.val.run/the-description-of-your-image to dynamically generate one.
23
24  * DO NOT use the Deno KV module for storage.

4  "description": "The data for this page was created by using Val Town as a CMS",
5  "val": "@rodrigotello.valTownInspoList",
6  image:
7    "https://air-prod.imgix.net/abff23bf-fc18-485f-a6b5-4a1c8b7f91ec.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
8}, {
10  "description": "Returns NASA's Astronomy Picture of the Day (APOD)",
11  "val": "@rodrigotello.nasaAPOD",
12  "image":
13    "https://air-prod.imgix.net/11ab8b2e-c052-4574-8341-96d5d74040cc.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
14}, {
16  "description": "Get email notifications any time an author you follow posts in Hacker News.",
17  "val": "@rodrigotello.hnFollow",
18  "image":
19    "https://air-prod.imgix.net/61e08fed-c77e-4a7b-9ae5-1efabb349574.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
20}, {
22  "description": "Get a GithHub users' public events",
23  "val": "@stevekrouse.githubEvents",
24  image:
25    "https://air-prod.imgix.net/3545d2cb-7cae-49d9-98b7-832428d2af34.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
26}, {
28  "description": "Track Twitter mentions and be alerted via email",
29  "val": "@stevekrouse.twitterAlert",
30  image:
31    "https://air-prod.imgix.net/4c81af31-0832-4c72-8afb-34ef23fa03c9.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
32}, {
35    "Get email alerts when the air quality is bad. Val created with much help from @russbiggs (Director of Technology at OpenAQ)",
36  "val": "@stevekrouse.aqi",
37  image:
38    "https://air-prod.imgix.net/1a21321c-2bb7-4aa8-8c26-eb58cf1787a2.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
39}, {
41  "description": "ChatGPT powered bot for the sole purpose of annoying friends on Bluesky.",
42  "val": "@ajax.annoy",
43  image:
44    "https://air-prod.imgix.net/d21d3c1f-99e9-4356-85ed-bc6d7746c867.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
45}, {
47  "description": "Get a venue calendar through Resy",
48  "val": "@rlesser.Resy_getVenueCalendar",
49  image:
50    "https://air-prod.imgix.net/cab68838-bc60-48a2-8b00-50f203ac303d.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
51}, {
53  "description": "Get an email when Bitcoin price changes more than 20%",
54  "val": "@stevekrouse.btcPriceAlert",
55  image:
56    "https://air-prod.imgix.net/0d6605d2-b3ab-4bcb-9cf4-06580c5007ee.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
57}, {
59  "description": "Your own RSS feed. Just create a list of the blogs you want to follow.",
60  "val": "@stevekrouse.pollRSSFeeds",
61  image:
62    "https://air-prod.imgix.net/9ad2b03e-ea41-4402-b18d-50df75f29d5e.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
63}, {
65  "description": "Check if your website (or any website) is down.",
66  "val": "@healeycodes.isMyWebsiteDown",
67  image:
68    "https://air-prod.imgix.net/c662747c-92cd-4e3a-ac91-1209f7cf6fb5.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
69}, {
71  "description": "Get emails with the open PRs that have't had any activity.",
72  "val": "@ramkarthik.staleGithubPRsEmail",
73  image:
74    "https://air-prod.imgix.net/640fc428-31a1-44b3-a9ac-4af8474fa867.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
75}, {
77  "description": "Track when your favorite products are back in stock.",
78  "val": "@Glench.wholeFoodsRSS",
79  image:
80    "https://air-prod.imgix.net/2ab8f2e0-3146-4c92-a4de-f0e49ef9e456.jpg?w=600&h=2000&auto=compress&ixlib=react-9.5.4",
81}, {
84    "Create a Discord welcome bot using scheduled vals. You can <a href=\"https://docs.val.town/integrations/discord/bot/\">read the full tutorial here</a>.",
85  "val": "@vtdocs.discordWelcomeBotCron",
86  image:
87    "https://air-prod.imgix.net/9286aea4-98c3-4c6e-aa45-537932a51dfb.jpg?w=600&h=2000&auto=compress&ixlib=react-9.5.4",
88}, {
90  "description": "Evaluate anything from Slack via Val Town and get results back right in Slack.",
91  "val": "@nate.slackapp",
92  image:
93    "https://air-prod.imgix.net/70698db9-7715-4092-bbc1-be51ad08ff28.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
94}, {
96  "description": "Create a super playlist from all your Spotify's Weekly Discovery",
97  "val": "@stevekrouse.spotifyArchiveDiscoverWeekly",
98  image:
99    "https://air-prod.imgix.net/78470f14-26f3-4733-863b-b0c0572769f3.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
100}, {
103    "Submit forms to Val Town using the Express API. <a href=\"https://docs.val.town/guides/save-html-form-data/\">Read full guide</a>.",
104  "val": "@vtdocs.renderFormAndSaveData",
105  image:
106    "https://air-prod.imgix.net/466437ed-3cf2-4305-8feb-b69413dc748e.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
107}, {
109  "description": "Get a dad joke in your inbox. Every. Day.",
110  "val": "@stevekrouse.sendDailyJoke",
111  image: "https://d2n7zzn8a1gueu.cloudfront.net/8e81fb86-5be8-44d8-9080-97f2979aa254.jpg",
112}, {
113  "title": "Create a webhook",
115    "Get realtime notifications. <a href=\"https://docs.val.town/guides/creating-a-webhook/\">Check the full guide</a>.",
116  "val": "@stevekrouse.handleDiscordNewUser",
117  image:
118    "https://air-prod.imgix.net/11aee64e-8d3d-4f13-9bb0-e1cef14bc74c.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
119}, {
121  "description": "Generate PDFs using val functions by using an external library like jsPDF",
122  "val": "@vtdocs.examplePDF",
123  image:
124    "https://air-prod.imgix.net/719430b6-eb81-4bfa-8c21-ba834840fb92.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
125}, {
128    "Get the current price of a stock. This val is useful in Google Sheets as a Google Finance alternative.",
129  "val": "@stevekrouse.stockPrice",
130  image: "https://d2n7zzn8a1gueu.cloudfront.net/5cecf177-4531-4cf5-8980-e15e06c60bd8.jpg",
131}];

12  let html = `<h1>${valTownInspo.title}</h1>
13  <p>${valTownInspo.description}</p>
14  <a href="https://val.town/${valTownInspo.val}"><img src="${valTownInspo.image}" style="max-width:576px"/></a>
15  <p>
16  </p>

18  * Response.redirect is broken. Use `return new Response(null, { status: 302, headers: { Location: "/place/to/redirect" }})`
19
20  * Avoid external images or base64 images, use emojis, unicode symtols, or icon fonts/libraries instead, unless that's  not practical for the user's request (e.g. if they ask for a particular animated gif).
21
22  * If you want an AI generated image, use https://maxm-imggenurl.web.val.run/the-description-of-your-image to dynamically generate one.
23
24  * DO NOT use the Deno KV module for storage.

7
8
9![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/87a7941b-977d-4d35-f3e9-c5f3bea51f00/public)
10

2
3
4![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/aa865299-573f-4359-497a-9e0f7af6dc00/public)
5
6Use an import map to make sure your Val frontend and backend are always using the exact same versions. 
22You can see that the `"https://esm.sh/react"` import imports the version directly without any redirects. Saving on network hops and also ensuring version stability!
23
24<p><img width=400 src="https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/38d61d0a-0dee-42de-dd44-b4ce9bd57000/public" /></p>
25
26

104        role: "system",
105        content:
106          `Describe an image that depicts the ${adjective} children's story about a ${color} colored ${animal}: ${summary}.
107        The description should be descriptive, but three short sentences.
108        Just give me the instructions, don't make an image.`,
109      },
110    ],
123  // fast-lightning-sdxl
124  const options = {
125    "image_size": "square",
126    "num_images": 1,
127    "num_inference_steps": 6,
128    "enable_safety_checker": true,
129  }
130  // {"num_images": 1,
131  // "guidance_scale": 9.5,
132  // "num_inference_steps": 20,
133  // "expand_prompt": true }
134  const result: any = await fal.run(`fal-ai/${falModel}`, { input: { prompt }, options })
135  const url = result.images[0].url
136
137  return url
142    title: ogData?.title || "Bedtime Story Maker",
143    description: ogData?.description || "",
144    image: ogData?.image || "",
145    url: ogData?.url || `https://dthyresson-bedtimestorymaker.web.val.run/bedtime_stories}`,
146  }
461      title,
462      description: summary,
463      image: pictureUrl,
464      url: `https://dthyresson-bedtimestorymaker.web.val.run/bedtime_stories/read/${id}`,
465    }