Val Town Code SearchReturn to Val Town

1import { useState, useEffect } from "react";
2
3const ENDPOINT = "/api/create-project";
4
5export function useCreateProject() {

1import { useState, useEffect } from "react";
2
3const ENDPOINT = "/api/create-branch";
4
5export function useCreateBranch(projectId: string) {

17  project,
18  branchId,
19  // anthropicApiKey,
20  // bearerToken,
21  selectedFiles,
39    status,
40  } = useChat({
41    api: "/api/send-message",
42    body: {
43      project,

1import { useState, useEffect } from "react";
2
3const ENDPOINT = "/api/project-branches";
4
5export function useBranches (projectId: string) {

18  finish_reason?: string;
19  num_images?: number;
20  our_api_token: boolean;
21}
22
129            </div>
130            <div class="card-item">
131              <strong>Our API:</strong> ${formatBoolean(usage.our_api_token)}
132            </div>
133          </div>

13- Generate code in TypeScript or TSX
14- Add appropriate TypeScript types and interfaces for all data structures
15- Prefer official SDKs or libraries than writing API calls directly
16- Ask the user to supply API or library documentation if you are at all unsure about it
17- **Never bake in secrets into the code** - always use environment variables
18- Include comments explaining complex logic (avoid commenting obvious operations)
23### 1. HTTP Trigger
24
25- Create web APIs and endpoints
26- Handle HTTP requests and responses
27- Example structure:
158- **AI Image:** To inline generate an AI image use: `<img src="https://maxm-imggenurl.web.val.run/the-description-of-your-image" />`
159- **Storage:** DO NOT use the Deno KV module for storage
160- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods
161- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified
162- **Error Debugging:** Add `<script src="https://esm.town/v/std/catch"></script>` to HTML to capture client-side errors
163- **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
164- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys
165- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser
166- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites
200### Backend (Hono) Best Practices
201
202- Hono is the recommended API framework
203- Main entry point should be `backend/index.ts`
204- Do NOT use Hono serveStatic middleware
225  });
226  ```
227- Create RESTful API routes for CRUD operations
228- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:
229  ```ts
262   - For files in the project, use `readFile` helpers
263
2645. **API Design:**
265   - `fetch` handler is the entry point for HTTP vals
266   - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`

8
9const stripe = new Stripe(Deno.env.get(getEnvVarName("STRIPE_SECRET_KEY")) as string, {
10  apiVersion: "2024-06-20",
11});
12
51      // const paymentIntent: Stripe.PaymentIntent = await stripe.paymentIntents.retrieve(session.client_reference_id);
52
53      const response = await fetch(`https://api.stripe.com/v1/payment_intents/${session.client_reference_id}`, {
54        method: "GET",
55        headers: {

4
5/**
6 * Plays a bell sound notification using the Web Audio API
7 * @returns A Promise that resolves when the sound has started playing
8 */
13      const AudioContext = window.AudioContext || (window as any).webkitAudioContext;
14      if (!AudioContext) {
15        console.warn("Web Audio API not supported in this browser");
16        resolve();
17        return;
65
66/**
67 * Plays a simple notification sound using the Web Audio API
68 * This is a simpler, shorter bell sound
69 * @returns A Promise that resolves when the sound has started playing
75      const AudioContext = window.AudioContext || (window as any).webkitAudioContext;
76      if (!AudioContext) {
77        console.warn("Web Audio API not supported in this browser");
78        resolve();
79        return;

48    project,
49    branchId,
50    anthropicApiKey,
51    selectedFiles,
52    images,
54
55  // do we want to allow user-provided tokens still
56  const apiKey = anthropicApiKey || Deno.env.get("ANTHROPIC_API_KEY");
57  const our_api_token = apiKey === Deno.env.get("ANTHROPIC_API_KEY");
58
59  if (our_api_token) {
60    if (await hasInsufficientCredits({ bearerToken })) {
61      return Response.json({
73
74  const rowid = await startTrackingUsage({
75    our_api_token,
76    bearerToken, // will look up the userId from this
77    branch_id: branchId,
82
83  // Initialize PostHog client
84  const projectApiKey = Deno.env.get("POSTHOG_PROJECT_API_KEY");
85
86  let tracedModel;
87
88  if (projectApiKey) {
89    const phClient = new PostHog(projectApiKey, {
90      host: "https://us.i.posthog.com",
91    });
98    const traceId = `townie_${rowid}_${Date.now()}`;
99
100    const anthropic = createAnthropic({ apiKey });
101
102    // Wrap the Anthropic model with PostHog tracing
108        townie_branch_id: branchId,
109        townie_usage_id: rowid,
110        townie_our_api_token: our_api_token,
111        townie_num_images: images?.length || 0,
112        townie_selected_files_count: selectedFiles?.length || 0,
121  } else {
122    // Fallback to regular Anthropic call if PostHog is not configured
123    const anthropic = createAnthropic({ apiKey });
124    tracedModel = anthropic(model);
125  }
275        });
276
277        if (our_api_token) {
278          const stillHasCredits =
279            !(await hasInsufficientCredits({ bearerToken })); // Check for at least 1 cent

20  finish_reason?: string;
21  num_images?: number;
22  our_api_token: boolean;
23}
24
45      finish_reason TEXT,
46      num_images INTEGER,
47      our_api_token INTEGER NOT NULL,
48      finish_timestamp INTEGER
49    )`,