Val Town Code SearchReturn to Val Town

63  refetch: () => void;
64}) {
65  const { token, anthropicApiKey } = useAuth();
66  const [images, setImages] = useState<(string|null)[]>([]);
67  const [selectedFiles, setSelectedFiles] = useState<string[]>([]);
81    project,
82    branchId,
83    anthropicApiKey,
84    bearerToken: token,
85    selectedFiles,

1import { searchWithSerpApi } from "https://esm.town/v/charmaine/searchWithSerpApi";
2import { discordWebhook } from "https://esm.town/v/stevekrouse/discordWebhook";
3
4// Customize your search parameters
5const KEYWORDS = "\"val town\" OR \"val.town\" OR \"val.run\"";
6const DISCORD_API_KEY = Deno.env.get("mentionsDiscord");
7const SERP_API_KEY = Deno.env.get("SERP_API_KEY");
8
9// Set isProd = false for testing and = true for production
13
14export async function redditAlert({ lastRunAt }: Interval) {
15  if (!SERP_API_KEY || !DISCORD_API_KEY) {
16    console.error("Missing SERP_API_KEY or Discord webhook URL. Exiting.");
17    return;
18  }
19
20  // Determine the time frame for the search
21  // Details on as_qdr: https://serpapi.com/advanced-google-query-parameters#api-parameters-advanced-search-query-parameters-as-qdr
22  const timeFrame = isProd
23    ? lastRunAt
27
28  try {
29    const response = await searchWithSerpApi({
30      query: KEYWORDS,
31      site: "reddit.com",
32      apiKey: SERP_API_KEY,
33      as_qdr: timeFrame,
34    });
62    if (isProd) {
63      await discordWebhook({
64        url: DISCORD_API_KEY,
65        content,
66      });

1console.log(Deno.env.get("SERP_API_KEY"));

72. Send notifications to your preferred platform (Discord, Slack, email, etc.)
8
9Reddit does not have an API that allows users to scrape data, so we are doing this with the Google Search API, [Serp](https://serpapi.com/). 
10
11---
29
30---
31### 3. Get a SerpApi Key
32This template requires a [SerpApi](https://serpapi.com/) key to search Reddit posts via Google search results.
33
341. **Get a SerpApi key**:
35   - Sign up at [SerpApi](https://serpapi.com/) to create an account.
36   - Generate an API key from your account dashboard.
37
382. **Add the SerpApi key to your environment variables**:
39   - Go to your [Val Town environment variables](https://www.val.town/settings/environment-variables).
40   - Add a new key:
41     - Key: `SERP_API_KEY`
42     - Value: Your SERP API key.
43
44Without this key, the val will not function correctly.
75
76### NOTE: Usage Limits
77- **SerpApi:** Free SerpApi accounts have monthly call limits.

188          rel="noopener noreferrer"
189        >
190          OpenAI’s in-painting API
191        </a>{" "}
192        expects.

15## How to use this Val
16
17🔑 **Important** https://apiflash.com free key required for generating screenshots. (Will update with option to generate on device)
18
19This Val is separated into 2 directories, the `api/` and the `frames/`.
20Take a look at each frame to see an example of what will be displayed on your e-ink display.
21
22The `api/` directory holds endpoints for each Val. These endpoints could be used across projects
23and will soon be moved to their own. Each one is cached server side (on val.town) to reduce traffic to free/public apis.
24
25Remixes and pull requests welcome!

2import React from "https://esm.sh/react";
3import { renderToString } from "https://esm.sh/react-dom/server";
4import GetWeather, { type WEATHER_FORECAST } from "../api/weather.ts";
5import { BodyWrapper, Content, Footer, Header, Headline } from "../components.tsx";
6

34  const url = new URL(req.url);
35
36  const apiUrl =
37    `https://api.open-meteo.com/v1/forecast?latitude=${latitude}&longitude=${longitude}&current_weather=true&temperature_unit=fahrenheit`;
38  const cacheKey = `weather-forecast-${latitude}-${longitude}`;
39
40  // Cache for 30 minutes
41  const data: WEATHER_FORECAST = await fetchWithCache(apiUrl, cacheKey, 30).then((res) => res.json());
42  return new Response(JSON.stringify(data), {
43    headers: {

2import React from "https://esm.sh/react";
3import { renderToString } from "https://esm.sh/react-dom/server/";
4import GetNews from "../api/news.ts";
5import { BodyWrapper, Content, Footer, Header, Headline } from "../components.tsx";
6
7// REQUIRES API KEY - see api/news.ts
8function Render({ news }: { news: Record<string, any> }) {
9  const line = "To be taught if fortunate";

1import fetchWithCache from "./fetchWithCache.ts";
2
3const GUARDIAN_API_KEY = Deno.env.get("GUARDIAN_API_KEY");
4
5export default async function(req: Request): Promise<Response> {
21  };
22
23  const address = `https://content.guardianapis.com/search?api-key=${GUARDIAN_API_KEY}&page-size=${size}`;
24  const apiUrl = address + `&${new URLSearchParams(searchParameters).toString()}`;
25  const cacheKey = `guardian_headlines_${size}`;
26
27  const data = await fetchWithCache(apiUrl, cacheKey).then((res) => res.json());
28  return new Response(JSON.stringify(data), {
29    headers: {