cstb-next/src/app/(main)/preference/general/page.tsx

"use client"
import { useEffect } from "react"
import { useAppStore } from "@/store/app"
import { Switch, Chip } from "@heroui/react"
import { UpdateChecker } from "@/components/cstb/UpdateChecker"
import { getVersion } from "@tauri-apps/api/app"

export default function Page() {
  const app = useAppStore()

  // 初始化版本号（如果还没有设置）
  useEffect(() => {
    if (typeof window !== "undefined" && (!app.state.version || app.state.version === "0.0.1")) {
      void getVersion().then((version) => {
        app.setVersion(version)
      })
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [])

  // 从环境变量或配置中获取更新服务器地址
  const customEndpoint = process.env.NEXT_PUBLIC_UPDATE_ENDPOINT || ""

  return (
    <section className="flex flex-col gap-4 overflow-hidden">
      <div className="flex flex-col items-start gap-4 pt-2 pb-1">
      <div className="space-y-2">
        <div className="flex items-center gap-2">
          <p className="text-sm">版本号：{app.state.version}</p>
          {app.state.hasUpdate && app.state.latestVersion && (
            <Chip size="sm" color="success" variant="flat">
              {app.state.latestVersion}
            </Chip>
          )}
        </div>
        {/* <p className="text-sm">是否有更新：{app.state.hasUpdate ? "有" : "无"}</p> */}
        {/* <p className="text-sm">是否使用镜像源：{app.state.useMirror ? "是" : "否"}</p> */}
      </div>

      <div className="w-full pt-4 border-t border-zinc-200 dark:border-zinc-800">
        <h3 className="mb-3 text-sm font-semibold">更新检查</h3>
        <div className="mb-3 space-y-3">
          {/* <Switch
            isSelected={app.state.useMirror}
            size="sm"
            onChange={(e) => app.setUseMirror(e.target.checked)}
          >
            使用镜像源
          </Switch> */}
          {/* <p className="text-xs text-zinc-500">
            {app.state.useMirror 
              ? "使用自建更新服务检查更新" 
              : "使用 GitHub Release 检查更新"}
          </p> */}
          <Switch
            isSelected={app.state.includePrerelease}
            size="sm"
            onChange={(e) => app.setIncludePrerelease(e.target.checked)}
          >
            包含测试版
          </Switch>
          <p className="text-xs text-zinc-500">
            {app.state.includePrerelease 
              ? "检查更新时会包含预发布版本（beta、alpha等）" 
              : "仅检查正式版本"}
          </p>
        </div>
        <UpdateChecker 
          useMirror={app.state.useMirror} 
          customEndpoint={customEndpoint || undefined}
          includePrerelease={app.state.includePrerelease}
        />
      </div>

      <div className="flex flex-col w-full pt-4 space-y-3 border-t border-zinc-200 dark:border-zinc-800">
        <h3 className="mb-3 text-sm font-semibold">启动设置</h3>
        <Switch
          isSelected={app.state.autoStart}
          size="sm"
          onChange={(e) => app.setAutoStart(e.target.checked)}
        >
          开机自启动
        </Switch>
        <Switch
          isSelected={app.state.startHidden}
          size="sm"
          onChange={(e) => app.setStartHidden(e.target.checked)}
        >
          静默启动
        </Switch>
        <Switch
          isSelected={app.state.hiddenOnClose}
          size="sm"
          onChange={(e) => app.setHiddenOnClose(e.target.checked)}
        >
          关闭时最小化到托盘
        </Switch>
      </div>
      </div>
    </section>
  )
}