Val Town Code SearchReturn to Val Town

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

170
171      try {
172        // Fetch prompts and tools using the client pool
173        const [promptsResult, toolsResult] = await Promise.all([
174          clientPool.fetchPrompts(),
175          clientPool.fetchTools(),
176        ]);
177
210        // Log any errors
211        if (!promptsResult.success) {
212          console.warn("[CMD] Failed to fetch prompts:", promptsResult.error);
213        }
214        if (!toolsResult.success) {
215          console.warn("[CMD] Failed to fetch tools:", toolsResult.error);
216        }
217      } catch (error) {

8  const [error, setError] = useState(null);
9
10  const fetchData = async () => {
11    try {
12      const userEndpoint = new URL(USER_ENDPOINT, window.location.origin);
13
14      const res = await fetch(userEndpoint);
15      const data = await res.json();
16      if (!res.ok) {
33
34  useEffect(() => {
35    fetchData();
36  }, []);
37
38  return { data, loading, error, refetch: fetchData };
39}
40

9  const [error, setError] = useState(null);
10
11  const fetchData = async () => {
12    try {
13      const projectEndpoint = new URL(PROJECT_ENDPOINT, window.location.origin);
17      if (branchId) filesEndpoint.searchParams.append("branchId", branchId);
18
19      const { project } = await fetch(projectEndpoint).then((res) =>
20        res.json()
21      );
22      const { files } = await fetch(filesEndpoint).then((res) => res.json());
23
24      setData({ project, files });
34  useEffect(() => {
35    if (!projectId) return;
36    fetchData();
37  }, [projectId, branchId]);
38
39  return { data, loading, error, refetch: fetchData };
40}
41

8  const [error, setError] = useState(null);
9
10  const fetchData = async () => {
11    try {
12      const res = await fetch(ENDPOINT);
13      const data = await res.json();
14      if (!res.ok) {
32
33  useEffect(() => {
34    fetchData();
35  }, []);
36
37  return { data, loading, error, refetch: fetchData };
38}
39

6  const [loading, setLoading] = useState(true);
7
8  const fetchBalance = async () => {
9    try {
10      const response = await fetch("/api/credit-balance");
11      if (response.ok) {
12        const data = await response.json();
13        setBalance(data.balance);
14      } else {
15        console.error("Failed to fetch balance");
16      }
17    } catch (err) {
18      console.error("Error fetching balance:", err);
19    } finally {
20      setLoading(false);
23
24  useEffect(() => {
25    fetchBalance();
26  }, []);
27
28  return { balance, loading, refetch: fetchBalance };
29}

19    setError(null);
20    try {
21      const res = await fetch(ENDPOINT, {
22        method: "POST",
23        headers: {

12    setData(null);
13    setError(null);
14    const res = await fetch(ENDPOINT, {
15      method: "POST",
16      body: JSON.stringify({

7  const [loading, setLoading] = useState(true);
8
9  const fetchData = async () => {
10    const endpoint = new URL(ENDPOINT, window.location.origin);
11    endpoint.searchParams.append("projectId", projectId);
12
13    const res = await fetch(endpoint)
14      .then(res => res.json());
15    setData(res.branches);
19  useEffect(() => {
20    if (!projectId) return;
21    fetchData();
22  }, [projectId]);
23
24  return { data, loading, refetch: fetchData };
25}

99        return {
100          type: "error",
101          message: `Error fetching traces: ${e.message}`,
102        };
103      }