website: remove query

Ylarod · Ylarod · commit d5ba45093e79 · 2025-11-26T20:46:38.000+08:00
diff --git a/website/src/components/keyring-app.tsx b/website/src/components/keyring-app.tsx
@@ -7,7 +7,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import * as z from "zod";
 import { toast } from "sonner";
 import {
-  Copy, Loader2, ShieldCheck, AlertTriangle, Search, Key,
+  Copy, Loader2, AlertTriangle, Key,
   Github, Globe, Download, Upload, FileKey
 } from "lucide-react";
 
@@ -194,10 +194,9 @@ export function KeyringApp() {
         {mounted ? (
           <Tabs defaultValue="generate" className="w-full">
             <div className="border-b px-6 py-2 bg-slate-50/50 dark:bg-slate-900/50">
-              <TabsList className="grid w-full grid-cols-4 bg-slate-200/50 dark:bg-slate-800/50">
+              <TabsList className="grid w-full grid-cols-3 bg-slate-200/50 dark:bg-slate-800/50">
                 <TabsTrigger value="generate">{t.tabs.generate}</TabsTrigger>
                 <TabsTrigger value="submit">{t.tabs.submit}</TabsTrigger>
-                <TabsTrigger value="query">{t.tabs.query}</TabsTrigger>
                 <TabsTrigger value="revoke">{t.tabs.revoke}</TabsTrigger>
               </TabsList>
             </div>
@@ -209,9 +208,6 @@ export function KeyringApp() {
               <TabsContent value="submit" forceMount className="data-[state=inactive]:hidden">
                 <SubmitForm t={t} initialPublicKey={generatedPublicKey} />
               </TabsContent>
-              <TabsContent value="query" forceMount className="data-[state=inactive]:hidden">
-                <QueryForm t={t} />
-              </TabsContent>
               <TabsContent value="revoke" forceMount className="data-[state=inactive]:hidden">
                 <RevokeForm t={t} />
               </TabsContent>
@@ -468,152 +464,6 @@ function SubmitForm({ t, initialPublicKey }: { t: typeof locales.en; initialPubl
   );
 }
 
-interface QueryResult {
-  cn: string;
-  fingerprint: string;
-  serialNumber: string;
-  issuer: string;
-  validFrom: string;
-  validTo: string;
-  isValid: boolean;
-}
-
-function QueryForm({ t }: { t: typeof locales.en }) {
-  const [fp, setFp] = useState("");
-  const [result, setResult] = useState<QueryResult | null>(null);
-  const [loading, setLoading] = useState(false);
-
-  const handleFileImport = async (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-
-    const result = await parseCertFile(file);
-    if (result && result.fingerprint) {
-      setFp(result.fingerprint);
-      toast.success(t.common.import_success);
-    } else {
-      toast.error(t.common.import_error);
-    }
-    e.target.value = "";
-  };
-
-  const handleQuery = async () => {
-    if (!fp) return toast.error("Please enter fingerprint");
-    setLoading(true);
-    setResult(null);
-    try {
-      // Fetch certificate bundle from repository
-      const res = await fetch("https://raw.githubusercontent.com/KernelSU-Modules-Repo/developers/main/keyring/developers/");
-      if (!res.ok) throw new Error("Failed to fetch certificate list");
-
-      // For now, we'll provide a direct certificate lookup interface
-      // The actual implementation would iterate through available certificates
-      const cleanFp = fp.replace(/[:\s]/g, "").toUpperCase();
-
-      // Placeholder: In production, this would fetch and search actual certificates
-      toast.error(t.query.not_found + " (Certificate directory not yet configured)");
-
-    } catch (e) {
-      toast.error(e instanceof Error ? e.message : String(e));
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  // Direct certificate verification from file
-  const handleVerifyCert = async (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-
-    try {
-      const text = await file.text();
-      const cert = new x509.X509Certificate(text);
-
-      const cn = cert.subject.split(',').find(s => s.trim().startsWith('CN='))?.split('=')[1]?.trim() || 'Unknown';
-      const issuerCN = cert.issuer.split(',').find(s => s.trim().startsWith('CN='))?.split('=')[1]?.trim() || 'Unknown';
-      const now = new Date();
-
-      setResult({
-        cn,
-        fingerprint: await getCertificateFingerprint(cert),
-        serialNumber: cert.serialNumber,
-        issuer: issuerCN,
-        validFrom: cert.notBefore.toLocaleDateString(),
-        validTo: cert.notAfter.toLocaleDateString(),
-        isValid: now >= cert.notBefore && now <= cert.notAfter
-      });
-      toast.success(t.query.found);
-    } catch (e) {
-      toast.error(e instanceof Error ? e.message : String(e));
-    }
-    e.target.value = "";
-  };
-
-  return (
-    <div className="space-y-6 animate-in fade-in slide-in-from-bottom-2">
-       <div>
-        <h2 className="text-lg font-semibold">{t.query.title}</h2>
-        <p className="text-sm text-slate-500">{t.query.desc}</p>
-      </div>
-
-      <div className="space-y-2">
-        <div className="flex justify-between">
-          <Label>{t.query.ph}</Label>
-          <div className="flex items-center gap-2">
-             <Label htmlFor="verify-cert" className="cursor-pointer text-xs flex items-center gap-1 text-indigo-600 hover:bg-indigo-50 px-2 py-1 rounded">
-               <FileKey className="w-3 h-3" /> {t.common.import_file}
-             </Label>
-             <Input id="verify-cert" type="file" className="hidden" accept=".pem,.cert,.crt" onChange={handleVerifyCert} />
-          </div>
-        </div>
-        <div className="flex gap-2">
-          <Input value={fp} onChange={e => setFp(e.target.value)} placeholder="AA:BB:CC:DD..." className="font-mono" />
-          <Button onClick={handleQuery} disabled={loading}>
-            {loading ? <Loader2 className="w-4 h-4 animate-spin" /> : <Search className="w-4 h-4" />}
-          </Button>
-        </div>
-      </div>
-
-      {result && (
-        <Card className="bg-slate-50 dark:bg-slate-900">
-          <CardContent className="p-4 space-y-3 text-sm">
-             <div className="flex justify-between py-1 border-b">
-                <span className="text-slate-500">Common Name (CN)</span>
-                <span className="font-medium">{result.cn}</span>
-             </div>
-             <div className="flex justify-between py-1 border-b">
-                <span className="text-slate-500">Serial Number</span>
-                <span className="font-mono text-xs">{result.serialNumber}</span>
-             </div>
-             <div className="flex justify-between py-1 border-b">
-                <span className="text-slate-500">Issuer</span>
-                <span className="font-medium">{result.issuer}</span>
-             </div>
-             <div className="flex justify-between py-1 border-b">
-                <span className="text-slate-500">Valid From</span>
-                <span>{result.validFrom}</span>
-             </div>
-             <div className="flex justify-between py-1 border-b">
-                <span className="text-slate-500">Valid To</span>
-                <span>{result.validTo}</span>
-             </div>
-             <div className="flex justify-between py-1 border-b">
-                <span className="text-slate-500">Status</span>
-                <span className={result.isValid ? "text-green-600 font-medium" : "text-red-600 font-medium"}>
-                  {result.isValid ? "Valid ✓" : "Expired ✗"}
-                </span>
-             </div>
-             <div className="pt-2">
-                <span className="text-slate-500 block mb-1">Fingerprint (SHA-256)</span>
-                <code className="block bg-slate-200 dark:bg-slate-800 p-2 rounded text-xs break-all">{result.fingerprint}</code>
-             </div>
-          </CardContent>
-        </Card>
-      )}
-    </div>
-  );
-}
-
 function RevokeForm({ t }: { t: typeof locales.en }) {
   const form = useForm<z.infer<typeof revokeSchema>>({ resolver: zodResolver(revokeSchema) });
 
diff --git a/website/src/lib/locales.ts b/website/src/lib/locales.ts
@@ -3,7 +3,7 @@ export const locales = {
   en: {
     title: "KernelSU Keyring",
     subtitle: "Developer Identity Management System (X.509 PKI)",
-    tabs: { generate: "Generate", submit: "Submit", query: "Query", revoke: "Revoke" },
+    tabs: { generate: "Generate", submit: "Submit", revoke: "Revoke" },
     gen: {
       title: "Generate Key Pair",
       desc: "Create a private key and public key locally for certificate issuance.",
@@ -24,16 +24,6 @@ export const locales = {
       btn: "Create GitHub Issue",
       warn: "Security: Never submit your private key, only the public key.",
     },
-    query: {
-      title: "Query Certificate",
-      desc: "Verify a certificate from the official keyring.",
-      ph: "Certificate Fingerprint (SHA-256)",
-      btn: "Search Certificate",
-      found: "Certificate Found ✅",
-      not_found: "Certificate not found in official keyring.",
-      self: "Self-Signed",
-      core: "CA Verified",
-    },
     revoke: {
       title: "Revoke Certificate",
       desc: "Create a request to revoke a compromised or lost certificate.",
@@ -61,7 +51,7 @@ export const locales = {
   zh: {
     title: "KernelSU 密钥库",
     subtitle: "开发者身份认证管理系统 (X.509 PKI)",
-    tabs: { generate: "生成", submit: "提交", query: "查询", revoke: "吊销" },
+    tabs: { generate: "生成", submit: "提交", revoke: "吊销" },
     gen: {
       title: "生成密钥对",
       desc: "在本地生成私钥和公钥以申请证书签发。",
@@ -82,16 +72,6 @@ export const locales = {
       btn: "创建 GitHub Issue",
       warn: "安全提示：永远不要提交您的私钥，仅提交公钥。",
     },
-    query: {
-      title: "查询证书",
-      desc: "验证官方密钥库中的证书。",
-      ph: "证书指纹 (SHA-256)",
-      btn: "查询证书",
-      found: "已找到证书 ✅",
-      not_found: "未在官方库中找到此证书。",
-      self: "自签名",
-      core: "CA 认证",
-    },
     revoke: {
       title: "吊销证书",
       desc: "创建请求以吊销泄露或丢失的证书。",
