load schema dynamically

Author: LinuxSuRen

console/atest-ui/src/assets/api-testing-mock-schema.json

@@ -8,14 +8,19 @@ import { jsonLanguage } from "@codemirror/lang-json"
 import { API } from './net';
 import {useI18n} from "vue-i18n";
 import EditButton from '../components/EditButton.vue'
-import mockSchema from '../assets/api-testing-mock-schema.json';
 
 const { t } = useI18n()
 
-const mockschema = ref(mockSchema as any); // Type assertion to any for JSON schema
+const mockschema = ref({}); // Type assertion to any for JSON schema
 const jsonComplete = NewTemplateLangComplete(jsonLanguage)
 const headerComplete = NewHeaderLangComplete(jsonLanguage)
 
+API.GetSchema('mock').then((schema) => {
+    if (schema.success && schema.message !== '') {
+        mockschema.value = JSON.parse(schema.message);
+    }
+});
+
 interface MockConfig {
   Config: string
   ConfigAsJSON: string
@@ -28,7 +33,10 @@ const mockConfig = ref({} as MockConfig);
 watch(mockConfig, (newValue) => {
     if (tabActive.value === 'json') {
         // convert JSON to YAML string
-        newValue.Config = jsonToYaml(newValue.ConfigAsJSON);
+        try {
+            newValue.Config = jsonToYaml(newValue.ConfigAsJSON);
+        } catch (e) {
+        }
     } else {
         newValue.ConfigAsJSON = JSON.stringify(yaml.load(newValue.Config), null, 2);
     }

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

@@ -13,6 +13,7 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
+import { ca } from 'element-plus/es/locales.mjs';
 import { Cache } from './cache'
 
 /**
@@ -117,6 +118,25 @@ function GetVersion(callback?: (v: AppVersion) => void) {
         .then(emptyOrDefault(callback))
 }
 
+interface CommonResult {
+    message: string
+    success: boolean
+}
+
+async function GetSchema(name: string, callback?: (v: CommonResult) => void) {
+    const requestOptions = {
+        method: 'GET',
+    }
+    if (callback) {
+        return fetch(`/api/v1/schemas/${name}`, requestOptions)
+            .then(DefaultResponseProcess)
+            .then(emptyOrDefault(callback))
+    } else {
+        return fetch(`/api/v1/schemas/${name}`, requestOptions)
+            .then(DefaultResponseProcess)
+    }
+}
+
 interface TestSuite {
     store: string
     name: string
@@ -915,7 +935,7 @@ const GetBinding = (name: string, callback: (d: any) => void | null) => {
 
 export const API = {
     DefaultResponseProcess,
-    GetVersion,
+    GetVersion, GetSchema,
     CreateTestSuite, UpdateTestSuite, ImportTestSuite, GetTestSuite, DeleteTestSuite, ConvertTestSuite, DuplicateTestSuite, RenameTestSuite, GetTestSuiteYaml,
     CreateTestCase, UpdateTestCase, GetTestCase, ListTestCase, DeleteTestCase, DuplicateTestCase, RenameTestCase, RunTestCase, BatchRunTestCase,
     GetHistoryTestCaseWithResult, DeleteHistoryTestCase, GetHistoryTestCase, GetTestCaseAllHistory, DeleteAllHistoryTestCase, DownloadResponseFile,

console/atest-ui/src/views/net.ts

@@ -38,6 +38,7 @@ import (
 	"github.com/prometheus/client_golang/prometheus"
 	"github.com/prometheus/client_golang/prometheus/promauto"
 
+	"github.com/linuxsuren/api-testing/docs"
 	"github.com/linuxsuren/api-testing/pkg/util/home"
 
 	"github.com/linuxsuren/api-testing/pkg/mock"
@@ -434,6 +435,19 @@ func (s *server) RunTestSuite(srv Runner_RunTestSuiteServer) (err error) {
 	}
 }
 
+func (s *server) GetSchema(ctx context.Context, in *SimpleQuery) (result *CommonResult, err error) {
+	result = &CommonResult{
+		Success: true,
+	}
+	switch in.Name {
+	case "core":
+		result.Message = docs.Schema
+	case "mock":
+		result.Message = docs.MockSchema
+	}
+	return
+}
+
 // GetVersion returns the version
 func (s *server) GetVersion(ctx context.Context, in *Empty) (reply *Version, err error) {
 	reply = &Version{