Val Town Code SearchReturn to Val Town

70  const menuRef = useRef(null);
71  const isPublic = blob.key.startsWith("__public/");
72  const publicUrl = isPublic ? `${window.location.origin}/api/public/${encodeURIComponent(blob.key.slice(9))}` : null;
73
74  useEffect(() => {
234    setLoading(true);
235    try {
236      const response = await fetch(`/api/blobs?prefix=${encodeKey(searchPrefix)}&limit=${limit}`);
237      const data = await response.json();
238      setBlobs(data);
261      setBlobContentLoading(true);
262      try {
263        const response = await fetch(`/api/blob?key=${encodeKey(clickedBlob.key)}`);
264        const content = await response.text();
265        setSelectedBlob({ ...clickedBlob, key: decodeKey(clickedBlob.key) });
275  const handleSave = async () => {
276    try {
277      await fetch(`/api/blob?key=${encodeKey(selectedBlob.key)}`, {
278        method: "PUT",
279        body: editContent,
287  const handleDelete = async (key) => {
288    try {
289      await fetch(`/api/blob?key=${encodeKey(key)}`, { method: "DELETE" });
290      setBlobs(blobs.filter(b => b.key !== key));
291      if (selectedBlob && selectedBlob.key === key) {
304        const key = `${searchPrefix}${file.name}`;
305        formData.append("key", encodeKey(key));
306        await fetch("/api/blob", { method: "POST", body: formData });
307        const newBlob = { key, size: file.size, lastModified: new Date().toISOString() };
308        setBlobs([newBlob, ...blobs]);
326      try {
327        const fullKey = `${searchPrefix}${key}`;
328        await fetch(`/api/blob?key=${encodeKey(fullKey)}`, {
329          method: "PUT",
330          body: "",
341  const handleDownload = async (key) => {
342    try {
343      const response = await fetch(`/api/blob?key=${encodeKey(key)}`);
344      const blob = await response.blob();
345      const url = window.URL.createObjectURL(blob);
360    if (newKey && newKey !== oldKey) {
361      try {
362        const response = await fetch(`/api/blob?key=${encodeKey(oldKey)}`);
363        const content = await response.blob();
364        await fetch(`/api/blob?key=${encodeKey(newKey)}`, {
365          method: "PUT",
366          body: content,
367        });
368        await fetch(`/api/blob?key=${encodeKey(oldKey)}`, { method: "DELETE" });
369        setBlobs(blobs.map(b => b.key === oldKey ? { ...b, key: newKey } : b));
370        if (selectedBlob && selectedBlob.key === oldKey) {
380    const newKey = `__public/${key}`;
381    try {
382      const response = await fetch(`/api/blob?key=${encodeKey(key)}`);
383      const content = await response.blob();
384      await fetch(`/api/blob?key=${encodeKey(newKey)}`, {
385        method: "PUT",
386        body: content,
387      });
388      await fetch(`/api/blob?key=${encodeKey(key)}`, { method: "DELETE" });
389      setBlobs(blobs.map(b => b.key === key ? { ...b, key: newKey } : b));
390      if (selectedBlob && selectedBlob.key === key) {
399    const newKey = key.slice(9); // Remove "__public/" prefix
400    try {
401      const response = await fetch(`/api/blob?key=${encodeKey(key)}`);
402      const content = await response.blob();
403      await fetch(`/api/blob?key=${encodeKey(newKey)}`, {
404        method: "PUT",
405        body: content,
406      });
407      await fetch(`/api/blob?key=${encodeKey(key)}`, { method: "DELETE" });
408      setBlobs(blobs.map(b => b.key === key ? { ...b, key: newKey } : b));
409      if (selectedBlob && selectedBlob.key === key) {
554                        onClick={() =>
555                          copyToClipboard(
556                            `${window.location.origin}/api/public/${encodeURIComponent(selectedBlob.key.slice(9))}`,
557                          )}
558                        className="text-blue-400 hover:text-blue-300 text-sm"
577                        >
578                          <img
579                            src={`/api/blob?key=${encodeKey(selectedBlob.key)}`}
580                            alt="Blob content"
581                            className="max-w-full h-auto"

2import { Hono } from "npm:hono";
3
4import { getLaunches } from "./spacexapi.ts";
5import { spacexCalendar } from "./spacexcalendar.ts";
6import { getChartUrl } from "./spacexchart.ts";
75              {
76                /* <div class="mb-3">
77                <a href="/api" target="_blank">API</a>
78              </div>
79              <div class="mb-4">

1export default async (c, next) => {
2  const secret = c.req.header("x-api-key");
3  const method = c.req.method;
4  if (secret !== Deno.env.get("X_API_KEY") && method !== "GET") {
5    return c.text("Unauthorized", 401);
6  }

86
87/**
88 * Format chat history for Anthropic API
89 */
90function formatChatHistoryForAI(history) {
314bot.on("message", async (ctx) => {
315  try {
316    // Get Anthropic API key from environment
317    const apiKey = Deno.env.get("ANTHROPIC_API_KEY");
318    if (!apiKey) {
319      console.error("Anthropic API key is not configured.");
320      ctx.reply(
321        "I apologize, but I'm not properly configured at the moment. Please inform the household administrator.",
325
326    // Initialize Anthropic client
327    const anthropic = new Anthropic({ apiKey });
328
329    // Get message text and user info
491  // Set webhook if it is not set yet
492  if (!isEndpointSet) {
493    await bot.api.setWebhook(req.url, {
494      secret_token: SECRET_TOKEN,
495    });

166bot.on("message", async (ctx) => {
167  try {
168    const OPENAI_KEY = Deno.env.get("OPENAI_API_KEY");
169    if (!OPENAI_KEY) {
170      console.error("OPENAI_API_KEY is not configured.");
171      await ctx.reply("I apologize, but I am not properly configured at present.");
172      return;
173    }
174
175    const openai = new OpenAI({ apiKey: OPENAI_KEY });
176
177    const messageText = ctx.message.text ?? "";
263export default async function(req: Request): Promise<Response> {
264  if (!isEndpointSet) {
265    await bot.api.setWebhook(req.url, { secret_token: SECRET_TOKEN });
266    isEndpointSet = true;
267  }

66// -----------------------------------------------------------------------------
67async function generateFunFacts(previousFacts: { date: string; text: string }[]) {
68  const apiKey = Deno.env.get("OPENAI_API_KEY");
69  if (!apiKey) {
70    console.error("OPENAI_API_KEY is not configured.");
71    return [];
72  }
73
74  const openai = new OpenAI({ apiKey });
75
76  // Build auxiliary strings for the prompt

26 */
27async function generateConciseWeatherSummary(weatherDay: ReturnType<typeof summarizeWeather>[number]) {
28  const apiKey = Deno.env.get("OPENAI_API_KEY");
29  if (!apiKey) {
30    console.error("OPENAI_API_KEY is not configured.");
31    return null;
32  }
33
34  const openai = new OpenAI({ apiKey });
35
36  const systemPrompt = `You are a weather forecaster. Create a very concise summary of a day's forecast.`;

96  today?: DateTime,
97) {
98  // Get API keys from environment
99  const apiKey = Deno.env.get("OPENAI_API_KEY");
100  const telegramToken = Deno.env.get("TELEGRAM_TOKEN");
101
105  }
106
107  if (!apiKey) {
108    console.error("OPENAI_API_KEY is not configured.");
109    return;
110  }
121
122  // Initialize OpenAI client
123  const openai = new OpenAI({ apiKey });
124
125  // Initialize Telegram bot
152
153  const sendChunk = async (chunk: string) => {
154    await bot.api.sendMessage(chatId!, chunk, { parse_mode: "Markdown" });
155    await storeChatMessage(chatId!, BOT_SENDER_ID, BOT_SENDER_NAME, chunk, true);
156  };

53You'll need to set up some environment variables to make it run.
54
55- `ANTHROPIC_API_KEY` for LLM calls
56- You'll need to follow [these instructions](https://docs.val.town/integrations/telegram/) to make a telegram bot, and set `TELEGRAM_TOKEN`. You'll also need to get a `TELEGRAM_CHAT_ID` in order to have the bot remember chat contents.
57- For the Google Calendar integration you'll need `GOOGLE_CALENDAR_ACCOUNT_ID` and `GOOGLE_CALENDAR_CALENDAR_ID`. See [these instuctions](https://www.val.town/v/stevekrouse/pipedream) for details.

8## Hono
9
10This app uses [Hono](https://hono.dev/) as the API framework. You can think of Hono as a replacement for [ExpressJS](https://expressjs.com/) that works in serverless environments like Val Town or Cloudflare Workers. If you come from Python or Ruby, Hono is also a lot like [Flask](https://github.com/pallets/flask) or [Sinatra](https://github.com/sinatra/sinatra), respectively.
11
12## Serving assets to the frontend
20### `index.html`
21
22The most complicated part of this backend API is serving index.html. In this app (like most apps) we serve it at the root, ie `GET /`. 
23
24We *bootstrap* `index.html` with some initial data from the server, so that it gets dynamically injected JSON data without having to make another round-trip request to the server to get that data on the frontend. This is a common pattern for client-side rendered apps.
25
26## CRUD API Routes
27
28This app has two CRUD API routes: for reading and inserting into the messages table. They both speak JSON, which is standard. They import their functions from `/backend/database/queries.ts`. These routes are called from the React app to refresh and update data.
29
30## Errors
31
32Hono and other API frameworks have a habit of swallowing up Errors. We turn off this default behavior by re-throwing errors, because we think most of the time you'll want to see the full stack trace instead of merely "Internal Server Error". You can customize how you want errors to appear.