import Head from "next/head"; import Container from "@mui/material/Container"; import { Stack } from "@mui/material"; import { DividerBox } from "@/components/base/boxes"; import { useCallback, useEffect, useState } from "react"; import { HF_FileEntry, HFRes } from "@/types"; import { basename } from "path"; export default function Home() { const [repo, setRepo] = useState('https://huggingface.co/datasets/banned-historical-archives/wenhuibao_disk/tree/main'); const [entries, setEntries] = useState([]) const [next, setNext] = useState('') const update = useCallback( (async () => { const res = (await ((await fetch('/api/get_file_list')).json())) as HFRes; setEntries(res.entries); setNext(res.nextURL!); }), [] ) useEffect(() => { update() }, []) return ( <> nextjs-docker-starter setRepo(e.target.value)}/> {entries.map(i =>
{basename(i.path)}
)}
); }