Add godaddy provider

2024-09-12 21:59:50 +08:00
parent d5a6411e26
commit 139a6980ac
22 changed files with 495 additions and 660 deletions
--- a/ui/src/components/certimate/AccessAliyunForm.tsx
+++ b/ui/src/components/certimate/AccessAliyunForm.tsx
@@ -14,7 +14,7 @@ import {
 } from "@/components/ui/form";
 import { Button } from "@/components/ui/button";

-import { Access, accessFormType, AliyunConfig } from "@/domain/access";
+import { Access, accessFormType, AliyunConfig, getUsageByConfigType } from "@/domain/access";
 import { save } from "@/repository/access";
 import { useConfig } from "@/providers/config";

@@ -59,6 +59,7 @@ const AccessAliyunForm = ({
      id: data.id as string,
      name: data.name,
      configType: data.configType,
+      usage: getUsageByConfigType(data.configType),
      config: {
        accessKeyId: data.accessKeyId,
        accessKeySecret: data.accessSecretId,
--- a/ui/src/components/certimate/AccessCloudflareForm.tsx
+++ b/ui/src/components/certimate/AccessCloudflareForm.tsx
@@ -14,7 +14,7 @@ import {
 } from "@/components/ui/form";
 import { Button } from "@/components/ui/button";

-import { Access, accessFormType, CloudflareConfig } from "@/domain/access";
+import { Access, accessFormType, CloudflareConfig, getUsageByConfigType } from "@/domain/access";
 import { save } from "@/repository/access";
 import { useConfig } from "@/providers/config";
 import { ClientResponseError } from "pocketbase";
@@ -56,6 +56,7 @@ const AccessCloudflareForm = ({
      id: data.id as string,
      name: data.name,
      configType: data.configType,
+      usage: getUsageByConfigType(data.configType),
      config: {
        dnsApiToken: data.dnsApiToken,
      },
--- a/ui/src/components/certimate/AccessEdit.tsx
+++ b/ui/src/components/certimate/AccessEdit.tsx
@@ -31,6 +31,7 @@ import {
 import AccessCloudflareForm from "./AccessCloudflareForm";
 import AccessQiniuForm from "./AccessQiniuForm";
 import AccessNamesiloForm from "./AccessNamesiloForm";
+import AccessGodaddyFrom from "./AccessGodaddyForm";

 type TargetConfigEditProps = {
  op: "add" | "edit";
@@ -122,6 +123,16 @@ export function AccessEdit({
        />
      );
      break;
+    case "godaddy":
+      form = (
+        <AccessGodaddyFrom
+          data={data}
+          onAfterReq={() => {
+            setOpen(false);
+          }}
+        />
+      );
+      break;
  }

  const getOptionCls = (val: string) => {
--- a/ui/src/components/certimate/AccessGodaddyForm.tsx
+++ b/ui/src/components/certimate/AccessGodaddyForm.tsx
@@ -0,0 +1,198 @@
+import { Input } from "@/components/ui/input";
+import { useForm } from "react-hook-form";
+
+import { zodResolver } from "@hookform/resolvers/zod";
+
+import z from "zod";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Button } from "@/components/ui/button";
+
+import {
+  Access,
+  accessFormType,
+  getUsageByConfigType,
+  GodaddyConfig,
+} from "@/domain/access";
+import { save } from "@/repository/access";
+import { useConfig } from "@/providers/config";
+import { ClientResponseError } from "pocketbase";
+import { PbErrorData } from "@/domain/base";
+
+const AccessGodaddyFrom = ({
+  data,
+  onAfterReq,
+}: {
+  data?: Access;
+  onAfterReq: () => void;
+}) => {
+  const { addAccess, updateAccess } = useConfig();
+  const formSchema = z.object({
+    id: z.string().optional(),
+    name: z.string().min(1).max(64),
+    configType: accessFormType,
+    apiKey: z.string().min(1).max(64),
+    apiSecret: z.string().min(1).max(64),
+  });
+
+  let config: GodaddyConfig = {
+    apiKey: "",
+    apiSecret: "",
+  };
+  if (data) config = data.config as GodaddyConfig;
+
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      id: data?.id,
+      name: data?.name,
+      configType: "godaddy",
+      apiKey: config.apiKey,
+      apiSecret: config.apiSecret,
+    },
+  });
+
+  const onSubmit = async (data: z.infer<typeof formSchema>) => {
+    console.log(data);
+    const req: Access = {
+      id: data.id as string,
+      name: data.name,
+      configType: data.configType,
+      usage: getUsageByConfigType(data.configType),
+      config: {
+        apiKey: data.apiKey,
+        apiSecret: data.apiSecret,
+      },
+    };
+
+    try {
+      const rs = await save(req);
+
+      onAfterReq();
+
+      req.id = rs.id;
+      req.created = rs.created;
+      req.updated = rs.updated;
+      if (data.id) {
+        updateAccess(req);
+        return;
+      }
+      addAccess(req);
+    } catch (e) {
+      const err = e as ClientResponseError;
+
+      Object.entries(err.response.data as PbErrorData).forEach(
+        ([key, value]) => {
+          form.setError(key as keyof z.infer<typeof formSchema>, {
+            type: "manual",
+            message: value.message,
+          });
+        }
+      );
+    }
+  };
+
+  return (
+    <>
+      <div className="max-w-[35em] mx-auto mt-10">
+        <Form {...form}>
+          <form
+            onSubmit={(e) => {
+              console.log(e);
+              e.stopPropagation();
+              form.handleSubmit(onSubmit)(e);
+            }}
+            className="space-y-8"
+          >
+            <FormField
+              control={form.control}
+              name="name"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>名称</FormLabel>
+                  <FormControl>
+                    <Input placeholder="请输入授权名称" {...field} />
+                  </FormControl>
+
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="id"
+              render={({ field }) => (
+                <FormItem className="hidden">
+                  <FormLabel>配置类型</FormLabel>
+                  <FormControl>
+                    <Input {...field} />
+                  </FormControl>
+
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="configType"
+              render={({ field }) => (
+                <FormItem className="hidden">
+                  <FormLabel>配置类型</FormLabel>
+                  <FormControl>
+                    <Input {...field} />
+                  </FormControl>
+
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="apiKey"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>GODADDY_API_KEY</FormLabel>
+                  <FormControl>
+                    <Input placeholder="请输入GODADDY_API_KEY" {...field} />
+                  </FormControl>
+
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="apiSecret"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>GODADDY_API_SECRET</FormLabel>
+                  <FormControl>
+                    <Input placeholder="请输入GODADDY_API_SECRET" {...field} />
+                  </FormControl>
+
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <div className="flex justify-end">
+              <Button type="submit">保存</Button>
+            </div>
+          </form>
+        </Form>
+      </div>
+    </>
+  );
+};
+
+export default AccessGodaddyFrom;
--- a/ui/src/components/certimate/AccessNamesiloForm.tsx
+++ b/ui/src/components/certimate/AccessNamesiloForm.tsx
@@ -14,7 +14,7 @@ import {
 } from "@/components/ui/form";
 import { Button } from "@/components/ui/button";

-import { Access, accessFormType, NamesiloConfig } from "@/domain/access";
+import { Access, accessFormType, getUsageByConfigType, NamesiloConfig } from "@/domain/access";
 import { save } from "@/repository/access";
 import { useConfig } from "@/providers/config";
 import { ClientResponseError } from "pocketbase";
@@ -56,6 +56,7 @@ const AccessNamesiloForm = ({
      id: data.id as string,
      name: data.name,
      configType: data.configType,
+      usage: getUsageByConfigType(data.configType),
      config: {
        apiKey: data.apiKey,
      },
--- a/ui/src/components/certimate/AccessQiniuForm.tsx
+++ b/ui/src/components/certimate/AccessQiniuForm.tsx
@@ -14,7 +14,7 @@ import {
 } from "@/components/ui/form";
 import { Button } from "@/components/ui/button";

-import { Access, accessFormType, QiniuConfig } from "@/domain/access";
+import { Access, accessFormType, getUsageByConfigType, QiniuConfig } from "@/domain/access";
 import { save } from "@/repository/access";
 import { useConfig } from "@/providers/config";

@@ -59,6 +59,7 @@ const AccessQiniuForm = ({
      id: data.id as string,
      name: data.name,
      configType: data.configType,
+      usage: getUsageByConfigType(data.configType),
      config: {
        accessKey: data.accessKey,
        secretKey: data.secretKey,
--- a/ui/src/components/certimate/AccessSSHForm.tsx
+++ b/ui/src/components/certimate/AccessSSHForm.tsx
@@ -1,4 +1,4 @@
-import { Access, accessFormType, SSHConfig } from "@/domain/access";
+import { Access, accessFormType, getUsageByConfigType, SSHConfig } from "@/domain/access";
 import { useConfig } from "@/providers/config";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm } from "react-hook-form";
@@ -87,6 +87,7 @@ const AccessSSHForm = ({
      id: data.id as string,
      name: data.name,
      configType: data.configType,
+      usage: getUsageByConfigType(data.configType),
      config: {
        host: data.host,
        port: data.port,
--- a/ui/src/components/certimate/AccessTencentForm.tsx
+++ b/ui/src/components/certimate/AccessTencentForm.tsx
@@ -14,7 +14,7 @@ import {
 } from "@/components/ui/form";
 import { Button } from "@/components/ui/button";

-import { Access, accessFormType, TencentConfig } from "@/domain/access";
+import { Access, accessFormType, getUsageByConfigType, TencentConfig } from "@/domain/access";
 import { save } from "@/repository/access";
 import { useConfig } from "@/providers/config";
 import { ClientResponseError } from "pocketbase";
@@ -58,6 +58,7 @@ const AccessTencentForm = ({
      id: data.id as string,
      name: data.name,
      configType: data.configType,
+      usage: getUsageByConfigType(data.configType),
      config: {
        secretId: data.secretId,
        secretKey: data.secretKey,
--- a/ui/src/components/certimate/AccessWebhookFrom.tsx
+++ b/ui/src/components/certimate/AccessWebhookFrom.tsx
@@ -14,7 +14,7 @@ import {
 } from "@/components/ui/form";
 import { Button } from "@/components/ui/button";

-import { Access, accessFormType, WebhookConfig } from "@/domain/access";
+import { Access, accessFormType, getUsageByConfigType, WebhookConfig } from "@/domain/access";
 import { save } from "@/repository/access";
 import { useConfig } from "@/providers/config";
 import { ClientResponseError } from "pocketbase";
@@ -56,6 +56,7 @@ const WebhookForm = ({
      id: data.id as string,
      name: data.name,
      configType: data.configType,
+      usage: getUsageByConfigType(data.configType),
      config: {
        url: data.url,
      },