README

This package was developed to give you a quick start to creating tickets via the Filament Json Field API.

💡 What is Filament Json Field?

Filament Json Field is a Filament wrapper for Codemirror.

🛠 Requirements

Package	PHP	Laravel	Filament Infolists	Filament Support	Filament Tables
v1.0	^8.1	^10.45, ^11.0	^3.2	^3.2	^3.2

⚙️ Installation

You can install the package via composer:

composer require codebar-ag/filament-json-field
php artisan filament:assets

Usage

Forms:

use CodebarAg\FilamentJsonField\Forms\Components\JsonInput;

...

public function form(Form $form): Form
{
    return $form
        ->schema([
            JsonInput::make('json')
                ->label('JSON')
                ->lineNumbers(true)
                ->lineWrapping(true)
                ->autoCloseBrackets(true)
                ->darkTheme(true)
                ->foldingCode(true)
                ->foldedCode(true), // Folded code will fold the code on form load
        ]);
}
...

Infolists:

use CodebarAg\FilamentJsonField\Forms\Components\JsonEntry;

...

public function form(Form $form): Form
{
    return $form
        ->schema([
            JsonEntry::make('json')
                ->label('JSON')
                ->lineNumbers(true)
                ->lineWrapping(true)
                ->autoCloseBrackets(true)
                ->darkTheme(true)
                ->foldingCode(true)
                ->foldedCode(true), // Folded code will fold the code on form load
        ]);
}
...

Options

The following options are currently supported:

Request	Supported
Line Numbers	✅
Auto Close Brackets	✅
Dark Theme	✅
Folding Code	✅

🚧 Testing

Copy your own phpunit.xml-file.

cp phpunit.xml.dist phpunit.xml

Run the tests:

./vendor/bin/pest

🚧 Building

node bin/build

Note: there is no output, but the build will be in the dist directory.

📝 Changelog

Please see CHANGELOG for recent changes.

✏️ Contributing

Please see CONTRIBUTING for details.

composer test

Code Style

./vendor/bin/pint

codebar-ag / filament-json-field

Maintainers

Details