1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { useState, useEffect, useContext, createContext } from "react";
3import { useParams } from "react-router";
4
5import { AppContext } from "./App.tsx";
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { useMemo } from "react";
3import { useNavigate, useParams } from "react-router";
4import { useBranches } from "../hooks/useBranches.tsx";
5import { useCreateBranch } from "../hooks/useCreateBranch.tsx";
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import React, { createContext, useState } from "react";
3import { BrowserRouter, Link, Navigate, Outlet, Route, Routes, useLocation } from "react-router";
4import { useLocalStorage } from "react-use";
5import { useUser } from "../hooks/useUser.tsx";
6import { ChatRouteSingleColumn } from "./ChatRouteSingleColumn.tsx";
1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect, useRef } from "https://esm.sh/react@18.2.0";
3import { useValTown } from "../../ValTownProvider.tsx";
4import { FileTreeDisplay } from "./FileTreeDisplay.tsx";
19app.route("/api", proxyRoutes);
20
21// Main page - serve React app
22app.get("/", async c => {
23 let html = await readFile("/frontend/index.html", import.meta.url);
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import type { FileTreeItem } from "../../../shared/sync-types.ts";
4
12 toggleFolder: (path: string) => void;
13 selectedForUpload: Set<string>;
14 setSelectedForUpload: React.Dispatch<React.SetStateAction<Set<string>>>;
15 isRemote: boolean;
16 showUploadControls: boolean;
33}: FileTreeDisplayProps) {
34
35 const renderFileTree = (items: FileTreeItem[], level = 0): React.ReactNode => {
36 return items.map((item) => (
37 <div key={item.path}>
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import { useValTown } from "../ValTownProvider.tsx";
4import type { ValTownVal } from "../../shared/types.ts";
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import { useValTown } from "../ValTownProvider.tsx";
4import type { ValTownSQLiteTable, ValTownSQLiteRow } from "../../shared/types.ts";
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import { useValTown } from "../ValTownProvider.tsx";
4
