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"

1// Creado por Alfonso Boldo
2// Sistema Completo de Prueba de APIs de LLMs para ValTown
3// Fecha: 05 de mayo de 2025
4
26  }
27
28  // Para solicitudes POST, procesar la llamada a la API
29  if (req.method === 'POST') {
30    try {
57      
58      // Extraer parámetros
59      const { provider, apiKey, prompt, model, temperature, maxTokens } = body || {};
60      
61      // Validar parámetros requeridos
62      if (!provider || !apiKey || !prompt) {
63        return new Response(
64          JSON.stringify({ 
65            error: 'Se requieren los parámetros: provider, apiKey y prompt' 
66          }),
67          { status: 400, headers }
74      switch (provider.toLowerCase()) {
75        case 'openai':
76          result = await callOpenAI(apiKey, prompt, model || 'gpt-4o', temperature || 0.7, maxTokens || 1000);
77          break;
78        case 'anthropic':
79          result = await callClaude(apiKey, prompt, model || 'claude-3-5-sonnet-20240521', temperature || 0.7, maxTokens || 1000);
80          break;
81        default:
111}
112
113// Función para llamar a la API de OpenAI
114async function callOpenAI(apiKey, prompt, model, temperature, maxTokens) {
115  const url = 'https://api.openai.com/v1/chat/completions';
116  
117  console.log(`Llamando a OpenAI con modelo: ${model}`);
122      headers: {
123        'Content-Type': 'application/json',
124        'Authorization': `Bearer ${apiKey}`
125      },
126      body: JSON.stringify({
170}
171
172// Función para llamar a la API de Claude (Anthropic)
173async function callClaude(apiKey, prompt, model, temperature, maxTokens) {
174  const url = 'https://api.anthropic.com/v1/messages';
175  
176  console.log(`Llamando a Claude con modelo: ${model}`);
181      headers: {
182        'Content-Type': 'application/json',
183        'x-api-key': apiKey,
184        'anthropic-version': '2023-06-01'
185      },
244    <meta charset="UTF-8">
245    <meta name="viewport" content="width=device-width, initial-scale=1.0">
246    <title>Probador de APIs de LLMs</title>
247    <style>
248      body {
329  </head>
330  <body>
331    <h1>Probador de APIs de LLMs</h1>
332    <p>Esta herramienta te permite probar diferentes APIs de modelos de lenguaje como OpenAI (ChatGPT) y Claude (Anthropic).</p>
333    
334    <div class="container">
342      
343      <div class="form-group">
344        <label for="apiKey">API Key:</label>
345        <input type="password" id="apiKey" placeholder="Ingresa tu API key aquí">
346      </div>
347      
465      submitBtn.addEventListener('click', async function() {
466        const provider = document.getElementById('provider').value;
467        const apiKey = document.getElementById('apiKey').value;
468        const model = document.getElementById('model').value;
469        const temperature = parseFloat(document.getElementById('temperature').value);
472        
473        // Validar campos
474        if (!apiKey || !prompt) {
475          alert('Por favor completa todos los campos requeridos.');
476          return;
482          rawResult.textContent = 'Cargando...';
483          
484          // Obtener la URL actual para la API
485          // Como ahora todo está en un solo endpoint, simplemente usamos la misma URL
486          const endpointUrl = window.location.href;
492          const requestBody = {
493            provider,
494            apiKey,
495            prompt,
496            model,

19async function wikitext(): string {
20  const randomArticle = await fetch(
21    "https://en.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&exintro&explaintext&redirects=1&generator=random&formatversion=2&grnnamespace=0&grnlimit=3",
22  );
23  const articleJson = await randomArticle.json();

81async function getDiscussionPosts(discussionId: string): Promise<PostT[]> {
82  // Used to get the list of post id's for the discussion.
83  const discussionRes = await fetch(`${server}/api/discussions/${discussionId}`);
84  const discussionResJson = await discussionRes.json();
85
93
94  await Promise.all(chunks.map(async (c: string[]) => {
95    const postRes = await fetch(`${server}/api/posts?filter[id]=${c.join(",")}`);
96    const postJson = await postRes.json();
97

198  }
199  
200  const url = `https://api.github.com/repos/${repo}/issues/${issueNumber}`;
201  console.log("🔍 Fetching issue from:", url);
202  
209  });
210  
211  console.log("🔍 GitHub API response status:", response.status);
212  
213  if (!response.ok) {
215    try {
216      const error = await response.json();
217      console.error("❌ GitHub API error:", JSON.stringify(error));
218      errorMessage = error.message || errorMessage;
219    } catch (e) {
220      const errorText = await response.text();
221      console.error("❌ GitHub API error text:", errorText);
222    }
223    throw new Error(`Failed to fetch issue: ${errorMessage}`);
237  
238  try {
239    const url = `https://api.github.com/repos/${repo}/issues/${prNumber}/labels`;
240    console.log("🔍 Sending labels update request to:", url);
241    
253    });
254    
255    console.log("🔍 GitHub API response status:", response.status);
256    
257    if (response.ok) {
264      try {
265        const error = await response.json();
266        console.error("❌ GitHub API error:", JSON.stringify(error));
267        errorMessage = error.message || errorMessage;
268      } catch (e) {
269        const errorText = await response.text();
270        console.error("❌ GitHub API error text:", errorText);
271      }
272      return { success: false, message: errorMessage };
273    }
274  } catch (error) {
275    console.error("❌ Exception during API call:", error);
276    return { success: false, message: error.message };
277  }

38
391. **Create a Slack App**:
40   - Go to [Slack API Apps](https://api.slack.com/apps) → Create New App → From scratch
41   - Name your app and select your workspace
42   - Click "Create App"
774. If the merge button is clicked, the Val:
78   - Receives the interaction from Slack
79   - Uses the GitHub API to merge the PR
80   - Sends a confirmation message back to Slack
81
122- **Webhook not triggering**: Check the webhook delivery logs in GitHub repository settings
123- **Labels not copying**: Ensure the issue numbers are properly referenced in the PR description
124- **403 errors with GitHub API**: Your token doesn't have sufficient permissions. For most operations, you need:
125  - Classic tokens: "repo" scope
126  - Fine-grained tokens: "Read and Write" access to relevant resources (PRs, Issues, etc.)

155  
156  try {
157    const url = `https://api.github.com/repos/${repo}/issues/${prNumber}/assignees`;
158    console.log("🔍 Sending assignee request to:", url);
159    
171    });
172    
173    console.log("🔍 GitHub API response status:", response.status);
174    
175    if (response.ok) {
181      try {
182        const error = await response.json();
183        console.error("❌ GitHub API error:", JSON.stringify(error));
184        errorMessage = error.message || errorMessage;
185        
194      } catch (e) {
195        const errorText = await response.text();
196        console.error("❌ GitHub API error text:", errorText);
197      }
198      return { success: false, message: errorMessage };
199    }
200  } catch (error) {
201    console.error("❌ Exception during API call:", error);
202    return { success: false, message: error.message };
203  }

162  
163  try {
164    const url = `https://api.github.com/repos/${repo}/pulls/${prNumber}`;
165    console.log("🔍 Sending title update request to:", url);
166    
178    });
179    
180    console.log("🔍 GitHub API response status:", response.status);
181    
182    if (response.ok) {
188      try {
189        const error = await response.json();
190        console.error("❌ GitHub API error:", JSON.stringify(error));
191        errorMessage = error.message || errorMessage;
192      } catch (e) {
193        const errorText = await response.text();
194        console.error("❌ GitHub API error text:", errorText);
195      }
196      return { success: false, message: errorMessage };
197    }
198  } catch (error) {
199    console.error("❌ Exception during API call:", error);
200    return { success: false, message: error.message };
201  }

34};
35
36// Types for Slack API
37type SlackMessage = {
38  blocks: any[];
372  
373  // Get PR details
374  const url = `https://api.github.com/repos/${repo}/pulls/${prNumber}`;
375  console.log("🔍 Fetching from GitHub API URL:", url);
376  
377  let response;
384      }
385    });
386    console.log("🔍 GitHub API response received");
387    console.log("🔍 Response status:", response.status);
388    console.log("🔍 Response status text:", response.statusText);
395  
396  if (!response.ok) {
397    console.error(`❌ GitHub API error: ${response.status} ${response.statusText}`);
398    
399    let errorText;
400    try {
401      errorText = await response.text();
402      console.error("❌ GitHub API error response:", errorText);
403      
404      try {
405        // Try to parse as JSON for more details
406        const errorJson = JSON.parse(errorText);
407        console.error("❌ GitHub API error details:", JSON.stringify(errorJson));
408      } catch (e) {
409        // Not JSON, that's fine
419  try {
420    data = await response.json();
421    console.log("🔍 Successfully parsed GitHub API response");
422  } catch (jsonError) {
423    console.error("❌ Failed to parse GitHub API response:", jsonError);
424    
425    try {
430    }
431    
432    throw new Error(`Failed to parse GitHub API response: ${jsonError.message}`);
433  }
434  
446}
447
448// Merge a PR via GitHub API
449async function mergePR(repo: string, prNumber: number) {
450  console.log(`🔍 Starting mergePR for PR #${prNumber} in ${repo}`);
494    
495    // Proceed with merge
496    const url = `https://api.github.com/repos/${repo}/pulls/${prNumber}/merge`;
497    console.log("🔍 Sending merge request to:", url);
498    
514        body: mergeBody
515      });
516      console.log("🔍 Merge API response received");
517      console.log("🔍 Response status:", response.status);
518      console.log("🔍 Response status text:", response.statusText);
683      body: JSON.stringify(message)
684    });
685    console.log("🔍 Slack API response received");
686    console.log("🔍 Response status:", response.status);
687    console.log("🔍 Response status text:", response.statusText);
694  
695  if (!response.ok) {
696    console.error(`❌ Slack API error: ${response.status} ${response.statusText}`);
697    
698    let errorText;
699    try {
700      errorText = await response.text();
701      console.error("❌ Slack API error response:", errorText);
702    } catch (e) {
703      console.error("❌ Could not read error response:", e);

3
4const TOKEN_KEY = "bearer";
5const ANTHROPIC_KEY = "anthropic_api_key";
6
7export function useAuth() {
8  const [token, setToken, removeToken] = useLocalStorage(TOKEN_KEY, "");
9  const [anthropicApiKey, setAnthropicApiKey, removeAnthropicApiKey] = useLocalStorage(ANTHROPIC_KEY, "");
10  const [error, setError] = useState(null);
11
12  const isAuthenticated = !!token;
13
14  const authenticate = async (valTownAPIKey: string, anthropicKey: string) => {
15    // replace all this with oauth when it's ready
16    try {
17      const res = await fetch("/api/user", {
18        headers: {
19          "Authorization": "Bearer " + valTownAPIKey,
20        },
21      });
25        setError(data.error);
26        removeToken();
27        removeAnthropicApiKey();
28        return;
29      }
30      setError(null);
31      setToken(valTownAPIKey);
32      setAnthropicApiKey(anthropicKey);
33    } catch (e) {
34      console.error(e);
35      setError(e.error);
36      removeToken();
37      removeAnthropicApiKey();
38    }
39  };
41  const logOut = () => {
42    removeToken();
43    removeAnthropicApiKey();
44  };
45
50    logOut,
51    token,
52    anthropicApiKey,
53  };
54}