Filament dynamic field repeater and runtime renderer

<?php

namespace App\Filament\Support;

use Filament\Forms\Components\Repeater;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\TagsInput;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Components\Toggle;
use Filament\Schemas\Components\Utilities\Get;
use Filament\Schemas\Components\Utilities\Set;
use Illuminate\Support\Str;

/** The editor: put FieldDefinitions::repeater() in a resource form. Cast the column to array. */
class FieldDefinitions
{
    public const TYPES = [
        'text' => 'Short text',
        'number' => 'Number',
        'select' => 'Dropdown',
        'checkbox' => 'Checkbox',
    ];

    public static function repeater(string $name = 'fields'): Repeater
    {
        return Repeater::make($name)
            ->columns(2)
            ->collapsible()
            ->cloneable()
            ->reorderableWithButtons()
            ->minItems(1)
            ->maxItems(30)
            ->addActionLabel('Add field')
            ->itemLabel(fn (array $state): ?string => $state['label'] ?? null)
            ->schema([
                TextInput::make('label')
                    ->required()
                    ->live(onBlur: true)
                    // Generate the storage key once, from the label.
                    ->afterStateUpdated(function (Get $get, Set $set, ?string $state) {
                        if (blank($get('key'))) {
                            $set('key', Str::snake((string) $state));
                        }
                    }),
                TextInput::make('key')->required()->alphaDash()->distinct(),
                Select::make('type')->options(self::TYPES)->default('text')->required()->live(),
                Toggle::make('required')->inline(false),
                // Options only make sense for dropdowns.
                TagsInput::make('options')
                    ->columnSpanFull()
                    ->visible(fn (Get $get): bool => $get('type') === 'select')
                    ->required(fn (Get $get): bool => $get('type') === 'select'),
                // Numeric bounds only for numbers.
                TextInput::make('min')->numeric()->visible(fn (Get $get): bool => $get('type') === 'number'),
                TextInput::make('max')->numeric()->visible(fn (Get $get): bool => $get('type') === 'number'),
            ]);
    }
}

<?php

namespace App\Filament\Support;

use Filament\Forms\Components\Checkbox;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\TextInput;

/** The renderer: turn the saved definitions into real inputs, e.g. in a Wizard step or a public form page. */
class DynamicFields
{
    /** @param  array<int, array<string, mixed>>  $definitions
     *  @return array<int, \Filament\Forms\Components\Field> */
    public static function components(array $definitions, string $statePath = 'answers'): array
    {
        return collect($definitions)->map(function (array $field) use ($statePath) {
            $name = "$statePath.{$field['key']}";

            $component = match ($field['type']) {
                'number' => TextInput::make($name)->numeric()
                    ->minValue($field['min'] ?? null)
                    ->maxValue($field['max'] ?? null),
                'select' => Select::make($name)
                    ->options(array_combine($field['options'] ?? [], $field['options'] ?? [])),
                'checkbox' => Checkbox::make($name),
                default => TextInput::make($name)->maxLength(255),
            };

            return $component
                ->label($field['label'])
                ->required((bool) ($field['required'] ?? false));
        })->all();
    }
}