feat(db): add Weaviate support and improve network access control (#6301)

feat(db): add Weaviate support and improve network access control (#6299)

* feat(db): add Weaviate support and improve network access control

* update launchpad

Author: zjy365

frontend/providers/applaunchpad/src/pages/app/edit/components/Header.tsx

@@ -4,6 +4,7 @@ import { useClientSideValue } from '@/hooks/useClientSideValue';
 import { useGlobalStore } from '@/store/global';
 import { useGuideStore } from '@/store/guide';
 import type { YamlItemType } from '@/types/index';
+import type { AppEditType } from '@/types/app';
 import { downLoadBold } from '@/utils/tools';
 import { Box, Button, Center, Flex, Text } from '@chakra-ui/react';
 import { track } from '@sealos/gtm';
@@ -12,17 +13,20 @@ import { Info, X } from 'lucide-react';
 import { useTranslation } from 'next-i18next';
 import { useRouter } from 'next/router';
 import { useCallback } from 'react';
+import { formData2Yamls } from '../index';
 
 const Header = ({
   appName,
   title,
   yamlList,
+  getFormData,
   applyCb,
   applyBtnText
 }: {
   appName: string;
   title: string;
   yamlList: YamlItemType[];
+  getFormData?: () => AppEditType;
   applyCb: () => void;
   applyBtnText: string;
 }) => {
@@ -32,14 +36,22 @@ const Header = ({
   const isClientSide = useClientSideValue(true);
 
   const handleExportYaml = useCallback(async () => {
-    const exportYamlString = yamlList.map((i) => i.value).join('---\n');
+    let exportYamlList: YamlItemType[];
+    if (getFormData) {
+      const formData = getFormData();
+      exportYamlList = formData2Yamls(formData);
+    } else {
+      exportYamlList = yamlList;
+    }
+
+    const exportYamlString = exportYamlList.map((i) => i.value).join('---\n');
     if (!exportYamlString) return;
     downLoadBold(
       exportYamlString,
       'application/yaml',
       appName ? `${appName}.yaml` : `yaml${dayjs().format('YYYYMMDDHHmmss')}.yaml`
     );
-  }, [appName, yamlList]);
+  }, [appName, yamlList, getFormData]);
 
   const { createCompleted, startTimeMs } = useGuideStore();
 

frontend/providers/applaunchpad/src/pages/app/edit/index.tsx

@@ -397,6 +397,7 @@ const EditApp = ({ appName, tabType }: { appName?: string; tabType: string }) =>
           appName={formHook.getValues('appName')}
           title={title}
           yamlList={yamlList}
+          getFormData={() => realTimeForm.current}
           applyBtnText={applyBtnText}
           applyCb={() => {
             formHook.handleSubmit(async (data) => {

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

@@ -228,12 +228,12 @@ export const DBTypeList = [
   { id: DBTypeEnum.mysql, label: 'MySQL' },
   { id: DBTypeEnum.redis, label: 'Redis' },
   { id: DBTypeEnum.kafka, label: 'Kafka' },
-  { id: DBTypeEnum.milvus, label: 'Milvus' }
-  // { id: DBTypeEnum.qdrant, label: 'qdrant' },
-  // { id: DBTypeEnum.pulsar, label: 'pulsar' },
-  // { id: DBTypeEnum.clickhouse, label: 'clickhouse' }
-  // { id: DBTypeEnum.nebula, label: 'nebula' },
-  // { id: DBTypeEnum.weaviate, label: 'weaviate' }
+  { id: DBTypeEnum.milvus, label: 'Milvus' },
+  { id: DBTypeEnum.weaviate, label: 'Weaviate' }
+  // { id: DBTypeEnum.qdrant, label: 'Qdrant' },
+  // { id: DBTypeEnum.pulsar, label: 'Pulsar' },
+  // { id: DBTypeEnum.clickhouse, label: 'ClickHouse' },
+  // { id: DBTypeEnum.nebula, label: 'Nebula' }
 ];
 
 export const DBComponentNameMap: Record<DBType, Array<DBComponentsName>> = {

frontend/providers/dbprovider/src/pages/db/detail/components/AppBaseInfo.tsx

@@ -157,10 +157,10 @@ const AppBaseInfo = ({ db = defaultDBDetail }: { db: DBDetailType }) => {
   }, [applistCompleted, detailCompleted, router?.query?.guide, t]);
 
   const supportConnectDB = useMemo(() => {
-    return !!['postgresql', 'mongodb', 'apecloud-mysql', 'redis', 'milvus', 'kafka'].find(
-      (item) => item === db.dbType
+    return !!['postgresql', 'mongodb', 'apecloud-mysql', 'redis', 'milvus'].find(
+      (item) => item === db?.dbType
     );
-  }, [db.dbType]);
+  }, [db?.dbType]);
 
   const { data: dbStatefulSet, refetch: refetchDBStatefulSet } = useQuery(
     ['getDBStatefulSetByName', db.dbName, db.dbType],
@@ -182,15 +182,15 @@ const AppBaseInfo = ({ db = defaultDBDetail }: { db: DBDetailType }) => {
           })
         : null,
     {
-      enabled: supportConnectDB
+      enabled: !!db.dbName && !!db.dbType
     }
   );
 
   const { data: service, refetch: refetchService } = useQuery(
     ['getDBService', db.dbName, db.dbType],
     () => (db.dbName ? getDBServiceByName(`${db.dbName}-export`) : null),
     {
-      enabled: supportConnectDB,
+      enabled: !!db.dbName && !!db.dbType,
       retry: 3,
       onSuccess(data) {
         setIsChecked(!!data);
@@ -705,7 +705,7 @@ const AppBaseInfo = ({ db = defaultDBDetail }: { db: DBDetailType }) => {
                 ml="12px"
                 size="md"
                 isChecked={isChecked}
-                isDisabled={db.dbType === 'kafka'}
+                isDisabled={!supportConnectDB}
                 onChange={(e) => {
                   if (isChecked) {
                     closeNetWorkService();

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

@@ -448,6 +448,11 @@ const Form = ({
     });
 
     const filtered = DBTypeList.filter((dbType) => {
+      // Exclude weaviate from create form
+      if (dbType.id === DBTypeEnum.weaviate) {
+        return false;
+      }
+
       const addonName = dbType.id;
       const addonStatus = addonStatusMap.get(addonName);
       const shouldInclude = addonStatus !== 'Disabled';