get version by cr

frontend/providers/dbprovider/src/api/platform.ts

@@ -1,4 +1,6 @@
 import { GET, POST, DELETE } from '@/services/request';
 import type { Response as resourcePriceResponse } from '@/pages/api/platform/resourcePrice';
+import type { Response as DBVersionMapType } from '@/pages/api/platform/getVersion';
 
 export const getResourcePrice = () => GET<resourcePriceResponse>('/api/platform/resourcePrice');
+export const getDBVersionMap = () => GET<DBVersionMapType>('/api/platform/getVersion');

frontend/providers/dbprovider/src/constants/db.ts

@@ -1,4 +1,4 @@
-import { DBEditType, DBDetailType, PodDetailType, BackupStatusMapType } from '@/types/db';
+import { DBEditType, DBDetailType, PodDetailType } from '@/types/db';
 import { CpuSlideMarkList, MemorySlideMarkList } from './editApp';
 
 export const crLabelKey = 'sealos-db-provider-cr';
@@ -151,11 +151,6 @@ export const DBTypeList = [
   { id: DBTypeEnum.mongodb, label: 'mongo' },
   { id: DBTypeEnum.mysql, label: 'mysql' }
 ];
-export const DBVersionMap = {
-  [DBTypeEnum.postgresql]: [{ id: 'postgresql-14.8.0', label: 'postgresql-14.8.0' }],
-  [DBTypeEnum.mongodb]: [{ id: 'mongodb-5.0.14', label: 'mongodb-5.0.14' }],
-  [DBTypeEnum.mysql]: [{ id: 'ac-mysql-8.0.30', label: 'ac-mysql-8.0.30' }]
-};
 export const DBComponentNameMap = {
   [DBTypeEnum.postgresql]: 'postgresql',
   [DBTypeEnum.mongodb]: 'mongo',
@@ -169,7 +164,7 @@ export const DBBackupPolicyNameMap = {
 
 export const defaultDBEditValue: DBEditType = {
   dbType: DBTypeEnum.postgresql,
-  dbVersion: DBVersionMap[DBTypeEnum.postgresql][0].id,
+  dbVersion: '',
   dbName: 'dbname',
   replicas: 1,
   cpu: CpuSlideMarkList[1].value,

frontend/providers/dbprovider/src/pages/_app.tsx

@@ -15,7 +15,7 @@ import { useLoading } from '@/hooks/useLoading';
 import { useRouter } from 'next/router';
 import { appWithTranslation, useTranslation } from 'next-i18next';
 import { getLangStore, setLangStore } from '@/utils/cookieUtils';
-import { getUserPrice } from '@/store/static';
+import { getUserPrice, getDBVersion } from '@/store/static';
 
 import 'nprogress/nprogress.css';
 import 'react-day-picker/dist/style.css';
@@ -99,6 +99,8 @@ function App({ Component, pageProps, domain }: AppProps & { domain: string }) {
     };
 
     getUserPrice();
+    getDBVersion();
+
     (async () => {
       try {
         const lang = await sealosApp.getLanguage();

frontend/providers/dbprovider/src/pages/api/platform/getVersion.ts

@@ -0,0 +1,30 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import * as yaml from 'js-yaml';
+import { getK8s } from '@/services/backend/kubernetes';
+import { jsonRes } from '@/services/backend/response';
+import { DBTypeEnum } from '@/constants/db';
+
+export type Response = Record<
+  `${DBTypeEnum}`,
+  {
+    id: string;
+    label: string;
+  }[]
+>;
+
+const DBVersionMap = {
+  [DBTypeEnum.postgresql]: [{ id: 'postgresql-14.8.0', label: 'postgresql-14.8.0' }],
+  [DBTypeEnum.mongodb]: [{ id: 'mongodb-5.0.14', label: 'mongodb-5.0.14' }],
+  [DBTypeEnum.mysql]: [{ id: 'ac-mysql-8.0.30', label: 'ac-mysql-8.0.30' }]
+};
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    jsonRes(res, {
+      data: DBVersionMap
+    });
+  } catch (error) {
+    console.log(error);
+    jsonRes(res, { code: 500, message: 'get price error' });
+  }
+}

frontend/providers/dbprovider/src/pages/db/edit/components/Form.tsx

@@ -23,7 +23,8 @@ import type { DBEditType } from '@/types/db';
 import { CpuSlideMarkList, MemorySlideMarkList } from '@/constants/editApp';
 import Tabs from '@/components/Tabs';
 import MySelect from '@/components/Select';
-import { DBTypeList, DBVersionMap } from '@/constants/db';
+import { DBTypeList } from '@/constants/db';
+import { DBVersionMap } from '@/store/static';
 import { useTranslation } from 'next-i18next';
 import PriceBox from './PriceBox';
 import { INSTALL_ACCOUNT } from '@/store/static';

frontend/providers/dbprovider/src/pages/db/edit/index.tsx

@@ -19,6 +19,7 @@ import { useGlobalStore } from '@/store/global';
 import { serviceSideProps } from '@/utils/i18n';
 import { useTranslation } from 'next-i18next';
 import { adaptDBForm } from '@/utils/adapt';
+import { DBVersionMap } from '@/store/static';
 import Header from './components/Header';
 import Form from './components/Form';
 import Yaml from './components/Yaml';
@@ -52,7 +53,10 @@ const EditApp = ({ dbName, tabType }: { dbName?: string; tabType?: 'form' | 'yam
 
   // form
   const formHook = useForm<DBEditType>({
-    defaultValues: defaultDBEditValue
+    defaultValues: {
+      ...defaultDBEditValue,
+      dbVersion: DBVersionMap.postgresql[0]?.id
+    }
   });
 
   // eslint-disable-next-line react-hooks/exhaustive-deps

frontend/providers/dbprovider/src/store/static.ts

@@ -1,5 +1,7 @@
-import { getResourcePrice } from '@/api/platform';
+import { getResourcePrice, getDBVersionMap } from '@/api/platform';
 import type { Response as resourcePriceResponse } from '@/pages/api/platform/resourcePrice';
+import { DBTypeEnum } from '@/constants/db';
+import type { Response as DBVersionMapType } from '@/pages/api/platform/getVersion';
 
 export let SOURCE_PRICE: resourcePriceResponse = {
   cpu: 0.067,
@@ -9,6 +11,13 @@ export let SOURCE_PRICE: resourcePriceResponse = {
 export let INSTALL_ACCOUNT = false;
 
 let retryGetPrice = 3;
+let retryVersion = 3;
+
+export let DBVersionMap: DBVersionMapType = {
+  [DBTypeEnum.postgresql]: [],
+  [DBTypeEnum.mongodb]: [],
+  [DBTypeEnum.mysql]: []
+};
 
 export const getUserPrice = async () => {
   try {
@@ -24,3 +33,17 @@ export const getUserPrice = async () => {
     }
   }
 };
+
+export const getDBVersion = async () => {
+  try {
+    const res = await getDBVersionMap();
+    DBVersionMap = res;
+  } catch (err) {
+    retryVersion--;
+    if (retryVersion >= 0) {
+      setTimeout(() => {
+        getDBVersion();
+      }, 1000);
+    }
+  }
+};