Val Town Code SearchReturn to Val Town

35    : `applications/${DISCORD_APP_ID}/commands`;
36
37  console.log(`📡 Using API endpoint: ${endpoint}`);
38
39  try {
41    console.log("🔍 Checking current commands...");
42
43    const getResponse = await fetch(`https://discord.com/api/v10/${endpoint}`, {
44      method: "GET",
45      headers: {
62
63    // Send empty array to unregister all commands
64    const response = await fetch(`https://discord.com/api/v10/${endpoint}`, {
65      method: "PUT",
66      headers: {

9- **File Browser**: Select specific files to include in the context window for more focused AI assistance
10- **Branch Management**: View, select, and create branches without leaving the app
11- **Cost Tracking**: See estimated API usage costs for each interaction
12- **Sound Notifications**: Get alerted when Claude finishes responding
13- **Mobile-Friendly**: Works on both desktop and mobile devices
14- **Usage Dashboard**: Monitor API usage and inference calls with detailed analytics
15
16## How It Works
17
181. **Login**: Authenticate with your Val Town API token and Anthropic API key
192. **Select a Project**: Choose which Val Town project you want to work on
203. **Select Files**: Browse your project files and select which ones to include in the context window
26### Prerequisites
27
28- A Val Town account with API access
29- An Anthropic API key (Claude 3.7 Sonnet)
30
31### Setup
32
331. Visit the OpenTownie app
342. Enter your Val Town API token (with `projects:write` and `users:read` permissions)
353. Enter your Anthropic API key
364. Click "Login" to access your projects
37
49- React frontend with TypeScript
50- React Router
51- Hono API server backend
52- Web Audio API for sound notifications
53- AI SDK for Claude integration
54
55The application proxies requests to the Anthropic API and Val Town API, allowing Claude to view and edit your project files directly.
56
57## Privacy & Security
58
59- Your Val Town API token and Anthropic API key are stored locally in your browser
60- No data is stored on our servers
61- All communication with the APIs is done directly from your browser
62

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

20      SUM(num_images) as total_images
21    FROM ${USAGE_TABLE}
22    WHERE our_api_token = 1
23    GROUP BY user_id, username
24    ORDER BY total_price DESC

17  finish_reason: string | null;
18  num_images: number | null;
19  our_api_token: number;
20}
21
57        
58        // Fetch the inference calls data
59        fetch('/api/inference-calls?usage_id=' + usageId)
60          .then(response => response.json())
61          .then(data => {
192              <th>Finish</th>
193              <th>Images</th>
194              <th>Our API</th>
195            </tr>
196          </thead>
216                <td>${row.finish_reason || '-'}</td>
217                <td>${formatNumber(row.num_images)}</td>
218                <td>${formatBoolean(row.our_api_token)}</td>
219              </tr>
220            `).join("")}

1# Usage Dashboard
2
3A dashboard for monitoring API usage and inference calls.
4
5## Features
20  index.ts                 # Main entry point and routing
21  auth.ts                  # Authentication logic
22  /api/
23    index.ts              # API request handler
24    requests.ts           # API endpoints for requests data
25    inference-calls.ts    # API endpoints for inference calls
26    user-summary.ts       # API endpoints for user summary data
27  /views/
28    layout.ts             # Common layout template
54   - Links back to the associated request
55
56### API Endpoints
57
58- `/api/requests` - Get paginated requests
59- `/api/requests?usage_id=123` - Get a specific request
60- `/api/inference-calls` - Get paginated inference calls
61- `/api/inference-calls?usage_id=123` - Get inference calls for a specific request
62- `/api/user-summary` - Get user summary data
63
64## Debugging

1import { basicAuthMiddleware } from "./auth.ts";
2import { handleApiRequest } from "./api/index.ts";
3import { getRequests } from "./api/requests.ts";
4import { getUserSummary } from "./api/user-summary.ts";
5import { getInferenceCalls } from "./api/inference-calls.ts";
6import { renderDashboard } from "./views/dashboard.ts";
7import { renderRequests } from "./views/requests.ts";
22  const path = url.pathname;
23
24  // Handle API requests
25  if (path.startsWith("/api/")) {
26    return handleApiRequest(req);
27  }
28

4
5/**
6 * Handle API requests
7 */
8export async function handleApiRequest(req: Request): Promise<Response> {
9  const url = new URL(req.url);
10  const path = url.pathname.replace("/api/", "");
11  
12  try {
13    // Route to the appropriate API handler
14    if (path === "requests") {
15      const usageId = url.searchParams.get("usage_id");
59    }
60  } catch (error) {
61    console.error("API error:", error);
62    return new Response(JSON.stringify({ error: error.message }), {
63      status: 500,

GitHub-Release-Notestypes.ts1 match

@charmaine•Updated 1 week ago

1// GitHub API response types
2export interface GitHubCommit {
3  sha: string;

GitHub-Release-Notesindex.tsx3 matches

@charmaine•Updated 1 week ago

45    
46    try {
47      const response = await fetch(`/api/share/${shareId}`);
48      const data = await response.json();
49      
80    
81    try {
82      const response = await fetch("/api/commits", {
83        method: "POST",
84        headers: {
119    
120    try {
121      const response = await fetch("/api/generate-notes", {
122        method: "POST",
123        headers: {