feat: add cdnfly deployer

ui/src/components/access/AccessForm.tsx

@@ -18,6 +18,7 @@ import AccessFormBaishanConfig from "./AccessFormBaishanConfig";
 import AccessFormBaotaPanelConfig from "./AccessFormBaotaPanelConfig";
 import AccessFormBytePlusConfig from "./AccessFormBytePlusConfig";
 import AccessFormCacheFlyConfig from "./AccessFormCacheFlyConfig";
+import AccessFormCdnflyConfig from "./AccessFormCdnflyConfig";
 import AccessFormCloudflareConfig from "./AccessFormCloudflareConfig";
 import AccessFormClouDNSConfig from "./AccessFormClouDNSConfig";
 import AccessFormDogeCloudConfig from "./AccessFormDogeCloudConfig";
@@ -112,6 +113,8 @@ const AccessForm = forwardRef<AccessFormInstance, AccessFormProps>(({ className,
         return <AccessFormBytePlusConfig {...nestedFormProps} />;
       case ACCESS_PROVIDERS.CACHEFLY:
         return <AccessFormCacheFlyConfig {...nestedFormProps} />;
+      case ACCESS_PROVIDERS.CDNFLY:
+        return <AccessFormCdnflyConfig {...nestedFormProps} />;
       case ACCESS_PROVIDERS.CLOUDFLARE:
         return <AccessFormCloudflareConfig {...nestedFormProps} />;
       case ACCESS_PROVIDERS.CLOUDNS:

ui/src/components/access/AccessFormCdnflyConfig.tsx

@@ -0,0 +1,87 @@
+import { useTranslation } from "react-i18next";
+import { Form, type FormInstance, Input } from "antd";
+import { createSchemaFieldRule } from "antd-zod";
+import { z } from "zod";
+
+import { type AccessConfigForCdnfly } from "@/domain/access";
+
+type AccessFormCdnflyConfigFieldValues = Nullish<AccessConfigForCdnfly>;
+
+export type AccessFormCdnflyConfigProps = {
+  form: FormInstance;
+  formName: string;
+  disabled?: boolean;
+  initialValues?: AccessFormCdnflyConfigFieldValues;
+  onValuesChange?: (values: AccessFormCdnflyConfigFieldValues) => void;
+};
+
+const initFormModel = (): AccessFormCdnflyConfigFieldValues => {
+  return {
+    apiUrl: "http://<your-ipaddr>:88/",
+    apiKey: "",
+    apiSecret: "",
+  };
+};
+
+const AccessFormCdnflyConfig = ({ form: formInst, formName, disabled, initialValues, onValuesChange }: AccessFormCdnflyConfigProps) => {
+  const { t } = useTranslation();
+
+  const formSchema = z.object({
+    apiUrl: z.string().url(t("common.errmsg.url_invalid")),
+    apiKey: z
+      .string()
+      .min(1, t("access.form.cdnfly_api_key.placeholder"))
+      .max(64, t("common.errmsg.string_max", { max: 64 }))
+      .trim(),
+    apiSecret: z
+      .string()
+      .min(1, t("access.form.cdnfly_api_secret.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="apiUrl"
+        label={t("access.form.cdnfly_api_url.label")}
+        rules={[formRule]}
+        tooltip={<span dangerouslySetInnerHTML={{ __html: t("access.form.cdnfly_api_url.tooltip") }}></span>}
+      >
+        <Input placeholder={t("access.form.cdnfly_api_url.placeholder")} />
+      </Form.Item>
+
+      <Form.Item
+        name="apiKey"
+        label={t("access.form.cdnfly_api_key.label")}
+        rules={[formRule]}
+        tooltip={<span dangerouslySetInnerHTML={{ __html: t("access.form.cdnfly_api_key.tooltip") }}></span>}
+      >
+        <Input autoComplete="new-password" placeholder={t("access.form.cdnfly_api_key.placeholder")} />
+      </Form.Item>
+
+      <Form.Item
+        name="apiSecret"
+        label={t("access.form.cdnfly_api_secret.label")}
+        rules={[formRule]}
+        tooltip={<span dangerouslySetInnerHTML={{ __html: t("access.form.cdnfly_api_secret.tooltip") }}></span>}
+      >
+        <Input.Password autoComplete="new-password" placeholder={t("access.form.cdnfly_api_secret.placeholder")} />
+      </Form.Item>
+    </Form>
+  );
+};
+
+export default AccessFormCdnflyConfig;

ui/src/components/workflow/node/DeployNodeConfigForm.tsx

@@ -31,6 +31,7 @@ import DeployNodeConfigFormBaishanCDNConfig from "./DeployNodeConfigFormBaishanC
 import DeployNodeConfigFormBaotaPanelConsoleConfig from "./DeployNodeConfigFormBaotaPanelConsoleConfig";
 import DeployNodeConfigFormBaotaPanelSiteConfig from "./DeployNodeConfigFormBaotaPanelSiteConfig";
 import DeployNodeConfigFormBytePlusCDNConfig from "./DeployNodeConfigFormBytePlusCDNConfig";
+import DeployNodeConfigFormCdnflyConfig from "./DeployNodeConfigFormCdnflyConfig";
 import DeployNodeConfigFormDogeCloudCDNConfig from "./DeployNodeConfigFormDogeCloudCDNConfig";
 import DeployNodeConfigFormEdgioApplicationsConfig from "./DeployNodeConfigFormEdgioApplicationsConfig";
 import DeployNodeConfigFormGcoreCDNConfig from "./DeployNodeConfigFormGcoreCDNConfig";
@@ -163,6 +164,8 @@ const DeployNodeConfigForm = forwardRef<DeployNodeConfigFormInstance, DeployNode
           return <DeployNodeConfigFormBaotaPanelSiteConfig {...nestedFormProps} />;
         case DEPLOY_PROVIDERS.BYTEPLUS_CDN:
           return <DeployNodeConfigFormBytePlusCDNConfig {...nestedFormProps} />;
+        case DEPLOY_PROVIDERS.CDNFLY:
+          return <DeployNodeConfigFormCdnflyConfig {...nestedFormProps} />;
         case DEPLOY_PROVIDERS.DOGECLOUD_CDN:
           return <DeployNodeConfigFormDogeCloudCDNConfig {...nestedFormProps} />;
         case DEPLOY_PROVIDERS.EDGIO_APPLICATIONS:
@@ -297,7 +300,7 @@ const DeployNodeConfigForm = forwardRef<DeployNodeConfigFormInstance, DeployNode
             <Form.Item name="provider" label={t("workflow_node.deploy.form.provider.label")} rules={[formRule]}>
               <DeployProviderSelect
                 allowClear
-                disabled
+                disabled={!!initialValues?.provider}
                 placeholder={t("workflow_node.deploy.form.provider.placeholder")}
                 showSearch
                 onSelect={handleProviderSelect}

ui/src/components/workflow/node/DeployNodeConfigFormAliyunESAConfig.tsx

@@ -5,7 +5,7 @@ import { z } from "zod";
 
 type DeployNodeConfigFormAliyunESAConfigFieldValues = Nullish<{
   region: string;
-  siteId: string;
+  siteId: string | number;
 }>;
 
 export type DeployNodeConfigFormAliyunESAConfigProps = {
@@ -34,10 +34,9 @@ const DeployNodeConfigFormAliyunESAConfig = ({
       .string({ message: t("workflow_node.deploy.form.aliyun_esa_region.placeholder") })
       .nonempty(t("workflow_node.deploy.form.aliyun_esa_region.placeholder"))
       .trim(),
-    siteId: z
-      .string({ message: t("workflow_node.deploy.form.aliyun_esa_site_id.placeholder") })
-      .regex(/^[1-9]\d*$/, t("workflow_node.deploy.form.aliyun_esa_site_id.placeholder"))
-      .trim(),
+    siteId: z.union([z.string(), z.number()]).refine((v) => {
+      return /^\d+$/.test(v + "") && +v > 0;
+    }, t("workflow_node.deploy.form.aliyun_esa_site_id.placeholder")),
   });
   const formRule = createSchemaFieldRule(formSchema);
 
@@ -69,7 +68,7 @@ const DeployNodeConfigFormAliyunESAConfig = ({
         rules={[formRule]}
         tooltip={<span dangerouslySetInnerHTML={{ __html: t("workflow_node.deploy.form.aliyun_esa_site_id.tooltip") }}></span>}
       >
-        <Input placeholder={t("workflow_node.deploy.form.aliyun_esa_site_id.placeholder")} />
+        <Input type="number" placeholder={t("workflow_node.deploy.form.aliyun_esa_site_id.placeholder")} />
       </Form.Item>
     </Form>
   );

ui/src/components/workflow/node/DeployNodeConfigFormCdnflyConfig.tsx

@@ -0,0 +1,89 @@
+import { useTranslation } from "react-i18next";
+import { Form, type FormInstance, Input, Select } from "antd";
+import { createSchemaFieldRule } from "antd-zod";
+import { z } from "zod";
+
+import Show from "@/components/Show";
+
+type DeployNodeConfigFormCdnflyConfigFieldValues = Nullish<{
+  resourceType: string;
+  certificateId?: string | number;
+}>;
+
+export type DeployNodeConfigFormCdnflyConfigProps = {
+  form: FormInstance;
+  formName: string;
+  disabled?: boolean;
+  initialValues?: DeployNodeConfigFormCdnflyConfigFieldValues;
+  onValuesChange?: (values: DeployNodeConfigFormCdnflyConfigFieldValues) => void;
+};
+
+const RESOURCE_TYPE_SITE = "site" as const;
+const RESOURCE_TYPE_CERTIFICATE = "certificate" as const;
+
+const initFormModel = (): DeployNodeConfigFormCdnflyConfigFieldValues => {
+  return {
+    resourceType: RESOURCE_TYPE_SITE,
+  };
+};
+
+const DeployNodeConfigFormCdnflyConfig = ({ form: formInst, formName, disabled, initialValues, onValuesChange }: DeployNodeConfigFormCdnflyConfigProps) => {
+  const { t } = useTranslation();
+
+  const formSchema = z.object({
+    resourceType: z.union([z.literal(RESOURCE_TYPE_SITE), z.literal(RESOURCE_TYPE_CERTIFICATE)], {
+      message: t("workflow_node.deploy.form.cdnfly_resource_type.placeholder"),
+    }),
+    siteId: z.union([z.string(), z.number().int()]).refine((v) => {
+      if (fieldResourceType !== RESOURCE_TYPE_SITE) return true;
+      return /^\d+$/.test(v + "") && +v > 0;
+    }, t("workflow_node.deploy.form.cdnfly_site_id.placeholder")),
+    certificateId: z.union([z.string(), z.number().int()]).refine((v) => {
+      if (fieldResourceType !== RESOURCE_TYPE_CERTIFICATE) return true;
+      return /^\d+$/.test(v + "") && +v > 0;
+    }, t("workflow_node.deploy.form.cdnfly_certificate_id.placeholder")),
+  });
+  const formRule = createSchemaFieldRule(formSchema);
+
+  const fieldResourceType = Form.useWatch("resourceType", formInst);
+
+  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="resourceType" label={t("workflow_node.deploy.form.cdnfly_resource_type.label")} rules={[formRule]}>
+        <Select placeholder={t("workflow_node.deploy.form.cdnfly_resource_type.placeholder")}>
+          <Select.Option key={RESOURCE_TYPE_SITE} value={RESOURCE_TYPE_SITE}>
+            {t("workflow_node.deploy.form.cdnfly_resource_type.option.site.label")}
+          </Select.Option>
+          <Select.Option key={RESOURCE_TYPE_CERTIFICATE} value={RESOURCE_TYPE_CERTIFICATE}>
+            {t("workflow_node.deploy.form.cdnfly_resource_type.option.certificate.label")}
+          </Select.Option>
+        </Select>
+      </Form.Item>
+
+      <Show when={fieldResourceType === RESOURCE_TYPE_SITE}>
+        <Form.Item name="siteId" label={t("workflow_node.deploy.form.cdnfly_site_id.label")} rules={[formRule]}>
+          <Input type="number" placeholder={t("workflow_node.deploy.form.cdnfly_site_id.placeholder")} />
+        </Form.Item>
+      </Show>
+
+      <Show when={fieldResourceType === RESOURCE_TYPE_CERTIFICATE}>
+        <Form.Item name="certificateId" label={t("workflow_node.deploy.form.cdnfly_certificate_id.label")} rules={[formRule]}>
+          <Input type="number" placeholder={t("workflow_node.deploy.form.cdnfly_certificate_id.placeholder")} />
+        </Form.Item>
+      </Show>
+    </Form>
+  );
+};
+
+export default DeployNodeConfigFormCdnflyConfig;

ui/src/components/workflow/node/DeployNodeConfigFormGcoreCDNConfig.tsx

@@ -4,7 +4,7 @@ import { createSchemaFieldRule } from "antd-zod";
 import { z } from "zod";
 
 type DeployNodeConfigFormGcoreCDNConfigFieldValues = Nullish<{
-  resourceId?: string;
+  resourceId?: string | number;
 }>;
 
 export type DeployNodeConfigFormGcoreCDNConfigProps = {
@@ -25,9 +25,9 @@ const DeployNodeConfigFormGcoreCDNConfig = ({ form: formInst, formName, disabled
   const { t } = useTranslation();
 
   const formSchema = z.object({
-    resourceId: z
-      .string({ message: t("workflow_node.deploy.form.gcore_cdn_certificate_id.placeholder") })
-      .regex(/^\d+$/, t("workflow_node.deploy.form.gcore_cdn_certificate_id.placeholder")),
+    resourceId: z.union([z.string(), z.number()]).refine((v) => {
+      return /^\d+$/.test(v + "") && +v > 0;
+    }, t("workflow_node.deploy.form.gcore_cdn_certificate_id.placeholder")),
   });
   const formRule = createSchemaFieldRule(formSchema);
 
@@ -50,7 +50,7 @@ const DeployNodeConfigFormGcoreCDNConfig = ({ form: formInst, formName, disabled
         rules={[formRule]}
         tooltip={<span dangerouslySetInnerHTML={{ __html: t("workflow_node.deploy.form.gcore_cdn_resource_id.tooltip") }}></span>}
       >
-        <Input placeholder={t("workflow_node.deploy.form.gcore_cdn_resource_id.placeholder")} />
+        <Input type="number" placeholder={t("workflow_node.deploy.form.gcore_cdn_resource_id.placeholder")} />
       </Form.Item>
     </Form>
   );

ui/src/components/workflow/node/DeployNodeConfigFormSafeLineConfig.tsx

@@ -7,7 +7,7 @@ import Show from "@/components/Show";
 
 type DeployNodeConfigFormSafeLineConfigFieldValues = Nullish<{
   resourceType: string;
-  certificateId?: string;
+  certificateId?: string | number;
 }>;
 
 export type DeployNodeConfigFormSafeLineConfigProps = {
@@ -34,19 +34,10 @@ const DeployNodeConfigFormSafeLineConfig = ({ form: formInst, formName, disabled
     resourceType: z.literal(RESOURCE_TYPE_CERTIFICATE, {
       message: t("workflow_node.deploy.form.safeline_resource_type.placeholder"),
     }),
-    region: z
-      .string({ message: t("workflow_node.deploy.form.safeline_region.placeholder") })
-      .nonempty(t("workflow_node.deploy.form.safeline_region.placeholder"))
-      .trim(),
-    certificateId: z
-      .string()
-      .max(64, t("common.errmsg.string_max", { max: 64 }))
-      .trim()
-      .nullish()
-      .refine((v) => {
-        if (fieldResourceType !== RESOURCE_TYPE_CERTIFICATE) return true;
-        return /^\d+$/.test(v!);
-      }, t("workflow_node.deploy.form.safeline_certificate_id.placeholder")),
+    certificateId: z.union([z.string(), z.number().int()]).refine((v) => {
+      if (fieldResourceType !== RESOURCE_TYPE_CERTIFICATE) return true;
+      return /^\d+$/.test(v + "") && +v > 0;
+    }, t("workflow_node.deploy.form.safeline_certificate_id.placeholder")),
   });
   const formRule = createSchemaFieldRule(formSchema);
 
@@ -75,7 +66,7 @@ const DeployNodeConfigFormSafeLineConfig = ({ form: formInst, formName, disabled
 
       <Show when={fieldResourceType === RESOURCE_TYPE_CERTIFICATE}>
         <Form.Item name="certificateId" label={t("workflow_node.deploy.form.safeline_certificate_id.label")} rules={[formRule]}>
-          <Input placeholder={t("workflow_node.deploy.form.safeline_certificate_id.placeholder")} />
+          <Input type="number" placeholder={t("workflow_node.deploy.form.safeline_certificate_id.placeholder")} />
         </Form.Item>
       </Show>
     </Form>