@chobantonov/jsonforms-svelte-shadcn-extended

Optional extended renderers for @chobantonov/jsonforms-svelte-shadcn. These are custom renderers beyond the main JSON Forms renderer set.

Installation

pnpm add @chobantonov/jsonforms-svelte-shadcn-extended @chobantonov/jsonforms-svelte-shadcn ag-grid-community

Follow the core package's app-owned Shadcn component setup, then install the additional progress component used by the file renderer:

pnpm dlx shadcn-svelte@latest add progress

Usage

Append the extended registry after the core registry:

import { shadcnCells, shadcnRenderers } from '@chobantonov/jsonforms-svelte-shadcn';
import {
  shadcnExtendedCells,
  shadcnExtendedRenderers,
} from '@chobantonov/jsonforms-svelte-shadcn-extended';

const renderers = [...shadcnRenderers, ...shadcnExtendedRenderers];
const cells = [...shadcnCells, ...shadcnExtendedCells];

Add the package to the Tailwind 4 source list:

@source '../node_modules/@chobantonov/jsonforms-svelte-shadcn-extended/dist';

This path assumes the stylesheet is src/app.css; adjust it relative to the stylesheet when it lives elsewhere.

Included renderers

• Button control
• Color control
• Duration control
• File control
• Null control
• Theme-aware, lazy-loaded AG Grid array control (options.variant: 'ag-grid')
• Split layout
• Shared slot, template, and template-layout renderers from @chobantonov/jsonforms-svelte-extended

The package exports shadcnExtendedRenderers, shadcnExtendedCells, the control and layout registry arrays, individual renderer components, and their registry entries.