fix the issue that extesion js cannot be loaded

Author: LinuxSuRen

console/atest-ui/src/App.vue

@@ -153,6 +153,10 @@ API.GetMenus((menus) => {
           <el-icon><Guide /></el-icon>
           <template #title>{{ t('title.mock' )}}</template>
         </el-menu-item>
+        <el-menu-item index="data" test-id="data-menu">
+          <el-icon><DataAnalysis /></el-icon>
+          <template #title>{{ t('title.data' )}}</template>
+        </el-menu-item>
         <el-menu-item index="store">
           <el-icon><location /></el-icon>
           <template #title>{{ t('title.stores') }}</template>

console/atest-ui/src/views/Extension.vue

@@ -1,11 +1,12 @@
 <script setup lang="ts">
+import { ref } from 'vue'
 import { API } from './net';
 
 interface Props {
   name: string
 }
 const props = defineProps<Props>()
-
+const loading = ref(true)
 const loadPlugin = async (): Promise<void> => {
     try {
         API.GetPageOfCSS(props.name, (d) => {
@@ -45,7 +46,8 @@ try {
 </script>
 
 <template>
-    <div id="plugin-container">
-        {{ props.name }}
+    <div id="plugin-container"
+        v-loading="loading"
+        :element-loading-text="props.name + ' is loading...'">
     </div>
 </template>

pkg/server/remote_server.go

@@ -1385,6 +1385,8 @@ func (s *server) GetBinding(ctx context.Context, in *SimpleName) (result *Common
 	return
 }
 
+var uiExtensionLoaders = make(map[string]testing.Writer)
+
 func (s *server) GetMenus(ctx context.Context, _ *Empty) (result *MenuList, err error) {
 	loader := s.getLoader(ctx)
 	defer loader.Close()
@@ -1412,6 +1414,7 @@ func (s *server) GetMenus(ctx context.Context, _ *Empty) (result *MenuList, err
 							Icon:  menu.Icon,
 							Index: menu.Index,
 						}
+						uiExtensionLoaders[menu.Index] = loader
 					}
 					continue
 				}
@@ -1422,6 +1425,7 @@ func (s *server) GetMenus(ctx context.Context, _ *Empty) (result *MenuList, err
 					Icon:  menu.Icon,
 					Index: menu.Index,
 				})
+				uiExtensionLoaders[menu.Index] = loader
 			}
 		}
 	}
@@ -1441,27 +1445,31 @@ func isSystemMenu(index string) bool {
 }
 
 func (s *server) GetPageOfJS(ctx context.Context, in *SimpleName) (result *CommonResult, err error) {
-	loader := s.getLoader(ctx)
-	defer loader.Close()
-
-	result = &CommonResult{
-		Success: true,
-	}
-	if js, err := loader.GetPageOfJS(in.Name); err == nil {
-		result.Message = js
+	result = &CommonResult{}
+	if loader, ok := uiExtensionLoaders[in.Name]; ok {
+		if js, err := loader.GetPageOfJS(in.Name); err == nil {
+			result.Message = js
+			result.Success = true
+		} else {
+			result.Message = err.Error()
+		}
+	} else {
+		result.Message = fmt.Sprintf("not found loader for %s", in.Name)
 	}
 	return
 }
 
 func (s *server) GetPageOfCSS(ctx context.Context, in *SimpleName) (result *CommonResult, err error) {
-	loader := s.getLoader(ctx)
-	defer loader.Close()
-
-	result = &CommonResult{
-		Success: true,
-	}
-	if css, err := loader.GetPageOfCSS(in.Name); err == nil {
-		result.Message = css
+	result = &CommonResult{}
+	if loader, ok := uiExtensionLoaders[in.Name]; ok {
+		if js, err := loader.GetPageOfCSS(in.Name); err == nil {
+			result.Message = js
+			result.Success = true
+		} else {
+			result.Message = err.Error()
+		}
+	} else {
+		result.Message = fmt.Sprintf("not found loader for %s", in.Name)
 	}
 	return
 }

pkg/testing/remote/grpc_store.go

@@ -389,7 +389,6 @@ func (g *gRPCLoader) GetMenus() (result []*testing.Menu, err error) {
 			})
 		}
 	}
-	fmt.Println("get menus, error", err)
 	return
 }