Download the PHP package pepperfm/filament-json without Composer
On this page you can find all versions of the php package pepperfm/filament-json. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download pepperfm/filament-json
More information about pepperfm/filament-json
Files in pepperfm/filament-json
Package filament-json
Short Description Filament plugin for processing JSON field
License MIT
Homepage https://github.com/pepperfm/filament-json
Informations about the package filament-json
Filament JSON Column (v4)
Beautiful JSON viewer column for Filament v4 tables.
- Render modes: Tree / Table
- Presentation modes: Inline / Modal / Drawer
- Inline shows pretty-printed raw JSON (compact, fast) with click-to-copy
- Modal/Drawer support Expand all / Collapse all (Tree mode) and Copy JSON
- Polished light/dark styling. No build steps required for your app.
Installation
Documentation on my doc. website
Previous major versions:
- Filament 4 →
composer require pepperfm/filament-json:^3.0
- Filament 3 →
composer require pepperfm/filament-json:^2.0
Optionally publish config or views if you want to customize them:
No Tailwind/Vite setup is required — the package ships a compiled stylesheet and registers it via Filament assets.
Quick start
Sugar aliases
Behavior & UX
- Inline container always renders a pretty-printed raw JSON block directly in the cell.
Click the block (or press Enter/Space when focused) to copy JSON to clipboard. - Expand/Collapse buttons only appear in Tree mode, and only for Modal/Drawer.
maxDepth(int)
controls nesting depth rendering in Table mode.filterNullable(true)
filters out null/empty values from arrays/collections.characterLimit(?int)
truncates long string scalars.
Modal / Drawer toolbar
In modal/drawer modes you can enable a small toolbar above the content:
Labels (Table mode)
API reference (selected)
renderAs(RenderModeEnum::Tree|Table)
— choose how JSON is rendered.presentIn(ContainerModeEnum::Inline|Modal|Drawer)
— choose where it is presented.asTree()
,asTable()
— sugar forrenderAs(...)
.inlineContainer()
,inModal()
,inDrawer()
— sugar forpresentIn(...)
.initiallyCollapsed(int $depth = 1)
— auto-collapse depth for Tree.expandAllToggle(bool $on = true)
— toggle Tree toolbar buttons (modal/drawer).copyJsonAction(bool $on = true)
— toggle Copy JSON button (modal/drawer).keyColumnLabel(string)
,valueColumnLabel(string)
— Table headers.maxDepth(int)
— nesting limit for Table mode nested blocks.filterNullable(bool)
— filter out null/empty values.characterLimit(?int)
— truncate long string values.getContainerMode()
/isModalContainer()
/isDrawerContainer()
/isInlineContainer()
— container checks.
Migration from v3 → v4
TL;DR
- Inline now always renders pretty raw JSON (with click‑to‑copy).
If you need the interactive Tree inside a cell — switch to Modal or Drawer (e.g.->inDrawer()
). - Methods renamed for clarity (old ones still work but are deprecated):
asModal()
→inModal()
asDrawer()
→inDrawer()
inline()
→inlineContainer()
getAsModal()/getAsDrawer()/getContainer()
→getContainerMode()
orisInlineContainer()
- No app-side asset build is required anymore — the package ships compiled CSS.
Before (v3)
After (v4)
Inline behavior change
If you previously relied on Tree/Table inline (inside the cell), note that v4 renders pretty JSON instead.
To keep the interactive view, present it in a modal or drawer:
Optional toolbar
In modal/drawer Tree mode you can show a small toolbar:
Testing adjustments
If you test rendering, switch to Filament v4’s List resource page approach (per Filament’s docs) and ensure session/error bags are initialized in your test case to avoid ViewErrorBag
null issues.
Version matrix
- Filament 4.x →
pepperfm/filament-json:^4.0
&&pepperfm/filament-json:^3.0
- Filament 3.x →
pepperfm/filament-json:^2.0
Your existing constraints like ^2.x
or ^3.x
will continue to resolve to the proper major — v4 won’t auto-install unless you opt in.
Styling
The package ships a compiled CSS with soft borders, proper light/dark palette, and table grid lines.
If you publish views and manually tweak Tailwind, ensure your scanner includes the package views (e.g. resources/views/vendor/filament-json/**/*.blade.php
).
Customize button and modal props
[!IMPORTANT] The
button()
andmodal()
method accept the type ofarray|Arrayable|\stdClass
, and implements basic properties of button and modal blade components from Filament documentation: Core Concepts - Blade Components
DTO schemas of components configuration:
Testing
Skipped for now
Changelog
See the GitHub Releases page for a full changelog per version.
Security
If you discover any security-related issues, please email the maintainer instead of using the issue tracker.
Credits
- @pepperfm (author)
- All contributors
License
The MIT License (MIT). See LICENSE
for details.
All versions of filament-json with dependencies
filament/filament Version ^4.0
pepperfm/ssd-for-laravel Version ^0.0.8
spatie/laravel-package-tools Version ^1.15.0