Error Validation

[kozlovskk]

Hello, is there a way to implement custom error messages/validation for fields that are empty or expect a number, but string is passed for example? In the READ.me there is not mention, so just in case, wanted to ask here.

[pionxzh]

This is not supported at the moment. The JSON viewer itself supports passing a custom Editor for users who want to add new features or limitations on the input. See https://viewer.textea.io/how-to/data-types#editor

However, editor props do not contain path to retrieve path-specific validation rules.

json-viewer/src/type.ts

Lines 65 to 70 in 0a1bcac

	export type EditorProps<ValueType = unknown> = {
	value: ValueType
	setValue: Dispatch<ValueType>
	abortEditing: () => void
	commitEditing: (newValue: string) => void
	}

Based on this, we can add path to the props to achieve what you want. Let me check the code later and get back to you, and possibly write an example/demo in the document. 🙏

[kozlovskk]

Thank you for your response, will test this out :)

[pionxzh]

I will prepare a demo after #498 is merged.

[pionxzh]

Please check this demo with the input validation. I provided two implementations with different strategies. But this example is not perfect because the library does not provide a way to fully control the editing process. Users can still click the ✓ to submit changes.

I would suggest you use the commented way I left in the demo to disallow any invalid input.

[pionxzh]

Reopen since the library might need to have a way to do the checking before submitting the changes.

[ianldgs]

Would it be an idea to have some integration with JSON schemas?

[pionxzh]

@ianldgs I would expect it to be implemented in userland.

[ianldgs]

Yeah, just validation could make sense to do in user land.
But facilitating editing, e.g. auto suggesting keys/values, could be a generic thing.
Anyway, I had to move to Monaco editor for that, given I couldn't work out how to allow users to edit object keys.