Val Town Code SearchReturn to Val Town

77async function generateFunFacts(previousFacts) {
78  try {
79    // Get API key from environment
80    const apiKey = Deno.env.get("ANTHROPIC_API_KEY");
81    if (!apiKey) {
82      console.error("Anthropic API key is not configured.");
83      return null;
84    }
85
86    // Initialize Anthropic client
87    const anthropic = new Anthropic({ apiKey });
88
89    // Format previous facts for the prompt

20### 2. HTTP Vals
21
22- Create web APIs and endpoints
23- Handle HTTP requests and responses
24- Example structure:
66- Generate code in TypeScript
67- Add appropriate TypeScript types and interfaces for all data structures
68- Prefer official SDKs or libraries than writing API calls directly
69- Ask the user to supply API or library documentation if you are at all unsure about it
70- **Never bake in secrets into the code** - always use environment variables
71- Include comments explaining complex logic (avoid commenting obvious operations)
190- For AI-generated images, use: `https://maxm-imggenurl.web.val.run/the-description-of-your-image`
191- **Storage:** DO NOT use the Deno KV module for storage
192- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods
193- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified
194- **View Source:** Add a view source link with `import.meta.url.replace("esm.town", "val.town")` and include `target="_top"` attribute
195- **Error Debugging:** Add `<script src="https://esm.town/v/std/catch"></script>` to HTML to capture client-side errors
196- **Error Handling:** Only use try...catch when there's a clear local resolution; avoid catches that merely log or return 500s - let errors bubble up with full context
197- **Environment Variables:** Use `Deno.env.get('keyname')` and minimize their use - prefer APIs without keys
198- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser
199- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites
230
231### Backend (Hono) Best Practices
232- Hono is the recommended API framework (similar to Express, Flask, or Sinatra)
233- Main entry point should be `backend/index.ts`
234- **Static asset serving:** Use the utility functions to read and serve project files:
251  });
252  ```
253- Create RESTful API routes for CRUD operations
254- Be careful with error handling as Hono tends to swallow errors
255- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:
268- Use React 18.2.0 consistently in all imports and the `@jsxImportSource` pragma
269- Follow the React component pattern from the example project
270- Handle API calls properly with proper error catching
271
272### Database Patterns
299   - For files in the project, use `readFile` helpers
300
3015. **API Design:**
302   - `fetch` handler is the entry point for HTTP vals
303   - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`

10import { NotebookView } from "./NotebookView.tsx";
11
12const API_BASE = "/api/memories";
13const MEMORIES_PER_PAGE = 20; // Increased from 7 to 20 memories per page
14
90
91    // Fetch avatar image
92    fetch("/api/images/stevens.jpg")
93      .then((response) => {
94        if (response.ok) return response.blob();
104
105    // Fetch wood background
106    fetch("/api/images/wood.jpg")
107      .then((response) => {
108        if (response.ok) return response.blob();
133    setError(null);
134    try {
135      const response = await fetch(API_BASE);
136      if (!response.ok) {
137        throw new Error(`HTTP error! status: ${response.status}`);
176
177    try {
178      const response = await fetch(API_BASE, {
179        method: "POST",
180        headers: { "Content-Type": "application/json" },
199
200    try {
201      const response = await fetch(`${API_BASE}/${id}`, {
202        method: "DELETE",
203      });
231
232    try {
233      const response = await fetch(`${API_BASE}/${editingMemory.id}`, {
234        method: "PUT",
235        headers: { "Content-Type": "application/json" },
606    <div className="font-pixel text-[#f8f1e0]">
607      <style jsx>{`
608        @import url("https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap");
609
610        @tailwind base;

5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Image Color Slicer</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=Inter:wght@400;500;700&display=swap"
11      rel="stylesheet"
12    >

171
172// Get current user info
173app.get("/api/user", async (c) => {
174  const user = await getCurrentUser(c);
175  if (!user) {
187
188// Update user location
189app.put("/api/user/location", async (c) => {
190  const user = await getCurrentUser(c);
191  if (!user) {
203
204// Search locations by zip code
205app.get("/api/locations/search", async (c) => {
206  const user = await getCurrentUser(c);
207  if (!user) {
258
259// Get location details by ID
260app.get("/api/locations/:locationId", async (c) => {
261  const user = await getCurrentUser(c);
262  if (!user) {
307
308// Get all guidance for current user
309app.get("/api/guidance", async (c) => {
310  const user = await getCurrentUser(c);
311  if (!user) {
318
319// Search guidance
320app.get("/api/guidance/search", async (c) => {
321  const user = await getCurrentUser(c);
322  if (!user) {
334
335// Create guidance
336app.post("/api/guidance", async (c) => {
337  const user = await getCurrentUser(c);
338  if (!user) {
355
356// Update guidance
357app.put("/api/guidance/:id", async (c) => {
358  const user = await getCurrentUser(c);
359  if (!user) {
369
370// Delete guidance
371app.delete("/api/guidance/:id", async (c) => {
372  const user = await getCurrentUser(c);
373  if (!user) {
383
384// Get all selections for current user
385app.get("/api/selections", async (c) => {
386  const user = await getCurrentUser(c);
387  if (!user) {
394
395// Get selection by item name
396app.get("/api/selections/item/:itemName", async (c) => {
397  const user = await getCurrentUser(c);
398  if (!user) {
411
412// Create or update selection
413app.post("/api/selections", async (c) => {
414  const user = await getCurrentUser(c);
415  if (!user) {
436
437// Update selection
438app.put("/api/selections/:id", async (c) => {
439  const user = await getCurrentUser(c);
440  if (!user) {
450
451// Delete selection
452app.delete("/api/selections/:id", async (c) => {
453  const user = await getCurrentUser(c);
454  if (!user) {

23    try {
24      const response = await fetch(
25        `/api/locations/search?zipCode=${encodeURIComponent(
26          zipCode
27        )}&radius=25&limit=10`
45  const handleSelectLocation = async (location: Location): Promise<void> => {
46    try {
47      const response = await fetch("/api/user/location", {
48        method: "PUT",
49        headers: { "Content-Type": "application/json" },

23      try {
24        const [guidanceResponse, selectionsResponse] = await Promise.all([
25          fetch("/api/guidance"),
26          fetch("/api/selections"),
27        ]);
28
45        try {
46          const response = await fetch(
47            `/api/locations/${userData.preferredLocationId}`
48          );
49          if (response.ok) {

3
4/**
5 * Types adapted from Kroger Products API response.
6 * Extend or adjust as needed for your app.
7 */
70
71/**
72 * ProductCard component displays a single product result from the Kroger API.
73 */
74export function ProductCard({

3
4// Environment variables
5const GOOGLE_API_KEY = process.env.GOOGLE_API_KEY;
6const GROUPME_TOKEN = process.env.GROUPME_TOKEN;
7const GROUPME_GROUP_ID = process.env.GROUPME_GROUP_ID;
10// Initialize Google AI
11const ai = new GoogleGenAI({
12  apiKey: GOOGLE_API_KEY,
13});
14
15// GroupMe API configuration
16const baseUrl = "https://api.groupme.com/v3";
17
18// System prompt for Gimpel
90// Generate AI response using Gemini with chat-based conversation
91const generateResponse = async (messages) => {
92  if (!GOOGLE_API_KEY) {
93    throw new Error("Missing Google API key");
94  }
95

12app.get("/frontend/**/*", c => serveFile(c.req.path, import.meta.url));
13
14// Add your API routes here
15// app.get("/api/data", c => c.json({ hello: "world" }));
16
17// Unwrap and rethrow Hono errors as the original error