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);

53  headers.set("Accept-Language", "en-US,en;q=0.9");
54  headers.set("Origin", "https://eur.explore.garmin.com");
55  headers.set("Sec-Fetch-Dest", "empty");
56  headers.set("Sec-Fetch-Mode", "cors");
57  headers.set("Sec-Fetch-Site", "same-origin");
58  headers.set("Priority", "u=0");
59  headers.set("TE", "trailers");
71  });
72
73  let result = fetch(request)
74    .then(res => {
75      console.log("Response from garmin:", res);

239    
240    // Inject data to avoid extra round-trips
241    const initialData = await fetchInitialData();
242    const dataScript = `<script>
243      window.__INITIAL_DATA__ = ${JSON.stringify(initialData)};
286
2875. **API Design:**
288   - `fetch` handler is the entry point for HTTP vals
289   - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`
290
291

1import { SearchResult } from "https://esm.town/v/cmknz/maine-bills-tax/types.ts";
2import { fetchText } from "https://esm.town/v/stevekrouse/fetchText?v=6";
3
4// Inject the search term in to the URL
9// Query the Maine bill database
10export function search(term: string): Promise<SearchResult[]> {
11  return fetchText(getSearchURL(term)).then((res) => {
12    return JSON.parse(res).hits.hits;
13  }) as Promise<SearchResult[]>;

435            queryParams.append('offset', ((pagination.value.currentPage - 1) * pagination.value.limit).toString());
436            
437            const response = await fetch('/getFeedback?' + queryParams.toString(), {
438              headers: {
439                'Authorization': getAuthHeader()
494        const createApp = async () => {
495          try {
496            const response = await fetch('/createApp', {
497              method: 'POST',
498              headers: {
531        const deleteApp = async (appId) => {
532          try {
533            const response = await fetch('/deleteApp?id=' + appId, {
534              method: 'DELETE',
535              headers: {

1/** @jsxImportSource npm:hono/jsx **/
2
3import { modifyFetchHandler } from "https://esm.town/v/andreterron/codeOnValTown?v=50";
4import { iframeHandler } from "https://esm.town/v/nbbaier/iframeHandler";
5import { resetStyle } from "https://esm.town/v/nbbaier/resetStyle";
16import { verifyToken } from "https://esm.town/v/pomdtr/verifyToken";
17import { ResultSet, sqlite } from "https://esm.town/v/std/sqlite";
18import { reloadOnSaveFetchMiddleware } from "https://esm.town/v/stevekrouse/reloadOnSave";
19import { Hono } from "npm:hono";
20import type { FC } from "npm:hono/jsx";
175});
176
177export const handler = app.fetch;
178export default iframeHandler(modifyFetchHandler(passwordAuth(handler, { verifyPassword: verifyToken })));

60// Example client-side code for submitting feedback
61async function submitFeedback(rating, comment) {
62  const response = await fetch('https://username-submitFeedback.web.val.run', {
63    method: 'POST',
64    headers: {
88const submitFeedback = async (apiKey, rating, comment) => {
89  try {
90    const response = await fetch('https://username-submitFeedback.web.val.run', {
91      method: 'POST',
92      headers: {

33app.get("/10gb", s(get10gb));
34
35export default app.fetch;
36
37function fromB64(str: string): Uint8Array {

15  const start = performance.now();
16  try {
17    res = await fetch(url);
18    end = performance.now();
19    status = res.status;
25  } catch (e) {
26    end = performance.now();
27    reason = `couldn't fetch: ${e}`;
28    ok = false;
29  }