Val Town Code SearchReturn to Val Town

9    description: "एक मजेदार कार्टून कहानी",
10    thumbnailUrl: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='120'><rect width='100%' height='100%' fill='%23f0f0f0'/><text x='50%' y='50%' text-anchor='middle' alignment-baseline='middle' font-size='20' fill='%23333'>🎬 वीडियो 1</text></svg>",
11    videoUrl: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
12  },
13  {
16    description: "दोस्ती की एक मीठी कहानी",
17    thumbnailUrl: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='120'><rect width='100%' height='100%' fill='%23e0e0e0'/><text x='50%' y='50%' text-anchor='middle' alignment-baseline='middle' font-size='20' fill='%23333'>🎥 वीडियो 2</text></svg>",
18    videoUrl: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
19  },
20  {
23    description: "AI की रचना का रोमांचक सफर",
24    thumbnailUrl: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='120'><rect width='100%' height='100%' fill='%23e0f0ff'/><text x='50%' y='50%' text-anchor='middle' alignment-baseline='middle' font-size='20' fill='%23333'>🤖 AI वीडियो</text></svg>",
25    videoUrl: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4"
26  },
27  {
30    description: "प्रियांश की रहस्यमय जंगल यात्रा",
31    thumbnailUrl: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='120'><rect width='100%' height='100%' fill='%23e0ffb0'/><text x='50%' y='50%' text-anchor='middle' alignment-baseline='middle' font-size='20' fill='%23333'>🌳 जंगल वीडियो</text></svg>",
32    videoUrl: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/SubaruImpreza.mp4"
33  },
34  {
37    description: "प्रियांश का रोबोट दोस्त और अंतरिक्ष यात्रा",
38    thumbnailUrl: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='120'><rect width='100%' height='100%' fill='%23b0e0ff'/><text x='50%' y='50%' text-anchor='middle' alignment-baseline='middle' font-size='20' fill='%23333'>🚀 अंतरिक्ष वीडियो</text></svg>",
39    videoUrl: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WeAreGoingOnBullrun.mp4"
40  },
41  {
44    description: "प्रियांश की अद्भुत समुद्री यात्रा",
45    thumbnailUrl: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='120'><rect width='100%' height='100%' fill='%23b0ffdc'/><text x='50%' y='50%' text-anchor='middle' alignment-baseline='middle' font-size='20' fill='%23333'>🌊 समुद्र वीडियो</text></svg>",
46    videoUrl: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4"
47  },
48  {
51    description: "प्रियांश के परिवार के साथ त्योहार की खुशियां",
52    thumbnailUrl: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='120'><rect width='100%' height='100%' fill='%23ffd0b0'/><text x='50%' y='50%' text-anchor='middle' alignment-baseline='middle' font-size='20' fill='%23333'>🎉 त्योहार वीडियो</text></svg>",
53    videoUrl: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerFun.mp4"
54  },
55  {

222      );
223
224      // Use OpenAI Vision API
225      const visionResponse = await openai.chat.completions.create({
226        model: "gpt-4-vision-preview",

63  const fetchStories = async () => {
64    try {
65      const response = await fetch("/api/stories");
66      if (!response.ok) throw new Error("Failed to fetch dates");
67      const data = await response.json();
77    try {
78      dispatch({ type: "loading", value: true });
79      const response = await fetch(`/api/comments?query=${encodeURIComponent(query)}&story=${story}&page=${page}`);
80      if (!response.ok) throw new Error("Failed to fetch comments");
81      const data = await response.json();
360export default async function(req: Request): Promise<Response> {
361  const url = new URL(req.url);
362  if (url.pathname === "/api/stories") {
363    const storySearch = await hnSearch({
364      search_by_date: true,
381  }
382
383  if (url.pathname === "/api/comments") {
384    const params = url.searchParams;
385    const query = params.get("query") || "";

11  },
12  {
13    "prompt": "weather dashboard for nyc using open-meteo API for NYC with icons",
14    "title": "Weather App",
15    "code": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>NYC Weather</title>\n    <link href=\"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css\" rel=\"stylesheet\">\n    <style>\n        .weather-icon {\n            font-size: 48px;\n            margin-bottom: 16px;\n        }\n    </style>\n</head>\n<body class=\"h-screen bg-blue-100 flex justify-center items-center p-4\">\n    <div class=\"bg-white p-8 rounded-md shadow-md w-full max-w-sm md:p-12 lg:p-16 xl:p-20\">\n        <h1 class=\"text-2xl font-bold mb-4 text-center text-blue-500\">NYC Weather</h1>\n        <div id=\"weather\" class=\"mb-4 p-4 text-center\">\n            <div id=\"temperature\" class=\"text-4xl font-bold mb-4\"></div>\n            <div id=\"condition\" class=\"text-xl font-medium mb-4\"></div>\n            <div id=\"humidity\" class=\"text-lg font-light mb-2\">Humidity: <span id=\"humidity-value\"></span>%</div>\n            <div id=\"wind\" class=\"text-lg font-light mb-2\">Wind: <span id=\"wind-value\"></span> mph</div>\n            <i id=\"weather-icon\" class=\"weather-icon text-blue-500\"></i>\n        </div>\n    </div>\n    <p class=\"fixed bottom-0 left-0 right-0 text-center p-4 text-gray-600 md:p-6 lg:p-8 xl:p-10\">\n        Built on <a class=\"text-blue-600\" href=\"https://cerebrascoder.com\">Cerebras Coder</a>\n    </p>\n\n    <script>\n        // Sample weather data\n        const weatherData = {\n            temperature: 75,\n            condition: 'Sunny',\n            humidity: 60,\n            wind: 10,\n            icon: 'sun'\n        };\n\n        document.getElementById('temperature').innerText = `${weatherData.temperature}°F`;\n        document.getElementById('condition').innerText = weatherData.condition;\n        document.getElementById('humidity-value').innerText = weatherData.humidity;\n        document.getElementById('wind-value').innerText = weatherData.wind;\n\n        // Map weather icon\n        const weatherIcons = {\n            'sun': '&#9728;',\n            'cloud': '&#9728;',\n            'rain': '&#9731;',\n            'snow': '&#9732;'\n        };\n\n        document.getElementById('weather-icon').innerHTML = weatherIcons[weatherData.icon] || '';\n    </script>\n</body>\n</html>",

8
91. Sign up for [Cerebras](https://cloud.cerebras.ai/)
102. Get a Cerebras API Key
113. Save it in your project env variable called `CEREBRAS_API_KEY`

5      <meta name="viewport" content="width=device-width, initial-scale=1.0">
6      <title>CerebrasCoder</title>
7      <link rel="preconnect" href="https://fonts.googleapis.com" />
8      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9      <link
10        href="https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"
11        rel="stylesheet"
12      />
21      <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
22      <meta property="og:type" content="website">
23      <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
24      
25          

211    } catch (error) {
212      Toastify({
213        text: "We may have hit our Cerebras Usage limits. Try again later or fork this and use your own API key.",
214        position: "center",
215        duration: 3000,

16    };
17  } else {
18    const client = new Cerebras({ apiKey: Deno.env.get("CEREBRAS_API_KEY") });
19    const completion = await client.chat.completions.create({
20      messages: [

11      try {
12        const response = await fetch(
13          `https://api.open-meteo.com/v1/forecast?latitude=${location.latitude}&longitude=${location.longitude}&current_weather=true&hourly=temperature_2m,weathercode&daily=weathercode,temperature_2m_max,temperature_2m_min&timezone=auto`,
14        );
15        const data = await response.json();

6* Fork this val to your own profile.
7* Make a folder for the temporary vals that get generated, take the ID from the URL, and put it in `tempValsParentFolderId`.
8* If you want to use OpenAI models you need to set the `OPENAI_API_KEY` [env var](https://www.val.town/settings/environment-variables).
9* If you want to use Anthropic models you need to set the `ANTHROPIC_API_KEY` [env var](https://www.val.town/settings/environment-variables).
10* Create a [Val Town API token](https://www.val.town/settings/api), open the browser preview of this val, and use the API token as the password to log in.
11
12<img width=500 src="https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7077d1b5-1fa7-4a9b-4b93-f8d01d3e4f00/public"/>