Val Town Code SearchReturn to Val Town

94
95    try {
96      const response = await fetch('/api/transcript', {
97        method: 'POST',
98        headers: {

64    }
65    
66    // Fetch video page to get title and transcript data
67    const videoPageUrl = `https://corsproxy.io/?https://www.youtube.com/watch?v=${videoId}`;
68    const videoResponse = await fetch(videoPageUrl);
69    
70    if (!videoResponse.ok) {
71      return c.json({ success: false, error: "Failed to fetch video data" }, 500);
72    }
73    
101    }
102    
103    // Fetch the actual transcript
104    const transcriptUrl = `https://corsproxy.io/?${transcriptTrack.baseUrl}`;
105    const transcriptResponse = await fetch(transcriptUrl);
106    
107    if (!transcriptResponse.ok) {
108      return c.json({ success: false, error: "Failed to fetch transcript" }, 500);
109    }
110    
153});
154
155export default app.fetch;

27    setLoading(true);
28    try {
29      const response = await fetch("/api/users");
30      if (response.ok) {
31        const data = await response.json();
46    setLoading(true);
47    try {
48      const response = await fetch("/api/users/audit/logs");
49      if (response.ok) {
50        const data = await response.json();
62  const handleVerifyUser = async (userId: number) => {
63    try {
64      const response = await fetch(`/api/users/${userId}/verify`, {
65        method: "POST"
66      });

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

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

59
60  const loadActiveTransactions = async () => {
61    const response = await fetch("/api/transactions/active");
62    if (response.ok) {
63      const data = await response.json();
67
68  const loadTransactionHistory = async () => {
69    const response = await fetch("/api/transactions/history");
70    if (response.ok) {
71      const data = await response.json();
78      ? "/api/transactions/fines"
79      : "/api/transactions/fines";
80    const response = await fetch(url);
81    if (response.ok) {
82      const data = await response.json();
89
90    const [usersRes, booksRes] = await Promise.all([
91      fetch("/api/users"),
92      fetch("/api/books")
93    ]);
94
111
112    try {
113      const response = await fetch("/api/transactions/issue", {
114        method: "POST",
115        headers: { "Content-Type": "application/json" },
142
143    try {
144      const response = await fetch("/api/transactions/return", {
145        method: "POST",
146        headers: { "Content-Type": "application/json" },
163  const handlePayFine = async (fineId: number) => {
164    try {
165      const response = await fetch(`/api/transactions/fines/${fineId}/pay`, {
166        method: "POST"
167      });

45        : "/api/books";
46
47      const response = await fetch(url);
48      if (response.ok) {
49        const data = await response.json();
60    try {
61      const [genresRes, subjectsRes, levelsRes] = await Promise.all([
62        fetch("/api/books/filters/genres"),
63        fetch("/api/books/filters/subjects"),
64        fetch("/api/books/filters/levels")
65      ]);
66