feat: add gname applicant

2025-01-24 03:42:34 +08:00
parent 469d4b35c1
commit 0e1a964e7c
19 changed files with 400 additions and 43 deletions
--- a/ui/src/components/access/AccessForm.tsx
+++ b/ui/src/components/access/AccessForm.tsx
@@ -19,6 +19,7 @@ import AccessFormCloudflareConfig from "./AccessFormCloudflareConfig";
 import AccessFormClouDNSConfig from "./AccessFormClouDNSConfig";
 import AccessFormDogeCloudConfig from "./AccessFormDogeCloudConfig";
 import AccessFormEdgioConfig from "./AccessFormEdgioConfig";
+import AccessFormGnameConfig from "./AccessFormGnameConfig";
 import AccessFormGoDaddyConfig from "./AccessFormGoDaddyConfig";
 import AccessFormHuaweiCloudConfig from "./AccessFormHuaweiCloudConfig";
 import AccessFormKubernetesConfig from "./AccessFormKubernetesConfig";
@@ -106,6 +107,8 @@ const AccessForm = forwardRef<AccessFormInstance, AccessFormProps>(({ className,
        return <AccessFormClouDNSConfig {...nestedFormProps} />;
      case ACCESS_PROVIDERS.DOGECLOUD:
        return <AccessFormDogeCloudConfig {...nestedFormProps} />;
+      case ACCESS_PROVIDERS.GNAME:
+        return <AccessFormGnameConfig {...nestedFormProps} />;
      case ACCESS_PROVIDERS.GODADDY:
        return <AccessFormGoDaddyConfig {...nestedFormProps} />;
      case ACCESS_PROVIDERS.EDGIO:
--- a/ui/src/components/access/AccessFormGnameConfig.tsx
+++ b/ui/src/components/access/AccessFormGnameConfig.tsx
@@ -0,0 +1,76 @@
+import { useTranslation } from "react-i18next";
+import { Form, type FormInstance, Input } from "antd";
+import { createSchemaFieldRule } from "antd-zod";
+import { z } from "zod";
+
+import { type AccessConfigForGname } from "@/domain/access";
+
+type AccessFormGnameConfigFieldValues = Nullish<AccessConfigForGname>;
+
+export type AccessFormGnameConfigProps = {
+  form: FormInstance;
+  formName: string;
+  disabled?: boolean;
+  initialValues?: AccessFormGnameConfigFieldValues;
+  onValuesChange?: (values: AccessFormGnameConfigFieldValues) => void;
+};
+
+const initFormModel = (): AccessFormGnameConfigFieldValues => {
+  return {
+    appId: "",
+    appKey: "",
+  };
+};
+
+const AccessFormGnameConfig = ({ form: formInst, formName, disabled, initialValues, onValuesChange }: AccessFormGnameConfigProps) => {
+  const { t } = useTranslation();
+
+  const formSchema = z.object({
+    appId: z
+      .string()
+      .min(1, t("access.form.gname_app_id.placeholder"))
+      .max(64, t("common.errmsg.string_max", { max: 64 }))
+      .trim(),
+    appKey: z
+      .string()
+      .min(1, t("access.form.gname_app_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="appId"
+        label={t("access.form.gname_app_id.label")}
+        rules={[formRule]}
+        tooltip={<span dangerouslySetInnerHTML={{ __html: t("access.form.gname_app_id.tooltip") }}></span>}
+      >
+        <Input autoComplete="new-password" placeholder={t("access.form.gname_app_id.placeholder")} />
+      </Form.Item>
+
+      <Form.Item
+        name="appKey"
+        label={t("access.form.gname_app_key.label")}
+        rules={[formRule]}
+        tooltip={<span dangerouslySetInnerHTML={{ __html: t("access.form.gname_app_key.tooltip") }}></span>}
+      >
+        <Input.Password autoComplete="new-password" placeholder={t("access.form.gname_app_key.placeholder")} />
+      </Form.Item>
+    </Form>
+  );
+};
+
+export default AccessFormGnameConfig;
--- a/ui/src/domain/access.ts
+++ b/ui/src/domain/access.ts
@@ -18,6 +18,7 @@ export interface AccessModel extends BaseModel {
      | AccessConfigForClouDNS
      | AccessConfigForDogeCloud
      | AccessConfigForEdgio
+      | AccessConfigForGname
      | AccessConfigForGoDaddy
      | AccessConfigForHuaweiCloud
      | AccessConfigForKubernetes
@@ -91,6 +92,11 @@ export type AccessConfigForEdgio = {
  clientSecret: string;
 };

+export type AccessConfigForGname = {
+  appId: string;
+  appKey: string;
+};
+
 export type AccessConfigForGoDaddy = {
  apiKey: string;
  apiSecret: string;
--- a/ui/src/domain/provider.ts
+++ b/ui/src/domain/provider.ts
@@ -13,6 +13,7 @@ export const ACCESS_PROVIDERS = Object.freeze({
  CLOUDFLARE: "cloudflare",
  CLOUDNS: "cloudns",
  DOGECLOUD: "dogecloud",
+  GNAME: "gname",
  GODADDY: "godaddy",
  EDGIO: "edgio",
  HUAWEICLOUD: "huaweicloud",
@@ -73,6 +74,7 @@ export const accessProvidersMap: Map<AccessProvider["type"] | string, AccessProv
    [ACCESS_PROVIDERS.AZURE, "common.provider.azure", "/imgs/providers/azure.svg", ACCESS_USAGES.APPLY],
    [ACCESS_PROVIDERS.CLOUDFLARE, "common.provider.cloudflare", "/imgs/providers/cloudflare.svg", ACCESS_USAGES.APPLY],
    [ACCESS_PROVIDERS.CLOUDNS, "common.provider.cloudns", "/imgs/providers/cloudns.svg", ACCESS_USAGES.APPLY],
+    [ACCESS_PROVIDERS.GNAME, "common.provider.gname", "/imgs/providers/gname.svg", ACCESS_USAGES.APPLY],
    [ACCESS_PROVIDERS.GODADDY, "common.provider.godaddy", "/imgs/providers/godaddy.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],
@@ -107,6 +109,7 @@ export const APPLY_DNS_PROVIDERS = Object.freeze({
  AZURE_DNS: `${ACCESS_PROVIDERS.AZURE}-dns`,
  CLOUDFLARE: `${ACCESS_PROVIDERS.CLOUDFLARE}`,
  CLOUDNS: `${ACCESS_PROVIDERS.CLOUDNS}`,
+  GNAME: `${ACCESS_PROVIDERS.GNAME}`,
  GODADDY: `${ACCESS_PROVIDERS.GODADDY}`,
  HUAWEICLOUD: `${ACCESS_PROVIDERS.HUAWEICLOUD}`, // 兼容旧值，等同于 `HUAWEICLOUD_DNS`
  HUAWEICLOUD_DNS: `${ACCESS_PROVIDERS.HUAWEICLOUD}-dns`,
@@ -145,6 +148,7 @@ export const applyDNSProvidersMap: Map<ApplyDNSProvider["type"] | string, ApplyD
    [APPLY_DNS_PROVIDERS.AZURE_DNS, "common.provider.azure.dns"],
    [APPLY_DNS_PROVIDERS.CLOUDFLARE, "common.provider.cloudflare"],
    [APPLY_DNS_PROVIDERS.CLOUDNS, "common.provider.cloudns"],
+    [APPLY_DNS_PROVIDERS.GNAME, "common.provider.gname"],
    [APPLY_DNS_PROVIDERS.GODADDY, "common.provider.godaddy"],
    [APPLY_DNS_PROVIDERS.NAMEDOTCOM, "common.provider.namedotcom"],
    [APPLY_DNS_PROVIDERS.NAMESILO, "common.provider.namesilo"],
--- a/ui/src/i18n/locales/en/nls.access.json
+++ b/ui/src/i18n/locales/en/nls.access.json
@@ -90,6 +90,12 @@
  "access.form.edgio_client_secret.label": "Edgio ClientSecret",
  "access.form.edgio_client_secret.placeholder": "Please enter Edgio ClientSecret",
  "access.form.edgio_client_secret.tooltip": "For more information, see <a href=\"https://docs.edg.io/applications/v7/rest_api/authentication#administering-api-clients\" target=\"_blank\">https://docs.edg.io/applications/v7/rest_api/authentication#administering-api-clients</a>",
+  "access.form.gname_app_id.label": "GNAME AppId",
+  "access.form.gname_app_id.placeholder": "Please enter GNAME AppId",
+  "access.form.gname_app_id.tooltip": "For more information, see <a href=\"https://www.gname.com/user#/dealer_api\" target=\"_blank\">https://www.gname.com/user#/dealer_api</a>",
+  "access.form.gname_app_key.label": "GNAME AppKey",
+  "access.form.gname_app_key.placeholder": "Please enter GNAME AppKey",
+  "access.form.gname_app_key.tooltip": "For more information, see <a href=\"https://www.gname.com/user#/dealer_api\" target=\"_blank\">https://www.gname.com/user#/dealer_api</a>",
  "access.form.godaddy_api_key.label": "GoDaddy API key",
  "access.form.godaddy_api_key.placeholder": "Please enter GoDaddy API key",
  "access.form.godaddy_api_key.tooltip": "For more information, see <a href=\"https://developer.godaddy.com/\" target=\"_blank\">https://developer.godaddy.com/</a>",
--- a/ui/src/i18n/locales/en/nls.common.json
+++ b/ui/src/i18n/locales/en/nls.common.json
@@ -61,6 +61,7 @@
  "common.provider.dogecloud.cdn": "Doge Cloud - CDN (Content Delivery Network)",
  "common.provider.edgio": "Edgio",
  "common.provider.edgio.applications": "Edgio - Applications",
+  "common.provider.gname": "GNAME",
  "common.provider.godaddy": "GoDaddy",
  "common.provider.huaweicloud": "Huawei Cloud",
  "common.provider.huaweicloud.cdn": "Huawei Cloud - CDN (Content Delivery Network)",
--- a/ui/src/i18n/locales/zh/nls.access.json
+++ b/ui/src/i18n/locales/zh/nls.access.json
@@ -90,6 +90,12 @@
  "access.form.edgio_client_secret.label": "Edgio 客户端密码",
  "access.form.edgio_client_secret.placeholder": "请输入 Edgio 客户端密码",
  "access.form.edgio_client_secret.tooltip": "这是什么？请参阅 <a href=\"https://docs.edg.io/applications/v7/rest_api/authentication#administering-api-clients\" target=\"_blank\">https://docs.edg.io/applications/v7/rest_api/authentication#administering-api-clients</a>",
+  "access.form.gname_app_id.label": "GNAME AppId",
+  "access.form.gname_app_id.placeholder": "请输入 GNAME AppId",
+  "access.form.gname_app_id.tooltip": "这是什么？请参阅 <a href=\"https://www.gname.com/user#/dealer_api\" target=\"_blank\">https://www.gname.com/user#/dealer_api</a>",
+  "access.form.gname_app_key.label": "GNAME AppKey",
+  "access.form.gname_app_key.placeholder": "请输入 GNAME AppKey",
+  "access.form.gname_app_key.tooltip": "这是什么？请参阅 <a href=\"https://www.gname.com/user#/dealer_api\" target=\"_blank\">https://www.gname.com/user#/dealer_api</a>",
  "access.form.godaddy_api_key.label": "GoDaddy API Key",
  "access.form.godaddy_api_key.placeholder": "请输入 GoDaddy API Key",
  "access.form.godaddy_api_key.tooltip": "这是什么？请参阅 <a href=\"https://developer.godaddy.com/\" target=\"_blank\">https://developer.godaddy.com/</a>",
--- a/ui/src/i18n/locales/zh/nls.common.json
+++ b/ui/src/i18n/locales/zh/nls.common.json
@@ -61,6 +61,7 @@
  "common.provider.dogecloud.cdn": "多吉云 - 内容分发网络 CDN",
  "common.provider.edgio": "Edgio",
  "common.provider.edgio.applications": "Edgio - Applications",
+  "common.provider.gname": "GNAME",
  "common.provider.godaddy": "GoDaddy",
  "common.provider.huaweicloud": "华为云",
  "common.provider.huaweicloud.cdn": "华为云 - 内容分发网络 CDN",