mirror of
https://github.com/baairon/torlink.git
synced 2026-07-08 18:28:22 +02:00
feat: terminal-native torrent discovery TUI
Curated, multi-source torrent search and download from the terminal: concurrent search across built-in sources with streamed, source-tagged results; a download-only webtorrent engine with true pause/resume and restart recovery; magnet paste; and a calm Ink + React TUI. No indexer server, no setup.
This commit is contained in:
bairon.dev
@@ -0,0 +1,370 @@
|
||||
import { useEffect, useMemo, useState, type ReactNode } from "react";
|
||||
import { Box, Text, useInput } from "ink";
|
||||
import { useStore, CATEGORIES } from "../store";
|
||||
import { Spinner } from "./Spinner";
|
||||
import { SearchBar } from "./SearchBar";
|
||||
import { Panel } from "./Panel";
|
||||
import { Rule } from "./Rule";
|
||||
import { useConcurrentSearch } from "../hooks/useConcurrentSearch";
|
||||
import { getSource, SOURCES } from "../../sources/registry";
|
||||
import { wrapStep, windowStart } from "../move";
|
||||
import { COLOR, GUTTER, ICON, SOURCE_STYLE } from "../theme";
|
||||
import { cleanText, formatBytes, formatRelative, truncate } from "../../util/format";
|
||||
import type { Source, TorrentResult } from "../../sources/types";
|
||||
|
||||
type Mode = "list" | "search" | "detail";
|
||||
|
||||
const PLACEHOLDER = "Search, or paste a magnet…";
|
||||
|
||||
function DetailRow({ label, value }: { label: string; value: ReactNode }) {
|
||||
return (
|
||||
<Box>
|
||||
<Box width={9} flexShrink={0}>
|
||||
<Text dimColor>{label}</Text>
|
||||
</Box>
|
||||
<Box flexGrow={1} minWidth={0}>{value}</Box>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
|
||||
function Detail({ r, width }: { r: TorrentResult; width: number }) {
|
||||
const ss = SOURCE_STYLE[r.source];
|
||||
const date = formatRelative(r.added);
|
||||
const health =
|
||||
r.seeders || r.leechers ? (
|
||||
<Text>
|
||||
<Text color={r.seeders > 0 ? COLOR.good : undefined} bold={r.seeders > 0}>
|
||||
{r.seeders}
|
||||
</Text>
|
||||
<Text dimColor>{` seeders ${ICON.dot} ${r.leechers} leechers`}</Text>
|
||||
</Text>
|
||||
) : (
|
||||
<Text dimColor>unknown</Text>
|
||||
);
|
||||
return (
|
||||
<Box flexDirection="column">
|
||||
<Box>
|
||||
<Box flexGrow={1} minWidth={0}>
|
||||
<Text bold color={COLOR.text} wrap="truncate-end">
|
||||
{cleanText(r.name)}
|
||||
</Text>
|
||||
</Box>
|
||||
<Box flexShrink={0} marginLeft={2}>
|
||||
<Text color={ss.color} bold>
|
||||
{ss.tag}
|
||||
</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
<Rule width={width} />
|
||||
<Box marginTop={1} flexDirection="column">
|
||||
<DetailRow
|
||||
label="Size"
|
||||
value={
|
||||
r.sizeBytes > 0 ? (
|
||||
<Text color={COLOR.text}>{formatBytes(r.sizeBytes)}</Text>
|
||||
) : (
|
||||
<Text dimColor>unknown</Text>
|
||||
)
|
||||
}
|
||||
/>
|
||||
<DetailRow label="Health" value={health} />
|
||||
{r.numFiles ? (
|
||||
<DetailRow label="Files" value={<Text dimColor>{String(r.numFiles)}</Text>} />
|
||||
) : null}
|
||||
{date ? <DetailRow label="Added" value={<Text dimColor>{date}</Text>} /> : null}
|
||||
<DetailRow
|
||||
label="Hash"
|
||||
value={
|
||||
<Text color={COLOR.alt} dimColor wrap="truncate-end">
|
||||
{r.infoHash}
|
||||
</Text>
|
||||
}
|
||||
/>
|
||||
</Box>
|
||||
<Box marginTop={1}>
|
||||
<Text color={COLOR.accent} bold>
|
||||
d
|
||||
</Text>
|
||||
<Text color={COLOR.text}> Download</Text>
|
||||
<Text dimColor>{` ${ICON.dot} `}</Text>
|
||||
<Text color={COLOR.alt}>esc</Text>
|
||||
<Text dimColor> back</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
|
||||
export function Results() {
|
||||
const {
|
||||
query,
|
||||
submitQuery,
|
||||
section,
|
||||
region,
|
||||
setCaptureMode,
|
||||
startDownload,
|
||||
contentWidth,
|
||||
listRows,
|
||||
} = useStore();
|
||||
|
||||
const search = useConcurrentSearch(query);
|
||||
|
||||
const results = useMemo(() => {
|
||||
const cat = CATEGORIES.find((c) => c.key === section);
|
||||
if (!cat?.group) return search.results;
|
||||
return search.results.filter((r) => getSource(r.source).group === cat.group);
|
||||
}, [search.results, section]);
|
||||
|
||||
const focused = region === "content";
|
||||
const [mode, setMode] = useState<Mode>("list");
|
||||
const [cursor, setCursor] = useState(0);
|
||||
const [detail, setDetail] = useState<TorrentResult | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
setCursor(0);
|
||||
}, [results]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!focused) return;
|
||||
setCaptureMode(mode === "search" ? "text" : mode === "detail" ? "esc" : "none");
|
||||
return () => setCaptureMode("none");
|
||||
}, [mode, focused, setCaptureMode]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!focused) setMode("list");
|
||||
}, [focused]);
|
||||
|
||||
const clamped = Math.min(cursor, Math.max(0, results.length - 1));
|
||||
|
||||
const searchH = 3;
|
||||
const panelOuter = Math.max(5, listRows - searchH - 1);
|
||||
const listHeight = Math.max(3, panelOuter - 4);
|
||||
const pageJump = Math.max(1, listHeight - 1);
|
||||
|
||||
const openDownload = (r: TorrentResult): void =>
|
||||
startDownload({
|
||||
id: r.infoHash,
|
||||
name: r.name,
|
||||
magnet: r.magnet,
|
||||
source: r.source,
|
||||
sizeBytes: r.sizeBytes,
|
||||
});
|
||||
|
||||
useInput(
|
||||
(input, key) => {
|
||||
if (input === "/") {
|
||||
setMode("search");
|
||||
return;
|
||||
}
|
||||
if (results.length === 0) return;
|
||||
if (key.upArrow) setCursor(wrapStep(clamped, -1, results.length));
|
||||
else if (key.downArrow) setCursor(wrapStep(clamped, 1, results.length));
|
||||
else if (key.pageUp) setCursor(Math.max(0, clamped - pageJump));
|
||||
else if (key.pageDown) setCursor(Math.min(results.length - 1, clamped + pageJump));
|
||||
else if (key.return) {
|
||||
const r = results[clamped];
|
||||
if (r) {
|
||||
setDetail(r);
|
||||
setMode("detail");
|
||||
}
|
||||
} else if (input === "d") {
|
||||
const r = results[clamped];
|
||||
if (r) openDownload(r);
|
||||
}
|
||||
},
|
||||
{ isActive: focused && mode === "list" },
|
||||
);
|
||||
|
||||
useInput(
|
||||
(input, key) => {
|
||||
if (key.escape) {
|
||||
setMode("list");
|
||||
setDetail(null);
|
||||
} else if (input === "d" && detail) openDownload(detail);
|
||||
},
|
||||
{ isActive: focused && mode === "detail" },
|
||||
);
|
||||
|
||||
useInput(
|
||||
(_input, key) => {
|
||||
if (key.escape) setMode("list");
|
||||
},
|
||||
{ isActive: focused && mode === "search" },
|
||||
);
|
||||
|
||||
const onSubmit = (value: string): void => {
|
||||
setMode("list");
|
||||
submitQuery(value);
|
||||
};
|
||||
|
||||
const browsing = query.trim() === "";
|
||||
const erroredCount = useMemo(
|
||||
() => Object.values(search.perSource).filter((s) => s.error).length,
|
||||
[search.perSource],
|
||||
);
|
||||
const activeCat = CATEGORIES.find((c) => c.key === section);
|
||||
const tabSources = activeCat?.group ? SOURCES.filter((s) => s.group === activeCat.group) : SOURCES;
|
||||
const tabErrored =
|
||||
tabSources.length > 0 && tabSources.every((s) => search.perSource[s.id]?.error);
|
||||
const showStats = useMemo(
|
||||
() => results.some((r) => r.sizeBytes > 0 || r.seeders > 0),
|
||||
[results],
|
||||
);
|
||||
const numW = Math.max(2, String(results.length).length);
|
||||
|
||||
const outageCodes = (sources: readonly Source[]): string => {
|
||||
const codes = [
|
||||
...new Set(sources.map((s) => search.perSource[s.id]?.code).filter(Boolean)),
|
||||
];
|
||||
return codes.length ? ` (${codes.join(", ")})` : "";
|
||||
};
|
||||
|
||||
const status = () => {
|
||||
if (search.loading) {
|
||||
if (results.length > 0)
|
||||
return <Text dimColor>{`searching… ${search.done}/${search.total} sources`}</Text>;
|
||||
return (
|
||||
<Spinner label={`${browsing ? "Loading" : "Searching"} ${search.done}/${search.total} sources`} />
|
||||
);
|
||||
}
|
||||
if (results.length === 0) {
|
||||
if (erroredCount >= search.total) {
|
||||
const downAll = SOURCES.filter((s) => search.perSource[s.id]?.error);
|
||||
return (
|
||||
<Text color={COLOR.warn}>
|
||||
{`Couldn't reach any source. They may be down${outageCodes(downAll)}.`}
|
||||
</Text>
|
||||
);
|
||||
}
|
||||
if (tabErrored && activeCat) {
|
||||
const down = tabSources.filter((s) => search.perSource[s.id]?.error);
|
||||
const who = down.length === 1 ? "The source" : `All ${down.length} sources`;
|
||||
return (
|
||||
<Text color={COLOR.warn}>
|
||||
{`Couldn't reach ${activeCat.label}. ${who} may be down${outageCodes(down)}.`}
|
||||
</Text>
|
||||
);
|
||||
}
|
||||
if (search.results.length > 0 && activeCat?.group)
|
||||
return <Text dimColor>{`No ${activeCat.label.toLowerCase()} results yet. Try another tab or a search.`}</Text>;
|
||||
return (
|
||||
<Text dimColor>
|
||||
{browsing ? "Nothing new right now." : `No results for "${truncate(query, 28)}".`}
|
||||
</Text>
|
||||
);
|
||||
}
|
||||
const note = erroredCount > 0 ? ` (${erroredCount} source${erroredCount === 1 ? "" : "s"} down)` : "";
|
||||
const head = browsing
|
||||
? "newest across all sources"
|
||||
: `${results.length} result${results.length === 1 ? "" : "s"}`;
|
||||
return <Text dimColor>{head + note}</Text>;
|
||||
};
|
||||
|
||||
const start = windowStart(clamped, results.length, listHeight);
|
||||
const visible = results.slice(start, start + listHeight);
|
||||
const count = results.length > 0 ? `(${results.length})` : undefined;
|
||||
|
||||
return (
|
||||
<Box flexDirection="column">
|
||||
<SearchBar
|
||||
width={contentWidth}
|
||||
value={query}
|
||||
editing={mode === "search"}
|
||||
placeholder={PLACEHOLDER}
|
||||
onSubmit={onSubmit}
|
||||
/>
|
||||
<Box marginTop={1}>
|
||||
<Panel
|
||||
title={mode === "detail" ? "details" : browsing ? "latest" : "results"}
|
||||
width={contentWidth}
|
||||
focused={focused}
|
||||
count={mode === "detail" ? undefined : count}
|
||||
height={panelOuter}
|
||||
>
|
||||
{mode === "detail" && detail ? (
|
||||
<Detail r={detail} width={Math.max(10, contentWidth - 4)} />
|
||||
) : (
|
||||
<>
|
||||
<Box>{status()}</Box>
|
||||
<Box flexDirection="column" marginTop={results.length > 0 ? 1 : 0}>
|
||||
{results.length > 0 ? (
|
||||
<Box>
|
||||
<Box width={GUTTER} flexShrink={0} />
|
||||
<Box width={numW} flexShrink={0} justifyContent="flex-end">
|
||||
<Text bold dimColor>#</Text>
|
||||
</Box>
|
||||
<Box flexGrow={1} minWidth={0} marginLeft={1}>
|
||||
<Text bold dimColor>Name</Text>
|
||||
</Box>
|
||||
{showStats ? (
|
||||
<>
|
||||
<Box width={10} flexShrink={0} marginLeft={1} justifyContent="flex-end">
|
||||
<Text bold dimColor>Size</Text>
|
||||
</Box>
|
||||
<Box width={9} flexShrink={0} marginLeft={1} justifyContent="flex-end">
|
||||
<Text bold dimColor>Seed:Lch</Text>
|
||||
</Box>
|
||||
</>
|
||||
) : (
|
||||
<Box width={12} flexShrink={0} marginLeft={1} justifyContent="flex-end">
|
||||
<Text bold dimColor>Added</Text>
|
||||
</Box>
|
||||
)}
|
||||
<Box width={4} flexShrink={0} marginLeft={1} justifyContent="flex-end">
|
||||
<Text bold dimColor>Src</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
) : null}
|
||||
{visible.map((r, i) => {
|
||||
const index = start + i;
|
||||
const here = index === clamped && focused && mode === "list";
|
||||
const ss = SOURCE_STYLE[r.source];
|
||||
return (
|
||||
<Box key={r.infoHash}>
|
||||
<Box width={GUTTER} flexShrink={0}>
|
||||
<Text color={COLOR.accent}>{here ? ICON.pointer : ""}</Text>
|
||||
</Box>
|
||||
<Box width={numW} flexShrink={0} justifyContent="flex-end">
|
||||
<Text dimColor>{index + 1}</Text>
|
||||
</Box>
|
||||
<Box flexGrow={1} minWidth={0} marginLeft={1}>
|
||||
<Text
|
||||
wrap="truncate-end"
|
||||
color={here ? COLOR.accent : undefined}
|
||||
dimColor={!here}
|
||||
bold={here}
|
||||
>
|
||||
{cleanText(r.name)}
|
||||
</Text>
|
||||
</Box>
|
||||
{showStats ? (
|
||||
<>
|
||||
<Box width={10} flexShrink={0} marginLeft={1} justifyContent="flex-end">
|
||||
<Text dimColor>{r.sizeBytes > 0 ? formatBytes(r.sizeBytes) : "-"}</Text>
|
||||
</Box>
|
||||
<Box width={9} flexShrink={0} marginLeft={1} justifyContent="flex-end">
|
||||
<Text color={r.seeders > 0 ? COLOR.good : undefined} dimColor={r.seeders === 0}>
|
||||
{r.seeders || r.leechers ? `${r.seeders}:${r.leechers}` : "-"}
|
||||
</Text>
|
||||
</Box>
|
||||
</>
|
||||
) : (
|
||||
<Box width={12} flexShrink={0} marginLeft={1} justifyContent="flex-end">
|
||||
<Text dimColor>{formatRelative(r.added) || "-"}</Text>
|
||||
</Box>
|
||||
)}
|
||||
<Box width={4} flexShrink={0} marginLeft={1} justifyContent="flex-end">
|
||||
<Text color={ss.color} dimColor={!here}>
|
||||
{ss.tag}
|
||||
</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
);
|
||||
})}
|
||||
</Box>
|
||||
</>
|
||||
)}
|
||||
</Panel>
|
||||
</Box>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user