Val Town Code SearchReturn to Val Town

163```
164
1655. **fetchTranspiledJavaScript** - Fetch and transpile TypeScript to JavaScript:
166```ts
167const jsCode = await fetchTranspiledJavaScript("https://esm.town/v/username/project/path/to/file.ts");
168```
169
242
243    // Inject data to avoid extra round-trips
244    const initialData = await fetchInitialData();
245    const dataScript = `<script>
246      window.__INITIAL_DATA__ = ${JSON.stringify(initialData)};
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`
304   - Properly handle CORS if needed for external access

82  const [cookieAndTeaMode, setCookieAndTeaMode] = useState(false);
83
84  // Fetch images from backend instead of blob storage directly
85  useEffect(() => {
86    // Set default background color in case image doesn't load
89    }
90
91    // Fetch avatar image
92    fetch("/api/images/stevens.jpg")
93      .then((response) => {
94        if (response.ok) return response.blob();
103      });
104
105    // Fetch wood background
106    fetch("/api/images/wood.jpg")
107      .then((response) => {
108        if (response.ok) return response.blob();
129  }, []);
130
131  const fetchMemories = useCallback(async () => {
132    setLoading(true);
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}`);
154      }
155    } catch (e) {
156      console.error("Failed to fetch memories:", e);
157      setError(e.message || "Failed to fetch memories.");
158    } finally {
159      setLoading(false);
162
163  useEffect(() => {
164    fetchMemories();
165  }, [fetchMemories]);
166
167  const handleAddMemory = async (e: React.FormEvent) => {
176
177    try {
178      const response = await fetch(API_BASE, {
179        method: "POST",
180        headers: { "Content-Type": "application/json" },
188      setNewMemoryTags("");
189      setShowAddForm(false);
190      await fetchMemories();
191    } catch (e) {
192      console.error("Failed to add memory:", e);
199
200    try {
201      const response = await fetch(`${API_BASE}/${id}`, {
202        method: "DELETE",
203      });
205        throw new Error(`HTTP error! status: ${response.status}`);
206      }
207      await fetchMemories();
208    } catch (e) {
209      console.error("Failed to delete memory:", e);
231
232    try {
233      const response = await fetch(`${API_BASE}/${editingMemory.id}`, {
234        method: "PUT",
235        headers: { "Content-Type": "application/json" },
240      }
241      setEditingMemory(null);
242      await fetchMemories();
243    } catch (e) {
244      console.error("Failed to update memory:", e);

1import ky from "https://esm.sh/ky";
2
3const response = await fetch("https://www.google.com?q=openai&hl=en&gl=us", {
4  headers: {
5    "User-Agent":

257        addStatus(\`Loaded document '\${params.prefillDocSource || iqDocSource}' for new analysis.\`, 'info');
258        setUIState('selection');
259        fetchAndPopulateSuggestions(iqDocText.substring(0, 10000));
260    } else {
261        iqCustomTaskInput.value = params.initialTaskQuery || '';
285};
286
287async function fetchAndPopulateSuggestions(docSample) {
288    iqTasksListDiv.innerHTML = '<p><em>Fetching task suggestions...</em></p>';
289    const formData = new FormData();
290    formData.append('documentText', docSample);
291    formData.append('inputSourceDescription', "For suggestions");
292    try {
293        const res = await fetch(window.location.pathname + '?action=suggestTasks&format=json', { method: 'POST', body: formData });
294        const data = await res.json().catch(() => { throw new Error(\`Server returned non-JSON: \${res.status}\`); });
295        (data.log || []).forEach(log => addStatus(\`[\${log.agent || 'S'}] \${typeof log.message === 'object' ? JSON.stringify(log.message) : esc(log.message)}\`, log.type));
297        populateSuggestedTasks(data.suggestions && Object.keys(data.suggestions).length ? data.suggestions : { "General": [{task: "Summarize the document", is_high_priority: true}] });
298    } catch (e) {
299        addStatus(\`Could not fetch suggestions: \${e.message}\`, 'error');
300        populateSuggestedTasks({ "Error": [{ task: "Could not load suggestions. Define task manually.", is_high_priority: true }] });
301    }
419    
420    try {
421        const res = await fetch(window.location.pathname + '?action=suggestTasks&format=json', { method: 'POST', body: formData });
422        const data = await res.json().catch(() => { throw new Error(\`Server error: \${res.status}. Invalid JSON.\`); });
423        (data.log || []).forEach(log => addStatus(\`[\${log.agent || 'Sys'}] \${typeof log.message === 'object' ? JSON.stringify(log.message) : esc(log.message)}\`, log.type === 'error' ? 'error' : 'info'));
455
456    try {
457        const res = await fetch(window.location.pathname + '?format=json', { method: 'POST', body: formData });
458        const data = await res.json().catch(() => { throw new Error(\`Server error: \${res.status}. Invalid JSON.\`); });
459        (data.log || []).forEach(log => { if (log.type !== 'final' && log.type !== 'input') addStatus(\`[\${log.agent || 'Sys'}] \${typeof log.message === 'object' ? JSON.stringify(log.message) : esc(log.message)}\`, log.type === 'error' ? 'error' : 'info'); });

58
59    // Call Ticket Tailor Overview API
60    const response = await fetch("https://api.tickettailor.com/v1/overview", {
61      method: "GET",
62      headers: {

181
182    try {
183      const response = await fetch("/", {
184        method: "POST",
185        body: JSON.stringify({

1# Framer Fetch: Basic
2
3A basic example of an API endpoint to use with Framer Fetch. 

17
18  try {
19    const res = await fetch(url);
20    const html = await res.text();
21    const root = parse(html);
70  } catch (err: any) {
71    console.error("Error:", err);
72    return new Response(JSON.stringify({ error: "Failed to fetch or parse HTML" }), {
73      status: 500,
74      headers: HEADERS,

batchcastmain.tsx5 matches

@g•Updated 2 weeks ago

336    const apiCall = (endpoint, options = {}) => {
337      if (!apiBase) return Promise.reject("API base not set");
338      return fetch(`${apiBase}${endpoint}`, options);
339    };
340
436        await getStatus(); // Initial check
437        isConnected = true;
438        list = await getList(); // Fetch initial list
439        startPolling();
440        render();
478        }
479      } catch(e) {
480        console.error("Failed to fetch services", e);
481        // Status poll will handle disconnect
482      }
491
492    const startServicesPolling = () => {
493      pollServices(); // Initial fetch
494      if (!servicesInterval) {
495        servicesInterval = setInterval(pollServices, 5000);
575app.get("/main.js", serve(js, "text/javascript"));
576
577export default app.fetch;

35
36// This is the entry point for HTTP vals
37export default app.fetch;