Val Town Code SearchReturn to Val Town

54
55// This is the entry point for HTTP vals
56export default app.fetch;

14    
15    try {
16      const response = await fetch("/api/crawl", {
17        method: "POST",
18        headers: {

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

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

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

210    return c.json({ branches: branches.data });
211  } catch (error) {
212    console.error("Error fetching branches:", error);
213    return Response.json({ error: "Failed to fetch branches" }, { status: 500 });
214  }
215});

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

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

71```
72
735. **fetchTranspiledJavaScript** - Fetch and transpile TypeScript to JavaScript:
74```ts
75const jsCode = await fetchTranspiledJavaScript("https://esm.town/v/username/project/path/to/file.ts");
76```
77
200    
201    // Inject data to avoid extra round-trips
202    const initialData = await fetchInitialData();
203    const dataScript = `<script>
204      window.__INITIAL_DATA__ = ${JSON.stringify(initialData)};
258
2595. **API Design:**
260   - `fetch` handler is the entry point for HTTP vals
261   - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`
262   - Properly handle CORS if needed for external access

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