Val Town Code SearchReturn to Val Town

256        </>
257      );
258    case "fetch":
259      return (
260        <Details
269          summary={(
270            <>
271              <div>fetch:</div>
272              <div>{args?.valPath}</div>
273              <div>{args?.urlPath || "/"}</div>
275          )}>
276          {result?.type === "success" ? (
277            <div className="fetch-result">
278              <div className="fetch-header">
279                <span className={`status-badge ${result.data.status >= 200 && result.data.status < 300 ? 'success' : 
280                                               result.data.status >= 300 && result.data.status < 400 ? 'redirect' : 
284                <span className="response-time">{result.data.responseTime}ms</span>
285              </div>
286              <div className="fetch-section">
287                <h4>Headers</h4>
288                <pre className="fetch-headers">{JSON.stringify(result.data.headers, null, 2)}</pre>
289              </div>
290              <div className="fetch-section">
291                <h4>Response Body</h4>
292                <pre className="fetch-body">
293                  {typeof result.data.body === 'object' 
294                    ? JSON.stringify(result.data.body, null, 2) 
298            </div>
299          ) : (
300            <div className="fetch-error">
301              <h4>Error</h4>
302              <pre>{result?.message || "Unknown error"}</pre>

7});
8
9export default app.fetch;

18  const start = performance.now();
19  try {
20    res = await fetch(url);
21    end = performance.now();
22    status = res.status;
28  } catch (e) {
29    end = performance.now();
30    reason = `couldn't fetch: ${e}`;
31    ok = false;
32  }

16    
17    try {
18      const response = await fetch('/api/game', {
19        method: 'POST',
20        headers: {
47      const moveData: MoveRequest = { position };
48      
49      const response = await fetch(`/api/game/${game.id}/move`, {
50        method: 'PUT',
51        headers: {

27});
28
29export default app.fetch;

1import { fetch } from "https://esm.town/v/std/fetch";
2
3// Send a pushover message.
10  console.log("Tokens:", { PUSHOVER_TOKEN, PUSHOVER_USER_KEY }); // Check if env vars are set
11
12  const response = await fetch("https://api.pushover.net/1/messages.json", {
13    method: "POST",
14    headers: {

135  const lastSunday = today.startOf("week").minus({ days: 1 });
136
137  // Fetch relevant memories using the utility function
138  const memories = await getRelevantMemories();
139

67  const [currentPage, setCurrentPage] = useState(1);
68
69  const fetchMemories = useCallback(async () => {
70    setLoading(true);
71    setError(null);
72    try {
73      const response = await fetch(API_BASE);
74      if (!response.ok) {
75        throw new Error(`HTTP error! status: ${response.status}`);
78      setMemories(data);
79    } catch (e) {
80      console.error("Failed to fetch memories:", e);
81      setError(e.message || "Failed to fetch memories.");
82    } finally {
83      setLoading(false);
86
87  useEffect(() => {
88    fetchMemories();
89  }, [fetchMemories]);
90
91  const handleAddMemory = async (e: React.FormEvent) => {
100
101    try {
102      const response = await fetch(API_BASE, {
103        method: "POST",
104        headers: { "Content-Type": "application/json" },
112      setNewMemoryTags("");
113      setShowAddForm(false);
114      await fetchMemories();
115    } catch (e) {
116      console.error("Failed to add memory:", e);
123
124    try {
125      const response = await fetch(`${API_BASE}/${id}`, {
126        method: "DELETE",
127      });
129        throw new Error(`HTTP error! status: ${response.status}`);
130      }
131      await fetchMemories();
132    } catch (e) {
133      console.error("Failed to delete memory:", e);
155
156    try {
157      const response = await fetch(`${API_BASE}/${editingMemory.id}`, {
158        method: "PUT",
159        headers: { "Content-Type": "application/json" },
164      }
165      setEditingMemory(null);
166      await fetchMemories();
167    } catch (e) {
168      console.error("Failed to update memory:", e);

135  ));
136
137// HTTP vals expect an exported "fetch handler"
138export default app.fetch;

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