-
+
{
+ const { deploy: data, setDeploy, error, setError } = useDeployEditContext();
+
+ const { t } = useTranslation();
+
+ useEffect(() => {
+ setError({});
+ }, []);
+
+ useEffect(() => {
+ const resp = domainSchema.safeParse(data.config?.domain);
+ if (!resp.success) {
+ setError({
+ ...error,
+ domain: JSON.parse(resp.error.message)[0].message,
+ });
+ } else {
+ setError({
+ ...error,
+ domain: "",
+ });
+ }
+ }, [data]);
+
+ useEffect(() => {
+ const clbIdresp = clbIdSchema.safeParse(data.config?.clbId);
+ if (!clbIdresp.success) {
+ setError({
+ ...error,
+ clbId: JSON.parse(clbIdresp.error.message)[0].message,
+ });
+ } else {
+ setError({
+ ...error,
+ clbId: "",
+ });
+ }
+ }, [data]);
+
+ useEffect(() => {
+ const lsnIdresp = lsnIdSchema.safeParse(data.config?.lsnId);
+ if (!lsnIdresp.success) {
+ setError({
+ ...error,
+ lsnId: JSON.parse(lsnIdresp.error.message)[0].message,
+ });
+ } else {
+ setError({
+ ...error,
+ lsnId: "",
+ });
+ }
+ }, [data]);
+
+ useEffect(() => {
+ const regionResp = regionSchema.safeParse(data.config?.region);
+ if (!regionResp.success) {
+ setError({
+ ...error,
+ region: JSON.parse(regionResp.error.message)[0].message,
+ });
+ } else {
+ setError({
+ ...error,
+ region: "",
+ });
+ }
+ }, []);
+
+ useEffect(() => {
+ if (!data.id) {
+ setDeploy({
+ ...data,
+ config: {
+ lsnId: "",
+ clbId: "",
+ domain: "",
+ region: "",
+ },
+ });
+ }
+ }, []);
+
+ const regionSchema = z.string().regex(/^ap-[a-z]+$/, {
+ message: t("domain.deployment.form.tencent_clb_region.placeholder"),
+ });
+
+ const domainSchema = z.string().regex(/^$|^(?:\*\.)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}$/, {
+ message: t("common.errmsg.domain_invalid"),
+ });
+
+ const clbIdSchema = z.string().regex(/^lb-[a-zA-Z0-9]{8}$/, {
+ message: t("domain.deployment.form.tencent_clb_id.placeholder"),
+ });
+
+ const lsnIdSchema = z.string().regex(/^lbl-.{8}$/, {
+ message: t("domain.deployment.form.tencent_clb_listener.placeholder"),
+ });
+
+ return (
+
+
+
+
{
+ const temp = e.target.value;
+
+ const resp = regionSchema.safeParse(temp);
+ if (!resp.success) {
+ setError({
+ ...error,
+ region: JSON.parse(resp.error.message)[0].message,
+ });
+ } else {
+ setError({
+ ...error,
+ region: "",
+ });
+ }
+
+ const newData = produce(data, (draft) => {
+ if (!draft.config) {
+ draft.config = {};
+ }
+ draft.config.region = temp;
+ });
+ setDeploy(newData);
+ }}
+ />
+
{error?.region}
+
+
+
+
+
{
+ const temp = e.target.value;
+
+ const resp = clbIdSchema.safeParse(temp);
+ if (!resp.success) {
+ setError({
+ ...error,
+ clbId: JSON.parse(resp.error.message)[0].message,
+ });
+ } else {
+ setError({
+ ...error,
+ clbId: "",
+ });
+ }
+
+ const newData = produce(data, (draft) => {
+ if (!draft.config) {
+ draft.config = {};
+ }
+ draft.config.clbId = temp;
+ });
+ setDeploy(newData);
+ }}
+ />
+
{error?.clbId}
+
+
+
+
+
{
+ const temp = e.target.value;
+
+ const resp = lsnIdSchema.safeParse(temp);
+ if (!resp.success) {
+ setError({
+ ...error,
+ lsnId: JSON.parse(resp.error.message)[0].message,
+ });
+ } else {
+ setError({
+ ...error,
+ lsnId: "",
+ });
+ }
+
+ const newData = produce(data, (draft) => {
+ if (!draft.config) {
+ draft.config = {};
+ }
+ draft.config.lsnId = temp;
+ });
+ setDeploy(newData);
+ }}
+ />
+
{error?.lsnId}
+
+
+
+
+
{
+ const temp = e.target.value;
+
+ const resp = domainSchema.safeParse(temp);
+ if (!resp.success) {
+ setError({
+ ...error,
+ domain: JSON.parse(resp.error.message)[0].message,
+ });
+ } else {
+ setError({
+ ...error,
+ domain: "",
+ });
+ }
+
+ const newData = produce(data, (draft) => {
+ if (!draft.config) {
+ draft.config = {};
+ }
+ draft.config.domain = temp;
+ });
+ setDeploy(newData);
+ }}
+ />
+
{error?.domain}
+
+
+ );
+};
+
+export default DeployToTencentCLB;
diff --git a/ui/src/components/certimate/DeployToTencentCOS.tsx b/ui/src/components/certimate/DeployToTencentCOS.tsx
index 7b1f370e..7fcb5e2a 100644
--- a/ui/src/components/certimate/DeployToTencentCOS.tsx
+++ b/ui/src/components/certimate/DeployToTencentCOS.tsx
@@ -32,7 +32,7 @@ const DeployToTencentCOS = () => {
}, [data]);
useEffect(() => {
- const bucketResp = bucketSchema.safeParse(data.config?.domain);
+ const bucketResp = bucketSchema.safeParse(data.config?.bucket);
if (!bucketResp.success) {
setError({
...error,
@@ -46,6 +46,21 @@ const DeployToTencentCOS = () => {
}
}, []);
+ useEffect(() => {
+ const regionResp = regionSchema.safeParse(data.config?.region);
+ if (!regionResp.success) {
+ setError({
+ ...error,
+ region: JSON.parse(regionResp.error.message)[0].message,
+ });
+ } else {
+ setError({
+ ...error,
+ region: "",
+ });
+ }
+ }, []);
+
useEffect(() => {
if (!data.id) {
setDeploy({
@@ -63,8 +78,12 @@ const DeployToTencentCOS = () => {
message: t("common.errmsg.domain_invalid"),
});
- const bucketSchema = z.string().min(1, {
- message: t("domain.deployment.form.tencent_cos_region.placeholder"),
+ const regionSchema = z.string().regex(/^ap-[a-z]+$/, {
+ message: t("domain.deployment.form.cos_region.placeholder"),
+ });
+
+ const bucketSchema = z.string().regex(/^.+-\d+$/, {
+ message: t("domain.deployment.form.cos_bucket.placeholder"),
});
return (
@@ -78,6 +97,19 @@ const DeployToTencentCOS = () => {
onChange={(e) => {
const temp = e.target.value;
+ const resp = bucketSchema.safeParse(temp);
+ if (!resp.success) {
+ setError({
+ ...error,
+ region: JSON.parse(resp.error.message)[0].message,
+ });
+ } else {
+ setError({
+ ...error,
+ region: "",
+ });
+ }
+
const newData = produce(data, (draft) => {
if (!draft.config) {
draft.config = {};
@@ -87,7 +119,7 @@ const DeployToTencentCOS = () => {
setDeploy(newData);
}}
/>
-
{error?.endpoint}
+
{error?.region}
);
diff --git a/ui/src/pages/setting/SSLProvider.tsx b/ui/src/pages/setting/SSLProvider.tsx
index f5c1b28e..f4c07632 100644
--- a/ui/src/pages/setting/SSLProvider.tsx
+++ b/ui/src/pages/setting/SSLProvider.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useContext, useEffect, useState, createContext } from "react";
import { useForm } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { z } from "zod";
@@ -14,93 +14,71 @@ import { getErrMessage } from "@/lib/error";
import { cn } from "@/lib/utils";
import { SSLProvider as SSLProviderType, SSLProviderSetting, Setting } from "@/domain/settings";
import { getSetting, update } from "@/repository/settings";
+import { produce } from "immer";
+
+type SSLProviderContext = {
+ setting: Setting