svelte-jsonschema-form v3 is released

[x0k]

Straight to the point.

What’s new?

Removed the json-schema-merge-allof dependency

One of the main reasons for developing v3 was the dependency on json-schema-merge-allof.

That package relies on lodash, which significantly increased the bundle size.

To fix this, we built our own library, integrated into @sjsf/form for code reuse. It’s 20x smaller (gzip), faster, and more reliable.
See Merger setup.

Nullable schema support

Schemas like "type": ["string", "null"] now work correctly.
Try it in the Playground.

New form option: idBuilder

You can now fully control how id and name attributes are generated using the idBuilder option.
See ID Builder interface.

New form method: hasFieldState

Check the state of any specific field (focused, inputted, changed, blurred) using the new hasFieldState method.
See Other methods.

New UI option: action

This convention is implemented by specific themes and allows defining snippets via action: someSnippet in UI options.
The snippet is rendered next to the field label or title.

See docs and advanced example optional-data-controls.

New field type: unknownField

This field is rendered for JSON Schemas where the data type is not explicitly defined (e.g. {}).
Since validators treat such schemas as accepting any value, it can be used to handle non-JSON data like File.
See Native File guide.

SvelteKit integration

The form actions integration has been reworked, and experimental support for remote functions has been added.

Themes

The basic theme now uses CSS classes for styling, making it easier to integrate with frameworks like Pico CSS.

Added support for:

• Skeleton v4
• shadcn-svelte-extra (experimental)
• SVAR (experimental)

Migration

• Migration guide
• v2 Documentation