feat: enhance JSON schema validation and error handling in configuration modal

This commit is contained in:
twwu 2025-03-25 18:10:22 +08:00
parent 8a4a6720d1
commit 695d3b7a03
3 changed files with 49 additions and 53 deletions

View File

@ -9,7 +9,7 @@ import { useTranslation } from 'react-i18next'
import Button from '@/app/components/base/button'
import VisualEditor from './visual-editor'
import SchemaEditor from './schema-editor'
import { jsonToSchema } from '../../utils'
import { getValidationErrorMessage, jsonToSchema, validateSchemaAgainstDraft7 } from '../../utils'
import { MittProvider, VisualEditorContextProvider } from './visual-editor/context'
import ErrorMessage from './error-message'
@ -59,15 +59,15 @@ const JsonSchemaConfig: FC<JsonSchemaConfigProps> = ({
try {
const schema = JSON.parse(json)
setParseError(null)
// const ajvError = validateSchemaAgainstDraft7(schema)
// if (ajvError.length > 0) {
// setValidationError(getValidationErrorMessage(ajvError))
// return
// }
// else {
setJsonSchema(schema)
setValidationError('')
// }
const ajvError = validateSchemaAgainstDraft7(schema)
if (ajvError.length > 0) {
setValidationError(getValidationErrorMessage(ajvError))
return
}
else {
setJsonSchema(schema)
setValidationError('')
}
}
catch (error) {
setValidationError('')
@ -117,15 +117,15 @@ const JsonSchemaConfig: FC<JsonSchemaConfigProps> = ({
try {
schema = JSON.parse(json)
setParseError(null)
// const ajvError = validateSchemaAgainstDraft7(schema)
// if (ajvError.length > 0) {
// setValidationError(getValidationErrorMessage(ajvError))
// return
// }
// else {
setJsonSchema(schema)
setValidationError('')
// }
const ajvError = validateSchemaAgainstDraft7(schema)
if (ajvError.length > 0) {
setValidationError(getValidationErrorMessage(ajvError))
return
}
else {
setJsonSchema(schema)
setValidationError('')
}
}
catch (error) {
setValidationError('')

View File

@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next'
import Button from '@/app/components/base/button'
import CodeEditor from '../code-editor'
import ErrorMessage from '../error-message'
// import { getValidationErrorMessage, validateSchemaAgainstDraft7 } from '../../../utils'
import { getValidationErrorMessage, validateSchemaAgainstDraft7 } from '../../../utils'
type GeneratedResultProps = {
schema: SchemaRoot
@ -44,14 +44,14 @@ const GeneratedResult: FC<GeneratedResultProps> = ({
const jsonSchema = useMemo(() => formatJSON(schema), [schema])
const handleApply = useCallback(() => {
// const ajvError = validateSchemaAgainstDraft7(schema)
// if (ajvError.length > 0) {
// setValidationError(getValidationErrorMessage(ajvError))
// }
// else {
onApply()
setValidationError('')
// }
const ajvError = validateSchemaAgainstDraft7(schema)
if (ajvError.length > 0) {
setValidationError(getValidationErrorMessage(ajvError))
}
else {
onApply()
setValidationError('')
}
}, [schema, onApply])
return (

View File

@ -1,8 +1,7 @@
import { ArrayType, Type } from './types'
import type { ArrayItems, Field, LLMNodeType } from './types'
// import Ajv, { type ErrorObject } from 'ajv'
// import draft7MetaSchema from 'ajv/dist/refs/json-schema-draft-07.json'
// import produce from 'immer'
import Ajv, { type ErrorObject } from 'ajv'
import produce from 'immer'
export const checkNodeValid = (payload: LLMNodeType) => {
return true
@ -83,29 +82,26 @@ export const findPropertyWithPath = (target: any, path: string[]) => {
return current
}
// const ajv = new Ajv({
// allErrors: true,
// verbose: true,
// validateSchema: true,
// meta: false,
// })
// ajv.addMetaSchema(draft7MetaSchema)
const ajv = new Ajv({
allErrors: true,
verbose: true,
})
// export const validateSchemaAgainstDraft7 = (schemaToValidate: any) => {
// const schema = produce(schemaToValidate, (draft: any) => {
// // Make sure the schema has the $schema property for draft-07
// if (!draft.$schema)
// draft.$schema = 'http://json-schema.org/draft-07/schema#'
// })
export const validateSchemaAgainstDraft7 = (schemaToValidate: any) => {
const schema = produce(schemaToValidate, (draft: any) => {
// Make sure the schema has the $schema property for draft-07
if (!draft.$schema)
draft.$schema = 'http://json-schema.org/draft-07/schema#'
})
// const valid = ajv.validateSchema(schema)
const valid = ajv.validateSchema(schema)
// return valid ? [] : ajv.errors || []
// }
return valid ? [] : ajv.errors || []
}
// export const getValidationErrorMessage = (errors: ErrorObject[]) => {
// const message = errors.map((error) => {
// return `Error: ${error.instancePath} ${error.message} Details: ${JSON.stringify(error.params)}`
// }).join('; ')
// return message
// }
export const getValidationErrorMessage = (errors: ErrorObject[]) => {
const message = errors.map((error) => {
return `Error: ${error.instancePath} ${error.message} Details: ${JSON.stringify(error.params)}`
}).join('; ')
return message
}