import { ArrowRight } from "lucide-react";
import { Link } from "react-router";
import { consolePath } from "~/components/console/nav.ts";
import { Button } from "~/components/ui/button.tsx";
import { BrowserProvidersBlock } from "./browser-providers.tsx";
import { num, str } from "./resource-section.tsx";
import { type CardSpec, n, SettingsCard, SettingsGate } from "./settings-card.tsx";

// 站点默认(site-center §8):站点没单独设置时用的限流、快照周期、UA、代理;浏览器服务(BR-1)。
// 站点、凭证、账号在「站点」页管理;站点级覆盖在站点的"编辑"里。

const DEFAULTS_CARD: CardSpec = {
  anchor: "defaults",
  title: "默认值",
  description: "站点没有单独设置时使用。限流不会比站点定义自带的更快。",
  fields: [
    {
      name: "sites.defaultRateLimit.requestsPerMinute",
      label: "每分钟请求数",
      kind: "number",
      hint: "每个站点各自计数",
    },
    { name: "sites.defaultRateLimit.concurrency", label: "并发", kind: "number", hint: "同一站点同时进行的请求" },
    {
      name: "sites.defaultSnapshotIntervalSec",
      label: "快照周期（分钟）",
      kind: "number",
      hint: "站点开了定时快照但没设周期时使用；5–10080",
    },
    {
      name: "sites.userDataMaxSeedingPages",
      label: "做种列表页数上限",
      kind: "number",
      hint: "拉取用户数据时最多翻几页做种列表；1–50",
    },
    {
      name: "sites.userAgent",
      label: "User-Agent",
      kind: "text",
      hint: "账号没填 UA 时，登录和拉取用户数据用这个",
      wide: true,
    },
    {
      name: "sites.proxyUrl",
      label: "代理地址",
      kind: "url",
      placeholder: "http://127.0.0.1:7890",
      hint: "只对开了「使用代理」的站点生效；留空不用代理",
      wide: true,
    },
  ],
  fromSettings: (s) => ({
    "sites.defaultRateLimit.requestsPerMinute": n(s.sites.defaultRateLimit.requestsPerMinute),
    "sites.defaultRateLimit.concurrency": n(s.sites.defaultRateLimit.concurrency),
    "sites.defaultSnapshotIntervalSec": n(Math.round(s.sites.defaultSnapshotIntervalSec / 60)),
    "sites.userDataMaxSeedingPages": n(s.sites.userDataMaxSeedingPages),
    "sites.userAgent": s.sites.userAgent,
    "sites.proxyUrl": s.sites.proxyUrl ?? "",
  }),
  toPatch: (v, s) => {
    const min = num(v["sites.defaultSnapshotIntervalSec"]);
    const rpm = num(v["sites.defaultRateLimit.requestsPerMinute"]);
    const concurrency = num(v["sites.defaultRateLimit.concurrency"]);
    return {
      sites: {
        defaultRateLimit: {
          ...s.sites.defaultRateLimit,
          requestsPerMinute: rpm,
          concurrency,
        },
        defaultSnapshotIntervalSec: min === undefined ? undefined : Math.round(min * 60),
        userDataMaxSeedingPages: num(v["sites.userDataMaxSeedingPages"]),
        userAgent: str(v["sites.userAgent"]) || undefined,
        proxyUrl: str(v["sites.proxyUrl"]) || null,
      },
    };
  },
};

export function SitesSection() {
  return (
    <div className="space-y-6">
      <div className="pg-slab flex flex-wrap items-center justify-between gap-3 rounded-xl px-4 py-3">
        <p className="text-caption text-muted-foreground">
          站点和凭证在「站点」页管理；单个站点的限流、周期、代理在站点的"编辑"里改。
        </p>
        <Button asChild size="sm" variant="outline">
          <Link to={consolePath("sites")}>
            打开站点页
            <ArrowRight />
          </Link>
        </Button>
      </div>
      <SettingsGate>{(s) => <SettingsCard section="sites" spec={DEFAULTS_CARD} settings={s} />}</SettingsGate>
      <BrowserProvidersBlock />
    </div>
  );
}