Val Town Code SearchReturn to Val Town

43    
44    try {
45      const response = await fetch("/api/create-branch", {
46        method: "POST",
47        headers: {

28  const [isDragging, setIsDragging] = useState(false);
29
30  // Use custom hook to fetch project files
31  const {
32    projectFiles,

30  const [showCreateBranch, setShowCreateBranch] = useState<boolean>(false);
31
32  // Fetch branches when project changes
33  useEffect(() => {
34    if (!projectId) return;
35
36    const fetchBranches = async () => {
37      setIsLoadingBranches(true);
38      try {
39        const response = await fetch(`/api/project-branches?projectId=${projectId}`, {
40          headers: {
41            "Authorization": `Bearer ${bearerToken}`,
44
45        if (!response.ok) {
46          throw new Error(`Failed to fetch branches: ${response.statusText}`);
47        }
48
49        const data = await response.json();
50        const fetchedBranches = data.branches || [];
51        setBranches(fetchedBranches);
52
53        // Check if the stored branchId is valid for this project
54        const storedBranchIsValid = fetchedBranches.some((branch: Branch) => branch.id === branchId);
55
56        // Only set a new branchId if there isn't a valid one already stored
57        if (!storedBranchIsValid && fetchedBranches.length > 0) {
58          // If branches are loaded and there's a "main" branch, select it by default
59          const mainBranch = fetchedBranches.find((branch: Branch) => branch.name === "main");
60          if (mainBranch) {
61            setBranchId(mainBranch.id);
63          } else {
64            // Otherwise select the first branch
65            setBranchId(fetchedBranches[0].id);
66            setSelectedBranchName(fetchedBranches[0].name);
67          }
68        } else if (storedBranchIsValid) {
69          // Set the selected branch name based on the stored branchId
70          const selectedBranch = fetchedBranches.find((branch: Branch) => branch.id === branchId);
71          if (selectedBranch) {
72            setSelectedBranchName(selectedBranch.name);
74        }
75      } catch (error) {
76        console.error("Error fetching branches:", error);
77      } finally {
78        setIsLoadingBranches(false);
80    };
81
82    fetchBranches();
83  }, [projectId, bearerToken, branchId, setBranchId]);
84
105    // Refresh the branches list
106    if (projectId) {
107      const fetchBranches = async () => {
108        try {
109          const response = await fetch(`/api/project-branches?projectId=${projectId}`, {
110            headers: {
111              "Authorization": `Bearer ${bearerToken}`,
114
115          if (!response.ok) {
116            throw new Error(`Failed to fetch branches: ${response.statusText}`);
117          }
118
119          const data = await response.json();
120          const fetchedBranches = data.branches || [];
121          setBranches(fetchedBranches);
122
123          // Update the selected branch name
124          const selectedBranch = fetchedBranches.find((branch: Branch) => branch.id === newBranchId);
125          if (selectedBranch) {
126            setSelectedBranchName(selectedBranch.name);
127          }
128        } catch (error) {
129          console.error("Error fetching branches:", error);
130        }
131      };
132
133      fetchBranches();
134    }
135  };

1// Fetch project files from the backend
2export async function fetchProjectFiles(
3  { bearerToken, projectId, branchId }: { bearerToken: string; projectId: string; branchId?: string },
4) {
9  }
10
11  const response = await fetch(url.toString(), {
12    headers: {
13      "Authorization": "Bearer " + bearerToken,

1import { useState, useEffect } from "https://esm.sh/react@18.2.0?dev";
2import { fetchProjectFiles } from "../utils/api.ts";
3
4interface UseProjectFilesProps {
15
16/**
17 * Custom hook to fetch and manage project files
18 */
19export function useProjectFiles({
38      
39      try {
40        const filesData = await fetchProjectFiles({
41          bearerToken,
42          projectId,
51        }
52      } catch (err) {
53        console.error("Error fetching project files:", err);
54        setProjectFiles([]);
55        setError(err instanceof Error ? err : new Error(String(err)));

136  let type_: "file" | "http" | "script";
137  if (path.includes("backend/index.ts")) type_ = "http";
138  if (file_text?.includes("export default app.fetch")) type_ = "http";
139  if ([".ts", ".tsx", ".js", ".jsx"].some(ext => path.endsWith(ext))) {
140    type_ = "script";

233    
234    // Inject data to avoid extra round-trips
235    const initialData = await fetchInitialData();
236    const dataScript = `<script>
237      window.__INITIAL_DATA__ = ${JSON.stringify(initialData)};
280
2815. **API Design:**
282   - `fetch` handler is the entry point for HTTP vals
283   - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`

95  }
96
97  // If there are selected files, fetch their content and add them to the messages
98  if (selectedFiles && selectedFiles.length > 0) {
99    const vt = new ValTown({ bearerToken });
115          fileContents += `## File: ${filePath}\n\`\`\`\n${fileWithLinesNumbers(content)}\n\`\`\`\n\n`;
116        } catch (error) {
117          console.error(`Error fetching file ${filePath}:`, error);
118          fileContents += `## File: ${filePath}\nError: Could not fetch file content\n\n`;
119        }
120      }

10
11async function loader({ bearerToken }: { bearerToken: string }) {
12  const data = await (await fetch("/api/projects-loader", {
13    headers: {
14      "Authorization": "Bearer " + bearerToken,

30    return c.json({ files: files.data });
31  } catch (error) {
32    console.error("Error fetching project files:", error);
33    return Response.json({ error: "Failed to fetch project files" }, { status: 500 });
34  }
35});