feat: add ns1 applicant

2025-01-15 14:24:51 +08:00
parent e264d71048
commit dd236b925d
17 changed files with 174 additions and 34 deletions
--- a/ui/src/components/access/AccessForm.tsx
+++ b/ui/src/components/access/AccessForm.tsx
@@ -21,6 +21,7 @@ import AccessFormGoDaddyConfig from "./AccessFormGoDaddyConfig";
 import AccessFormHuaweiCloudConfig from "./AccessFormHuaweiCloudConfig";
 import AccessFormKubernetesConfig from "./AccessFormKubernetesConfig";
 import AccessFormLocalConfig from "./AccessFormLocalConfig";
+import AccessFormNS1Config from "./AccessFormNS1Config";
 import AccessFormNameDotComConfig from "./AccessFormNameDotComConfig";
 import AccessFormNameSiloConfig from "./AccessFormNameSiloConfig";
 import AccessFormPowerDNSConfig from "./AccessFormPowerDNSConfig";
@@ -111,6 +112,8 @@ const AccessForm = forwardRef<AccessFormInstance, AccessFormProps>(({ className,
        return <AccessFormNameDotComConfig {...nestedFormProps} />;
      case ACCESS_PROVIDERS.NAMESILO:
        return <AccessFormNameSiloConfig {...nestedFormProps} />;
+      case ACCESS_PROVIDERS.NS1:
+        return <AccessFormNS1Config {...nestedFormProps} />;
      case ACCESS_PROVIDERS.POWERDNS:
        return <AccessFormPowerDNSConfig {...nestedFormProps} />;
      case ACCESS_PROVIDERS.QINIU:
--- a/ui/src/components/access/AccessFormNS1Config.tsx
+++ b/ui/src/components/access/AccessFormNS1Config.tsx
@@ -0,0 +1,61 @@
+import { useTranslation } from "react-i18next";
+import { Form, type FormInstance, Input } from "antd";
+import { createSchemaFieldRule } from "antd-zod";
+import { z } from "zod";
+
+import { type AccessConfigForNS1 } from "@/domain/access";
+
+type AccessFormNS1ConfigFieldValues = Nullish<AccessConfigForNS1>;
+
+export type AccessFormNS1ConfigProps = {
+  form: FormInstance;
+  formName: string;
+  disabled?: boolean;
+  initialValues?: AccessFormNS1ConfigFieldValues;
+  onValuesChange?: (values: AccessFormNS1ConfigFieldValues) => void;
+};
+
+const initFormModel = (): AccessFormNS1ConfigFieldValues => {
+  return {
+    apiKey: "",
+  };
+};
+
+const AccessFormNS1Config = ({ form: formInst, formName, disabled, initialValues, onValuesChange }: AccessFormNS1ConfigProps) => {
+  const { t } = useTranslation();
+
+  const formSchema = z.object({
+    apiKey: z
+      .string()
+      .min(1, t("access.form.ns1_api_key.placeholder"))
+      .max(64, t("common.errmsg.string_max", { max: 64 }))
+      .trim(),
+  });
+  const formRule = createSchemaFieldRule(formSchema);
+
+  const handleFormChange = (_: unknown, values: z.infer<typeof formSchema>) => {
+    onValuesChange?.(values);
+  };
+
+  return (
+    <Form
+      form={formInst}
+      disabled={disabled}
+      initialValues={initialValues ?? initFormModel()}
+      layout="vertical"
+      name={formName}
+      onValuesChange={handleFormChange}
+    >
+      <Form.Item
+        name="apiKey"
+        label={t("access.form.ns1_api_key.label")}
+        rules={[formRule]}
+        tooltip={<span dangerouslySetInnerHTML={{ __html: t("access.form.ns1_api_key.tooltip") }}></span>}
+      >
+        <Input.Password autoComplete="new-password" placeholder={t("access.form.ns1_api_key.placeholder")} />
+      </Form.Item>
+    </Form>
+  );
+};
+
+export default AccessFormNS1Config;
--- a/ui/src/domain/access.ts
+++ b/ui/src/domain/access.ts
@@ -102,6 +102,10 @@ export type AccessConfigForNameSilo = {
  apiKey: string;
 };

+export type AccessConfigForNS1 = {
+  apiKey: string;
+};
+
 export type AccessConfigForPowerDNS = {
  apiUrl: string;
  apiKey: string;
--- a/ui/src/domain/provider.ts
+++ b/ui/src/domain/provider.ts
@@ -18,6 +18,7 @@ export const ACCESS_PROVIDERS = Object.freeze({
  LOCAL: "local",
  NAMEDOTCOM: "namedotcom",
  NAMESILO: "namesilo",
+  NS1: "ns1",
  POWERDNS: "powerdns",
  QINIU: "qiniu",
  SSH: "ssh",
@@ -68,6 +69,7 @@ export const accessProvidersMap: Map<AccessProvider["type"] | string, AccessProv
    [ACCESS_PROVIDERS.CLOUDFLARE, "common.provider.cloudflare", "/imgs/providers/cloudflare.svg", ACCESS_USAGES.APPLY],
    [ACCESS_PROVIDERS.NAMEDOTCOM, "common.provider.namedotcom", "/imgs/providers/namedotcom.svg", ACCESS_USAGES.APPLY],
    [ACCESS_PROVIDERS.NAMESILO, "common.provider.namesilo", "/imgs/providers/namesilo.svg", ACCESS_USAGES.APPLY],
+    [ACCESS_PROVIDERS.NS1, "common.provider.ns1", "/imgs/providers/ns1.svg", ACCESS_USAGES.APPLY],
    [ACCESS_PROVIDERS.GODADDY, "common.provider.godaddy", "/imgs/providers/godaddy.svg", ACCESS_USAGES.APPLY],
    [ACCESS_PROVIDERS.POWERDNS, "common.provider.powerdns", "/imgs/providers/powerdns.svg", ACCESS_USAGES.APPLY],
    [ACCESS_PROVIDERS.ACMEHTTPREQ, "common.provider.acmehttpreq", "/imgs/providers/acmehttpreq.svg", ACCESS_USAGES.APPLY],
@@ -101,6 +103,7 @@ export const APPLY_DNS_PROVIDERS = Object.freeze({
  HUAWEICLOUD_DNS: `${ACCESS_PROVIDERS.HUAWEICLOUD}-dns`,
  NAMEDOTCOM: `${ACCESS_PROVIDERS.NAMEDOTCOM}`,
  NAMESILO: `${ACCESS_PROVIDERS.NAMESILO}`,
+  NS1: `${ACCESS_PROVIDERS.NS1}`,
  POWERDNS: `${ACCESS_PROVIDERS.POWERDNS}`,
  TENCENTCLOUD: `${ACCESS_PROVIDERS.TENCENTCLOUD}`, // 兼容旧值，等同于 `TENCENTCLOUD_DNS`
  TENCENTCLOUD_DNS: `${ACCESS_PROVIDERS.TENCENTCLOUD}-dns`,
@@ -133,6 +136,7 @@ export const applyDNSProvidersMap: Map<ApplyDNSProvider["type"] | string, ApplyD
    [APPLY_DNS_PROVIDERS.GODADDY, "common.provider.godaddy"],
    [APPLY_DNS_PROVIDERS.NAMEDOTCOM, "common.provider.namedotcom"],
    [APPLY_DNS_PROVIDERS.NAMESILO, "common.provider.namesilo"],
+    [APPLY_DNS_PROVIDERS.NS1, "common.provider.ns1"],
    [APPLY_DNS_PROVIDERS.POWERDNS, "common.provider.powerdns"],
    [APPLY_DNS_PROVIDERS.ACMEHTTPREQ, "common.provider.acmehttpreq"],
  ].map(([type, name]) => [
--- a/ui/src/i18n/locales/en/nls.access.json
+++ b/ui/src/i18n/locales/en/nls.access.json
@@ -103,6 +103,9 @@
  "access.form.namesilo_api_key.label": "NameSilo API key",
  "access.form.namesilo_api_key.placeholder": "Please enter NameSilo API key",
  "access.form.namesilo_api_key.tooltip": "For more information, see <a href=\"https://www.namesilo.com/support/v2/articles/account-options/api-manager\" target=\"_blank\">https://www.namesilo.com/support/v2/articles/account-options/api-manager</a>",
+  "access.form.ns1_api_key.label": "NS1 API key",
+  "access.form.ns1_api_key.placeholder": "Please enter NS1 API key",
+  "access.form.ns1_api_key.tooltip": "For more information, see <a href=\"https://www.ibm.com/docs/en/ns1-connect?topic=introduction-using-api\" target=\"_blank\">https://www.ibm.com/docs/en/ns1-connect?topic=introduction-using-api</a>",
  "access.form.powerdns_api_url.label": "PowerDNS API URL",
  "access.form.powerdns_api_url.placeholder": "Please enter PowerDNS API URL",
  "access.form.powerdns_api_url.tooltip": "For more information, see <a href=\"https://doc.powerdns.com/authoritative/http-api/index.html#endpoints-and-objects-in-the-api\" target=\"_blank\">https://doc.powerdns.com/authoritative/http-api/index.html#endpoints-and-objects-in-the-api</a>",
--- a/ui/src/i18n/locales/en/nls.common.json
+++ b/ui/src/i18n/locales/en/nls.common.json
@@ -66,6 +66,7 @@
  "common.provider.local": "Local deployment",
  "common.provider.namedotcom": "Name.com",
  "common.provider.namesilo": "NameSilo",
+  "common.provider.ns1": "NS1 (IBM NS1 Connect)",
  "common.provider.powerdns": "PowerDNS",
  "common.provider.qiniu": "Qiniu",
  "common.provider.qiniu.cdn": "Qiniu - Content Delivery Network (CDN)",
--- a/ui/src/i18n/locales/zh/nls.access.json
+++ b/ui/src/i18n/locales/zh/nls.access.json
@@ -45,14 +45,14 @@
  "access.form.aws_secret_access_key.label": "AWS SecretAccessKey",
  "access.form.aws_secret_access_key.placeholder": "请输入 AWS SecretAccessKey",
  "access.form.aws_secret_access_key.tooltip": "这是什么？请参阅 <a href=\"https://docs.aws.amazon.com/zh_cn/IAM/latest/UserGuide/id_credentials_access-keys.html\" target=\"_blank\">https://docs.aws.amazon.com/zh_cn/IAM/latest/UserGuide/id_credentials_access-keys.html</a>",
-  "access.form.azure_tenant_id.label": "Azure TenantId",
-  "access.form.azure_tenant_id.placeholder": "请输入 Azure TenantId",
+  "access.form.azure_tenant_id.label": "Azure 租户 ID",
+  "access.form.azure_tenant_id.placeholder": "请输入 Azure 租户 ID",
  "access.form.azure_tenant_id.tooltip": "这是什么？请参阅 <a href=\"https://learn.microsoft.com/zh-cn/azure/azure-portal/get-subscription-tenant-id\" target=\"_blank\">https://learn.microsoft.com/zh-cn/azure/azure-portal/get-subscription-tenant-id</a>",
-  "access.form.azure_client_id.label": "Azure ClientId",
-  "access.form.azure_client_id.placeholder": "请输入 Azure ClientId",
+  "access.form.azure_client_id.label": "Azure 客户端 ID",
+  "access.form.azure_client_id.placeholder": "请输入 Azure 客户端 ID",
  "access.form.azure_client_id.tooltip": "这是什么？请参阅 <a href=\"https://learn.microsoft.com/zh-cn/azure/azure-monitor/logs/api/register-app-for-token\" target=\"_blank\">https://learn.microsoft.com/zh-cn/azure/azure-monitor/logs/api/register-app-for-token</a>",
-  "access.form.azure_client_secret.label": "Azure ClientSecret",
-  "access.form.azure_client_secret.placeholder": "请输入 Azure ClientSecret",
+  "access.form.azure_client_secret.label": "Azure 客户端密码",
+  "access.form.azure_client_secret.placeholder": "请输入 Azure 客户端密码",
  "access.form.azure_client_secret.tooltip": "这是什么？请参阅 <a href=\"https://learn.microsoft.com/zh-cn/azure/azure-monitor/logs/api/register-app-for-token\" target=\"_blank\">https://learn.microsoft.com/zh-cn/azure/azure-monitor/logs/api/register-app-for-token</a>",
  "access.form.azure_cloud_name.label": "Azure 主权云环境（可选）",
  "access.form.azure_cloud_name.placeholder": "请输入 Azure 主权云环境（例如：public）",
@@ -103,6 +103,9 @@
  "access.form.namesilo_api_key.label": "NameSilo API Key",
  "access.form.namesilo_api_key.placeholder": "请输入 NameSilo API Key",
  "access.form.namesilo_api_key.tooltip": "这是什么？请参阅 <a href=\"https://www.namesilo.com/support/v2/articles/account-options/api-manager\" target=\"_blank\">https://www.namesilo.com/support/v2/articles/account-options/api-manager</a>",
+  "access.form.ns1_api_key.label": "NS1 API Key",
+  "access.form.ns1_api_key.placeholder": "请输入 NS1 API Key",
+  "access.form.ns1_api_key.tooltip": "这是什么？请参阅 <a href=\"https://www.ibm.com/docs/zh/ns1-connect?topic=introduction-using-api\" target=\"_blank\">https://www.ibm.com/docs/zh/ns1-connect?topic=introduction-using-api</a>",
  "access.form.powerdns_api_url.label": "PowerDNS API URL",
  "access.form.powerdns_api_url.placeholder": "请输入 PowerDNS API URL",
  "access.form.powerdns_api_url.tooltip": "这是什么？请参阅 <a href=\"https://doc.powerdns.com/authoritative/http-api/index.html#endpoints-and-objects-in-the-api\" target=\"_blank\">https://doc.powerdns.com/authoritative/http-api/index.html#endpoints-and-objects-in-the-api</a>",
--- a/ui/src/i18n/locales/zh/nls.common.json
+++ b/ui/src/i18n/locales/zh/nls.common.json
@@ -66,6 +66,7 @@
  "common.provider.local": "本地部署",
  "common.provider.namedotcom": "Name.com",
  "common.provider.namesilo": "NameSilo",
+  "common.provider.ns1": "NS1（IBM NS1 Connect）",
  "common.provider.powerdns": "PowerDNS",
  "common.provider.qiniu": "七牛云",
  "common.provider.qiniu.cdn": "七牛云 - 内容分发网络 CDN",