+
+ )
+}
+
+// Key-value pair list (for selectors / headers / params / args / defaults)
+type KVPair = { key: string; value: string }
+
+function KVList({
+ pairs,
+ onChange,
+ keyPlaceholder,
+ valuePlaceholder,
+}: {
+ pairs: KVPair[]
+ onChange: (pairs: KVPair[]) => void
+ keyPlaceholder?: string
+ valuePlaceholder?: string
+}) {
+ const update = (i: number, field: 'key' | 'value', v: string) =>
+ onChange(pairs.map((p, idx) => (idx === i ? { ...p, [field]: v } : p)))
+
+ const remove = (i: number) => onChange(pairs.filter((_, idx) => idx !== i))
+
+ return (
+
- )
-}
-
-function kvToObj(pairs: KVPair[]): Record
{
- return Object.fromEntries(pairs.filter((p) => p.key).map((p) => [p.key, p.value]))
-}
-
-function objToKv(obj: Record | undefined): KVPair[] {
- if (!obj) return []
- return Object.entries(obj).map(([key, value]) => ({ key, value: String(value) }))
-}
-
-// ── Per-channel config forms ──────────────────────────────────────────────────
-
-function RSSConfig({
- config,
- onChange,
-}: {
- config: Record
- onChange: (c: Record) => void
-}) {
- const { t } = useTranslation()
- return (
-
-
- onChange({ ...config, feed_url: v })}
- placeholder="https://hnrss.org/frontpage"
- required
- />
-
-
-
- onChange({ ...config, max_entries: v === '' ? undefined : v })}
- placeholder="50"
- min={1}
- />
-
-
- onChange({ ...config, timeout: v === '' ? undefined : v })}
- placeholder="30"
- min={1}
- />
-
-
-
-
- update({ base_url: v })}
- placeholder="https://api.github.com"
- required
- />
-
-
-
- update({ endpoint: v })}
- placeholder="/repos/owner/repo/issues"
- required
- />
-
-
- update({ method: v })}
- options={['GET', 'POST', 'PUT', 'PATCH'].map((m) => ({ value: m, label: m }))}
- />
-
-
- update({ result_path: v })}
- placeholder="data.items"
- />
-
-
-
-
- update({ auth: { type: v } })}
- options={[
- { value: 'none', label: t('channelConfig.authNone') },
- { value: 'bearer', label: t('channelConfig.authBearer') },
- { value: 'basic', label: t('channelConfig.authBasic') },
- { value: 'api_key', label: t('channelConfig.authApiKey') },
- ]}
- />
-
-
- {authType === 'bearer' && (
-
- updateAuth({ token_env: v })}
- placeholder="GITHUB_TOKEN"
- />
-
- )}
- {authType === 'basic' && (
-
-
- updateAuth({ username: v })}
- placeholder="{{secret:API_USER}}"
- />
-
-
- updateAuth({ password: v })}
- placeholder="{{secret:API_PASS}}"
- />
-
-
- )}
- {authType === 'api_key' && (
-
-
- updateAuth({ header: v })}
- placeholder="X-API-Key"
- />
-
-
- updateAuth({ key_env: v })}
- placeholder="MY_API_KEY"
- />
-
-
- )}
-
-
-
-
-
-
-
-
- update({ timeout: v === '' ? undefined : v })}
- placeholder="30"
- min={1}
- />
-
-
-
- update({ url: v })}
- placeholder="https://news.ycombinator.com"
- required
- />
-
-
- update({ list_selector: v })}
- placeholder=".athing"
- />
-
-
-
-
-
- update({ timeout: v === '' ? undefined : v })}
- placeholder="30"
- min={1}
- />
-
-
- )
-}
-
-function CLIConfig({
- config,
- onChange,
-}: {
- config: Record
- onChange: (c: Record) => void
-}) {
- const { t } = useTranslation()
- const cmdArr = (config.command as string[]) ?? []
- const [cmdStr, setCmdStr] = useState(cmdArr.join(' '))
- const [defaults, setDefaults] = useState(
- objToKv(config.defaults as Record),
- )
- const [envVars, setEnvVars] = useState(
- objToKv(config.env as Record),
- )
-
- const update = (patch: Partial>) => onChange({ ...config, ...patch })
-
- const updateCmd = (v: string) => {
- setCmdStr(v)
- // Split respecting quoted strings
- const parts = v.match(/(?:[^\s"']+|"[^"]*"|'[^']*')+/g) ?? []
- update({ command: parts })
- }
-
- const updateDefaults = (pairs: KVPair[]) => {
- setDefaults(pairs)
- update({ defaults: kvToObj(pairs) })
- }
-
- const updateEnv = (pairs: KVPair[]) => {
- setEnvVars(pairs)
- update({ env: kvToObj(pairs) })
- }
-
- return (
-
-
- update({ binary: v })}
- placeholder="curl"
- required
- />
-
-
-
-
-
- update({ output_format: v })}
- options={[
- { value: 'json', label: t('channelConfig.outputJson') },
- { value: 'text', label: t('channelConfig.outputText') },
- ]}
- />
-
-
-
-
-
-
-
-
- update({ timeout: v === '' ? undefined : v })}
- placeholder="60"
- min={1}
- />
-
-
- )
-}
-
-// ── OpenCLI presets ──────────────────────────────────────────────────────────
-
-type Preset = {
- label: string
- group: string
- site: string
- command: string
- args: Record
- /** Placeholder/description shown for each arg value input */
- argHints?: Record
-}
-
-const OPENCLI_PRESETS: Preset[] = [
- // ── 国内 (Chinese, login required) ───────────────────────────────────────
- // Fields: rank, title, author, likes, url
- { group: '🇨🇳 国内', label: '小红书 · 搜索', site: 'xiaohongshu', command: 'search',
- args: { keyword: '', limit: '20' },
- argHints: { keyword: '搜索关键词（必填）', limit: '返回条数（默认 20）' } },
- // Fields: id, title, type, likes, url
- { group: '🇨🇳 国内', label: '小红书 · 用户笔记', site: 'xiaohongshu', command: 'user',
- args: { id: '', limit: '20' },
- argHints: { id: '用户 ID（从主页 URL 获取，必填）', limit: '返回条数（默认 20）' } },
- // Fields: rank, title, author, play, danmaku
- { group: '🇨🇳 国内', label: 'Bilibili · 热门视频', site: 'bilibili', command: 'hot',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: rank, title, author, score, url
- { group: '🇨🇳 国内', label: 'Bilibili · 排行榜', site: 'bilibili', command: 'ranking',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: id, author, text, likes, url
- { group: '🇨🇳 国内', label: 'Bilibili · 关注动态', site: 'bilibili', command: 'dynamic',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: rank, title, author, plays, url
- { group: '🇨🇳 国内', label: 'Bilibili · 收藏夹', site: 'bilibili', command: 'favorite',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: rank, title, plays, likes, date, url
- { group: '🇨🇳 国内', label: 'Bilibili · 用户视频', site: 'bilibili', command: 'user-videos',
- args: { uid: '', limit: '20' },
- argHints: { uid: 'UP 主 UID（从个人主页 URL 获取，必填）', limit: '返回条数（默认 20）' } },
- // Fields: rank, title, heat, answers, url
- { group: '🇨🇳 国内', label: '知乎 · 热榜', site: 'zhihu', command: 'hot',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: rank, author, votes, content
- { group: '🇨🇳 国内', label: '知乎 · 问题回答', site: 'zhihu', command: 'question',
- args: { id: '', limit: '10' },
- argHints: { id: '问题 ID（从 URL 中获取，如 /question/123456789）', limit: '返回答案数（默认 10）' } },
- // Fields: rank, word(→title), hot_value, category, label, url
- { group: '🇨🇳 国内', label: '微博 · 热搜', site: 'weibo', command: 'hot',
- args: {},
- argHints: {} },
- // Fields: rank, title, score, author, url
- { group: '🇨🇳 国内', label: 'V2EX · 热门话题', site: 'v2ex', command: 'hot',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: rank, title, score, author, url
- { group: '🇨🇳 国内', label: 'V2EX · 最新话题', site: 'v2ex', command: 'latest',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: rank, author, text(→content), likes, url
- { group: '🇨🇳 国内', label: '雪球 · 动态', site: 'xueqiu', command: 'hot',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: rank, symbol, name(→title), price, changePercent, heat
- { group: '🇨🇳 国内', label: '雪球 · 热门股票', site: 'xueqiu', command: 'hot-stock',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20，最大 50）' } },
- // Fields: name(→title), symbol, price, changePercent, marketCap
- { group: '🇨🇳 国内', label: '雪球 · 股票行情', site: 'xueqiu', command: 'stock',
- args: { symbol: '601318' },
- argHints: { symbol: 'A 股代码（如 601318 中国平安）或港股（如 00700 腾讯）' } },
- // Fields: rank, title, price, mall, comments, url
- { group: '🇨🇳 国内', label: '什么值得买 · 搜索', site: 'smzdm', command: 'search',
- args: { keyword: '', limit: '20' },
- argHints: { keyword: '搜索关键词（必填）', limit: '返回条数（默认 20）' } },
- // Fields: name(→title), salary, company, area, experience, degree, skills, boss, url
- { group: '🇨🇳 国内', label: 'Boss直聘 · 职位搜索', site: 'boss', command: 'search',
- args: { keyword: '', city: '101010100', limit: '20' },
- argHints: { keyword: '职位名称或关键词（必填，如 "前端工程师"）', city: '城市代码（101010100=北京，101020100=上海，101280100=广州，101280600=深圳）', limit: '返回条数（默认 20）' } },
- // Fields: rank, name(→title), type, score, price, url
- { group: '🇨🇳 国内', label: '携程 · 目的地搜索', site: 'ctrip', command: 'search',
- args: { query: '', limit: '15' },
- argHints: { query: '目的地或景点名称（必填，如 "三亚"）', limit: '返回条数（默认 15）' } },
- // Fields: title, author, description(→content), subscribers, episodes, updated
- { group: '🇨🇳 国内', label: '小宇宙 · 播客信息', site: 'xiaoyuzhou', command: 'podcast',
- args: { id: '' },
- argHints: { id: '播客 ID（从 URL 获取，如 5e280fbd418a84a0463d3e3b）' } },
- // Fields: eid, title, duration, plays, date
- { group: '🇨🇳 国内', label: '小宇宙 · 单集列表', site: 'xiaoyuzhou', command: 'podcast-episodes',
- args: { id: '', limit: '15' },
- argHints: { id: '播客 ID（同上）', limit: '返回集数（最多 15，受 SSR 限制）' } },
-
- // ── Public (no login required) ────────────────────────────────────────────
- // Fields: rank, title, score, author, comments, url
- { group: '🌐 Public', label: 'Hacker News · top stories', site: 'hackernews', command: 'top',
- args: { limit: '20' },
- argHints: { limit: '返回条数（1–500）' } },
- // Fields: rank, title, description, url
- { group: '🌐 Public', label: 'BBC · latest news', site: 'bbc', command: 'news',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: rank, title, date, section, url
- { group: '🌐 Public', label: 'Reuters · search', site: 'reuters', command: 'search',
- args: { query: 'technology', limit: '20' },
- argHints: { query: '搜索关键词（必填）', limit: '返回条数（默认 20）' } },
-
- // ── Global (login required) ───────────────────────────────────────────────
- // Fields: rank, topic(→title), tweets
- { group: '🌍 Global', label: 'Twitter/X · trending', site: 'twitter', command: 'trending',
- args: {},
- argHints: {} },
- // Fields: id, author, text(→content), likes, retweets, replies, views, created_at, url
- { group: '🌍 Global', label: 'Twitter/X · timeline', site: 'twitter', command: 'timeline',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: id, author, text(→content), likes, views, url
- { group: '🌍 Global', label: 'Twitter/X · search', site: 'twitter', command: 'search',
- args: { query: '', limit: '20' },
- argHints: { query: '搜索关键词，支持运算符（必填，如 "AI lang:en"）', limit: '返回条数（默认 20）' } },
- // Fields: title, subreddit, score, comments, url
- { group: '🌍 Global', label: 'Twitter/X · bookmarks', site: 'twitter', command: 'bookmarks',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: title, subreddit, author, upvotes, comments, url
- { group: '🌍 Global', label: 'Reddit · frontpage', site: 'reddit', command: 'frontpage',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: rank, title, subreddit, score, comments, url
- { group: '🌍 Global', label: 'Reddit · hot', site: 'reddit', command: 'hot',
- args: { limit: '20' },
- argHints: { subreddit: '子版块名称（可选，留空则为全站热门，如 "programming"）', limit: '返回条数（默认 20）' } },
- // Fields: title, subreddit, score, comments, url
- { group: '🌍 Global', label: 'Reddit · saved posts', site: 'reddit', command: 'saved',
- args: { limit: '20' },
- argHints: { limit: '返回条数（默认 20）' } },
- // Fields: rank, title, channel(→author), views, duration, url
- { group: '🌍 Global', label: 'YouTube · search', site: 'youtube', command: 'search',
- args: { query: 'technology', limit: '10' },
- argHints: { query: '搜索关键词（必填）', limit: '返回条数（最多 10）' } },
- // Fields: rank, title, company, location, listed(→published_at), salary, url
- { group: '🌍 Global', label: 'LinkedIn · job search', site: 'linkedin', command: 'search',
- args: { query: 'AI engineer', limit: '20' },
- argHints: { query: '职位名称或关键词（必填）', limit: '返回条数（默认 20）' } },
- // Fields: symbol, name(→title), price, change, changePercent, open, high, low, volume, marketCap
- { group: '🌍 Global', label: 'Yahoo Finance · quote', site: 'yahoo-finance', command: 'quote',
- args: { symbol: 'AAPL' },
- argHints: { symbol: '股票代码（如 AAPL、GOOGL、TSLA、SPY）' } },
- // Fields: symbol, name(→title), price, change, changePct, peRatio, eps, marketCap
- { group: '🌍 Global', label: 'Barchart · stock quote', site: 'barchart', command: 'quote',
- args: { symbol: 'AAPL' },
- argHints: { symbol: '股票代码（如 AAPL、SPY、QQQ）' } },
-]
-
-const PRESET_DEFAULT = OPENCLI_PRESETS[0]
-
-// ── Derived lookup structures ─────────────────────────────────────────────────
-
-const SITE_LABELS: Record = {
- xiaohongshu: '小红书', bilibili: 'Bilibili', zhihu: '知乎',
- weibo: '微博', v2ex: 'V2EX', xueqiu: '雪球',
- smzdm: '什么值得买', boss: 'Boss直聘', ctrip: '携程', xiaoyuzhou: '小宇宙',
- hackernews: 'Hacker News', bbc: 'BBC', reuters: 'Reuters',
- twitter: 'Twitter/X', reddit: 'Reddit', youtube: 'YouTube',
- linkedin: 'LinkedIn', 'yahoo-finance': 'Yahoo Finance', barchart: 'Barchart',
-}
-
-// site → ordered list of presets
-const COMMANDS_BY_SITE: Record = {}
-for (const p of OPENCLI_PRESETS) {
- if (!COMMANDS_BY_SITE[p.site]) COMMANDS_BY_SITE[p.site] = []
- COMMANDS_BY_SITE[p.site].push(p)
-}
-
-// Groups for the site