[Feature] Auto-generate fields and types in InputValues & JsonSchemaEditor from JSON string.

[lq9958]

Currently, both InputValues and JsonSchemaEditor require users to manually add fields one by one and then choose each field’s data type.
When users already have a JSON string (for example, copied from an API response or mock data), this manual process becomes repetitive and time-consuming⏳.

It would be much more efficient if these components could automatically generate field definitions (with type inference) based on the provided JSON string.

Proposed behavior:

When the user provides a JSON string, the component:

1. Parses the JSON.
2. Creates fields automatically.
3. Infers each field’s data type (string, number, boolean, object, array, etc.).

Benefits:

1. Saves time for users handling large JSON payloads.
2. Reduces human error when manually creating schema fields.

Example

{
  "name": "Alice",
  "age": 25,
  "tags": ["developer", "openai"]
}

Result

Field	Type
name	string
age	number
tags	array

[sanmaopep]

You can try @flowgram.ai/type-editor which provide complicated features, such as convert JSON to JSON Schema.
See: https://github.com/bytedance/flowgram.ai/releases/tag/v0.3.2

Although we will not modify JsonSchemaEditor or InputsValues, since a lot of people use CLI to use this materials, we do not want to make this materials too complicated for these people to customize it.

But it's a good idea to provide extra materials such as a magic button 🪄, when clicked, convert a json to InputsValues or JsonSchameEditor.

Let me keep this issue to track the progress.

[lq9958]

You can try @flowgram.ai/type-editor which provide complicated features, such as convert JSON to JSON Schema. See: https://github.com/bytedance/flowgram.ai/releases/tag/v0.3.2

Although we will not modify `JsonSchemaEditor` or `InputsValues`, since a lot of people use CLI to use this materials, we do not want to make this materials too complicated for these people to customize it.

But it's a good idea to provide extra materials such as a magic button 🪄, when clicked, convert a json to InputsValues or JsonSchameEditor.

Let me keep this issue to track the progress.

Thanks for the reply! I’ve already fork the code and added this feature on my end, so it seems there’s no need to submit it now, haha 😄
The @flowgram.ai/type-editor component looks really nice — when can we expect to see it in the official release?

[sanmaopep]

@lq9958 @flowgram.ai/type-editor is available on npm now, you can use it directly, but currently we do not have enough time to maintain and document it.